"use client";
import { jsxs as p, jsx as e } from "react/jsx-runtime";
import { forwardRef as k } from "react";
import { c as i } from "./cn-ct4n7r74mh8y0f48.js";
import { r as f } from "./resolve-variant-gw6eh7fa4st8ej7m.js";
import { u as L } from "./link-provider-mn2voeohon7cj9o4.js";
import { aU as x, aV as h } from "./vendor-base-ui-ie71jahf0czyf58j.js";
const r = (n) => /* @__PURE__ */ p(
  "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" })
    ]
  }
);
r.displayName = "Link.ExternalIcon";
const C = {
  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"
    }
  }
}, t = {
  variant: "inline"
};
function v({
  variant: n = t.variant
} = {}) {
  return i(f(C.variant, n, t.variant).classes);
}
const o = k(function({ className: s, variant: a = "inline", render: l, ...c }, m) {
  const u = L(), d = {
    className: i(
      v({ variant: a }),
      "group/link inline-flex items-center gap-[0.1875em]"
    )
  };
  return x({
    render: l ?? /* @__PURE__ */ e(u, {}),
    ref: m,
    props: h(d, c, { className: s })
  });
});
o.displayName = "Link";
const K = Object.assign(o, {
  ExternalIcon: r
});
export {
  C as K,
  K as L,
  t as a,
  v as l
};
//# sourceMappingURL=link-m9hlspftl34nseme.js.map
