@alfadocs/ui-kit 1.47.1 → 1.48.0

package/dist/_chunks/{breadcrumb-agut0PwN.js → breadcrumb-D3boYzD4.js}

@@ -1,13 +1,14 @@
 import { jsx as n, jsxs as E } from "react/jsx-runtime";
-import { forwardRef as y, useMemo as I, useRef as H, useImperativeHandle as q, Children as b, isValidElement as x, cloneElement as L, useContext as A, createContext as V } from "react";
+import { forwardRef as y, useMemo as z, useRef as $, useImperativeHandle as q, Children as b, isValidElement as x, cloneElement as L, useContext as A, createContext as M } from "react";
 import * as j from "@radix-ui/react-dropdown-menu";
-import { Slot as M } from "@radix-ui/react-slot";
-import { c as K } from "./index-D2ZczOXr.js";
+import { Slot as V } from "@radix-ui/react-slot";
+import { c as _ } from "./index-D2ZczOXr.js";
 import { useTranslation as B } from "react-i18next";
+import { b as G } from "./menu-row-BAr8bx1I.js";
 import { u as O } from "./registry-DvAUVLHh.js";
-import { E as _ } from "./ellipsis-dRo9ouSU.js";
+import { E as K } from "./ellipsis-dRo9ouSU.js";
 import { C as D } from "./chevron-right-I9AeSxH2.js";
