@alfadocs/ui-kit 0.1.10 → 0.2.1

package/dist/_chunks/{notification-tray-DTXMq42J.js → notification-tray-PGtMqXbP.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 { jsx as t, jsxs as c, Fragment as q } from "react/jsx-runtime";
+import { forwardRef as de, useState as F, useCallback as H, useLayoutEffect as ce, useEffect as U, 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 { 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 { c as C } from "./index-D2ZczOXr.js";
+import { useTranslation as G } from "react-i18next";
+import { I as ue } from "./icon-button-C4CGcYuz.js";
+import { B as W } from "./button-DD_0Xdmr.js";
+import { S as Y } from "./separator-CYU_bGFn.js";
+import { S as N } from "./skeleton-CZbwyJAA.js";
+import { N as pe } from "./notification-card-uTPEvAQS.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 = {
+], J = 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,8 +198,8 @@ function R() {
     }
   );
 }
-function be() {
-  const { t: i } = Y();
+function Te() {
+  const { t: i } = G();
   return /* @__PURE__ */ c(
     "div",
     {
@@ -209,7 +212,7 @@ function be() {
           {
             "aria-hidden": "true",
             className: "ds:inline-flex ds:items-center ds:justify-center ds:size-10 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)] ds:[&>svg]:size-5",
-            children: /* @__PURE__ */ t(G, {})
+            children: /* @__PURE__ */ t(J, {})
           }
         ),
         /* @__PURE__ */ t("p", { className: "type-title-item ds:text-[color:var(--foreground)]", children: i("ui.notificationTray.noNotifications", "No notifications") }),
@@ -221,18 +224,18 @@ function be() {
     }
   );
 }
-const Te = re(
+const we = de(
   ({
     id: i,
     items: a,
     unseenCount: b,
-    open: I,
-    onOpenChange: m,
-    onItemClick: f,
+    open: S,
+    onOpenChange: g,
+    onItemClick: u,
     onDismiss: p,
-    onMarkRead: g,
-    onMarkAllRead: j,
-    loading: J = !1,
+    onMarkRead: v,
+    onMarkAllRead: I,
+    loading: j = !1,
     maxVisible: M,
     viewAllLabel: K,
     onViewAll: Q,
@@ -242,27 +245,27 @@ const Te = re(
     className: $,
     ...D
   }, ee) => {
-    var L;
-    const { t: r } = Y(), w = I !== void 0, [te, ie] = q(!1), z = w ? I : te, v = F(
+    var _;
+    const { t: r } = G(), w = S !== void 0, [te, ie] = F(!1), z = w ? S : te, y = H(
       (e) => {
-        w || ie(e), m == null || m(e);
+        w || ie(e), g == null || g(e);
       },
-      [w, m]
-    ), [y, O] = q(
+      [w, g]
+    ), [m, O] = F(
       () => a.map((e) => ({ item: e, leaving: !1 }))
-    ), V = F(() => {
+    ), V = H(() => {
       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(() => {
+    ce(() => {
       O((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);
-            return _ ? { item: _, leaving: !1 } : { ...o, leaving: !0 };
+            const E = a.find((re) => re.id === o.item.id);
+            return E ? { item: E, leaving: !1 } : { ...o, leaving: !0 };
           }
           return { ...o, leaving: !0 };
         });
@@ -270,15 +273,15 @@ const Te = re(
           s.has(o.id) || d.push({ item: o, leaving: !1 });
         return d;
       });
-    }, [a]), H(() => {
-      if (!y.some((s) => s.leaving)) return;
+    }, [a]), U(() => {
+      if (!m.some((s) => s.leaving)) return;
       const e = V(), n = setTimeout(() => {
         O((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);
-    H(() => {
+    }, [m, V]);
+    const k = f(null), A = f((_ = a[0]) == null ? void 0 : _.id);
+    U(() => {
       var s;
       const e = (s = a[0]) == null ? void 0 : s.id, n = A.current;
       if (n && e && n !== e && k.current) {
@@ -299,49 +302,50 @@ 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);
+    const B = f(b);
     B.current = b;
-    const P = u(z);
+    const P = f(z);
     P.current = z;
-    const C = ce(
+    const oe = le(
       () => ({
-        open: () => v(!0),
-        close: () => v(!1),
+        open: () => y(!0),
+        close: () => y(!1),
         isOpen: () => P.current,
         getItems: () => l.current.map((e) => ({ id: e.id, read: !!e.read })),
         getUnreadCount: () => B.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);
-          n && (g == null || g(n));
+          n && (v == null || v(n));
         },
         dismiss: (e) => {
           const n = l.current.find((s) => s.id === e);
           n && (p == null || p(n));
         }
       }),
-      [v, f, g, p]
-    );
-    return le(ee, () => C, [C]), ue(ve, C, i), /* @__PURE__ */ t(
+      [y, u, v, p]
+    ), L = f(null);
+    return fe(ee, () => L.current, []), me(ye, oe, i), /* @__PURE__ */ t(
       "div",
       {
+        ref: L,
         "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: [
+        children: /* @__PURE__ */ c(x.Root, { open: z, onOpenChange: y, children: [
           /* @__PURE__ */ t(x.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
-            fe,
+            ue,
             {
-              icon: /* @__PURE__ */ t(G, {}),
+              icon: /* @__PURE__ */ t(J, {}),
               intent: "outline",
               size: T === "sm" ? "sm" : "md",
               "aria-label": ae,
@@ -353,7 +357,7 @@ const Te = re(
             {
               "aria-hidden": "true",
               "data-testid": "notification-tray-badge",
-              className: xe(),
+              className: Ne(),
               children: ne
             }
           ) : null,
@@ -379,35 +383,35 @@ 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(
-                    U,
+                  I && a.some((e) => !e.read) ? /* @__PURE__ */ t(
+                    W,
                     {
                       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")
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ t(W, {}),
+                /* @__PURE__ */ t(Y, {}),
                 /* @__PURE__ */ t(
                   "div",
                   {
-                    role: "list",
+                    role: j || m.length === 0 ? void 0 : "list",
                     "data-max-visible": M,
                     className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--notification-tray-max-block-size,24rem)]",
-                    children: J ? /* @__PURE__ */ c(E, { children: [
+                    children: j ? /* @__PURE__ */ c(q, { children: [
                       /* @__PURE__ */ t(R, {}),
                       /* @__PURE__ */ t(R, {}),
                       /* @__PURE__ */ t(R, {})
-                    ] }) : y.length === 0 ? /* @__PURE__ */ t(be, {}) : y.map(({ item: e, leaving: n }) => /* @__PURE__ */ t(
+                    ] }) : m.length === 0 ? /* @__PURE__ */ t(Te, {}) : m.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,10 +419,10 @@ const Te = re(
                     ))
                   }
                 ),
-                K ? /* @__PURE__ */ c(E, { children: [
-                  /* @__PURE__ */ t(W, {}),
+                K ? /* @__PURE__ */ c(q, { children: [
+                  /* @__PURE__ */ t(Y, {}),
                   /* @__PURE__ */ t("div", { className: "ds:pt-[var(--spacing-xs)]", children: /* @__PURE__ */ t(
-                    U,
+                    W,
                     {
                       intent: "link",
                       size: "sm",
@@ -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-PGtMqXbP.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