@sanity/sanity-id 1.5.0 → 1.6.0

package/dist/AvatarStack.mjs

@@ -0,0 +1,55 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import _ from "classnames";
+import { S as p } from "./SanityImage-BiL4qP5X.mjs";
+const w = "_root_18qwp_3", u = "_imageList_18qwp_17", y = "_imageItem_18qwp_21", N = "_image_18qwp_17", q = "_names_18qwp_45", i = {
+  root: w,
+  imageList: u,
+  imageItem: y,
+  image: N,
+  names: q
+}, S = {
+  sm: 30,
+  md: 40
+};
+function z({ className: f, persons: c, size: l }) {
+  l ??= "md";
+  const a = S[l], m = c.length, r = [];
+  for (let t of c) {
+    if (r.length === 2) break;
+    t.name && r.push(t.name);
+  }
+  const [s, g] = r;
+  let e = "";
+  return s ? m === 1 ? e = s : m === 2 && g ? e = `${s}, ${g}` : m === 2 && !g ? e = `${s} + 1 others` : m === 3 ? e = `${s} + 2 others` : m === 4 && (e = `${s} + 3 others`) : e = "", /* @__PURE__ */ d("div", { className: _(i.root, f), "data-size": l, children: [
+    /* @__PURE__ */ n("ul", { className: i.imageList, children: c.map(({ name: t = "", image: o }, h) => /* @__PURE__ */ d("li", { className: i.imageItem, children: [
+      typeof o == "string" && /* @__PURE__ */ n(
+        p,
+        {
+          src: o,
+          className: i.image,
+          decoding: "async",
+          height: a,
+          loading: "lazy",
+          width: a,
+          widths: [a],
+          alt: t
+        }
+      ),
+      typeof o == "function" && /* @__PURE__ */ n(
+        o,
+        {
+          className: i.image,
+          decoding: "async",
+          height: a,
+          loading: "lazy",
+          width: a,
+          alt: t
+        }
+      )
+    ] }, h + t)) }),
+    !!e && /* @__PURE__ */ n("p", { className: i.names, children: e })
+  ] });
+}
+export {
+  z as AvatarStack
+};

package/dist/Badge.mjs

