@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/{notification-tray-DTXMq42J.js → notification-tray-C5cnXbl9.js}

@@ -1,22 +1,22 @@
 import { jsx as t, jsxs as c, Fragment as E } from "react/jsx-runtime";
-import { forwardRef as re, useState as q, useCallback as F, useLayoutEffect as de, useEffect as H, useRef as u, useMemo as ce, useImperativeHandle as le } from "react";
+import { forwardRef as de, useState as q, useCallback as F, useLayoutEffect as ce, useEffect as H, useRef as f, useMemo as le, useImperativeHandle as fe } from "react";
 import * as x from "@radix-ui/react-popover";
-import { c as S } from "./index-D2ZczOXr.js";
+import { c as C } from "./index-D2ZczOXr.js";
 import { useTranslation as Y } from "react-i18next";
-import { I as fe } from "./icon-button-Wnnde5lc.js";
-import { B as U } from "./button-7mLWcMp_.js";
-import { S as W } from "./separator-B4wXDLNC.js";
-import { S as N } from "./skeleton-dtqyF09N.js";
-import { N as pe } from "./notification-card-CsVEYJE-.js";
-import { u as ue } from "./registry-C9nwlNyL.js";
-import { c as me } from "./createLucideIcon-CrFbzy84.js";
+import { I as ue } from "./icon-button-C4CGcYuz.js";
+import { B as U } from "./button-DD_0Xdmr.js";
+import { S as W } from "./separator-CYU_bGFn.js";
+import { S as N } from "./skeleton-CZbwyJAA.js";
+import { N as pe } from "./notification-card-hBlPN1-c.js";
+import { u as me } from "./registry-C9nwlNyL.js";
+import { c as ge } from "./createLucideIcon-CrFbzy84.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ge = [
+const ve = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -25,7 +25,7 @@ const ge = [
       key: "11g9vi"
     }
   ]
