@alfadocs/ui-kit 0.17.0 → 0.17.2

package/dist/_chunks/{dialog-DRp6Dejy.js → dialog-DUomPCRS.js}

@@ -1,12 +1,13 @@
-import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import { useState as k, useRef as z, useEffect as E, useCallback as I, useMemo as O, forwardRef as d, useContext as B, createContext as S } from "react";
+import { jsx as s, jsxs as v } from "react/jsx-runtime";
+import { useRef as R, useEffect as T, useMemo as O, forwardRef as d, useContext as j, createContext as z } from "react";
 import * as t from "@radix-ui/react-dialog";
-import { c as A } from "./index-D2ZczOXr.js";
-import { useTranslation as H } from "react-i18next";
-import { I as F } from "./icon-button-C4CGcYuz.js";
-import { u as L } from "./registry-C9nwlNyL.js";
-import { X as V } from "./x-CCcI3eJp.js";
-const $ = {
+import { c as k } from "./index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import { I } from "./icon-button-C4CGcYuz.js";
+import { u as B } from "./use-controllable-state-BiY4xTzM.js";
+import { u as S } from "./registry-C9nwlNyL.js";
+import { X as A } from "./x-CCcI3eJp.js";
+const H = {
   id: "dialog",
   capabilities: ["open", "close", "dismiss"],
   state: {
@@ -47,14 +48,14 @@ const $ = {
       description: "Sourced from the id prop on Dialog.Root."
     }
   }
-}, P = [
+}, V = [
   "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
   "ds:bg-[var(--background)]/[var(--opacity-70)]",
   "ds:backdrop-blur-sm",
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
   "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
   "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), _ = [
+].join(" "), F = [
   "ds:fixed ds:z-[var(--z-modal)]",
   "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
   "ds:shadow-[var(--shadow-xl)]",
@@ -63,86 +64,83 @@ const $ = {
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
   "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
   "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), u = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", M = A(_, {
+].join(" "), g = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", L = k(F, {
   variants: {
     size: {
-      sm: `${u} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      md: `${u} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      lg: `${u} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      sm: `${g} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      md: `${g} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      lg: `${g} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
       fullscreen: "ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto"
     }
   },
   defaultVariants: { size: "md" }
-}), D = S(void 0), v = ({
+}), f = z(void 0), u = ({
   children: o,
   id: e,
   open: a,
   defaultOpen: r,
-  onOpenChange: i,
+  onOpenChange: c,
   ...p
 }) => {
-  const l = a !== void 0, [m, g] = k(
-    r ?? !1
-  ), n = l ? !!a : m, f = z(n);
-  E(() => {
-    f.current = n;
-  }, [n]);
-  const c = I(
-    (x) => {
-      l || g(x), i == null || i(x);
-    },
-    [l, i]
-  ), j = O(
+  const [m, n] = B({
+    value: a,
+    defaultValue: r ?? !1,
+    onChange: c
+  }), i = m ?? !1, l = R(i);
+  T(() => {
+    l.current = i;
+  }, [i]);
+  const N = O(
     () => ({
-      getIsOpen: () => f.current,
-      open: () => c(!0),
-      close: () => c(!1)
+      getIsOpen: () => l.current,
+      open: () => n(!0),
+      close: () => n(!1)
     }),
-    [c]
+    [n]
   );
-  return L($, j, e), /* @__PURE__ */ s(D.Provider, { value: e, children: /* @__PURE__ */ s(t.Root, { open: n, onOpenChange: c, ...p, children: o }) });
+  return S(H, N, e), /* @__PURE__ */ s(f.Provider, { value: e, children: /* @__PURE__ */ s(t.Root, { open: i, onOpenChange: n, ...p, children: o }) });
 };
-v.displayName = "Dialog.Root";
+u.displayName = "Dialog.Root";
 const h = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Trigger, { ref: a, ...e, children: o }));
 h.displayName = "Dialog.Trigger";
-const b = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Close, { ref: a, ...e, children: o }));
-b.displayName = "Dialog.Close";
-const N = d(
+const x = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Close, { ref: a, ...e, children: o }));
+x.displayName = "Dialog.Close";
+const y = d(
   ({
     size: o = "md",
     variant: e = "default",
     hideCloseButton: a = !0,
     className: r,
-    children: i,
+    children: c,
     ...p
-  }, l) => {
-    const { t: m } = H(), g = B(D), n = e === "alert" ? { role: "alertdialog" } : {};
-    return /* @__PURE__ */ y(t.Portal, { children: [
+  }, m) => {
+    const { t: n } = E(), i = j(f), l = e === "alert" ? { role: "alertdialog" } : {};
+    return /* @__PURE__ */ v(t.Portal, { children: [
       /* @__PURE__ */ s(
         t.Overlay,
         {
           "data-component": "dialog-overlay",
-          className: P
+          className: V
         }
       ),
-      /* @__PURE__ */ y(
+      /* @__PURE__ */ v(
         t.Content,
         {
-          ref: l,
-          ...n,
+          ref: m,
+          ...l,
           "data-component": "dialog",
-          "data-component-id": g,
-          className: M({ size: o, className: r }),
+          "data-component-id": i,
+          className: L({ size: o, className: r }),
           ...p,
           children: [
-            i,
+            c,
             !a && /* @__PURE__ */ s("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ s(t.Close, { asChild: !0, children: /* @__PURE__ */ s(
-              F,
+              I,
               {
-                icon: /* @__PURE__ */ s(V, {}),
+                icon: /* @__PURE__ */ s(A, {}),
                 intent: "ghost",
                 size: "sm",
-                "aria-label": m("common.close", "Close")
+                "aria-label": n("common.close", "Close")
               }
             ) }) })
           ]
@@ -151,8 +149,8 @@ const N = d(
     ] });
   }
 );
-N.displayName = "Dialog.Content";
-const w = d(
+y.displayName = "Dialog.Content";
+const D = d(
   ({ className: o, ...e }, a) => /* @__PURE__ */ s(
     "div",
     {
@@ -165,8 +163,8 @@ const w = d(
     }
   )
 );
-w.displayName = "Dialog.Header";
-const C = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
+D.displayName = "Dialog.Header";
+const b = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
   t.Title,
   {
     ref: a,
@@ -174,8 +172,8 @@ const C = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-C.displayName = "Dialog.Title";
-const R = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
+b.displayName = "Dialog.Title";
+const C = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
   t.Description,
   {
     ref: a,
@@ -183,8 +181,8 @@ const R = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
     ...e
   }
 ));
-R.displayName = "Dialog.Description";
-const T = d(
+C.displayName = "Dialog.Description";
+const w = d(
   ({ className: o, divider: e = !1, ...a }, r) => /* @__PURE__ */ s(
     "div",
     {
@@ -199,19 +197,19 @@ const T = d(
     }
   )
 );
-T.displayName = "Dialog.Footer";
-const U = Object.assign(v, {
-  Root: v,
+w.displayName = "Dialog.Footer";
+const J = Object.assign(u, {
+  Root: u,
   Trigger: h,
-  Content: N,
-  Header: w,
-  Title: C,
-  Description: R,
-  Footer: T,
-  Close: b
+  Content: y,
+  Header: D,
+  Title: b,
+  Description: C,
+  Footer: w,
+  Close: x
 });
 export {
-  U as D,
-  $ as d
+  J as D,
+  H as d
 };
-//# sourceMappingURL=dialog-DRp6Dejy.js.map
+//# sourceMappingURL=dialog-DUomPCRS.js.map

package/dist/_chunks/{dropdown-menu-dyV7gHh_.js → dropdown-menu-DZxwF23X.js}

@@ -1,14 +1,15 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as r, useContext as L, useState as A, useRef as B, useEffect as E, useCallback as K, useMemo as H, createContext as V } from "react";
-import * as t from "@radix-ui/react-dropdown-menu";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as d, useContext as O, useRef as G, useEffect as P, useMemo as L, createContext as A } from "react";
+import * as n from "@radix-ui/react-dropdown-menu";
 import { c as h } from "./index-D2ZczOXr.js";
-import { S as q } from "./separator-CYU_bGFn.js";
-import { K as x } from "./kbd-Cglkd7CY.js";
-import { a as F } from "./use-direction-D6rvvG9G.js";
-import { C as J } from "./chevron-right-BrpYejk0.js";
-import { C as b } from "./check-DPdL_Sm7.js";
-import { u as Q } from "./registry-C9nwlNyL.js";
-const U = {
+import { S as E } from "./separator-CYU_bGFn.js";
+import { K as g } from "./kbd-Cglkd7CY.js";
+import { u as K } from "./use-controllable-state-BiY4xTzM.js";
+import { C as V } from "./chevron-right-BrpYejk0.js";
+import { C as x } from "./check-DPdL_Sm7.js";
+import { a as B } from "./use-direction-D6rvvG9G.js";
+import { u as H } from "./registry-C9nwlNyL.js";
+const q = {
   id: "dropdown-menu",
   capabilities: ["open", "close", "pick"],
   state: {
@@ -46,7 +47,7 @@ const U = {
       description: "Each menu item emits its value as data-item-id."
     }
   }
-}, N = h(
+}, b = h(
   [
     "ds:z-[var(--z-dropdown)]",
     "ds:min-w-[8rem]",
@@ -67,7 +68,7 @@ const U = {
     "ds:motion-reduce:animate-none",
     "ds:forced-colors:border-[CanvasText]"
   ].join(" ")
-), m = h(
+), p = h(
   [
     "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
@@ -86,81 +87,78 @@ const U = {
     "ds:data-[disabled]:opacity-50 ds:data-[disabled]:cursor-not-allowed",
     "ds:data-[disabled]:pointer-events-none"
   ].join(" ")
-), W = h(
+), F = h(
   [
     "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
     "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
     "type-eyebrow ds:text-[color:var(--muted-foreground)]",
     "ds:select-none"
   ].join(" ")
-), w = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", y = V(void 0), C = ({
+), N = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", w = A(void 0), C = ({
   dir: s,
   id: a,
   open: o,
-  defaultOpen: n,
-  onOpenChange: d,
-  ...u
+  defaultOpen: t,
+  onOpenChange: r,
+  ...m
 }) => {
-  const f = F(), i = o !== void 0, [G, P] = A(
-    n ?? !1
-  ), l = i ? !!o : G, v = B(l);
-  E(() => {
+  const u = B(), [f, c] = K({
+    value: o,
+    defaultValue: t ?? !1,
+    onChange: r
+  }), l = f ?? !1, v = G(l);
+  P(() => {
     v.current = l;
   }, [l]);
-  const p = K(
-    (g) => {
-      i || P(g), d == null || d(g);
-    },
-    [i, d]
-  ), O = H(
+  const T = L(
     () => ({
       getIsOpen: () => v.current,
-      open: () => p(!0),
-      close: () => p(!1)
+      open: () => c(!0),
+      close: () => c(!1)
     }),
-    [p]
+    [c]
   );
-  return Q(U, O, a), /* @__PURE__ */ e(y.Provider, { value: a, children: /* @__PURE__ */ e(
-    t.Root,
+  return H(q, T, a), /* @__PURE__ */ e(w.Provider, { value: a, children: /* @__PURE__ */ e(
+    n.Root,
     {
-      dir: s ?? f,
+      dir: s ?? u,
       open: l,
-      onOpenChange: p,
-      ...u
+      onOpenChange: c,
+      ...m
     }
   ) });
 };
 C.displayName = "DropdownMenu.Root";
-const X = t.Trigger, Y = t.Portal, Z = t.Group, _ = t.RadioGroup, S = r(({ className: s, sideOffset: a = 8, ...o }, n) => {
-  const d = L(y);
-  return /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(
-    t.Content,
+const J = n.Trigger, Q = n.Portal, U = n.Group, W = n.RadioGroup, y = d(({ className: s, sideOffset: a = 8, ...o }, t) => {
+  const r = O(w);
+  return /* @__PURE__ */ e(n.Portal, { children: /* @__PURE__ */ e(
+    n.Content,
     {
-      ref: n,
+      ref: t,
       sideOffset: a,
-      className: N({ className: s }),
+      className: b({ className: s }),
       "data-component": "dropdown-menu",
-      "data-component-id": d,
+      "data-component-id": r,
       ...o
     }
   ) });
 });
-S.displayName = "DropdownMenu.Content";
-const D = r(
+y.displayName = "DropdownMenu.Content";
+const R = d(
   ({
     className: s,
     startIcon: a,
     endIcon: o,
-    description: n,
-    shortcut: d,
-    children: u,
-    ...f
-  }, i) => /* @__PURE__ */ c(
-    t.Item,
+    description: t,
+    shortcut: r,
+    children: m,
+    ...u
+  }, f) => /* @__PURE__ */ i(
+    n.Item,
     {
-      ref: i,
-      className: m({ className: s }),
-      ...f,
+      ref: f,
+      className: p({ className: s }),
+      ...u,
       children: [
         a ? /* @__PURE__ */ e(
           "span",
@@ -170,11 +168,11 @@ const D = r(
             children: a
           }
         ) : null,
-        /* @__PURE__ */ c("span", { className: "ds:flex-1 ds:flex ds:flex-col ds:min-w-0", children: [
-          /* @__PURE__ */ e("span", { className: "ds:truncate", children: u }),
-          n ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: n }) : null
+        /* @__PURE__ */ i("span", { className: "ds:flex-1 ds:flex ds:flex-col ds:min-w-0", children: [
+          /* @__PURE__ */ e("span", { className: "ds:truncate", children: m }),
+          t ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: t }) : null
         ] }),
-        d ? /* @__PURE__ */ e("span", { className: "ds:ms-auto", children: /* @__PURE__ */ e(x, { keys: d, size: "sm" }) }) : o ? /* @__PURE__ */ e(
+        r ? /* @__PURE__ */ e("span", { className: "ds:ms-auto", children: /* @__PURE__ */ e(g, { keys: r, size: "sm" }) }) : o ? /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": "true",
@@ -186,29 +184,29 @@ const D = r(
     }
   )
 );
-D.displayName = "DropdownMenu.Item";
-const R = r(({ className: s, children: a, ...o }, n) => /* @__PURE__ */ c(
-  t.CheckboxItem,
+R.displayName = "DropdownMenu.Item";
+const S = d(({ className: s, children: a, ...o }, t) => /* @__PURE__ */ i(
+  n.CheckboxItem,
   {
-    ref: n,
-    className: m({ className: s }),
+    ref: t,
+    className: p({ className: s }),
     ...o,
     children: [
-      /* @__PURE__ */ e("span", { className: w, children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(b, { "aria-hidden": !0, className: "ds:size-4" }) }) }),
+      /* @__PURE__ */ e("span", { className: N, children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(x, { "aria-hidden": !0, className: "ds:size-4" }) }) }),
       /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: a })
     ]
   }
 ));
-R.displayName = "DropdownMenu.CheckboxItem";
-const $ = _, M = r(({ className: s, children: a, ...o }, n) => /* @__PURE__ */ c(
-  t.RadioItem,
+S.displayName = "DropdownMenu.CheckboxItem";
+const X = W, D = d(({ className: s, children: a, ...o }, t) => /* @__PURE__ */ i(
+  n.RadioItem,
   {
-    ref: n,
-    className: m({ className: s }),
+    ref: t,
+    className: p({ className: s }),
     ...o,
     children: [
-      /* @__PURE__ */ e("span", { className: w, children: /* @__PURE__ */ e(t.ItemIndicator, { children: /* @__PURE__ */ e(
-        b,
+      /* @__PURE__ */ e("span", { className: N, children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(
+        x,
         {
           "aria-hidden": !0,
           className: "ds:size-4 ds:text-[color:var(--accent)]"
@@ -218,33 +216,33 @@ const $ = _, M = r(({ className: s, children: a, ...o }, n) => /* @__PURE__ */ c
     ]
   }
 ));
-M.displayName = "DropdownMenu.RadioItem";
-const I = r(({ className: s, ...a }, o) => /* @__PURE__ */ e(
-  t.Label,
+D.displayName = "DropdownMenu.RadioItem";
+const M = d(({ className: s, ...a }, o) => /* @__PURE__ */ e(
+  n.Label,
   {
     ref: o,
-    className: W({ className: s }),
+    className: F({ className: s }),
     ...a
   }
 ));
-I.displayName = "DropdownMenu.Label";
-const k = r(({ className: s, ...a }, o) => /* @__PURE__ */ e(t.Separator, { ref: o, asChild: !0, ...a, children: /* @__PURE__ */ e(
-  q,
+M.displayName = "DropdownMenu.Label";
+const z = d(({ className: s, ...a }, o) => /* @__PURE__ */ e(n.Separator, { ref: o, asChild: !0, ...a, children: /* @__PURE__ */ e(
+  E,
   {
     className: ["ds:my-[calc(var(--spacing-xs)/2)]", s ?? ""].filter(Boolean).join(" ")
   }
 ) }));
-k.displayName = "DropdownMenu.Separator";
-const z = r(
-  ({ keys: s, separator: a = "none" }, o) => /* @__PURE__ */ e("span", { ref: o, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ e(x, { keys: s, separator: a, size: "sm" }) })
+z.displayName = "DropdownMenu.Separator";
+const I = d(
+  ({ keys: s, separator: a = "none" }, o) => /* @__PURE__ */ e("span", { ref: o, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ e(g, { keys: s, separator: a, size: "sm" }) })
 );
-z.displayName = "DropdownMenu.Shortcut";
-const ee = t.Sub, j = r(({ className: s, startIcon: a, children: o, ...n }, d) => /* @__PURE__ */ c(
-  t.SubTrigger,
+I.displayName = "DropdownMenu.Shortcut";
+const Y = n.Sub, k = d(({ className: s, startIcon: a, children: o, ...t }, r) => /* @__PURE__ */ i(
+  n.SubTrigger,
   {
-    ref: d,
-    className: m({ className: s }),
-    ...n,
+    ref: r,
+    className: p({ className: s }),
+    ...t,
     children: [
       a ? /* @__PURE__ */ e(
         "span",
@@ -256,7 +254,7 @@ const ee = t.Sub, j = r(({ className: s, startIcon: a, children: o, ...n }, d) =
       ) : null,
       /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: o }),
       /* @__PURE__ */ e(
-        J,
+        V,
         {
           "aria-hidden": !0,
           className: "ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100"
@@ -265,37 +263,37 @@ const ee = t.Sub, j = r(({ className: s, startIcon: a, children: o, ...n }, d) =
     ]
   }
 ));
-j.displayName = "DropdownMenu.SubTrigger";
-const T = r(({ className: s, ...a }, o) => /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(
-  t.SubContent,
+k.displayName = "DropdownMenu.SubTrigger";
+const j = d(({ className: s, ...a }, o) => /* @__PURE__ */ e(n.Portal, { children: /* @__PURE__ */ e(
+  n.SubContent,
   {
     ref: o,
     sideOffset: 8,
     "data-component": "dropdown-menu-sub-content",
-    className: N({ className: s }),
+    className: b({ className: s }),
     ...a
   }
 ) }));
-T.displayName = "DropdownMenu.SubContent";
-const le = {
+j.displayName = "DropdownMenu.SubContent";
+const re = {
   Root: C,
-  Trigger: X,
-  Portal: Y,
-  Content: S,
-  Group: Z,
-  Item: D,
-  CheckboxItem: R,
-  RadioGroup: $,
-  RadioItem: M,
-  Label: I,
-  Separator: k,
-  Shortcut: z,
-  Sub: ee,
-  SubTrigger: j,
-  SubContent: T
+  Trigger: J,
+  Portal: Q,
+  Content: y,
+  Group: U,
+  Item: R,
+  CheckboxItem: S,
+  RadioGroup: X,
+  RadioItem: D,
+  Label: M,
+  Separator: z,
+  Shortcut: I,
+  Sub: Y,
+  SubTrigger: k,
+  SubContent: j
 };
 export {
-  le as D,
-  U as d
+  re as D,
+  q as d
 };
-//# sourceMappingURL=dropdown-menu-dyV7gHh_.js.map
+//# sourceMappingURL=dropdown-menu-DZxwF23X.js.map