@@ -1,18 +1,16 @@
-import { jsx as e } from "react/jsx-runtime";
-import m from "classnames";
-const t = "_badge_y5ly8_3", c = {
-  badge: t
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import t from "classnames";
+import { SanityIcon as i } from "./SanityIcon.mjs";
+const m = "_badge_184a6_3", r = "_icon_184a6_33", n = {
+  badge: m,
+  icon: r
 };
-function n({ size: a, ...s }) {
-  return a ??= "md", /* @__PURE__ */ e(
-    "span",
-    {
-      ...s,
-      "data-size": a,
-      className: m(c.badge, s.className)
-    }
-  );
+function _({ icon: a, size: s, ...c }) {
+  return s ??= "md", /* @__PURE__ */ o("span", { "data-size": s, className: t(n.badge, c.className), children: [
+    typeof a == "string" && /* @__PURE__ */ e(i, { icon: a, className: n.icon }),
+    c.children
+  ] });
 }
 export {
-  n as Badge
+  _ as Badge
 };

package/dist/Button.mjs

@@ -1,8 +1,8 @@
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
 import { SanityIcon as r } from "./SanityIcon.mjs";
-import _ from "classnames";
-const f = "_button_lxcx1_3", p = "_iconLeft_lxcx1_125", u = "_iconRight_lxcx1_126", s = {
-  button: f,
+import f from "classnames";
+const l = "_button_1x2kx_3", p = "_iconLeft_1x2kx_128", u = "_iconRight_1x2kx_129", s = {
+  button: l,
   iconLeft: p,
   iconRight: u
 };
@@ -11,18 +11,18 @@ function y({
   children: e,
   iconLeft: t,
   iconRight: n,
-  mode: c,
-  size: a,
+  mode: a,
+  size: c,
   ...i
 }) {
-  const l = m ?? "a";
-  return a ??= "md", c ??= "primary", typeof t == "string" && (t = /* @__PURE__ */ o(r, { icon: t })), typeof n == "string" && (n = /* @__PURE__ */ o(r, { icon: n })), /* @__PURE__ */ x(
-    l,
+  const x = m ?? "a";
+  return c ??= "md", a ??= "primary", typeof t == "string" && (t = /* @__PURE__ */ o(r, { icon: t })), typeof n == "string" && (n = /* @__PURE__ */ o(r, { icon: n })), /* @__PURE__ */ _(
+    x,
     {
       ...i,
-      className: _(s.button, i.className),
-      "data-size": a,
-      "data-mode": c,
+      className: f(s.button, i.className),
+      "data-size": c,
+      "data-mode": a,
       children: [
         !!t && /* @__PURE__ */ o("span", { className: s.iconLeft, children: t }),
         e,

package/dist/Card.mjs

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as c, Fragment as h } from "react/jsx-runtime";
-import { S as m } from "./SanityImage-BiL4qP5X.mjs";
-import n from "classnames";
-const _ = "_link_1m5mb_3", d = "_image_1m5mb_15", p = "_imageDark_1m5mb_21", k = "_imageLight_1m5mb_26", b = "_eyebrow_1m5mb_32", y = "_title_1m5mb_37", t = {
+import { S as r } from "./SanityImage-BiL4qP5X.mjs";
+import o from "classnames";
+const _ = "_link_1bi75_3", d = "_image_1bi75_16", p = "_imageDark_1bi75_22", k = "_imageLight_1bi75_27", b = "_eyebrow_1bi75_33", y = "_title_1bi75_38", i = {
   link: _,
   image: d,
   imageDark: p,
@@ -11,31 +11,31 @@ const _ = "_link_1m5mb_3", d = "_image_1m5mb_15", p = "_imageDark_1m5mb_21", k =
 };
 function D({
   arrow: a = "right",
-  className: o,
-  eyebrow: r,
+  className: l,
+  eyebrow: n,
   href: s,
-  image: i,
-  link: l = f,
-  title: g
+  image: t,
+  link: g = f,
+  title: m
 }) {
-  return /* @__PURE__ */ e("article", { className: o, children: /* @__PURE__ */ c(l, { href: s, className: t.link, children: [
-    typeof i == "string" && /* @__PURE__ */ e(
-      m,
+  return /* @__PURE__ */ e("article", { className: l, children: /* @__PURE__ */ c(g, { href: s, className: i.link, children: [
+    typeof t == "string" && /* @__PURE__ */ e(
+      r,
       {
-        src: i,
-        className: t.image,
+        src: t,
+        className: i.image,
         width: 400,
         widths: [400],
         height: 225,
         crop: "center"
       }
     ),
-    typeof i == "object" && /* @__PURE__ */ c(h, { children: [
+    typeof t == "object" && /* @__PURE__ */ c(h, { children: [
       /* @__PURE__ */ e(
-        m,
+        r,
         {
-          src: i.light,
-          className: n(t.image, t.imageLight),
+          src: t.light,
+          className: o(i.image, i.imageLight),
           width: 400,
           widths: [400],
           height: 225,
@@ -43,10 +43,10 @@ function D({
         }
       ),
       /* @__PURE__ */ e(
-        m,
+        r,
         {
-          src: i.dark,
-          className: n(t.image, t.imageDark),
+          src: t.dark,
+          className: o(i.image, i.imageDark),
           width: 400,
           widths: [400],
           height: 225,
@@ -54,14 +54,14 @@ function D({
         }
       )
     ] }),
-    typeof i == "function" && i({
-      className: t.image,
+    typeof t == "function" && t({
+      className: i.image,
       decoding: "async",
       loading: "lazy"
     }),
-    !!r && /* @__PURE__ */ e("p", { className: t.eyebrow, children: r }),
-    /* @__PURE__ */ c("p", { className: t.title, children: [
-      g,
+    !!n && /* @__PURE__ */ e("p", { className: i.eyebrow, children: n }),
+    /* @__PURE__ */ c("p", { className: i.title, children: [
+      m,
       " ",
       !!s && a === "right" && "→",
       !!s && a === "top-right" && "↗︎"

package/dist/Checkbox.mjs

@@ -1,44 +1,44 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import t from "classnames";
-import { SanityIcon as l } from "./SanityIcon.mjs";
-const m = "_wrapper_15wcp_3", b = "_checkbox_15wcp_9", _ = "_label_15wcp_42", p = "_error_15wcp_49", d = "_errorIcon_15wcp_58", r = {
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import l from "classnames";
+import { SanityIcon as t } from "./SanityIcon.mjs";
+const m = "_wrapper_vzeln_3", b = "_checkbox_vzeln_9", _ = "_label_vzeln_43", d = "_error_vzeln_50", h = "_errorIcon_vzeln_59", c = {
   wrapper: m,
   checkbox: b,
   label: _,
-  error: p,
-  errorIcon: d
+  error: d,
+  errorIcon: h
 };
-function N({ error: e, label: o, ...c }) {
+function p({ error: e, label: o, ...r }) {
   if (!e && !o)
     return /* @__PURE__ */ a(
       "input",
       {
-        ...c,
+        ...r,
         type: "checkbox",
-        className: t(r.checkbox, c.className)
+        className: l(c.checkbox, r.className)
       }
     );
-  const s = `${c.id}-error`;
-  let i = c["aria-describedby"] ?? "";
-  return e && (i += ` ${s}`), /* @__PURE__ */ n("label", { className: r.wrapper, children: [
+  const s = `${r.id}-error`;
+  let n = r["aria-describedby"] ?? "";
+  return e && (n += ` ${s}`), /* @__PURE__ */ i("label", { className: c.wrapper, children: [
     /* @__PURE__ */ a(
       "input",
       {
-        ...c,
+        ...r,
         type: "checkbox",
-        className: t(r.checkbox, c.className),
-        "aria-describedby": i.trim(),
+        className: l(c.checkbox, r.className),
+        "aria-describedby": n.trim(),
         "aria-errormessage": e ? s : void 0,
         "aria-invalid": e ? "true" : !1
       }
     ),
-    !!o && /* @__PURE__ */ a("p", { className: r.label, children: o }),
-    !!e && /* @__PURE__ */ n("p", { className: r.error, children: [
-      /* @__PURE__ */ a(l, { icon: "error-outline", className: r.errorIcon }),
+    !!o && /* @__PURE__ */ a("p", { className: c.label, children: o }),
+    !!e && /* @__PURE__ */ i("p", { className: c.error, children: [
+      /* @__PURE__ */ a(t, { icon: "error-outline", className: c.errorIcon }),
       e
     ] })
   ] });
 }
 export {
-  N as Checkbox
+  p as Checkbox
 };

package/dist/Chip.mjs

@@ -1,34 +1,34 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import r from "classnames";
-import { SanityIcon as m } from "./SanityIcon.mjs";
-const _ = "_chip_1p98z_3", d = "_text_1p98z_36", x = "_icon_1p98z_45", a = {
-  chip: _,
-  text: d,
-  icon: x
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import m from "classnames";
+import { SanityIcon as d } from "./SanityIcon.mjs";
+const p = "_chip_1nfjd_3", f = "_text_1nfjd_37", _ = "_icon_1nfjd_46", a = {
+  chip: p,
+  text: f,
+  icon: _
 };
-function z({
+function u({
   children: c,
-  className: o,
-  deleteIcon: e = !1,
-  size: i = "md",
-  letterCase: n = "normal",
+  className: n,
+  deleteIcon: o = !1,
+  size: e = "md",
+  letterCase: i = "normal",
   state: l = "default",
   onDelete: s
 }) {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: r(a.chip, o),
-      "data-size": i,
-      "data-letter-case": n,
+      className: m(a.chip, n),
+      "data-size": e,
+      "data-letter-case": i,
       "data-state": l,
       children: [
         /* @__PURE__ */ t("span", { className: a.text, children: c }),
-        (!!s || e) && /* @__PURE__ */ t("button", { "aria-label": `Delete ${c}`, onClick: s, children: /* @__PURE__ */ t(m, { icon: "close", className: a.icon }) })
+        (!!s || o) && /* @__PURE__ */ t("button", { "aria-label": `Delete ${c}`, onClick: s, children: /* @__PURE__ */ t(d, { icon: "close", className: a.icon }) })
       ]
     }
   );
 }
 export {
-  z as Chip
+  u as Chip
 };

package/dist/CodeBlock.mjs

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import { createContext as y, useState as w, useMemo as L, useRef as N, use as _ } from "react";
-import { IconButton as g } from "./IconButton.mjs";
-import { C as h, n as f } from "./Code-BPWAuxLu.mjs";
-const p = y(["", () => {
-}]), x = (o) => `tab-${o}`, v = (o) => `tabpanel-${o}`;
-function z({ children: o, className: e, defaultValue: t }) {
-  const [a, s] = w(t), c = L(() => [a, s], [a]);
-  return /* @__PURE__ */ n(p.Provider, { value: c, children: /* @__PURE__ */ n("div", { className: e, children: o }) });
+import { createContext as w, useState as L, useMemo as N, useRef as C, use as _ } from "react";
+import { IconButton as b } from "./IconButton.mjs";
+import { C as g, n as f } from "./Code-BPWAuxLu.mjs";
+const p = w(["", () => {
+}]), x = (o) => `tab-${o}`, y = (o) => `tabpanel-${o}`;
+function I({ children: o, className: e, defaultValue: t }) {
+  const [a, c] = L(t), l = N(() => [a, c], [a]);
+  return /* @__PURE__ */ n(p.Provider, { value: l, children: /* @__PURE__ */ n("div", { className: e, children: o }) });
 }
-function C({ children: o, className: e }) {
-  const t = N(null);
+function v({ children: o, className: e }) {
+  const t = C(null);
   return /* @__PURE__ */ n(
     "div",
     {
@@ -19,13 +19,13 @@ function C({ children: o, className: e }) {
       role: "tablist",
       onKeyDown: (a) => {
         if (!t.current || !["ArrowLeft", "ArrowRight"].includes(a.key)) return;
-        const c = t.current.querySelectorAll('button[role="tab"]'), r = Array.from(c), b = r.length - 1, d = r.findIndex((i) => i.ariaSelected === "true");
+        const l = t.current.querySelectorAll('button[role="tab"]'), r = Array.from(l), h = r.length - 1, d = r.findIndex((i) => i.ariaSelected === "true");
         if (a.key === "ArrowLeft") {
-          const i = d === 0 ? b : d - 1;
+          const i = d === 0 ? h : d - 1;
           r[i]?.focus();
         }
         if (a.key === "ArrowRight") {
-          const i = d === b ? 0 : d + 1;
+          const i = d === h ? 0 : d + 1;
           r[i]?.focus();
         }
       },
@@ -33,19 +33,19 @@ function C({ children: o, className: e }) {
     }
   );
 }
-function I({ children: o, className: e, id: t }) {
-  const [a, s] = _(p), c = t === a;
+function j({ children: o, className: e, id: t }) {
+  const [a, c] = _(p), l = t === a;
   return /* @__PURE__ */ n(
     "button",
     {
-      "aria-selected": c,
-      "aria-controls": v(t),
+      "aria-selected": l,
+      "aria-controls": y(t),
       className: e,
       id: x(t),
-      onClick: () => s(t),
-      onFocus: () => s(t),
+      onClick: () => c(t),
+      onFocus: () => c(t),
       role: "tab",
-      tabIndex: c ? 0 : -1,
+      tabIndex: l ? 0 : -1,
       children: o
     }
   );
@@ -57,7 +57,7 @@ function k({ children: o, className: e, id: t }) {
     {
       "aria-labelledby": x(t),
       className: e,
-      id: v(t),
+      id: y(t),
       role: "tabpanel",
       style: { display: t === a ? void 0 : "none" },
       tabIndex: 0,
@@ -65,24 +65,24 @@ function k({ children: o, className: e, id: t }) {
     }
   );
 }
-const B = "_wrapper_z485v_3", A = "_tabList_z485v_11", T = "_tab_z485v_11", V = "_title_z485v_29", $ = "_code_z485v_35", P = "_copyButton_z485v_48", l = {
+const B = "_wrapper_shja8_3", A = "_tabList_shja8_11", T = "_tab_shja8_11", z = "_title_shja8_29", V = "_code_shja8_35", $ = "_copyButton_shja8_48", s = {
   wrapper: B,
   tabList: A,
   tab: T,
-  title: V,
-  code: $,
-  copyButton: P
+  title: z,
+  code: V,
+  copyButton: $
 };
 function q({ tabs: o }) {
   if (o.length === 1) {
     const [e] = o, t = !e.title && !e.code.includes(`
 `);
-    return /* @__PURE__ */ u("div", { className: l.wrapper, "data-mode": t ? "minimal" : "normal", children: [
-      !!e.title && /* @__PURE__ */ n("p", { className: l.title, children: e.title }),
+    return /* @__PURE__ */ u("div", { className: s.wrapper, "data-mode": t ? "minimal" : "normal", children: [
+      !!e.title && /* @__PURE__ */ n("p", { className: s.title, children: e.title }),
       /* @__PURE__ */ n(
-        h,
+        g,
         {
-          className: l.code,
+          className: s.code,
           code: e.code,
           language: e.language,
           highlightLines: e.highlightLines,
@@ -91,9 +91,9 @@ function q({ tabs: o }) {
         }
       ),
       /* @__PURE__ */ n(
-        g,
+        b,
         {
-          className: l.copyButton,
+          className: s.copyButton,
           as: "button",
           icon: "clipboard",
           size: "md",
@@ -105,18 +105,18 @@ function q({ tabs: o }) {
     ] });
   }
   return /* @__PURE__ */ u(
-    z,
+    I,
     {
       defaultValue: m(o[0], 0),
-      className: l.wrapper,
+      className: s.wrapper,
       "data-mode": "normal",
       children: [
-        /* @__PURE__ */ n(C, { className: l.tabList, children: o.map((e, t) => /* @__PURE__ */ n(I, { id: m(e, t), className: l.tab, children: e.title ?? `File ${t + 1}` }, t)) }),
-        o.map((e, t) => /* @__PURE__ */ u(k, { id: m(e, t), className: l.tabPanel, children: [
+        /* @__PURE__ */ n(v, { className: s.tabList, children: o.map((e, t) => /* @__PURE__ */ n(j, { id: m(e, t), className: s.tab, children: e.title ?? `File ${t + 1}` }, t)) }),
+        o.map((e, t) => /* @__PURE__ */ u(k, { id: m(e, t), className: s.tabPanel, children: [
           /* @__PURE__ */ n(
-            h,
+            g,
             {
-              className: l.code,
+              className: s.code,
               code: e.code,
               language: e.language,
               highlightLines: e.highlightLines,
@@ -124,9 +124,9 @@ function q({ tabs: o }) {
             }
           ),
           /* @__PURE__ */ n(
-            g,
+            b,
             {
-              className: l.copyButton,
+              className: s.copyButton,
               as: "button",
               icon: "clipboard",
               size: "md",

package/dist/IconButton.mjs

@@ -1,27 +1,27 @@
 import { jsx as n } from "react/jsx-runtime";
 import { SanityIcon as e } from "./SanityIcon.mjs";
 import i from "classnames";
-const l = "_button_yt6mm_3", u = "_icon_yt6mm_114", s = {
+const l = "_button_qvatm_3", u = "_icon_qvatm_115", c = {
   button: l,
   icon: u
 };
 function b({
-  as: c,
+  as: m,
   icon: t,
   label: d,
   mode: o,
   size: a,
-  ...m
+  ...s
 }) {
-  const r = c ?? "a";
+  const r = m ?? "a";
   return a ??= "md", o ??= "primary", typeof t == "string" && (t = /* @__PURE__ */ n(e, { icon: t })), /* @__PURE__ */ n(
     r,
     {
-      ...m,
-      className: i(s.button, m.className),
+      ...s,
+      className: i(c.button, s.className),
       "data-size": a,
       "data-mode": o,
-      children: /* @__PURE__ */ n("span", { className: s.icon, "aria-hidden": "true", children: t })
+      children: /* @__PURE__ */ n("span", { className: c.icon, "aria-hidden": "true", children: t })
     }
   );
 }

package/dist/Input.mjs

@@ -1,26 +1,26 @@
 import { jsx as i, jsxs as s } from "react/jsx-runtime";
 import l from "classnames";
-import { SanityIcon as _ } from "./SanityIcon.mjs";
-const m = "_input_1uwxy_3", d = "_wrapper_1uwxy_21", p = "_label_1uwxy_26", w = "_optional_1uwxy_32", y = "_hint_1uwxy_38", N = "_error_1uwxy_47", x = "_errorIcon_1uwxy_56", a = {
-  input: m,
-  wrapper: d,
-  label: p,
-  optional: w,
-  hint: y,
-  error: N,
-  errorIcon: x
+import { SanityIcon as m } from "./SanityIcon.mjs";
+const d = "_input_cpygt_3", p = "_wrapper_cpygt_23", u = "_label_cpygt_28", y = "_optional_cpygt_34", N = "_hint_cpygt_40", h = "_error_cpygt_49", b = "_errorIcon_cpygt_58", a = {
+  input: d,
+  wrapper: p,
+  label: u,
+  optional: y,
+  hint: N,
+  error: h,
+  errorIcon: b
 };
-function I({ error: e, hint: n, label: t, ...r }) {
-  if (!e && !n && !t)
+function w({ error: e, hint: t, label: n, ...r }) {
+  if (!e && !t && !n)
     return /* @__PURE__ */ i("input", { ...r, className: l(r.className, a.input) });
-  const o = `${r.id}-error`, u = `${r.id}-hint`;
+  const o = `${r.id}-error`, _ = `${r.id}-hint`;
   let c = r["aria-describedby"] ?? "";
-  return e && (c += ` ${o}`), n && (c += ` ${u}`), /* @__PURE__ */ s("div", { className: a.wrapper, children: [
-    !!t && /* @__PURE__ */ s("label", { className: a.label, htmlFor: r.id, children: [
-      t,
+  return e && (c += ` ${o}`), t && (c += ` ${_}`), /* @__PURE__ */ s("div", { className: a.wrapper, children: [
+    !!n && /* @__PURE__ */ s("label", { className: a.label, htmlFor: r.id, children: [
+      n,
       !r.required && /* @__PURE__ */ i("span", { className: a.optional, children: " (Optional)" })
     ] }),
-    !!n && /* @__PURE__ */ i("p", { className: a.hint, children: n }),
+    !!t && /* @__PURE__ */ i("p", { className: a.hint, children: t }),
     /* @__PURE__ */ i(
       "input",
       {
@@ -32,11 +32,11 @@ function I({ error: e, hint: n, label: t, ...r }) {
       }
     ),
     !!e && /* @__PURE__ */ s("p", { className: a.error, children: [
-      /* @__PURE__ */ i(_, { icon: "error-outline", className: a.errorIcon }),
+      /* @__PURE__ */ i(m, { icon: "error-outline", className: a.errorIcon }),
       e
     ] })
   ] });
 }
 export {
-  I as Input
+  w as Input
 };

package/dist/LinkCTA.mjs

@@ -1,36 +1,36 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import _ from "classnames";
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import h from "classnames";
 import { SanityIcon as a } from "./SanityIcon.mjs";
-const g = "_link_ox1ph_3", r = "_iconLeft_ox1ph_43", x = "_iconRight_ox1ph_47", t = {
-  link: g,
+const _ = "_link_1w3p5_3", r = "_iconLeft_1w3p5_45", k = "_iconRight_1w3p5_49", c = {
+  link: _,
   iconLeft: r,
-  iconRight: x
+  iconRight: k
 };
-function N({
+function R({
   as: l,
-  arrow: c,
+  arrow: t,
   arrowPosition: n,
   children: m,
   mode: i,
-  size: o,
-  ...s
+  size: s,
+  ...o
 }) {
-  const h = l ?? "a";
-  return c ??= "arrow-right", n ??= "right", i ??= "accent", o ??= "lg", /* @__PURE__ */ f(
-    h,
+  const f = l ?? "a";
+  return t ??= "arrow-right", n ??= "right", i ??= "ghost", s ??= "lg", /* @__PURE__ */ g(
+    f,
     {
-      ...s,
-      className: _(t.link, s.className),
+      ...o,
+      className: h(c.link, o.className),
       "data-mode": i,
-      "data-size": o,
+      "data-size": s,
       children: [
-        n === "left" && /* @__PURE__ */ e(a, { icon: c, className: t.iconLeft }),
+        n === "left" && /* @__PURE__ */ e(a, { icon: t, className: c.iconLeft }),
         m,
-        n === "right" && /* @__PURE__ */ e(a, { icon: c, className: t.iconRight })
+        n === "right" && /* @__PURE__ */ e(a, { icon: t, className: c.iconRight })
       ]
     }
   );
 }
 export {
-  N as LinkCTA
+  R as LinkCTA
 };