-], G = me("bell", ge), ve = {
+], G = ge("bell", ve), ye = {
   id: "notification-tray",
   capabilities: ["open", "close", "select_single", "dismiss"],
   state: {
@@ -109,17 +109,20 @@ const ge = [
       description: "Stable notification id emitted on each rendered NotificationCard inside the tray."
     }
   }
-}, ye = S("ds:relative ds:inline-flex ds:items-center", {
-  variants: {
-    size: {
-      sm: "",
-      md: ""
+}, he = C(
+  "ds:relative ds:inline-flex ds:items-center",
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: ""
+      }
+    },
+    defaultVariants: {
+      size: "md"
     }
-  },
-  defaultVariants: {
-    size: "md"
   }
-}), he = S(
+), xe = C(
   [
     "ds:flex ds:flex-col",
     "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
@@ -160,7 +163,7 @@ const ge = [
       size: "md"
     }
   }
-), xe = S(
+), Ne = C(
   [
     // Anchored to the top-end corner of the trigger, nudged outward so
     // the bell icon isn't covered.
@@ -175,7 +178,7 @@ const ge = [
     "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
   ].join(" ")
 );
-function Ne(i, a) {
+function be(i, a) {
   return i > 99 ? a : String(i);
 }
 function R() {
@@ -195,7 +198,7 @@ function R() {
     }
   );
 }
-function be() {
+function Te() {
   const { t: i } = Y();
   return /* @__PURE__ */ c(
     "div",
@@ -221,20 +224,20 @@ function be() {
     }
   );
 }
-const Te = re(
+const we = de(
   ({
     id: i,
     items: a,
     unseenCount: b,
-    open: I,
+    open: S,
     onOpenChange: m,
-    onItemClick: f,
+    onItemClick: u,
     onDismiss: p,
     onMarkRead: g,
-    onMarkAllRead: j,
+    onMarkAllRead: I,
     loading: J = !1,
     maxVisible: M,
-    viewAllLabel: K,
+    viewAllLabel: j,
     onViewAll: Q,
     align: X = "end",
     side: Z = "bottom",
@@ -243,25 +246,25 @@ const Te = re(
     ...D
   }, ee) => {
     var L;
-    const { t: r } = Y(), w = I !== void 0, [te, ie] = q(!1), z = w ? I : te, v = F(
+    const { t: r } = Y(), w = S !== void 0, [te, ie] = q(!1), z = w ? S : te, v = F(
       (e) => {
         w || ie(e), m == null || m(e);
       },
       [w, m]
-    ), [y, O] = q(
+    ), [y, K] = q(
       () => a.map((e) => ({ item: e, leaving: !1 }))
-    ), V = F(() => {
+    ), O = F(() => {
       if (typeof window > "u") return 200;
       const e = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
       if (!e) return 200;
       const n = e.trim(), s = parseFloat(n);
       return Number.isFinite(s) ? n.endsWith("ms") ? s : s * 1e3 : 200;
     }, []);
-    de(() => {
-      O((e) => {
+    ce(() => {
+      K((e) => {
         const n = new Set(a.map((o) => o.id)), s = new Set(e.map((o) => o.item.id)), d = e.map((o) => {
           if (n.has(o.item.id)) {
-            const _ = a.find((oe) => oe.id === o.item.id);
+            const _ = a.find((re) => re.id === o.item.id);
             return _ ? { item: _, leaving: !1 } : { ...o, leaving: !0 };
           }
           return { ...o, leaving: !0 };
@@ -272,15 +275,15 @@ const Te = re(
       });
     }, [a]), H(() => {
       if (!y.some((s) => s.leaving)) return;
-      const e = V(), n = setTimeout(() => {
-        O((s) => s.filter((d) => !d.leaving));
+      const e = O(), n = setTimeout(() => {
+        K((s) => s.filter((d) => !d.leaving));
       }, e);
       return () => clearTimeout(n);
-    }, [y, V]);
-    const k = u(null), A = u((L = a[0]) == null ? void 0 : L.id);
+    }, [y, O]);
+    const k = f(null), V = f((L = a[0]) == null ? void 0 : L.id);
     H(() => {
       var s;
-      const e = (s = a[0]) == null ? void 0 : s.id, n = A.current;
+      const e = (s = a[0]) == null ? void 0 : s.id, n = V.current;
       if (n && e && n !== e && k.current) {
         const d = a[0];
         d && !d.read && (k.current.textContent = r(
@@ -291,7 +294,7 @@ const Te = re(
           }
         ));
       }
-      A.current = e;
+      V.current = e;
     }, [a, r]);
     const h = b ?? 0, ae = h > 0 ? r("ui.notificationTray.triggerLabel", {
       count: h,
@@ -299,25 +302,25 @@ const Te = re(
     }) : r(
       "ui.notificationTray.triggerLabelNone",
       "Notifications, none unread"
-    ), ne = Ne(
+    ), ne = be(
       h,
       r("ui.notificationTray.badgeCountOverflow", "99+")
-    ), se = he({ size: T }), l = u(a);
+    ), se = xe({ size: T }), l = f(a);
     l.current = a;
-    const B = u(b);
-    B.current = b;
-    const P = u(z);
-    P.current = z;
-    const C = ce(
+    const A = f(b);
+    A.current = b;
+    const B = f(z);
+    B.current = z;
+    const oe = le(
       () => ({
         open: () => v(!0),
         close: () => v(!1),
-        isOpen: () => P.current,
+        isOpen: () => B.current,
         getItems: () => l.current.map((e) => ({ id: e.id, read: !!e.read })),
-        getUnreadCount: () => B.current ?? l.current.filter((e) => !e.read).length,
+        getUnreadCount: () => A.current ?? l.current.filter((e) => !e.read).length,
         selectItem: (e) => {
           const n = l.current.find((s) => s.id === e);
-          n && (f == null || f(n));
+          n && (u == null || u(n));
         },
         markRead: (e) => {
           const n = l.current.find((s) => s.id === e);
@@ -328,18 +331,19 @@ const Te = re(
           n && (p == null || p(n));
         }
       }),
-      [v, f, g, p]
-    );
-    return le(ee, () => C, [C]), ue(ve, C, i), /* @__PURE__ */ t(
+      [v, u, g, p]
+    ), P = f(null);
+    return fe(ee, () => P.current, []), me(ye, oe, i), /* @__PURE__ */ t(
       "div",
       {
+        ref: P,
         "data-component": "notification-tray",
         "data-component-id": i,
-        className: [ye({ size: T }), $].filter(Boolean).join(" "),
+        className: [he({ size: T }), $].filter(Boolean).join(" "),
         ...D,
         children: /* @__PURE__ */ c(x.Root, { open: z, onOpenChange: v, children: [
           /* @__PURE__ */ t(x.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
-            fe,
+            ue,
             {
               icon: /* @__PURE__ */ t(G, {}),
               intent: "outline",
@@ -353,7 +357,7 @@ const Te = re(
             {
               "aria-hidden": "true",
               "data-testid": "notification-tray-badge",
-              className: xe(),
+              className: Ne(),
               children: ne
             }
           ) : null,
@@ -379,12 +383,12 @@ const Te = re(
               children: [
                 /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]", children: [
                   /* @__PURE__ */ t("h3", { className: "ds:m-0 type-title-card ds:text-[color:var(--foreground)]", children: r("ui.notificationTray.panelTitle", "Notifications") }),
-                  j && a.some((e) => !e.read) ? /* @__PURE__ */ t(
+                  I && a.some((e) => !e.read) ? /* @__PURE__ */ t(
                     U,
                     {
                       intent: "link",
                       size: "sm",
-                      onClick: j,
+                      onClick: I,
                       className: "ds:text-[length:var(--font-size-xs)]",
                       children: r("ui.notificationTray.markAllRead", "Mark all as read")
                     }
@@ -401,13 +405,13 @@ const Te = re(
                       /* @__PURE__ */ t(R, {}),
                       /* @__PURE__ */ t(R, {}),
                       /* @__PURE__ */ t(R, {})
-                    ] }) : y.length === 0 ? /* @__PURE__ */ t(be, {}) : y.map(({ item: e, leaving: n }) => /* @__PURE__ */ t(
+                    ] }) : y.length === 0 ? /* @__PURE__ */ t(Te, {}) : y.map(({ item: e, leaving: n }) => /* @__PURE__ */ t(
                       pe,
                       {
                         item: e,
                         variant: "compact",
                         leaving: n,
-                        onActivate: f,
+                        onActivate: u,
                         onDismiss: p,
                         "data-notification-id": e.id
                       },
@@ -415,7 +419,7 @@ const Te = re(
                     ))
                   }
                 ),
-                K ? /* @__PURE__ */ c(E, { children: [
+                j ? /* @__PURE__ */ c(E, { children: [
                   /* @__PURE__ */ t(W, {}),
                   /* @__PURE__ */ t("div", { className: "ds:pt-[var(--spacing-xs)]", children: /* @__PURE__ */ t(
                     U,
@@ -424,7 +428,7 @@ const Te = re(
                       size: "sm",
                       onClick: Q,
                       className: "ds:w-full ds:justify-center",
-                      children: K
+                      children: j
                     }
                   ) })
                 ] }) : null
@@ -436,9 +440,9 @@ const Te = re(
     );
   }
 );
-Te.displayName = "NotificationTray";
+we.displayName = "NotificationTray";
 export {
-  Te as N,
-  ve as n
+  we as N,
+  ye as n
 };
-//# sourceMappingURL=notification-tray-DTXMq42J.js.map
+//# sourceMappingURL=notification-tray-C5cnXbl9.js.map

package/dist/_chunks/{number-input-fvGmnRy9.js → number-input-Q7wkHnvQ.js}

@@ -2,7 +2,7 @@ import { jsxs as be, jsx as x } from "react/jsx-runtime";
 import { useMemo as J, forwardRef as ge, useRef as A, useState as E, useCallback as $, useEffect as he } from "react";
 import { c as Ne } from "./index-D2ZczOXr.js";
 import { useTranslation as ye } from "react-i18next";
-import { u as we } from "./form-field-context-94LwgYTQ.js";
+import { u as we } from "./form-field-context-B3APVHKx.js";
 import { c as Ie } from "./compose-refs-C0k0tdqF.js";
 import { u as De } from "./registry-C9nwlNyL.js";
 import { C as Fe } from "./chevron-down-BX_NP2Yh.js";
@@ -174,7 +174,11 @@ const Pe = ge(
     onKeyDown: c,
     ...m
   }, h) => {
-    const { t: U } = ye(), D = we(), Q = a ?? D.id, C = !!(D.disabled || k), X = z ?? Ce(), P = Ve(X, p, T), { decimalSeparator: B, format: R, parse: K } = P, L = A(null), Y = Ie(h, L), H = t !== void 0, [Z, ee] = E(
+    const { t: U } = ye(), D = we(), Q = a ?? D.id, C = !!(D.disabled || k), X = z ?? Ce(), P = Ve(X, p, T), {
+      decimalSeparator: B,
+      format: R,
+      parse: K
+    } = P, L = A(null), Y = Ie(h, L), H = t !== void 0, [Z, ee] = E(
       r ?? null
     ), s = H ? t ?? null : Z, W = A(s);
     W.current = s;
@@ -330,4 +334,4 @@ export {
   Pe as N,
   Ve as u
 };
-//# sourceMappingURL=number-input-fvGmnRy9.js.map
+//# sourceMappingURL=number-input-Q7wkHnvQ.js.map

package/dist/_chunks/{otp-input-EglXOUue.js → otp-input-C9gUByF0.js}

@@ -2,7 +2,7 @@ import { jsxs as ee, jsx as M } from "react/jsx-runtime";
 import { forwardRef as te, useId as re, useState as L, useRef as R, useEffect as se, useCallback as N, useMemo as oe } from "react";
 import { c as O } from "./index-D2ZczOXr.js";
 import { useTranslation as ae } from "react-i18next";
-import { u as ie } from "./form-field-context-94LwgYTQ.js";
+import { u as ie } from "./form-field-context-B3APVHKx.js";
 import { u as ne } from "./registry-C9nwlNyL.js";
 const ce = {
   id: "otp-input",
@@ -107,7 +107,10 @@ const pe = te(
   }, z) => {
     const { t: H } = ae(), v = ie(), _ = re(), P = y ? _ : void 0, I = o !== void 0, [q, W] = L(
       () => g(m ?? "", e)
-    ), p = g(I ? o : q, e), G = de(p, e), k = v.disabled || !!S, B = v.invalid || !!$, J = B ? "error" : "default", C = R([]), w = R(p.length === e), d = R(p);
+    ), p = g(
+      I ? o : q,
+      e
+    ), G = de(p, e), k = v.disabled || !!S, B = v.invalid || !!$, J = B ? "error" : "default", C = R([]), w = R(p.length === e), d = R(p);
     d.current = p;
     const Q = () => {
       const r = p.length;
@@ -254,4 +257,4 @@ pe.displayName = "OTPInput";
 export {
   pe as O
 };
-//# sourceMappingURL=otp-input-EglXOUue.js.map
+//# sourceMappingURL=otp-input-C9gUByF0.js.map