@alfadocs/ui-kit 0.15.1 → 0.17.0

package/dist/_chunks/benefit-card-DXmrAyfn.js

@@ -0,0 +1,219 @@
+import { jsxs as v, jsx as r } from "react/jsx-runtime";
+import { forwardRef as _, useContext as w, Children as k, createContext as y } from "react";
+import { c as s } from "./index-D2ZczOXr.js";
+const b = [
+  "violet",
+  "purple",
+  "magenta",
+  "blue",
+  "green",
+  "red"
+], m = y(null), C = s("ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    columns: {
+      1: "ds:md:grid-cols-1",
+      2: "ds:md:grid-cols-2",
+      3: "ds:md:grid-cols-3",
+      4: "ds:md:grid-cols-4"
+    }
+  },
+  defaultVariants: { columns: 3 }
+}), N = s(
+  [
+    "ds:relative ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
+    "ds:flex ds:flex-col ds:h-full",
+    "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
+    // Hover lift — the transform is gated through `motion-safe:` so users
+    // with `prefers-reduced-motion: reduce` see only the shadow change.
+    // `--animation-duration` is pinned to 0ms in the accessible theme,
+    // which collapses the transition without dropping the rule entirely.
+    "ds:transition-[transform,box-shadow] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:motion-safe:hover:-translate-y-1"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        elevated: "ds:shadow-[var(--shadow-card)]",
+        outlined: "ds:border ds:border-[color:var(--card-border)]"
+      }
+    },
+    defaultVariants: { variant: "elevated" }
+  }
+), V = s(
+  "ds:absolute ds:inset-inline-0 ds:top-0 ds:h-[4px] ds:pointer-events-none",
+  {
+    variants: {
+      accent: {
+        primary: "ds:bg-linear-to-r ds:from-[var(--primary)] ds:to-[var(--accent)]",
+        accent: "ds:bg-linear-to-r ds:from-[var(--accent)] ds:to-[var(--primary)]",
+        info: "ds:bg-linear-to-r ds:from-[var(--info)] ds:to-[var(--info)]",
+        success: "ds:bg-linear-to-r ds:from-[var(--success)] ds:to-[var(--success)]",
+        warning: "ds:bg-linear-to-r ds:from-[var(--warning)] ds:to-[var(--warning)]",
+        violet: "ds:bg-linear-to-r ds:from-[var(--color-violet-500)] ds:to-[var(--color-purple-500)]",
+        purple: "ds:bg-linear-to-r ds:from-[var(--color-purple-500)] ds:to-[var(--color-magenta-500)]",
+        magenta: "ds:bg-linear-to-r ds:from-[var(--color-magenta-500)] ds:to-[var(--color-violet-500)]",
+        blue: "ds:bg-linear-to-r ds:from-[var(--color-blue-500)] ds:to-[var(--color-green-500)]",
+        green: "ds:bg-linear-to-r ds:from-[var(--color-green-500)] ds:to-[var(--color-red-500)]",
+        red: "ds:bg-linear-to-r ds:from-[var(--color-red-500)] ds:to-[var(--color-blue-500)]"
+      }
+    },
+    defaultVariants: { accent: "primary" }
+  }
+), j = s("", {
+  variants: {
+    accent: {
+      primary: "ds:hover:shadow-[0_20px_40px_color-mix(in_srgb,var(--primary)_18%,transparent)]",
+      accent: "ds:hover:shadow-[0_20px_40px_color-mix(in_srgb,var(--accent)_18%,transparent)]",
+      info: "ds:hover:shadow-[0_20px_40px_color-mix(in_srgb,var(--info)_18%,transparent)]",
+      success: "ds:hover:shadow-[0_20px_40px_color-mix(in_srgb,var(--success)_18%,transparent)]",
+      warning: "ds:hover:shadow-[0_20px_40px_color-mix(in_srgb,var(--warning)_18%,transparent)]",
+      violet: "ds:hover:shadow-[0_20px_40px_color-mix(in_srgb,var(--color-violet-500)_18%,transparent)]",
+      purple: "ds:hover:shadow-[0_20px_40px_color-mix(in_srgb,var(--color-purple-500)_18%,transparent)]",
+      magenta: "ds:hover:shadow-[0_20px_40px_color-mix(in_srgb,var(--color-magenta-500)_18%,transparent)]",
+      blue: "ds:hover:shadow-[0_20px_40px_color-mix(in_srgb,var(--color-blue-500)_18%,transparent)]",
+      green: "ds:hover:shadow-[0_20px_40px_color-mix(in_srgb,var(--color-green-500)_18%,transparent)]",
+      red: "ds:hover:shadow-[0_20px_40px_color-mix(in_srgb,var(--color-red-500)_18%,transparent)]"
+    }
+  },
+  defaultVariants: { accent: "primary" }
+}), B = s(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:size-14 ds:rounded-[var(--radius-md)] ds:shrink-0",
+    "ds:[&>svg]:size-7",
+    "ds:shadow-[inset_0_1px_0_color-mix(in_srgb,white_40%,transparent)]"
+  ].join(" "),
+  {
+    variants: {
+      accent: {
+        primary: "ds:text-[color:var(--primary)] ds:bg-linear-to-br ds:from-[color-mix(in_srgb,var(--primary)_22%,var(--background))] ds:to-[color-mix(in_srgb,var(--accent)_8%,var(--background))]",
+        accent: "ds:text-[color:var(--accent)] ds:bg-linear-to-br ds:from-[color-mix(in_srgb,var(--accent)_22%,var(--background))] ds:to-[color-mix(in_srgb,var(--primary)_8%,var(--background))]",
+        info: "ds:text-[color:var(--info)] ds:bg-linear-to-br ds:from-[color-mix(in_srgb,var(--info)_22%,var(--background))] ds:to-[color-mix(in_srgb,var(--info)_8%,var(--background))]",
+        success: "ds:text-[color:var(--success)] ds:bg-linear-to-br ds:from-[color-mix(in_srgb,var(--success)_22%,var(--background))] ds:to-[color-mix(in_srgb,var(--success)_8%,var(--background))]",
+        warning: "ds:text-[color:var(--warning)] ds:bg-linear-to-br ds:from-[color-mix(in_srgb,var(--warning)_22%,var(--background))] ds:to-[color-mix(in_srgb,var(--warning)_8%,var(--background))]",
+        violet: "ds:text-[color:var(--color-violet-500)] ds:bg-linear-to-br ds:from-[color-mix(in_srgb,var(--color-violet-500)_22%,var(--background))] ds:to-[color-mix(in_srgb,var(--color-purple-500)_8%,var(--background))]",
+        purple: "ds:text-[color:var(--color-purple-500)] ds:bg-linear-to-br ds:from-[color-mix(in_srgb,var(--color-purple-500)_22%,var(--background))] ds:to-[color-mix(in_srgb,var(--color-magenta-500)_8%,var(--background))]",
+        magenta: "ds:text-[color:var(--color-magenta-500)] ds:bg-linear-to-br ds:from-[color-mix(in_srgb,var(--color-magenta-500)_22%,var(--background))] ds:to-[color-mix(in_srgb,var(--color-violet-500)_8%,var(--background))]",
+        blue: "ds:text-[color:var(--color-blue-500)] ds:bg-linear-to-br ds:from-[color-mix(in_srgb,var(--color-blue-500)_22%,var(--background))] ds:to-[color-mix(in_srgb,var(--color-green-500)_8%,var(--background))]",
+        green: "ds:text-[color:var(--color-green-500)] ds:bg-linear-to-br ds:from-[color-mix(in_srgb,var(--color-green-500)_22%,var(--background))] ds:to-[color-mix(in_srgb,var(--color-red-500)_8%,var(--background))]",
+        red: "ds:text-[color:var(--color-red-500)] ds:bg-linear-to-br ds:from-[color-mix(in_srgb,var(--color-red-500)_22%,var(--background))] ds:to-[color-mix(in_srgb,var(--color-blue-500)_8%,var(--background))]"
+      }
+    },
+    defaultVariants: { accent: "primary" }
+  }
+), R = s(
+  [
+    "type-eyebrow",
+    "ds:rounded-[var(--radius-full)]",
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]"
+  ].join(" "),
+  {
+    variants: {
+      accent: {
+        primary: "ds:text-[color:var(--color-violet-700)] ds:bg-[color-mix(in_srgb,var(--primary)_12%,var(--background))] ds:[border:1px_solid_color-mix(in_srgb,var(--primary)_30%,transparent)]",
+        accent: "ds:text-[color:var(--color-magenta-700)] ds:bg-[color-mix(in_srgb,var(--accent)_12%,var(--background))] ds:[border:1px_solid_color-mix(in_srgb,var(--accent)_30%,transparent)]",
+        info: "ds:text-[color:var(--color-blue-700)] ds:bg-[color-mix(in_srgb,var(--info)_12%,var(--background))] ds:[border:1px_solid_color-mix(in_srgb,var(--info)_30%,transparent)]",
+        success: "ds:text-[color:var(--color-green-700)] ds:bg-[color-mix(in_srgb,var(--success)_12%,var(--background))] ds:[border:1px_solid_color-mix(in_srgb,var(--success)_30%,transparent)]",
+        warning: "ds:text-[color:var(--color-red-700)] ds:bg-[color-mix(in_srgb,var(--warning)_12%,var(--background))] ds:[border:1px_solid_color-mix(in_srgb,var(--warning)_30%,transparent)]",
+        violet: "ds:text-[color:var(--color-violet-700)] ds:bg-[color-mix(in_srgb,var(--color-violet-500)_12%,var(--background))] ds:[border:1px_solid_color-mix(in_srgb,var(--color-violet-500)_30%,transparent)]",
+        purple: "ds:text-[color:var(--color-purple-700)] ds:bg-[color-mix(in_srgb,var(--color-purple-500)_12%,var(--background))] ds:[border:1px_solid_color-mix(in_srgb,var(--color-purple-500)_30%,transparent)]",
+        magenta: "ds:text-[color:var(--color-magenta-700)] ds:bg-[color-mix(in_srgb,var(--color-magenta-500)_12%,var(--background))] ds:[border:1px_solid_color-mix(in_srgb,var(--color-magenta-500)_30%,transparent)]",
+        blue: "ds:text-[color:var(--color-blue-700)] ds:bg-[color-mix(in_srgb,var(--color-blue-500)_12%,var(--background))] ds:[border:1px_solid_color-mix(in_srgb,var(--color-blue-500)_30%,transparent)]",
+        green: "ds:text-[color:var(--color-green-700)] ds:bg-[color-mix(in_srgb,var(--color-green-500)_12%,var(--background))] ds:[border:1px_solid_color-mix(in_srgb,var(--color-green-500)_30%,transparent)]",
+        red: "ds:text-[color:var(--color-red-700)] ds:bg-[color-mix(in_srgb,var(--color-red-500)_12%,var(--background))] ds:[border:1px_solid_color-mix(in_srgb,var(--color-red-500)_30%,transparent)]"
+      }
+    },
+    defaultVariants: { accent: "primary" }
+  }
+);
+function S(a, o) {
+  return a !== "auto" ? a : o ? b[o.index % b.length] : "primary";
+}
+const p = _(
+  ({ columns: a = 3, children: o, className: i, ...n }, c) => {
+    const l = k.toArray(o);
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: c,
+        "data-component": "benefit-card-row",
+        className: C({ columns: a, className: i }),
+        ...n,
+        children: l.map((d, t) => /* @__PURE__ */ r(m.Provider, { value: { index: t }, children: d }, t))
+      }
+    );
+  }
+);
+p.displayName = "BenefitCard.Row";
+const x = _(
+  ({
+    step: a,
+    icon: o,
+    title: i,
+    cta: n,
+    variant: c = "elevated",
+    accent: l = "auto",
+    children: d,
+    className: t,
+    ...u
+  }, f) => {
+    const h = w(m), e = S(l, h), g = typeof a == "number";
+    return /* @__PURE__ */ v(
+      "article",
+      {
+        ref: f,
+        "data-component": "benefit-card",
+        "data-accent": e,
+        className: [
+          N({ variant: c }),
+          j({ accent: e }),
+          t
+        ].filter(Boolean).join(" "),
+        ...u,
+        children: [
+          /* @__PURE__ */ r(
+            "span",
+            {
+              "aria-hidden": "true",
+              "data-part": "accent-strip",
+              className: V({ accent: e })
+            }
+          ),
+          /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-lg)] ds:flex-1", children: [
+            (o || g) && /* @__PURE__ */ v("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+              o ? /* @__PURE__ */ r(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: B({ accent: e }),
+                  children: o
+                }
+              ) : /* @__PURE__ */ r("span", { "aria-hidden": "true" }),
+              g ? /* @__PURE__ */ r(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  "data-part": "step",
+                  className: R({ accent: e }),
+                  children: String(a).padStart(2, "0")
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ r("h3", { className: "type-title-card ds:text-[var(--foreground)]", children: i }),
+            d ? /* @__PURE__ */ r("div", { className: "type-body ds:text-[var(--muted-foreground)] ds:flex-1", children: d }) : null,
+            n ? /* @__PURE__ */ r("div", { className: "ds:mt-[var(--spacing-xs)]", children: n }) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+x.displayName = "BenefitCard";
+const H = Object.assign(x, {
+  Row: p
+});
+export {
+  H as B
+};
+//# sourceMappingURL=benefit-card-DXmrAyfn.js.map

package/dist/_chunks/copy-field-BCHAZ8QV.js

@@ -0,0 +1,298 @@
+import { jsxs as P, jsx as p } from "react/jsx-runtime";
+import { useRef as m, useEffect as V, useState as A, useCallback as y, forwardRef as _, useMemo as H } from "react";
+import { c as x } from "./index-D2ZczOXr.js";
+import { useTranslation as O } from "react-i18next";
+import { B as W } from "./button-DD_0Xdmr.js";
+import { u as q } from "./registry-C9nwlNyL.js";
+import { C as D } from "./check-DPdL_Sm7.js";
+import { C as G } from "./copy-B00HK7tj.js";
+const J = typeof navigator < "u" && typeof navigator.clipboard < "u" && typeof navigator.clipboard.writeText == "function";
+function Q(t = {}) {
+  const { resetAfterMs: e = 2e3, writer: s } = t, o = m(s);
+  V(() => {
+    o.current = s;
+  }, [s]);
+  const [C, i] = A("idle"), [T, u] = A(null), n = m(null), a = y(() => {
+    n.current !== null && (clearTimeout(n.current), n.current = null);
+  }, []), d = y(() => {
+    a(), i("idle"), u(null);
+  }, [a]), z = y(
+    async (c) => {
+      a();
+      const h = o.current;
+      let l = !1;
+      if (h)
+        try {
+          l = await h(c);
+        } catch {
+          l = !1;
+        }
+      else {
+        if (!(J || typeof navigator < "u" && typeof navigator.clipboard < "u" && typeof navigator.clipboard.writeText == "function"))
+          return i("error"), u(null), !1;
+        try {
+          await navigator.clipboard.writeText(c), l = !0;
+        } catch {
+          l = !1;
+        }
+      }
+      return l ? (i("copied"), u(c), e > 0 && (n.current = setTimeout(() => {
+        n.current = null, i("idle");
+      }, e)), !0) : (i("error"), u(null), !1);
+    },
+    [a, e]
+  );
+  return V(() => a, [a]), { status: C, copiedValue: T, copy: z, reset: d };
+}
+const U = {
+  id: "copy-field",
+  capabilities: [],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.copyField.state.value",
+      description: "The value displayed in the read-only field.",
+      read: (t) => t.getValue()
+    },
+    copied: {
+      type: "boolean",
+      descriptionKey: "ui.agent.copyField.state.copied",
+      description: "True for the brief window after a successful copy.",
+      read: (t) => t.isCopied()
+    }
+  },
+  actions: {
+    copy: {
+      safety: "write",
+      descriptionKey: "ui.agent.copyField.actions.copy",
+      description: "Programmatically trigger the clipboard write.",
+      invoke: (t) => t.copy()
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "copy-field",
+      description: "Marks the CopyField root. The trailing button uses `aria-label` keyed off the copy / copied state."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop, when provided."
+    }
+  }
+};
+async function X(t) {
+  var o;
+  if (typeof navigator < "u" && ((o = navigator.clipboard) != null && o.writeText))
+    try {
+      return await navigator.clipboard.writeText(t), !0;
+    } catch {
+    }
+  if (typeof document > "u") return !1;
+  const e = document.createElement("textarea");
+  e.value = t, e.setAttribute("readonly", ""), e.style.position = "absolute", e.style.setProperty("inset-inline-start", "-9999px"), document.body.appendChild(e), e.select();
+  let s = !1;
+  try {
+    s = document.execCommand("copy");
+  } catch {
+    s = !1;
+  }
+  return document.body.removeChild(e), s;
+}
+const Y = x(
+  [
+    "ds:inline-flex ds:items-stretch ds:w-full",
+    "ds:rounded-[var(--radius-sm)] ds:bg-input ds:text-foreground",
+    "ds:border ds:border-border",
+    "ds:shadow-[var(--shadow-input)]",
+    "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
+    "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-within:outline-[CanvasText]",
+    "ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:overflow-hidden"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:h-8 ds:text-[var(--font-size-sm)]",
+        md: "ds:h-[var(--min-target-size)] ds:text-[var(--font-size-base)]",
+        lg: "ds:h-12 ds:text-[var(--font-size-lg)]"
+      },
+      disabled: {
+        true: "ds:opacity-50 ds:cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: { size: "md", disabled: !1 }
+  }
+), Z = x(
+  [
+    "ds:flex-1 ds:min-w-0 ds:bg-transparent ds:border-0 ds:outline-none",
+    "ds:text-foreground",
+    "ds:disabled:cursor-not-allowed"
+  ].join(" "),
+  {
+    variants: {
+      intent: {
+        default: "",
+        // `--primary` is calibrated for foreground use (violet-500 light,
+        // magenta-500 dark) — both pass AA against their input backgrounds.
+        primary: "ds:text-primary ds:font-medium"
+      },
+      size: {
+        sm: "ds:text-[var(--font-size-sm)]",
+        md: "ds:text-[var(--font-size-base)]",
+        lg: "ds:text-[var(--font-size-lg)]"
+      },
+      wrap: {
+        true: "ds:[overflow-wrap:anywhere] ds:whitespace-normal",
+        false: "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap"
+      },
+      hasStartIcon: {
+        true: "",
+        false: ""
+      }
+    },
+    // Explicit pairs decide the leading padding — single ps-* per cell, so
+    // there's no fight between size + hasStartIcon under Tailwind's flat
+    // utility precedence.
+    compoundVariants: [
+      { size: "sm", hasStartIcon: !1, class: "ds:ps-[var(--spacing-sm)]" },
+      { size: "md", hasStartIcon: !1, class: "ds:ps-[var(--spacing-sm)]" },
+      { size: "lg", hasStartIcon: !1, class: "ds:ps-[var(--spacing-md)]" },
+      { size: "sm", hasStartIcon: !0, class: "ds:ps-[var(--spacing-xs)]" },
+      { size: "md", hasStartIcon: !0, class: "ds:ps-[var(--spacing-xs)]" },
+      { size: "lg", hasStartIcon: !0, class: "ds:ps-[var(--spacing-sm)]" }
+    ],
+    defaultVariants: {
+      intent: "default",
+      size: "md",
+      wrap: !1,
+      hasStartIcon: !1
+    }
+  }
+), $ = x(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+    "ds:text-muted-foreground",
+    "ds:[&_svg]:size-4"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:ps-[var(--spacing-sm)]",
+        md: "ds:ps-[var(--spacing-sm)]",
+        lg: "ds:ps-[var(--spacing-md)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), ee = x(
+  [
+    "ds:shrink-0 ds:rounded-none",
+    "ds:focus-visible:outline-none",
+    "ds:h-full",
+    "ds:gap-[var(--spacing-xs)]"
+  ].join(" ")
+), te = _(
+  ({
+    value: t,
+    size: e = "md",
+    intent: s = "default",
+    startIcon: o,
+    wrap: C = !1,
+    copyLabel: i,
+    copiedLabel: T,
+    copiedDuration: u = 2e3,
+    ariaLabel: n,
+    onCopy: a,
+    disabled: d = !1,
+    className: z,
+    id: c,
+    ...h
+  }, l) => {
+    const { t: r } = O(), g = m(t);
+    g.current = t;
+    const v = m(a);
+    v.current = a;
+    const { status: w, copy: I } = Q({
+      resetAfterMs: u,
+      writer: X
+    }), f = w === "copied", R = m(!1);
+    R.current = f;
+    const [B, F] = A("");
+    V(() => {
+      F(w === "copied" ? r("copyField.copySuccess") : w === "error" ? r("copyField.copyFailed") : "");
+    }, [w, r]);
+    const b = y(async () => {
+      var j;
+      if (d) return !1;
+      const L = await I(g.current);
+      return L && ((j = v.current) == null || j.call(v, g.current)), L;
+    }, [d, I]), N = y(() => {
+      b();
+    }, [b]), K = H(
+      () => ({
+        getValue: () => g.current,
+        copy: () => b(),
+        isCopied: () => R.current
+      }),
+      [b]
+    );
+    q(U, K, c);
+    const M = n ?? r("copyField.valueLabel"), S = i ?? r("copyField.copy"), k = T ?? r("copyField.copied"), E = f ? typeof k == "string" ? k : r("copyField.copied") : typeof S == "string" ? S : r("copyField.copy");
+    return /* @__PURE__ */ P(
+      "div",
+      {
+        ref: l,
+        className: Y({ size: e, disabled: d, className: z }),
+        "data-component": "copy-field",
+        "data-component-id": c,
+        "data-copied": f ? "true" : void 0,
+        ...h,
+        children: [
+          o ? /* @__PURE__ */ p("span", { "aria-hidden": "true", className: $({ size: e }), children: o }) : null,
+          /* @__PURE__ */ p(
+            "input",
+            {
+              id: c,
+              type: "text",
+              readOnly: !0,
+              value: t,
+              disabled: d,
+              "aria-label": M,
+              className: Z({
+                intent: s,
+                size: e,
+                wrap: C,
+                hasStartIcon: !!o
+              })
+            }
+          ),
+          /* @__PURE__ */ p(
+            W,
+            {
+              type: "button",
+              intent: "ghost",
+              size: e,
+              onClick: N,
+              disabled: d,
+              "aria-label": E,
+              className: ee(),
+              startIcon: f ? /* @__PURE__ */ p(D, { "aria-hidden": "true" }) : /* @__PURE__ */ p(G, { "aria-hidden": "true" }),
+              children: /* @__PURE__ */ p("span", { className: "type-label", children: f ? k : S })
+            }
+          ),
+          /* @__PURE__ */ p("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: B })
+        ]
+      }
+    );
+  }
+);
+te.displayName = "CopyField";
+export {
+  te as C,
+  U as c
+};
+//# sourceMappingURL=copy-field-BCHAZ8QV.js.map

package/dist/_chunks/{navigation-menu-Bav1d_wA.js → navigation-menu-DdufF-_4.js}

@@ -1,8 +1,8 @@
 import { jsxs as p, jsx as s } from "react/jsx-runtime";
 import { forwardRef as n, useRef as I, useState as k, useCallback as z, useMemo as C, useImperativeHandle as B } from "react";
 import * as o from "@radix-ui/react-navigation-menu";
-import { Slot as R } from "@radix-ui/react-slot";
-import { c as L } from "./index-D2ZczOXr.js";
+import { Slot as L } from "@radix-ui/react-slot";
+import { c as R } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
 import { u as A } from "./use-direction-D6rvvG9G.js";
 import { u as K } from "./registry-C9nwlNyL.js";
@@ -77,18 +77,18 @@ const S = {
     className: t,
     children: a,
     id: i,
-    value: c,
+    value: m,
     defaultValue: h,
-    onValueChange: m,
+    onValueChange: c,
     ...b
   }, N) => {
-    const { t: w } = T(), u = I(null), y = A(u), v = c !== void 0, [x, M] = k(
+    const { t: w } = T(), u = I(null), y = A(u), v = m !== void 0, [M, x] = k(
       h ?? ""
-    ), r = v ? c : x, l = z(
+    ), r = v ? m : M, l = z(
       (d) => {
-        v || M(d), m == null || m(d);
+        v || x(d), c == null || c(d);
       },
-      [v, m]
+      [v, c]
     ), j = C(
       () => ({
         getActiveItem: () => r || null,
@@ -139,9 +139,9 @@ const D = [
   }
 ));
 H.displayName = "NavigationMenuList";
-const _ = n(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
-_.displayName = "NavigationMenuItem";
-const P = [
+const P = n(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
+P.displayName = "NavigationMenuItem";
+const _ = [
   "ds:group ds:inline-flex ds:items-center ds:justify-center",
   "ds:min-h-[var(--min-target-size)]",
   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-sm)]",
@@ -163,7 +163,7 @@ const P = [
   o.Trigger,
   {
     ref: i,
-    className: [P, e].filter(Boolean).join(" "),
+    className: [_, e].filter(Boolean).join(" "),
     ...a,
     children: [
       t,
@@ -188,7 +188,7 @@ const F = [
   "ds:data-[motion=to-start]:slide-out-to-left-52 ds:rtl:data-[motion=to-start]:slide-out-to-right-52",
   "ds:data-[motion=to-end]:slide-out-to-right-52 ds:rtl:data-[motion=to-end]:slide-out-to-left-52",
   "ds:motion-reduce:animate-none"
-].join(" "), G = L(F, {
+].join(" "), G = R(F, {
   variants: {
     layout: {
       simple: "ds:min-w-[16rem]",
@@ -220,14 +220,14 @@ const g = [
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), Q = n(({ asChild: e = !1, className: t, children: a, ...i }, c) => /* @__PURE__ */ s(
+].join(" "), Q = n(({ asChild: e = !1, className: t, children: a, ...i }, m) => /* @__PURE__ */ s(
   o.Link,
   {
-    ref: c,
+    ref: m,
     asChild: e,
     className: e ? void 0 : [g, t].filter(Boolean).join(" "),
     ...i,
-    children: e ? /* @__PURE__ */ s(R, { className: [g, t].filter(Boolean).join(" "), children: a }) : a
+    children: e ? /* @__PURE__ */ s(L, { className: [g, t].filter(Boolean).join(" "), children: a }) : a
   }
 ));
 Q.displayName = "NavigationMenuLink";
@@ -269,11 +269,11 @@ export {
   q as N,
   J as a,
   X as b,
-  _ as c,
+  P as c,
   Q as d,
   H as e,
   E as f,
   f as g,
   S as n
 };
-//# sourceMappingURL=navigation-menu-Bav1d_wA.js.map
+//# sourceMappingURL=navigation-menu-DdufF-_4.js.map