one/dist/cjs/link/Link.js

One is a new React Framework that makes Vite serve both native and web.

var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: !0 });
}, __copyProps = (to, from, except, desc) => {
  if (from && typeof from == "object" || typeof from == "function")
    for (let key of __getOwnPropNames(from))
      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
  mod
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
var Link_exports = {};
__export(Link_exports, {
  Link: () => Link
});
module.exports = __toCommonJS(Link_exports);
var import_react_slot = require("@radix-ui/react-slot"), React = __toESM(require("react"), 1), import_react_native = require("react-native-web"), import_href = require("./href"), import_useLinkTo = require("./useLinkTo"), import_jsx_runtime = require("react/jsx-runtime");
const Link = React.forwardRef(function({
  href,
  replace,
  push,
  id,
  mask,
  // TODO: This does not prevent default on the anchor tag.
  asChild,
  rel,
  target,
  download,
  ...rest
}, ref) {
  const style = useInteropClassName(rest), hrefAttrs = useHrefAttrs({ asChild, rel, target, download }), resolvedHref = React.useMemo(() => {
    if (href == null)
      throw new Error("Link: href is required");
    return (0, import_href.resolveHref)(href);
  }, [href]), resolvedMask = React.useMemo(() => mask ? (0, import_href.resolveHref)(mask) : void 0, [mask]), props = (0, import_useLinkTo.useLinkTo)({ href: resolvedHref, replace, mask: resolvedMask }), onPress = (e) => {
    "onPress" in rest && rest.onPress?.(e), props.onPress(e);
  };
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
    asChild ? import_react_slot.Slot : import_react_native.Text,
    {
      ref,
      ...props,
      ...hrefAttrs,
      ...rest,
      id,
      style: asChild ? null : style,
      ...import_react_native.Platform.select({
        web: {
          onClick: onPress
        },
        default: { onPress }
      })
    }
  );
});
Link.resolveHref = import_href.resolveHref;
function useInteropClassName(props) {
  return import_react_native.Platform.OS !== "web" ? props.style : React.useMemo(() => {
    if (props.className == null)
      return props.style;
    const cssStyle = {
      $$css: !0,
      __routerLinkClassName: props.className
    };
    return Array.isArray(props.style) ? [...props.style, cssStyle] : [props.style, cssStyle];
  }, [props.style, props.className]);
}
const useHrefAttrs = import_react_native.Platform.select({
  web: function({
    asChild,
    rel,
    target,
    download
  }) {
    return React.useMemo(() => {
      const hrefAttrs = {
        rel,
        target,
        download
      };
      return asChild ? hrefAttrs : {
        hrefAttrs
      };
    }, [asChild, rel, target, download]);
  },
  default: function() {
    return {};
  }
});
//# sourceMappingURL=Link.js.map