"use client";
import { jsxs as d, jsx as e } from "react/jsx-runtime";
import { forwardRef as k } from "react";
import { c as t } from "./cn-ct4n7r74mh8y0f48.js";
import { u as p } from "./link-provider-mn2voeohon7cj9o4.js";
import { bl as f, bm as L } from "./vendor-base-ui-kxxocm122zr4pipe.js";
const i = (n) => /* @__PURE__ */ d(
  "svg",
  {
    width: "1em",
    height: "1em",
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    "aria-hidden": "true",
    className: "link-external-icon",
    ...n,
    children: [
      /* @__PURE__ */ e("path", { d: "M9 4H8.8C7.11984 4 6.27976 4 5.63803 4.32698C5.07354 4.6146 4.6146 5.07354 4.32698 5.63803C4 6.27976 4 7.11984 4 8.8V15.2C4 16.8802 4 17.7202 4.32698 18.362C4.6146 18.9265 5.07354 19.3854 5.63803 19.673C6.27976 20 7.11984 20 8.8 20H15.2C16.8802 20 17.7202 20 18.362 19.673C18.9265 19.3854 19.3854 18.9265 19.673 18.362C20 17.7202 20 16.8802 20 15.2V15" }),
      /* @__PURE__ */ e("path", { d: "M14 4H20M20 4V10M20 4L11 13" })
    ]
  }
);
i.displayName = "Link.ExternalIcon";
const x = {
  variant: {
    inline: {
      classes: (
        // text-kumo-link provides defensive color that won't be overridden by global `a` styles
        "text-kumo-link underline underline-offset-[0.15em] decoration-[0.0625em] link-current transition-colors"
      ),
      description: "Inline text link that flows with content"
    },
    current: {
      classes: "text-current underline underline-offset-[0.15em] decoration-[0.0625em] link-current transition-colors",
      description: "Link that inherits color from parent text"
    },
    plain: {
      classes: (
        // text-kumo-link provides defensive color that won't be overridden by global `a` styles
        "text-kumo-link hover:text-kumo-link/70 transition-colors"
      ),
      description: "Link without underline decoration"
    }
  }
}, h = {
  variant: "inline"
};
function C({
  variant: n = h.variant
} = {}) {
  return t(x.variant[n].classes);
}
const r = k(function({ className: o, variant: s = "inline", render: a, ...l }, c) {
  const m = p(), u = {
    className: t(
      C({ variant: s }),
      "group/link inline-flex items-center gap-[0.1875em]"
    )
  };
  return f({
    render: a ?? /* @__PURE__ */ e(m, {}),
    ref: c,
    props: L(u, l, { className: o })
  });
});
r.displayName = "Link";
const V = Object.assign(r, {
  ExternalIcon: i
});
export {
  x as K,
  V as L,
  h as a,
  C as l
};
//# sourceMappingURL=link-moetfdbgxda0yhwg.js.map
