@alfadocs/ui-kit 0.17.0 → 0.17.2

package/dist/_chunks/{navigation-menu-DdufF-_4.js → navigation-menu-CyS1fBJ7.js}

@@ -1,13 +1,14 @@
-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 { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { forwardRef as i, useRef as M, useMemo as j, useImperativeHandle as I } 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 { useTranslation as T } from "react-i18next";
-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 = {
+import { Slot as C } from "@radix-ui/react-slot";
+import { c as k } from "./index-D2ZczOXr.js";
+import { useTranslation as z } from "react-i18next";
+import { u as V } from "./use-controllable-state-BiY4xTzM.js";
+import { u as B } from "./registry-C9nwlNyL.js";
+import { u as R } from "./use-direction-D6rvvG9G.js";
+import { C as L } from "./chevron-down-BX_NP2Yh.js";
+const T = {
   id: "navigation-menu",
   capabilities: ["select_single", "navigate", "open", "close"],
   state: {
@@ -68,80 +69,77 @@ const S = {
       description: "Stable opaque id of a top-level navigation item. Selection / open targets this attribute."
     }
   }
-}, V = [
+}, A = [
   "ds:relative ds:z-[var(--z-dropdown)]",
   "ds:flex ds:max-w-max ds:items-center ds:justify-center"
-].join(" "), q = n(
+].join(" "), K = i(
   ({
     "aria-label": e,
     className: t,
     children: a,
-    id: i,
-    value: m,
-    defaultValue: h,
-    onValueChange: c,
-    ...b
-  }, N) => {
-    const { t: w } = T(), u = I(null), y = A(u), v = m !== void 0, [M, x] = k(
-      h ?? ""
-    ), r = v ? m : M, l = z(
-      (d) => {
-        v || x(d), c == null || c(d);
-      },
-      [v, c]
-    ), j = C(
+    id: n,
+    value: l,
+    defaultValue: p,
+    onValueChange: f,
+    ...h
+  }, b) => {
+    const { t: N } = z(), m = M(null), w = R(m), [y, d] = V({
+      value: l,
+      defaultValue: p ?? "",
+      onChange: f
+    }), r = y ?? "", x = j(
       () => ({
         getActiveItem: () => r || null,
         getIsOpen: () => !!r,
-        selectItem: (d) => l(d),
-        open: (d) => l(d),
-        close: () => l("")
+        selectItem: (u) => d(u),
+        open: (u) => d(u),
+        close: () => d("")
       }),
-      [r, l]
+      [r, d]
     );
-    return B(
-      N,
-      () => u.current,
+    return I(
+      b,
+      () => m.current,
       []
-    ), K(S, j, i), /* @__PURE__ */ p(
+    ), B(T, x, n), /* @__PURE__ */ v(
       o.Root,
       {
-        ref: u,
-        dir: y,
-        "aria-label": e ?? w("navigation.nav.label"),
-        className: [V, t].filter(Boolean).join(" "),
-        id: i,
+        ref: m,
+        dir: w,
+        "aria-label": e ?? N("navigation.nav.label"),
+        className: [A, t].filter(Boolean).join(" "),
+        id: n,
         "data-component": "navigation-menu",
-        "data-component-id": i,
+        "data-component-id": n,
         value: r,
-        onValueChange: l,
-        ...b,
+        onValueChange: d,
+        ...h,
         children: [
           a,
-          /* @__PURE__ */ s(f, {})
+          /* @__PURE__ */ s(g, {})
         ]
       }
     );
   }
 );
-q.displayName = "NavigationMenu";
-const D = [
+K.displayName = "NavigationMenu";
+const O = [
   "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(" "), H = n(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+].join(" "), S = i(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   o.List,
   {
     ref: a,
-    className: [D, e].filter(Boolean).join(" "),
+    className: [O, e].filter(Boolean).join(" "),
     ...t
   }
 ));
-H.displayName = "NavigationMenuList";
-const P = n(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
-P.displayName = "NavigationMenuItem";
-const _ = [
+S.displayName = "NavigationMenuList";
+const q = i(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
+q.displayName = "NavigationMenuItem";
+const D = [
   "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)]",
@@ -155,24 +153,24 @@ const _ = [
   "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(" "), W = [
+].join(" "), H = [
   "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(" "), E = n(({ className: e, children: t, ...a }, i) => /* @__PURE__ */ p(
+].join(" "), P = i(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ v(
   o.Trigger,
   {
-    ref: i,
-    className: [_, e].filter(Boolean).join(" "),
+    ref: n,
+    className: [D, e].filter(Boolean).join(" "),
     ...a,
     children: [
       t,
-      /* @__PURE__ */ s(O, { "aria-hidden": "true", className: W })
+      /* @__PURE__ */ s(L, { "aria-hidden": "true", className: H })
     ]
   }
 ));
-E.displayName = "NavigationMenuTrigger";
-const F = [
+P.displayName = "NavigationMenuTrigger";
+const _ = [
   "ds:absolute ds:start-0 ds:top-0 ds:w-full",
   "ds:md:w-auto",
   "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
@@ -188,7 +186,7 @@ const F = [
   "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(" "), G = R(F, {
+].join(" "), W = k(_, {
   variants: {
     layout: {
       simple: "ds:min-w-[16rem]",
@@ -196,16 +194,16 @@ const F = [
     }
   },
   defaultVariants: { layout: "simple" }
-}), J = n(({ layout: e, className: t, ...a }, i) => /* @__PURE__ */ s(
+}), E = i(({ layout: e, className: t, ...a }, n) => /* @__PURE__ */ s(
   o.Content,
   {
-    ref: i,
-    className: G({ layout: e, className: t }),
+    ref: n,
+    className: W({ layout: e, className: t }),
     ...a
   }
 ));
-J.displayName = "NavigationMenuContent";
-const g = [
+E.displayName = "NavigationMenuContent";
+const c = [
   "ds:block ds:rounded-[var(--radius-sm)]",
   "ds:min-h-[var(--min-target-size)]",
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
@@ -220,33 +218,33 @@ const g = [
   "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(" "), Q = n(({ asChild: e = !1, className: t, children: a, ...i }, m) => /* @__PURE__ */ s(
+].join(" "), F = i(({ asChild: e = !1, className: t, children: a, ...n }, l) => /* @__PURE__ */ s(
   o.Link,
   {
-    ref: m,
+    ref: l,
     asChild: e,
-    className: e ? void 0 : [g, t].filter(Boolean).join(" "),
-    ...i,
-    children: e ? /* @__PURE__ */ s(L, { className: [g, t].filter(Boolean).join(" "), children: a }) : a
+    className: e ? void 0 : [c, t].filter(Boolean).join(" "),
+    ...n,
+    children: e ? /* @__PURE__ */ s(C, { className: [c, t].filter(Boolean).join(" "), children: a }) : a
   }
 ));
-Q.displayName = "NavigationMenuLink";
-const U = [
+F.displayName = "NavigationMenuLink";
+const G = [
   "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(" "), X = n(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+].join(" "), J = i(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   o.Indicator,
   {
     ref: a,
-    className: [U, e].filter(Boolean).join(" "),
+    className: [G, 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)]" })
   }
 ));
-X.displayName = "NavigationMenuIndicator";
-const Y = [
+J.displayName = "NavigationMenuIndicator";
+const Q = [
   "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",
@@ -256,24 +254,24 @@ const Y = [
   "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(" "), 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(
+].join(" "), g = i(({ 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: [Y, e].filter(Boolean).join(" "),
+    className: [Q, e].filter(Boolean).join(" "),
     ...t
   }
 ) }));
-f.displayName = "NavigationMenuViewport";
+g.displayName = "NavigationMenuViewport";
 export {
-  q as N,
-  J as a,
-  X as b,
-  P as c,
-  Q as d,
-  H as e,
-  E as f,
-  f as g,
-  S as n
+  K as N,
+  E as a,
+  J as b,
+  q as c,
+  F as d,
+  S as e,
+  P as f,
+  g,
+  T as n
 };
-//# sourceMappingURL=navigation-menu-DdufF-_4.js.map
+//# sourceMappingURL=navigation-menu-CyS1fBJ7.js.map