@alfadocs/ui-kit 0.1.10 → 0.2.1

package/dist/_chunks/{navigation-menu.agent-D69ND6Qq.js → navigation-menu-ClbHeawy.js}

@@ -1,24 +1,95 @@
-import { jsxs as f, jsx as s } from "react/jsx-runtime";
+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 L } from "@radix-ui/react-slot";
-import { c as R } from "./index-D2ZczOXr.js";
+import { Slot as R } from "@radix-ui/react-slot";
+import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
-import { u as K } from "./use-direction-D6rvvG9G.js";
+import { u as A } from "./use-direction-D6rvvG9G.js";
+import { u as K } from "./registry-C9nwlNyL.js";
 import { C as O } from "./chevron-down-BX_NP2Yh.js";
-const S = [
+const S = {
+  id: "navigation-menu",
+  capabilities: ["select_single", "navigate", "open", "close"],
+  state: {
+    activeItem: {
+      type: "string | null",
+      descriptionKey: "ui.agent.navigationMenu.state.activeItem",
+      description: "Id of the currently-active top-level navigation item, or null when none is active.",
+      read: (e) => e.getActiveItem() ?? null
+    },
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.navigationMenu.state.isOpen",
+      description: "Whether a dropdown / mega-menu panel is currently open.",
+      read: (e) => e.getIsOpen()
+    }
+  },
+  actions: {
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.navigationMenu.actions.selectItem",
+      description: "Activate (open) the top-level item with the given id.",
+      invoke: (e, t) => {
+        e.selectItem(t.id);
+      }
+    },
+    open: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.navigationMenu.actions.open",
+      description: "Open the dropdown / mega-menu panel for the given top-level item id.",
+      invoke: (e, t) => {
+        e.open(t.id);
+      }
+    },
+    close: {
+      safety: "read",
+      descriptionKey: "ui.agent.navigationMenu.actions.close",
+      description: "Close any open dropdown / mega-menu panel.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "navigation-menu",
+      description: "Marks the NavigationMenu root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific menu from the agent."
+    },
+    item: {
+      attr: "data-nav-id",
+      description: "Stable opaque id of a top-level navigation item. Selection / open targets this attribute."
+    }
+  }
+}, V = [
   "ds:relative ds:z-[var(--z-dropdown)]",
   "ds:flex ds:max-w-max ds:items-center ds:justify-center"
-].join(" "), V = n(
-  ({ "aria-label": e, className: t, children: a, id: i, value: c, defaultValue: b, onValueChange: m, ...N }, w) => {
-    const { t: y } = T(), v = I(null), x = K(v), u = c !== void 0, [M, j] = k(
-      b ?? ""
-    ), r = u ? c : M, l = z(
+].join(" "), q = n(
+  ({
+    "aria-label": e,
+    className: t,
+    children: a,
+    id: i,
+    value: c,
+    defaultValue: h,
+    onValueChange: m,
+    ...b
+  }, N) => {
+    const { t: w } = T(), u = I(null), y = A(u), v = c !== void 0, [x, M] = k(
+      h ?? ""
+    ), r = v ? c : x, l = z(
       (d) => {
-        u || j(d), m == null || m(d);
+        v || M(d), m == null || m(d);
       },
-      [u, m]
-    ), g = C(
+      [v, m]
+    ), j = C(
       () => ({
         getActiveItem: () => r || null,
         getIsOpen: () => !!r,
@@ -28,45 +99,49 @@ const S = [
       }),
       [r, l]
     );
-    return B(w, () => g, [g]), /* @__PURE__ */ f(
+    return B(
+      N,
+      () => u.current,
+      []
+    ), K(S, j, i), /* @__PURE__ */ p(
       o.Root,
       {
-        ref: v,
-        dir: x,
-        "aria-label": e ?? y("ui.navigation.nav.label"),
-        className: [S, t].filter(Boolean).join(" "),
+        ref: u,
+        dir: y,
+        "aria-label": e ?? w("ui.navigation.nav.label"),
+        className: [V, t].filter(Boolean).join(" "),
         id: i,
         "data-component": "navigation-menu",
         "data-component-id": i,
         value: r,
         onValueChange: l,
-        ...N,
+        ...b,
         children: [
           a,
-          /* @__PURE__ */ s(h, {})
+          /* @__PURE__ */ s(f, {})
         ]
       }
     );
   }
 );
-V.displayName = "NavigationMenu";
-const A = [
+q.displayName = "NavigationMenu";
+const D = [
   "ds:group ds:flex ds:flex-1",
   "ds:list-none ds:items-center ds:justify-center",
   "ds:gap-[var(--spacing-xs)]",
   "ds:m-0 ds:ps-0"
-].join(" "), q = n(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+].join(" "), H = n(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   o.List,
   {
     ref: a,
-    className: [A, e].filter(Boolean).join(" "),
+    className: [D, e].filter(Boolean).join(" "),
     ...t
   }
 ));
-q.displayName = "NavigationMenuList";
-const D = n(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
-D.displayName = "NavigationMenuItem";
-const H = [
+H.displayName = "NavigationMenuList";
+const _ = n(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
+_.displayName = "NavigationMenuItem";
+const P = [
   "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)]",
@@ -80,24 +155,24 @@ const H = [
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
   "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
   "ds:gap-[var(--spacing-xs)]"
-].join(" "), _ = [
+].join(" "), W = [
   "ds:size-3 ds:transition-transform ds:duration-[var(--animation-duration)]",
   "ds:group-data-[state=open]:rotate-180",
   "ds:rtl:-scale-x-100 ds:motion-reduce:transition-none"
-].join(" "), P = n(({ className: e, children: t, ...a }, i) => /* @__PURE__ */ f(
+].join(" "), E = n(({ className: e, children: t, ...a }, i) => /* @__PURE__ */ p(
   o.Trigger,
   {
     ref: i,
-    className: [H, e].filter(Boolean).join(" "),
+    className: [P, e].filter(Boolean).join(" "),
     ...a,
     children: [
       t,
-      /* @__PURE__ */ s(O, { "aria-hidden": "true", className: _ })
+      /* @__PURE__ */ s(O, { "aria-hidden": "true", className: W })
     ]
   }
 ));
-P.displayName = "NavigationMenuTrigger";
-const W = [
+E.displayName = "NavigationMenuTrigger";
+const F = [
   "ds:absolute ds:start-0 ds:top-0 ds:w-full",
   "ds:md:w-auto",
   "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
@@ -113,7 +188,7 @@ const W = [
   "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(" "), E = R(W, {
+].join(" "), G = L(F, {
   variants: {
     layout: {
       simple: "ds:min-w-[16rem]",
@@ -121,16 +196,16 @@ const W = [
     }
   },
   defaultVariants: { layout: "simple" }
-}), F = n(({ layout: e, className: t, ...a }, i) => /* @__PURE__ */ s(
+}), J = n(({ layout: e, className: t, ...a }, i) => /* @__PURE__ */ s(
   o.Content,
   {
     ref: i,
-    className: E({ layout: e, className: t }),
+    className: G({ layout: e, className: t }),
     ...a
   }
 ));
-F.displayName = "NavigationMenuContent";
-const p = [
+J.displayName = "NavigationMenuContent";
+const g = [
   "ds:block ds:rounded-[var(--radius-sm)]",
   "ds:min-h-[var(--min-target-size)]",
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
@@ -145,33 +220,33 @@ const p = [
   "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(" "), G = n(({ asChild: e = !1, className: t, children: a, ...i }, c) => /* @__PURE__ */ s(
+].join(" "), Q = n(({ asChild: e = !1, className: t, children: a, ...i }, c) => /* @__PURE__ */ s(
   o.Link,
   {
     ref: c,
     asChild: e,
-    className: e ? void 0 : [p, t].filter(Boolean).join(" "),
+    className: e ? void 0 : [g, t].filter(Boolean).join(" "),
     ...i,
-    children: e ? /* @__PURE__ */ s(L, { className: [p, t].filter(Boolean).join(" "), children: a }) : a
+    children: e ? /* @__PURE__ */ s(R, { className: [g, t].filter(Boolean).join(" "), children: a }) : a
   }
 ));
-G.displayName = "NavigationMenuLink";
-const J = [
+Q.displayName = "NavigationMenuLink";
+const U = [
   "ds:top-full ds:z-[1] ds:flex ds:h-2 ds:items-end ds:justify-center ds:overflow-hidden",
   "ds:data-[state=visible]:animate-in ds:data-[state=hidden]:animate-out",
   "ds:data-[state=visible]:fade-in ds:data-[state=hidden]:fade-out",
   "ds:motion-reduce:animate-none"
-].join(" "), Q = n(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+].join(" "), X = n(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   o.Indicator,
   {
     ref: a,
-    className: [J, e].filter(Boolean).join(" "),
+    className: [U, e].filter(Boolean).join(" "),
     ...t,
     children: /* @__PURE__ */ s("span", { className: "ds:relative ds:top-[60%] ds:h-2 ds:w-2 ds:rotate-45 ds:rounded-tl-sm ds:bg-[var(--border)]" })
   }
 ));
-Q.displayName = "NavigationMenuIndicator";
-const U = [
+X.displayName = "NavigationMenuIndicator";
+const Y = [
   "ds:origin-top-center ds:relative ds:mt-[var(--spacing-xs)]",
   "ds:h-[var(--radix-navigation-menu-viewport-height)]",
   "ds:w-full ds:overflow-hidden",
@@ -181,86 +256,24 @@ const U = [
   "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
   "ds:data-[state=open]:zoom-in-90 ds:data-[state=closed]:zoom-out-95",
   "ds:motion-reduce:animate-none"
-].join(" "), h = n(({ className: e, ...t }, a) => /* @__PURE__ */ s("div", { className: "ds:absolute ds:start-0 ds:top-full ds:flex ds:justify-center", children: /* @__PURE__ */ s(
+].join(" "), f = n(({ className: e, ...t }, a) => /* @__PURE__ */ s("div", { className: "ds:absolute ds:start-0 ds:top-full ds:flex ds:justify-center", children: /* @__PURE__ */ s(
   o.Viewport,
   {
     ref: a,
-    className: [U, e].filter(Boolean).join(" "),
+    className: [Y, e].filter(Boolean).join(" "),
     ...t
   }
 ) }));
-h.displayName = "NavigationMenuViewport";
-const se = {
-  id: "navigation-menu",
-  capabilities: ["select_single", "navigate", "open", "close"],
-  state: {
-    activeItem: {
-      type: "string | null",
-      descriptionKey: "ui.agent.navigationMenu.state.activeItem",
-      description: "Id of the currently-active top-level navigation item, or null when none is active.",
-      read: (e) => e.getActiveItem() ?? null
-    },
-    isOpen: {
-      type: "boolean",
-      descriptionKey: "ui.agent.navigationMenu.state.isOpen",
-      description: "Whether a dropdown / mega-menu panel is currently open.",
-      read: (e) => e.getIsOpen()
-    }
-  },
-  actions: {
-    select_item: {
-      safety: "read",
-      argsType: "{ id: string }",
-      descriptionKey: "ui.agent.navigationMenu.actions.selectItem",
-      description: "Activate (open) the top-level item with the given id.",
-      invoke: (e, t) => {
-        e.selectItem(t.id);
-      }
-    },
-    open: {
-      safety: "read",
-      argsType: "{ id: string }",
-      descriptionKey: "ui.agent.navigationMenu.actions.open",
-      description: "Open the dropdown / mega-menu panel for the given top-level item id.",
-      invoke: (e, t) => {
-        e.open(t.id);
-      }
-    },
-    close: {
-      safety: "read",
-      descriptionKey: "ui.agent.navigationMenu.actions.close",
-      description: "Close any open dropdown / mega-menu panel.",
-      invoke: (e) => {
-        e.close();
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "navigation-menu",
-      description: "Marks the NavigationMenu root."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop. Required to address a specific menu from the agent."
-    },
-    item: {
-      attr: "data-nav-id",
-      description: "Stable opaque id of a top-level navigation item. Selection / open targets this attribute."
-    }
-  }
-};
+f.displayName = "NavigationMenuViewport";
 export {
-  V as N,
-  F as a,
-  Q as b,
-  D as c,
-  G as d,
-  q as e,
-  P as f,
-  h as g,
-  se as n
+  q as N,
+  J as a,
+  X as b,
+  _ as c,
+  Q as d,
+  H as e,
+  E as f,
+  f as g,
+  S as n
 };
-//# sourceMappingURL=navigation-menu.agent-D69ND6Qq.js.map
+//# sourceMappingURL=navigation-menu-ClbHeawy.js.map

package/dist/_chunks/{notification-card-CsVEYJE-.js → notification-card-uTPEvAQS.js}

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import { forwardRef as M, useMemo as P, useState as R, useRef as B, useCallback as L } from "react";
-import { c as U } from "./index-D2ZczOXr.js";
-import { useTranslation as W } from "react-i18next";
-import { I as E } from "./icon-button-Wnnde5lc.js";
-import { B as N } from "./button-7mLWcMp_.js";
-import { T as H } from "./timestamp-BV2lC-wV.js";
-import { X } from "./x-CCcI3eJp.js";
-const q = U(
+import { c as D } from "./index-D2ZczOXr.js";
+import { useTranslation as U } from "react-i18next";
+import { I as W } from "./icon-button-C4CGcYuz.js";
+import { B as N } from "./button-DD_0Xdmr.js";
+import { T as E } from "./timestamp-BV2lC-wV.js";
+import { X as H } from "./x-CCcI3eJp.js";
+const X = D(
   [
     "ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -73,10 +73,10 @@ const q = U(
   "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
 ].join(" ");
-function G(e) {
+function q(e) {
   return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(e);
 }
-const J = M(
+const G = M(
   ({
     item: e,
     variant: r = "compact",
@@ -89,7 +89,7 @@ const J = M(
     className: z,
     ...T
   }, K) => {
-    const { t: u, i18n: v } = W(), S = P(() => {
+    const { t: u, i18n: v } = U(), S = P(() => {
       const s = new Date(e.createdAt);
       return Number.isNaN(s.getTime()) ? "" : new Intl.DateTimeFormat(v.language, {
         dateStyle: "medium",
@@ -112,7 +112,7 @@ const J = M(
       time: S,
       unreadSuffix: I,
       defaultValue: "{{title}}, {{time}}{{unreadSuffix}}"
-    }), p = !!e.url && G(e.url), i = /* @__PURE__ */ a(
+    }), p = !!e.url && q(e.url), i = /* @__PURE__ */ a(
       "span",
       {
         className: [
@@ -130,7 +130,7 @@ const J = M(
         "aria-label": x,
         className: C + " ds:contents",
         onClick: (s) => {
-          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || t(e);
+          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || (s.preventDefault(), t(e));
         },
         children: i
       }
@@ -149,7 +149,7 @@ const J = M(
         href: e.url,
         className: "ds:text-[color:var(--foreground)] ds:no-underline ds:hover:underline ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
         onClick: (s) => {
-          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || t(e);
+          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || (s.preventDefault(), t(e));
         },
         children: i
       }
@@ -163,7 +163,7 @@ const J = M(
         "data-read": e.read ? "true" : "false",
         "data-leaving": g ? "true" : void 0,
         "aria-hidden": g || void 0,
-        className: q({ variant: r, size: k, state: F, className: z }),
+        className: X({ variant: r, size: k, state: F, className: z }),
         ...T,
         children: [
           e.icon ? /* @__PURE__ */ a(
@@ -191,7 +191,7 @@ const J = M(
             ] }),
             e.description ? /* @__PURE__ */ a("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)] ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:2] ds:break-words", children: e.description }) : null,
             /* @__PURE__ */ a(
-              H,
+              E,
               {
                 value: e.createdAt,
                 shape: "chip",
@@ -212,7 +212,7 @@ const J = M(
                     {
                       href: e.url,
                       onClick: (s) => {
-                        s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || t == null || t(e);
+                        s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || (s.preventDefault(), t == null || t(e));
                       },
                       children: l
                     }
@@ -232,9 +232,9 @@ const J = M(
             ] }) : null
           ] }),
           r === "compact" && d ? /* @__PURE__ */ a("span", { className: "ds:relative ds:z-[1] ds:opacity-0 ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:transition-opacity ds:motion-reduce:transition-none", children: /* @__PURE__ */ a(
-            E,
+            W,
             {
-              icon: /* @__PURE__ */ a(X, {}),
+              icon: /* @__PURE__ */ a(H, {}),
               intent: "ghost",
               size: "sm",
               "aria-label": u(
@@ -249,9 +249,9 @@ const J = M(
     );
   }
 );
-J.displayName = "NotificationCard";
+G.displayName = "NotificationCard";
 export {
-  J as N,
-  G as i
+  G as N,
+  q as i
 };
-//# sourceMappingURL=notification-card-CsVEYJE-.js.map
+//# sourceMappingURL=notification-card-uTPEvAQS.js.map