one/dist/cjs/link/Link.cjs

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.cjs"),
  import_useLinkTo = require("./useLinkTo.cjs"),
  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 {};
  }
});