-const G = {
+const U = {
   id: "breadcrumb",
   capabilities: ["navigate"],
   state: {
@@ -59,9 +60,9 @@ const G = {
       description: "Stable opaque id of a crumb. Labels are NEVER carried in data-* — they may contain PHI."
     }
   }
-}, S = V({
+}, R = M({
   separator: "chevron"
-}), F = y(
+}), W = y(
   ({
     children: r,
     className: a,
@@ -74,7 +75,7 @@ const G = {
     id: d,
     ...v
   }, k) => {
-    const { t: w } = B(), f = I(() => J(r), [r]), m = I(
+    const { t: w } = B(), f = z(() => F(r), [r]), m = z(
       () => ({
         getItems: () => f,
         navigateTo: (u) => {
@@ -85,8 +86,8 @@ const G = {
         }
       }),
       [f]
-    ), c = H(null);
-    return q(k, () => c.current, []), O(G, m, d), /* @__PURE__ */ n(S.Provider, { value: { separator: e }, children: /* @__PURE__ */ n(
+    ), c = $(null);
+    return q(k, () => c.current, []), O(U, m, d), /* @__PURE__ */ n(R.Provider, { value: { separator: e }, children: /* @__PURE__ */ n(
       "nav",
       {
         ref: c,
@@ -97,7 +98,7 @@ const G = {
         className: a,
         ...v,
         children: /* @__PURE__ */ n(
-          R,
+          S,
           {
             maxItems: s,
             itemsBeforeCollapse: t,
@@ -110,8 +111,8 @@ const G = {
     ) });
   }
 );
-F.displayName = "Breadcrumb";
-function J(r) {
+W.displayName = "Breadcrumb";
+function F(r) {
   const a = [];
   let l = 0;
   return b.forEach(r, (e) => {
@@ -127,13 +128,13 @@ function J(r) {
     a.push({ id: o, href: t }), l += 1;
   }), a;
 }
-const Q = [
+const J = [
   "ds:flex ds:flex-wrap ds:items-center",
   "ds:gap-[var(--spacing-xs)]",
   "ds:text-[var(--font-size-sm)] ds:text-[var(--muted-foreground)]",
   "ds:ps-0 ds:m-0",
   "ds:list-none"
-].join(" "), R = y(
+].join(" "), S = y(
   ({
     children: r,
     className: a,
@@ -148,7 +149,7 @@ const Q = [
     ), v = d.length, k = !t && v > l && e + s < v, w = (c, u, p) => L(c, {
       isCurrent: c.props.isCurrent ?? u,
       key: p
-    }), f = (c, u) => c ? /* @__PURE__ */ n(T, {}, u) : null, m = [];
+    }), f = (c, u) => c ? /* @__PURE__ */ n(H, {}, u) : null, m = [];
     if (!k)
       d.forEach((c, u) => {
         const p = u === v - 1;
@@ -159,25 +160,25 @@ const Q = [
       c.forEach((g, h) => {
         m.push(w(g, !1, `b-${h}`)), m.push(f(!0, `b-sep-${h}`));
       }), m.push(
-        /* @__PURE__ */ n(N, { children: /* @__PURE__ */ n($, { hiddenItems: p }) }, "ellipsis")
+        /* @__PURE__ */ n(N, { children: /* @__PURE__ */ n(T, { hiddenItems: p }) }, "ellipsis")
       ), m.push(f(!0, "ellipsis-sep")), u.forEach((g, h) => {
-        const z = h === u.length - 1;
-        m.push(w(g, z, `a-${h}`)), m.push(f(!z, `a-sep-${h}`));
+        const I = h === u.length - 1;
+        m.push(w(g, I, `a-${h}`)), m.push(f(!I, `a-sep-${h}`));
       });
     }
     return /* @__PURE__ */ n(
       "ol",
       {
         ref: i,
-        className: [Q, a].filter(Boolean).join(" "),
+        className: [J, a].filter(Boolean).join(" "),
         ...o,
         children: m
       }
     );
   }
 );
-R.displayName = "BreadcrumbList";
-const U = [
+S.displayName = "BreadcrumbList";
+const Q = [
   "ds:inline-flex ds:items-center",
   "ds:[max-inline-size:16rem]",
   "ds:min-h-[var(--min-target-size)]",
@@ -195,7 +196,7 @@ const U = [
         ref: t,
         id: e,
         "data-crumb-id": o,
-        className: [U, a].filter(Boolean).join(" "),
+        className: [Q, a].filter(Boolean).join(" "),
         ...s,
         children: b.map(
           r,
@@ -223,7 +224,7 @@ const P = [
   "ds:rounded-[var(--radius-sm)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
   "ds:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]"
-].join(" "), W = [
+].join(" "), X = [
   "ds:inline-flex ds:items-center",
   "ds:[max-inline-size:16rem]",
   "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap",
@@ -238,11 +239,11 @@ const P = [
       {
         "aria-current": "page",
         "aria-label": s["aria-label"] ?? o("navigation.breadcrumb.current"),
-        className: [W, l].filter(Boolean).join(" "),
+        className: [X, l].filter(Boolean).join(" "),
         children: e
       }
     ) : r ? /* @__PURE__ */ n(
-      M,
+      V,
       {
         ref: t,
         className: [P, l].filter(Boolean).join(" "),
@@ -261,7 +262,7 @@ const P = [
   }
 );
 C.displayName = "BreadcrumbLink";
-const X = K(
+const Y = _(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:text-[var(--muted-foreground)]",
@@ -277,9 +278,9 @@ const X = K(
     },
     defaultVariants: { variant: "chevron" }
   }
-), T = y(
+), H = y(
   ({ className: r, variant: a, children: l, ...e }, s) => {
-    const t = A(S), o = a ?? t.separator, i = o === "slash" ? /* @__PURE__ */ n("span", { "aria-hidden": "true", children: "/" }) : /* @__PURE__ */ n(
+    const t = A(R), o = a ?? t.separator, i = o === "slash" ? /* @__PURE__ */ n("span", { "aria-hidden": "true", children: "/" }) : /* @__PURE__ */ n(
       D,
       {
         "aria-hidden": "true",
@@ -292,15 +293,15 @@ const X = K(
         ref: s,
         "aria-hidden": "true",
         role: "presentation",
-        className: X({ variant: o, className: r }),
+        className: Y({ variant: o, className: r }),
         ...e,
         children: l ?? i
       }
     );
   }
 );
-T.displayName = "BreadcrumbSeparator";
-const Y = [
+H.displayName = "BreadcrumbSeparator";
+const Z = [
   "ds:inline-flex ds:items-center ds:justify-center",
   "ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]",
   "ds:rounded-[var(--radius-sm)]",
@@ -309,22 +310,22 @@ const Y = [
   "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(" "), Z = [
+].join(" "), ee = [
   "ds:z-[var(--z-dropdown)] ds:min-w-[12rem] ds:overflow-hidden",
   "ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)]",
   "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
   "ds:shadow-[var(--shadow-lg)]",
   "ds:p-[var(--spacing-xs)]",
   "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
-].join(" "), ee = [
+].join(" "), se = [
   "ds:flex ds:items-center",
   "ds:min-h-[var(--min-target-size)]",
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
   "ds:rounded-[var(--radius-sm)]",
   "ds:text-[var(--foreground)] ds:cursor-pointer ds:select-none",
-  "ds:data-[highlighted]:bg-[var(--muted)] ds:data-[highlighted]:text-[var(--foreground)]",
+  G.highlighted,
   "ds:outline-none"
-].join(" "), $ = y(({ className: r, hiddenItems: a = [], ...l }, e) => {
+].join(" "), T = y(({ className: r, hiddenItems: a = [], ...l }, e) => {
   const { t: s } = B(), t = s("navigation.breadcrumb.showPath");
   return /* @__PURE__ */ E(j.Root, { children: [
     /* @__PURE__ */ n(j.Trigger, { asChild: !0, children: /* @__PURE__ */ E(
@@ -333,10 +334,10 @@ const Y = [
         ref: e,
         type: "button",
         "aria-label": t,
-        className: [Y, r].filter(Boolean).join(" "),
+        className: [Z, r].filter(Boolean).join(" "),
         ...l,
         children: [
-          /* @__PURE__ */ n(_, { "aria-hidden": "true", className: "ds:size-4" }),
+          /* @__PURE__ */ n(K, { "aria-hidden": "true", className: "ds:size-4" }),
           /* @__PURE__ */ n("span", { className: "ds:sr-only", children: t })
         ]
       }
@@ -344,16 +345,16 @@ const Y = [
     /* @__PURE__ */ n(j.Portal, { children: /* @__PURE__ */ n(
       j.Content,
       {
-        className: Z,
+        className: ee,
         align: "start",
         sideOffset: 6,
         children: a.map((o, i) => {
-          const d = se(o);
+          const d = re(o);
           return /* @__PURE__ */ n(
             j.Item,
             {
               asChild: !0,
-              className: ee,
+              className: se,
               children: d ?? /* @__PURE__ */ n("span", { children: o })
             },
             `hidden-${i}`
@@ -363,8 +364,8 @@ const Y = [
     ) })
   ] });
 });
-$.displayName = "BreadcrumbEllipsis";
-function se(r) {
+T.displayName = "BreadcrumbEllipsis";
+function re(r) {
   let a = null;
   const l = r.props.children;
   return b.forEach(l, (e) => {
@@ -382,12 +383,12 @@ function se(r) {
   }), a;
 }
 export {
-  F as B,
-  $ as a,
+  W as B,
+  T as a,
   N as b,
   C as c,
-  R as d,
-  T as e,
-  G as f
+  S as d,
+  H as e,
+  U as f
 };
-//# sourceMappingURL=breadcrumb-agut0PwN.js.map
+//# sourceMappingURL=breadcrumb-D3boYzD4.js.map

package/dist/_chunks/{button-CaUe1uyd.js → button-18oBsI3n.js}

@@ -1,8 +1,8 @@
-import { jsxs as v, jsx as e } from "react/jsx-runtime";
-import { forwardRef as z, useEffect as N } from "react";
-import { Slot as B, Slottable as L } from "@radix-ui/react-slot";
-import { c as C } from "./index-D2ZczOXr.js";
-const O = C(
+import { jsxs as b, jsx as s } from "react/jsx-runtime";
+import { forwardRef as N, isValidElement as B, useEffect as L, cloneElement as O } from "react";
+import { Slot as S, Slottable as V } from "@radix-ui/react-slot";
+import { c as $ } from "./index-D2ZczOXr.js";
+const j = $(
   // `forced-colors:*` — under Windows High Contrast Mode the OS strips our
   // bg/text tokens, so `ghost` / `outline` / `link` would lose their shape.
   // We repaint a `ButtonBorder` edge + swap the focus ring to `CanvasText`
@@ -83,54 +83,54 @@ const O = C(
       background: "transparent"
     }
   }
-), S = z(
+), C = N(
   ({
-    intent: i,
+    intent: c,
     size: t,
     background: f,
-    className: m,
-    asChild: r = !1,
-    loading: s = !1,
-    startIcon: d,
-    endIcon: a,
-    flipIconInRtl: p = !1,
-    hideLabel: g = !1,
-    disabled: h,
-    children: o,
-    ...n
-  }, y) => {
-    const x = r ? B : "button", c = g && !r, k = !o && (d || a), w = n["aria-label"];
-    N(() => {
-    }, [k, w]);
-    const l = t === "sm" ? 16 : t === "lg" ? 20 : 18, u = t === "sm" ? "ds:size-4" : t === "lg" ? "ds:size-5" : "ds:size-[18px]", b = p ? "ds:rtl:rotate-180" : "";
-    return /* @__PURE__ */ v(
-      x,
+    className: p,
+    asChild: d = !1,
+    loading: e = !1,
+    startIcon: a,
+    endIcon: i,
+    flipIconInRtl: g = !1,
+    hideLabel: h = !1,
+    disabled: y,
+    children: r,
+    ...l
+  }, x) => {
+    const k = d ? S : "button", o = d && B(r) ? r : null, n = h && (!d || o !== null), w = !r && (a || i), z = l["aria-label"];
+    L(() => {
+    }, [w, z]);
+    const u = t === "sm" ? 16 : t === "lg" ? 20 : 18, m = t === "sm" ? "ds:size-4" : t === "lg" ? "ds:size-5" : "ds:size-[18px]", v = g ? "ds:rtl:rotate-180" : "";
+    return /* @__PURE__ */ b(
+      k,
       {
-        ref: y,
-        className: O({
-          intent: i,
+        ref: x,
+        className: j({
+          intent: c,
           size: t,
           background: f,
-          hideLabel: c,
-          className: m
+          hideLabel: n,
+          className: p
         }),
-        disabled: h || s,
-        "aria-busy": s || void 0,
+        disabled: y || e,
+        "aria-busy": e || void 0,
         "data-component": "button",
-        "data-intent": i ?? void 0,
-        ...n,
+        "data-intent": c ?? void 0,
+        ...l,
         children: [
-          s && /* @__PURE__ */ v(
+          e && /* @__PURE__ */ b(
             "svg",
             {
               "aria-hidden": "true",
               className: "ds:animate-spin",
-              width: l,
-              height: l,
+              width: u,
+              height: u,
               viewBox: "0 0 24 24",
               fill: "none",
               children: [
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ s(
                   "circle",
                   {
                     cx: "12",
@@ -141,7 +141,7 @@ const O = C(
                     strokeWidth: "3"
                   }
                 ),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ s(
                   "path",
                   {
                     d: "M22 12a10 10 0 0 1-10 10",
@@ -153,27 +153,31 @@ const O = C(
               ]
             }
           ),
-          !s && d && /* @__PURE__ */ e(
+          !e && a && /* @__PURE__ */ s(
             "span",
             {
               "aria-hidden": "true",
-              className: `ds:inline-flex ds:items-center ${u} ${b}`.trim(),
-              children: d
+              className: `ds:inline-flex ds:items-center ${m} ${v}`.trim(),
+              children: a
             }
           ),
-          r ? /* @__PURE__ */ e(L, { children: o }) : /* @__PURE__ */ e(
+          d ? /* @__PURE__ */ s(V, { children: n && o ? O(
+            o,
+            void 0,
+            /* @__PURE__ */ s("span", { className: "ds:sr-only", children: o.props.children })
+          ) : r }) : /* @__PURE__ */ s(
             "span",
             {
-              className: s || c ? "ds:sr-only" : "ds:inline-flex",
-              children: o
+              className: e || n ? "ds:sr-only" : "ds:inline-flex",
+              children: r
             }
           ),
-          !s && a && /* @__PURE__ */ e(
+          !e && i && /* @__PURE__ */ s(
             "span",
             {
               "aria-hidden": "true",
-              className: `ds:inline-flex ds:items-center ${u} ${b}`.trim(),
-              children: a
+              className: `ds:inline-flex ds:items-center ${m} ${v}`.trim(),
+              children: i
             }
           )
         ]
@@ -181,8 +185,8 @@ const O = C(
     );
   }
 );
-S.displayName = "Button";
+C.displayName = "Button";
 export {
-  S as B
+  C as B
 };
-//# sourceMappingURL=button-CaUe1uyd.js.map
+//# sourceMappingURL=button-18oBsI3n.js.map