@fabio.caffarello/react-design-system 3.13.0 → 4.1.0

package/dist/granular/ui/components/SideNavbar/components/SideNavbarResizeHandle.js

@@ -1,42 +1,42 @@
 "use client";
-var v = Object.defineProperty, w = Object.defineProperties;
-var R = Object.getOwnPropertyDescriptors;
+var x = Object.defineProperty, R = Object.defineProperties;
+var z = Object.getOwnPropertyDescriptors;
 var o = Object.getOwnPropertySymbols;
-var l = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
-var c = (e, r, t) => r in e ? v(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, p = (e, r) => {
-  for (var t in r || (r = {}))
-    l.call(r, t) && c(e, t, r[t]);
+var u = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var l = (e, r, a) => r in e ? x(e, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[r] = a, d = (e, r) => {
+  for (var a in r || (r = {}))
+    u.call(r, a) && l(e, a, r[a]);
   if (o)
-    for (var t of o(r))
-      u.call(r, t) && c(e, t, r[t]);
+    for (var a of o(r))
+      c.call(r, a) && l(e, a, r[a]);
   return e;
-}, d = (e, r) => w(e, R(r));
+}, p = (e, r) => R(e, z(r));
 var f = (e, r) => {
-  var t = {};
+  var a = {};
   for (var i in e)
-    l.call(e, i) && r.indexOf(i) < 0 && (t[i] = e[i]);
+    u.call(e, i) && r.indexOf(i) < 0 && (a[i] = e[i]);
   if (e != null && o)
     for (var i of o(e))
-      r.indexOf(i) < 0 && u.call(e, i) && (t[i] = e[i]);
-  return t;
+      r.indexOf(i) < 0 && c.call(e, i) && (a[i] = e[i]);
+  return a;
 };
-import { jsxs as z, jsx as b } from "react/jsx-runtime";
-import { GripVertical as x } from "lucide-react";
-import { useSideNavbarStateRequired as N } from "../contexts/SideNavbarStateContext.js";
-import { useSideNavbarConfigRequired as $ } from "../contexts/SideNavbarConfigContext.js";
-import { getRadiusClass as S } from "../../../tokens/radius.js";
-function L(t) {
-  var i = t, {
+import { jsxs as N, jsx as m } from "react/jsx-runtime";
+import { GripVertical as $ } from "lucide-react";
+import { useSideNavbarStateRequired as S } from "../contexts/SideNavbarStateContext.js";
+import { useSideNavbarConfigRequired as W } from "../contexts/SideNavbarConfigContext.js";
+import { getRadiusClass as j } from "../../../tokens/radius.js";
+function G(a) {
+  var i = a, {
     className: e = ""
   } = i, r = f(i, [
     "className"
   ]);
-  const { currentWidth: n, setWidth: m, isResizing: s, startResize: g } = N(), { resizable: h } = $();
-  return h ? (
+  const { currentWidth: n, setWidth: b, isResizing: s, startResize: h } = S(), { resizable: g, minWidth: v, maxWidth: y } = W();
+  return g ? (
     // micro-z: resize handle above sidebar border for grab affordance (see z-10 below)
-    /* @__PURE__ */ z(
+    /* @__PURE__ */ N(
       "div",
-      d(p({
+      p(d({
         className: `
         group
         absolute
@@ -56,29 +56,31 @@ function L(t) {
         ${s ? "bg-surface-brand-emphasis" : ""}
         ${e}
       `,
-        onMouseDown: g,
+        onMouseDown: h,
         role: "separator",
         "aria-orientation": "vertical",
         "aria-label": "Resize sidebar",
         "aria-valuenow": n,
+        "aria-valuemin": v,
+        "aria-valuemax": y,
         tabIndex: 0,
-        onKeyDown: (a) => {
-          if (a.key === "ArrowLeft" || a.key === "ArrowRight") {
-            a.preventDefault();
-            const y = a.key === "ArrowLeft" ? -10 : 10;
-            m(n + y);
+        onKeyDown: (t) => {
+          if (t.key === "ArrowLeft" || t.key === "ArrowRight") {
+            t.preventDefault();
+            const w = t.key === "ArrowLeft" ? -10 : 10;
+            b(n + w);
           }
         }
       }, r), {
         children: [
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ m(
             "div",
             {
               className: `
           w-0.5
           h-8
           bg-line-strong
-          ${S("full")}
+          ${j("full")}
           opacity-0
           group-hover:opacity-100
           transition-opacity
@@ -86,8 +88,8 @@ function L(t) {
         `
             }
           ),
-          /* @__PURE__ */ b(
-            x,
+          /* @__PURE__ */ m(
+            $,
             {
               className: `
           h-4
@@ -108,6 +110,6 @@ function L(t) {
   ) : null;
 }
 export {
-  L as default
+  G as default
 };
 //# sourceMappingURL=SideNavbarResizeHandle.js.map

package/dist/granular/ui/components/SideNavbar/components/SideNavbarResizeHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavbarResizeHandle.js","sources":["../../../../../../src/ui/components/SideNavbar/components/SideNavbarResizeHandle.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes } from \"react\";\nimport { GripVertical } from \"lucide-react\";\nimport { useSideNavbarStateRequired } from \"../contexts/SideNavbarStateContext\";\nimport { useSideNavbarConfigRequired } from \"../contexts/SideNavbarConfigContext\";\nimport { getRadiusClass } from \"../../../tokens/radius\";\n\nexport type SideNavbarResizeHandleProps = HTMLAttributes<HTMLDivElement>;\n\n/**\n * SideNavbar Resize Handle Component\n *\n * Drag handle for resizing the sidebar width.\n * Uses context for state management - no props needed for resize configuration.\n *\n * @example\n * ```tsx\n * <SideNavbar resizable minWidth={200} maxWidth={600}>\n *   <SideNavbar.ResizeHandle />\n *   ...\n * </SideNavbar>\n * ```\n */\nexport default function SideNavbarResizeHandle({\n  className = \"\",\n  ...props\n}: SideNavbarResizeHandleProps) {\n  const { currentWidth, setWidth, isResizing, startResize } =\n    useSideNavbarStateRequired();\n  const { resizable } = useSideNavbarConfigRequired();\n\n  if (!resizable) {\n    return null;\n  }\n\n  return (\n    // micro-z: resize handle above sidebar border for grab affordance (see z-10 below)\n    <div\n      className={`\n        group\n        absolute\n        top-0\n        right-0\n        w-1\n        h-full\n        cursor-col-resize\n        hover:bg-surface-brand/50\n        active:bg-surface-brand-emphasis\n        transition-colors\n        duration-150\n        z-10\n        flex\n        items-center\n        justify-center\n        ${isResizing ? \"bg-surface-brand-emphasis\" : \"\"}\n        ${className}\n      `}\n      onMouseDown={startResize}\n      role=\"separator\"\n      aria-orientation=\"vertical\"\n      aria-label=\"Resize sidebar\"\n      aria-valuenow={currentWidth}\n      tabIndex={0}\n      onKeyDown={(e) => {\n        if (e.key === \"ArrowLeft\" || e.key === \"ArrowRight\") {\n          e.preventDefault();\n          const delta = e.key === \"ArrowLeft\" ? -10 : 10;\n          setWidth(currentWidth + delta);\n        }\n      }}\n      {...props}\n    >\n      <div\n        className={`\n          w-0.5\n          h-8\n          bg-line-strong\n          ${getRadiusClass(\"full\")}\n          opacity-0\n          group-hover:opacity-100\n          transition-opacity\n          ${isResizing ? \"opacity-100\" : \"\"}\n        `}\n      />\n      <GripVertical\n        className={`\n          h-4\n          w-4\n          text-fg-tertiary\n          opacity-0\n          group-hover:opacity-100\n          transition-opacity\n          absolute\n          ${isResizing ? \"opacity-100\" : \"\"}\n        `}\n        aria-hidden=\"true\"\n      />\n    </div>\n  );\n}\n"],"names":["SideNavbarResizeHandle","_a","_b","className","props","__objRest","currentWidth","setWidth","isResizing","startResize","useSideNavbarStateRequired","resizable","useSideNavbarConfigRequired","jsxs","__spreadProps","__spreadValues","e","delta","jsx","getRadiusClass","GripVertical"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAwBA,EAAuBC,GAGf;AAHe,MAAAC,IAAAD,GAC7C;AAAA,eAAAE,IAAY;AAAA,MADiCD,GAE1CE,IAAAC,EAF0CH,GAE1C;AAAA,IADH;AAAA;AAGA,QAAM,EAAE,cAAAI,GAAc,UAAAC,GAAU,YAAAC,GAAY,aAAAC,EAAA,IAC1CC,EAAA,GACI,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,SAAKD;AAAA;AAAA,IAMH,gBAAAE;AAAA,MAAC;AAAA,MAAAC,EAAAC,EAAA;AAAA,QACC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAgBPP,IAAa,8BAA8B,EAAE;AAAA,UAC7CL,CAAS;AAAA;AAAA,QAEb,aAAaM;AAAA,QACb,MAAK;AAAA,QACL,oBAAiB;AAAA,QACjB,cAAW;AAAA,QACX,iBAAeH;AAAA,QACf,UAAU;AAAA,QACV,WAAW,CAACU,MAAM;AAChB,cAAIA,EAAE,QAAQ,eAAeA,EAAE,QAAQ,cAAc;AACnD,YAAAA,EAAE,eAAA;AACF,kBAAMC,IAAQD,EAAE,QAAQ,cAAc,MAAM;AAC5C,YAAAT,EAASD,IAAeW,CAAK;AAAA,UAC/B;AAAA,QACF;AAAA,SACIb,IAjCL;AAAA,QAmCC,UAAA;AAAA,UAAA,gBAAAc;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA;AAAA;AAAA;AAAA,YAIPC,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,YAItBX,IAAa,gBAAgB,EAAE;AAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGrC,gBAAAU;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQPZ,IAAa,gBAAgB,EAAE;AAAA;AAAA,cAEnC,eAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,MAhEK;AAmEX;"}
+{"version":3,"file":"SideNavbarResizeHandle.js","sources":["../../../../../../src/ui/components/SideNavbar/components/SideNavbarResizeHandle.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes } from \"react\";\nimport { GripVertical } from \"lucide-react\";\nimport { useSideNavbarStateRequired } from \"../contexts/SideNavbarStateContext\";\nimport { useSideNavbarConfigRequired } from \"../contexts/SideNavbarConfigContext\";\nimport { getRadiusClass } from \"../../../tokens/radius\";\n\nexport type SideNavbarResizeHandleProps = HTMLAttributes<HTMLDivElement>;\n\n/**\n * SideNavbar Resize Handle Component\n *\n * Drag handle for resizing the sidebar width.\n * Uses context for state management - no props needed for resize configuration.\n *\n * @example\n * ```tsx\n * <SideNavbar resizable minWidth={200} maxWidth={600}>\n *   <SideNavbar.ResizeHandle />\n *   ...\n * </SideNavbar>\n * ```\n */\nexport default function SideNavbarResizeHandle({\n  className = \"\",\n  ...props\n}: SideNavbarResizeHandleProps) {\n  const { currentWidth, setWidth, isResizing, startResize } =\n    useSideNavbarStateRequired();\n  const { resizable, minWidth, maxWidth } = useSideNavbarConfigRequired();\n\n  if (!resizable) {\n    return null;\n  }\n\n  return (\n    // micro-z: resize handle above sidebar border for grab affordance (see z-10 below)\n    <div\n      className={`\n        group\n        absolute\n        top-0\n        right-0\n        w-1\n        h-full\n        cursor-col-resize\n        hover:bg-surface-brand/50\n        active:bg-surface-brand-emphasis\n        transition-colors\n        duration-150\n        z-10\n        flex\n        items-center\n        justify-center\n        ${isResizing ? \"bg-surface-brand-emphasis\" : \"\"}\n        ${className}\n      `}\n      onMouseDown={startResize}\n      role=\"separator\"\n      aria-orientation=\"vertical\"\n      aria-label=\"Resize sidebar\"\n      aria-valuenow={currentWidth}\n      aria-valuemin={minWidth}\n      aria-valuemax={maxWidth}\n      tabIndex={0}\n      onKeyDown={(e) => {\n        if (e.key === \"ArrowLeft\" || e.key === \"ArrowRight\") {\n          e.preventDefault();\n          const delta = e.key === \"ArrowLeft\" ? -10 : 10;\n          setWidth(currentWidth + delta);\n        }\n      }}\n      {...props}\n    >\n      <div\n        className={`\n          w-0.5\n          h-8\n          bg-line-strong\n          ${getRadiusClass(\"full\")}\n          opacity-0\n          group-hover:opacity-100\n          transition-opacity\n          ${isResizing ? \"opacity-100\" : \"\"}\n        `}\n      />\n      <GripVertical\n        className={`\n          h-4\n          w-4\n          text-fg-tertiary\n          opacity-0\n          group-hover:opacity-100\n          transition-opacity\n          absolute\n          ${isResizing ? \"opacity-100\" : \"\"}\n        `}\n        aria-hidden=\"true\"\n      />\n    </div>\n  );\n}\n"],"names":["SideNavbarResizeHandle","_a","_b","className","props","__objRest","currentWidth","setWidth","isResizing","startResize","useSideNavbarStateRequired","resizable","minWidth","maxWidth","useSideNavbarConfigRequired","jsxs","__spreadProps","__spreadValues","e","delta","jsx","getRadiusClass","GripVertical"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAwBA,EAAuBC,GAGf;AAHe,MAAAC,IAAAD,GAC7C;AAAA,eAAAE,IAAY;AAAA,MADiCD,GAE1CE,IAAAC,EAF0CH,GAE1C;AAAA,IADH;AAAA;AAGA,QAAM,EAAE,cAAAI,GAAc,UAAAC,GAAU,YAAAC,GAAY,aAAAC,EAAA,IAC1CC,EAAA,GACI,EAAE,WAAAC,GAAW,UAAAC,GAAU,UAAAC,EAAA,IAAaC,EAAA;AAE1C,SAAKH;AAAA;AAAA,IAMH,gBAAAI;AAAA,MAAC;AAAA,MAAAC,EAAAC,EAAA;AAAA,QACC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAgBPT,IAAa,8BAA8B,EAAE;AAAA,UAC7CL,CAAS;AAAA;AAAA,QAEb,aAAaM;AAAA,QACb,MAAK;AAAA,QACL,oBAAiB;AAAA,QACjB,cAAW;AAAA,QACX,iBAAeH;AAAA,QACf,iBAAeM;AAAA,QACf,iBAAeC;AAAA,QACf,UAAU;AAAA,QACV,WAAW,CAACK,MAAM;AAChB,cAAIA,EAAE,QAAQ,eAAeA,EAAE,QAAQ,cAAc;AACnD,YAAAA,EAAE,eAAA;AACF,kBAAMC,IAAQD,EAAE,QAAQ,cAAc,MAAM;AAC5C,YAAAX,EAASD,IAAea,CAAK;AAAA,UAC/B;AAAA,QACF;AAAA,SACIf,IAnCL;AAAA,QAqCC,UAAA;AAAA,UAAA,gBAAAgB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA;AAAA;AAAA;AAAA,YAIPC,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,YAItBb,IAAa,gBAAgB,EAAE;AAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGrC,gBAAAY;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQPd,IAAa,gBAAgB,EAAE;AAAA;AAAA,cAEnC,eAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,MAlEK;AAqEX;"}

package/dist/granular/ui/components/SideNavbar/providers/SideNavbarStateProvider.js

@@ -3,31 +3,31 @@ var J = Object.defineProperty, L = Object.defineProperties;
 var M = Object.getOwnPropertyDescriptors;
 var j = Object.getOwnPropertySymbols;
 var Q = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
-var q = (i, s, r) => s in i ? J(i, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[s] = r, K = (i, s) => {
-  for (var r in s || (s = {}))
-    Q.call(s, r) && q(i, r, s[r]);
+var q = (s, i, r) => i in s ? J(s, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[i] = r, g = (s, i) => {
+  for (var r in i || (i = {}))
+    Q.call(i, r) && q(s, r, i[r]);
   if (j)
-    for (var r of j(s))
-      U.call(s, r) && q(i, r, s[r]);
-  return i;
-}, W = (i, s) => L(i, M(s));
+    for (var r of j(i))
+      U.call(i, r) && q(s, r, i[r]);
+  return s;
+}, h = (s, i) => L(s, M(i));
 import { jsx as X } from "react/jsx-runtime";
-import { useRef as Y, useState as B, useCallback as f, useEffect as F, useMemo as Z } from "react";
+import { useRef as Y, useState as B, useCallback as d, useEffect as F, useMemo as Z } from "react";
 import { SideNavbarStateContext as _ } from "../contexts/SideNavbarStateContext.js";
 import { useSideNavbarThemeRequired as C } from "../contexts/SideNavbarThemeContext.js";
 import { useSideNavbarConfigRequired as tt } from "../contexts/SideNavbarConfigContext.js";
 import { useResize as et } from "../hooks/useResize.js";
 import { useResponsiveSidebar as rt } from "../hooks/useResponsiveSidebar.js";
-import { useFocusManagement as st } from "../hooks/useFocusManagement.js";
-import { useKeyboardShortcut as it } from "../hooks/useKeyboardShortcut.js";
+import { useFocusManagement as it } from "../hooks/useFocusManagement.js";
+import { useKeyboardShortcut as st } from "../hooks/useKeyboardShortcut.js";
 import { parseKeyboardShortcut as ot } from "../utils/parseKeyboardShortcut.js";
 import { parseWidthToPixels as at } from "../utils/parseWidth.js";
-function ht({
-  children: i,
-  defaultCollapsed: s = !1,
+function Kt({
+  children: s,
+  defaultCollapsed: i = !1,
   collapsed: r,
-  onCollapseChange: d,
-  onWidthChange: S,
+  onCollapseChange: n,
+  onWidthChange: p,
   onMobileChange: y,
   exclusiveGroups: R = !1
 }) {
@@ -38,7 +38,7 @@ function ht({
       if (e !== null)
         return e === "true";
     }
-    return s;
+    return i;
   }, A = () => {
     if (t.storageKey && t.persistWidth && typeof window != "undefined") {
       const e = localStorage.getItem(`${t.storageKey}-width`);
@@ -48,12 +48,12 @@ function ht({
       }
     }
     return at(O.contentWidth);
-  }, [n, b] = B(
+  }, [c, b] = B(
     V
-  ), [k, g] = B({}), { isMobile: u } = rt({
+  ), [k, w] = B({}), { isMobile: u } = rt({
     mobileBreakpoint: t.mobileBreakpoint,
     onMobileChange: (e) => {
-      y == null || y(e), e && t.mobileVariant === "collapse" && !a && b(!0);
+      y == null || y(e), e && t.mobileVariant === "collapse" && !a && (b(!0), n == null || n(!0));
     },
     enabled: t.responsive
   }), {
@@ -67,72 +67,72 @@ function ht({
     maxWidth: t.maxWidth,
     snapPoints: t.snapPoints,
     onWidthChange: (e) => {
-      S == null || S(e), t.storageKey && t.persistWidth && typeof window != "undefined" && localStorage.setItem(`${t.storageKey}-width`, String(e));
+      p == null || p(e), t.storageKey && t.persistWidth && typeof window != "undefined" && localStorage.setItem(`${t.storageKey}-width`, String(e));
     },
     enabled: t.resizable && !u
   });
-  st({
-    isActive: u && t.mobileVariant === "overlay" && !n,
+  it({
+    isActive: u && t.mobileVariant === "overlay" && !c,
     containerRef: v,
     restoreFocus: !0
   });
-  const m = a ? r : n, l = f(
+  const m = a ? r : c, S = d(
     (e) => {
-      a || b(e), d == null || d(e);
+      a || b(e), n == null || n(e);
     },
-    [a, d]
-  ), h = f(() => {
-    l(!m);
-  }, [m, l]), c = ot(t.keyboardShortcut);
-  it({
-    key: c.key,
-    ctrl: c.ctrl,
-    shift: c.shift,
-    alt: c.alt,
-    meta: c.meta,
-    onTrigger: h,
+    [a, n]
+  ), K = d(() => {
+    S(!m);
+  }, [m, S]), f = ot(t.keyboardShortcut);
+  st({
+    key: f.key,
+    ctrl: f.ctrl,
+    shift: f.shift,
+    alt: f.alt,
+    meta: f.meta,
+    onTrigger: K,
     enabled: t.enableKeyboardShortcut
   });
-  const P = f(
+  const P = d(
     (e) => {
       I(e);
     },
     [I]
-  ), $ = f(
+  ), $ = d(
     (e) => {
-      g(R ? (o) => {
-        const H = o[e] === !1, w = {}, T = /* @__PURE__ */ new Set([...Object.keys(o), e]);
-        return H ? T.forEach((p) => {
-          w[p] = !0;
-        }) : T.forEach((p) => {
-          w[p] = p !== e;
-        }), w;
-      } : (o) => W(K({}, o), {
+      w(R ? (o) => {
+        const H = o[e] === !1, W = {}, T = /* @__PURE__ */ new Set([...Object.keys(o), e]);
+        return H ? T.forEach((l) => {
+          W[l] = !0;
+        }) : T.forEach((l) => {
+          W[l] = l !== e;
+        }), W;
+      } : (o) => h(g({}, o), {
         [e]: !o[e]
       }));
     },
     [R]
-  ), E = f(
+  ), E = d(
     (e, o) => {
-      g((G) => W(K({}, G), {
+      w((G) => h(g({}, G), {
         [e]: o
       }));
     },
     []
   );
   F(() => {
-    a && r !== n && b(r);
-  }, [a, r, n]), F(() => {
+    a && r !== c && b(r);
+  }, [a, r, c]), F(() => {
     t.storageKey && t.persistState && typeof window != "undefined" && !a && localStorage.setItem(
       `${t.storageKey}-collapsed`,
-      String(n)
+      String(c)
     );
-  }, [t.storageKey, t.persistState, n, a]);
+  }, [t.storageKey, t.persistState, c, a]);
   const D = Z(
     () => ({
       collapsed: m,
-      toggle: h,
-      setCollapsed: l,
+      toggle: K,
+      setCollapsed: S,
       currentWidth: z,
       setWidth: P,
       isMobile: u,
@@ -145,8 +145,8 @@ function ht({
     }),
     [
       m,
-      h,
-      l,
+      K,
+      S,
       z,
       P,
       u,
@@ -157,9 +157,9 @@ function ht({
       E
     ]
   );
-  return /* @__PURE__ */ X(_.Provider, { value: D, children: i });
+  return /* @__PURE__ */ X(_.Provider, { value: D, children: s });
 }
 export {
-  ht as SideNavbarStateProvider
+  Kt as SideNavbarStateProvider
 };
 //# sourceMappingURL=SideNavbarStateProvider.js.map

package/dist/granular/ui/components/SideNavbar/providers/SideNavbarStateProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavbarStateProvider.js","sources":["../../../../../../src/ui/components/SideNavbar/providers/SideNavbarStateProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useCallback, useEffect, useRef, useMemo } from \"react\";\nimport { SideNavbarStateContext } from \"../contexts/SideNavbarStateContext\";\nimport { useSideNavbarThemeRequired } from \"../contexts/SideNavbarThemeContext\";\nimport { useSideNavbarConfigRequired } from \"../contexts/SideNavbarConfigContext\";\nimport { useResize } from \"../hooks/useResize\";\nimport { useResponsiveSidebar } from \"../hooks/useResponsiveSidebar\";\nimport { useFocusManagement } from \"../hooks/useFocusManagement\";\nimport { useKeyboardShortcut } from \"../hooks/useKeyboardShortcut\";\nimport { parseWidthToPixels, parseKeyboardShortcut } from \"../utils\";\nimport type {\n  SideNavbarStateProviderProps,\n  SideNavbarStateContextValue,\n} from \"../types\";\n\n/**\n * State Provider for SideNavbar\n *\n * Provides runtime state management for the sidebar.\n * Manages collapse state, resize, responsive behavior, and group states.\n *\n * Must be nested inside SideNavbarThemeProvider and SideNavbarConfigProvider.\n *\n * @example\n * ```tsx\n * <SideNavbarThemeProvider>\n *   <SideNavbarConfigProvider>\n *     <SideNavbarStateProvider defaultCollapsed onCollapseChange={handleChange}>\n *       <SideNavbarRoot>...</SideNavbarRoot>\n *     </SideNavbarStateProvider>\n *   </SideNavbarConfigProvider>\n * </SideNavbarThemeProvider>\n * ```\n */\nexport function SideNavbarStateProvider({\n  children,\n  defaultCollapsed = false,\n  collapsed: controlledCollapsed,\n  onCollapseChange,\n  onWidthChange,\n  onMobileChange,\n  exclusiveGroups = false,\n}: SideNavbarStateProviderProps) {\n  const theme = useSideNavbarThemeRequired();\n  const config = useSideNavbarConfigRequired();\n  const sidebarRef = useRef<HTMLElement | null>(null);\n\n  // Determine if component is controlled\n  const isControlled = controlledCollapsed !== undefined;\n\n  // Initialize collapsed state from storage or default\n  const getInitialCollapsedState = (): boolean => {\n    if (isControlled) return controlledCollapsed;\n    if (\n      config.storageKey &&\n      config.persistState &&\n      typeof window !== \"undefined\"\n    ) {\n      const stored = localStorage.getItem(`${config.storageKey}-collapsed`);\n      if (stored !== null) {\n        return stored === \"true\";\n      }\n    }\n    return defaultCollapsed;\n  };\n\n  // Initialize width state from storage or default\n  const getInitialWidth = (): number => {\n    if (\n      config.storageKey &&\n      config.persistWidth &&\n      typeof window !== \"undefined\"\n    ) {\n      const stored = localStorage.getItem(`${config.storageKey}-width`);\n      if (stored !== null) {\n        const parsedWidth = parseInt(stored, 10);\n        if (!isNaN(parsedWidth)) return parsedWidth;\n      }\n    }\n    return parseWidthToPixels(theme.contentWidth);\n  };\n\n  const [internalCollapsed, setInternalCollapsed] = useState<boolean>(\n    getInitialCollapsedState,\n  );\n  const [groupStates, setGroupStates] = useState<Record<string, boolean>>({});\n\n  // Responsive sidebar\n  const { isMobile } = useResponsiveSidebar({\n    mobileBreakpoint: config.mobileBreakpoint,\n    onMobileChange: (mobile) => {\n      onMobileChange?.(mobile);\n      // Auto-collapse on mobile if using collapse variant\n      if (mobile && config.mobileVariant === \"collapse\" && !isControlled) {\n        setInternalCollapsed(true);\n      }\n    },\n    enabled: config.responsive,\n  });\n\n  // Resize functionality\n  const {\n    width: resizeWidth,\n    isResizing,\n    startResize,\n    setWidth: setResizeWidth,\n  } = useResize({\n    initialWidth: getInitialWidth(),\n    minWidth: config.minWidth,\n    maxWidth: config.maxWidth,\n    snapPoints: config.snapPoints,\n    onWidthChange: (newWidth) => {\n      onWidthChange?.(newWidth);\n      // Persist width if enabled\n      if (\n        config.storageKey &&\n        config.persistWidth &&\n        typeof window !== \"undefined\"\n      ) {\n        localStorage.setItem(`${config.storageKey}-width`, String(newWidth));\n      }\n    },\n    enabled: config.resizable && !isMobile,\n  });\n\n  // Focus management for mobile overlay\n  useFocusManagement({\n    isActive:\n      isMobile && config.mobileVariant === \"overlay\" && !internalCollapsed,\n    containerRef: sidebarRef,\n    restoreFocus: true,\n  });\n\n  // Derived collapsed state\n  const collapsed = isControlled ? controlledCollapsed : internalCollapsed;\n\n  // Set collapsed handler\n  const setCollapsed = useCallback(\n    (value: boolean) => {\n      if (!isControlled) {\n        setInternalCollapsed(value);\n      }\n      onCollapseChange?.(value);\n    },\n    [isControlled, onCollapseChange],\n  );\n\n  // Toggle handler\n  const toggle = useCallback(() => {\n    setCollapsed(!collapsed);\n  }, [collapsed, setCollapsed]);\n\n  // Keyboard shortcut\n  const shortcut = parseKeyboardShortcut(config.keyboardShortcut);\n  useKeyboardShortcut({\n    key: shortcut.key,\n    ctrl: shortcut.ctrl,\n    shift: shortcut.shift,\n    alt: shortcut.alt,\n    meta: shortcut.meta,\n    onTrigger: toggle,\n    enabled: config.enableKeyboardShortcut,\n  });\n\n  // Set width handler\n  const setWidth = useCallback(\n    (newWidth: number) => {\n      setResizeWidth(newWidth);\n    },\n    [setResizeWidth],\n  );\n\n  // Group state handlers\n  const toggleGroup = useCallback(\n    (groupId: string) => {\n      if (exclusiveGroups) {\n        // Exclusive behavior: only one group open at a time (like ButtonGroup)\n        // When clicking a group:\n        // - If it's open (false = expanded), close it (all groups closed)\n        // - If it's closed (true = collapsed or undefined), open it and close all others\n        // - After closing, user can click any group (including the same one) to open it again\n        setGroupStates((prev) => {\n          const currentState = prev[groupId];\n          const isCurrentlyOpen = currentState === false; // false means expanded (not collapsed)\n          const newStates: Record<string, boolean> = {};\n\n          // Get all group IDs (from current state and the one being toggled)\n          const allGroupIds = new Set([...Object.keys(prev), groupId]);\n\n          if (isCurrentlyOpen) {\n            // Group is currently open, close it (and all others remain closed)\n            allGroupIds.forEach((id) => {\n              newStates[id] = true; // true = collapsed\n            });\n          } else {\n            // Group is currently closed, open it and close all others\n            allGroupIds.forEach((id) => {\n              newStates[id] = id !== groupId; // true = collapsed, false = expanded\n            });\n          }\n\n          return newStates;\n        });\n      } else {\n        // Default behavior: toggle individual group state\n        setGroupStates((prev) => ({\n          ...prev,\n          [groupId]: !prev[groupId],\n        }));\n      }\n    },\n    [exclusiveGroups],\n  );\n\n  const setGroupCollapsed = useCallback(\n    (groupId: string, isCollapsed: boolean) => {\n      setGroupStates((prev) => ({\n        ...prev,\n        [groupId]: isCollapsed,\n      }));\n    },\n    [],\n  );\n\n  // Sync with controlled value\n  useEffect(() => {\n    if (isControlled && controlledCollapsed !== internalCollapsed) {\n      setInternalCollapsed(controlledCollapsed);\n    }\n  }, [isControlled, controlledCollapsed, internalCollapsed]);\n\n  // Persist collapsed state to storage\n  useEffect(() => {\n    if (\n      config.storageKey &&\n      config.persistState &&\n      typeof window !== \"undefined\" &&\n      !isControlled\n    ) {\n      localStorage.setItem(\n        `${config.storageKey}-collapsed`,\n        String(internalCollapsed),\n      );\n    }\n  }, [config.storageKey, config.persistState, internalCollapsed, isControlled]);\n\n  const value: SideNavbarStateContextValue = useMemo(\n    () => ({\n      collapsed,\n      toggle,\n      setCollapsed,\n      currentWidth: resizeWidth,\n      setWidth,\n      isMobile,\n      isResizing,\n      startResize,\n      groupStates,\n      toggleGroup,\n      setGroupCollapsed,\n      sidebarRef,\n    }),\n    [\n      collapsed,\n      toggle,\n      setCollapsed,\n      resizeWidth,\n      setWidth,\n      isMobile,\n      isResizing,\n      startResize,\n      groupStates,\n      toggleGroup,\n      setGroupCollapsed,\n    ],\n  );\n\n  return (\n    <SideNavbarStateContext.Provider value={value}>\n      {children}\n    </SideNavbarStateContext.Provider>\n  );\n}\n\nexport default SideNavbarStateProvider;\n"],"names":["SideNavbarStateProvider","children","defaultCollapsed","controlledCollapsed","onCollapseChange","onWidthChange","onMobileChange","exclusiveGroups","theme","useSideNavbarThemeRequired","config","useSideNavbarConfigRequired","sidebarRef","useRef","isControlled","getInitialCollapsedState","stored","getInitialWidth","parsedWidth","parseWidthToPixels","internalCollapsed","setInternalCollapsed","useState","groupStates","setGroupStates","isMobile","useResponsiveSidebar","mobile","resizeWidth","isResizing","startResize","setResizeWidth","useResize","newWidth","useFocusManagement","collapsed","setCollapsed","useCallback","value","toggle","shortcut","parseKeyboardShortcut","useKeyboardShortcut","setWidth","toggleGroup","groupId","prev","isCurrentlyOpen","newStates","allGroupIds","id","__spreadProps","__spreadValues","setGroupCollapsed","isCollapsed","useEffect","useMemo","jsx","SideNavbarStateContext"],"mappings":"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"}
+{"version":3,"file":"SideNavbarStateProvider.js","sources":["../../../../../../src/ui/components/SideNavbar/providers/SideNavbarStateProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useCallback, useEffect, useRef, useMemo } from \"react\";\nimport { SideNavbarStateContext } from \"../contexts/SideNavbarStateContext\";\nimport { useSideNavbarThemeRequired } from \"../contexts/SideNavbarThemeContext\";\nimport { useSideNavbarConfigRequired } from \"../contexts/SideNavbarConfigContext\";\nimport { useResize } from \"../hooks/useResize\";\nimport { useResponsiveSidebar } from \"../hooks/useResponsiveSidebar\";\nimport { useFocusManagement } from \"../hooks/useFocusManagement\";\nimport { useKeyboardShortcut } from \"../hooks/useKeyboardShortcut\";\nimport { parseWidthToPixels, parseKeyboardShortcut } from \"../utils\";\nimport type {\n  SideNavbarStateProviderProps,\n  SideNavbarStateContextValue,\n} from \"../types\";\n\n/**\n * State Provider for SideNavbar\n *\n * Provides runtime state management for the sidebar.\n * Manages collapse state, resize, responsive behavior, and group states.\n *\n * Must be nested inside SideNavbarThemeProvider and SideNavbarConfigProvider.\n *\n * @example\n * ```tsx\n * <SideNavbarThemeProvider>\n *   <SideNavbarConfigProvider>\n *     <SideNavbarStateProvider defaultCollapsed onCollapseChange={handleChange}>\n *       <SideNavbarRoot>...</SideNavbarRoot>\n *     </SideNavbarStateProvider>\n *   </SideNavbarConfigProvider>\n * </SideNavbarThemeProvider>\n * ```\n */\nexport function SideNavbarStateProvider({\n  children,\n  defaultCollapsed = false,\n  collapsed: controlledCollapsed,\n  onCollapseChange,\n  onWidthChange,\n  onMobileChange,\n  exclusiveGroups = false,\n}: SideNavbarStateProviderProps) {\n  const theme = useSideNavbarThemeRequired();\n  const config = useSideNavbarConfigRequired();\n  const sidebarRef = useRef<HTMLElement | null>(null);\n\n  // Determine if component is controlled\n  const isControlled = controlledCollapsed !== undefined;\n\n  // Initialize collapsed state from storage or default\n  const getInitialCollapsedState = (): boolean => {\n    if (isControlled) return controlledCollapsed;\n    if (\n      config.storageKey &&\n      config.persistState &&\n      typeof window !== \"undefined\"\n    ) {\n      const stored = localStorage.getItem(`${config.storageKey}-collapsed`);\n      if (stored !== null) {\n        return stored === \"true\";\n      }\n    }\n    return defaultCollapsed;\n  };\n\n  // Initialize width state from storage or default\n  const getInitialWidth = (): number => {\n    if (\n      config.storageKey &&\n      config.persistWidth &&\n      typeof window !== \"undefined\"\n    ) {\n      const stored = localStorage.getItem(`${config.storageKey}-width`);\n      if (stored !== null) {\n        const parsedWidth = parseInt(stored, 10);\n        if (!isNaN(parsedWidth)) return parsedWidth;\n      }\n    }\n    return parseWidthToPixels(theme.contentWidth);\n  };\n\n  const [internalCollapsed, setInternalCollapsed] = useState<boolean>(\n    getInitialCollapsedState,\n  );\n  const [groupStates, setGroupStates] = useState<Record<string, boolean>>({});\n\n  // Responsive sidebar\n  const { isMobile } = useResponsiveSidebar({\n    mobileBreakpoint: config.mobileBreakpoint,\n    onMobileChange: (mobile) => {\n      onMobileChange?.(mobile);\n      // Auto-collapse on mobile if using collapse variant. Notify the\n      // consumer too — every other collapse path fires onCollapseChange,\n      // and a silent auto-collapse leaves controlled mirrors out of sync.\n      if (mobile && config.mobileVariant === \"collapse\" && !isControlled) {\n        setInternalCollapsed(true);\n        onCollapseChange?.(true);\n      }\n    },\n    enabled: config.responsive,\n  });\n\n  // Resize functionality\n  const {\n    width: resizeWidth,\n    isResizing,\n    startResize,\n    setWidth: setResizeWidth,\n  } = useResize({\n    initialWidth: getInitialWidth(),\n    minWidth: config.minWidth,\n    maxWidth: config.maxWidth,\n    snapPoints: config.snapPoints,\n    onWidthChange: (newWidth) => {\n      onWidthChange?.(newWidth);\n      // Persist width if enabled\n      if (\n        config.storageKey &&\n        config.persistWidth &&\n        typeof window !== \"undefined\"\n      ) {\n        localStorage.setItem(`${config.storageKey}-width`, String(newWidth));\n      }\n    },\n    enabled: config.resizable && !isMobile,\n  });\n\n  // Focus management for mobile overlay\n  useFocusManagement({\n    isActive:\n      isMobile && config.mobileVariant === \"overlay\" && !internalCollapsed,\n    containerRef: sidebarRef,\n    restoreFocus: true,\n  });\n\n  // Derived collapsed state\n  const collapsed = isControlled ? controlledCollapsed : internalCollapsed;\n\n  // Set collapsed handler\n  const setCollapsed = useCallback(\n    (value: boolean) => {\n      if (!isControlled) {\n        setInternalCollapsed(value);\n      }\n      onCollapseChange?.(value);\n    },\n    [isControlled, onCollapseChange],\n  );\n\n  // Toggle handler\n  const toggle = useCallback(() => {\n    setCollapsed(!collapsed);\n  }, [collapsed, setCollapsed]);\n\n  // Keyboard shortcut\n  const shortcut = parseKeyboardShortcut(config.keyboardShortcut);\n  useKeyboardShortcut({\n    key: shortcut.key,\n    ctrl: shortcut.ctrl,\n    shift: shortcut.shift,\n    alt: shortcut.alt,\n    meta: shortcut.meta,\n    onTrigger: toggle,\n    enabled: config.enableKeyboardShortcut,\n  });\n\n  // Set width handler\n  const setWidth = useCallback(\n    (newWidth: number) => {\n      setResizeWidth(newWidth);\n    },\n    [setResizeWidth],\n  );\n\n  // Group state handlers\n  const toggleGroup = useCallback(\n    (groupId: string) => {\n      if (exclusiveGroups) {\n        // Exclusive behavior: only one group open at a time (like ButtonGroup)\n        // When clicking a group:\n        // - If it's open (false = expanded), close it (all groups closed)\n        // - If it's closed (true = collapsed or undefined), open it and close all others\n        // - After closing, user can click any group (including the same one) to open it again\n        setGroupStates((prev) => {\n          const currentState = prev[groupId];\n          const isCurrentlyOpen = currentState === false; // false means expanded (not collapsed)\n          const newStates: Record<string, boolean> = {};\n\n          // Get all group IDs (from current state and the one being toggled)\n          const allGroupIds = new Set([...Object.keys(prev), groupId]);\n\n          if (isCurrentlyOpen) {\n            // Group is currently open, close it (and all others remain closed)\n            allGroupIds.forEach((id) => {\n              newStates[id] = true; // true = collapsed\n            });\n          } else {\n            // Group is currently closed, open it and close all others\n            allGroupIds.forEach((id) => {\n              newStates[id] = id !== groupId; // true = collapsed, false = expanded\n            });\n          }\n\n          return newStates;\n        });\n      } else {\n        // Default behavior: toggle individual group state\n        setGroupStates((prev) => ({\n          ...prev,\n          [groupId]: !prev[groupId],\n        }));\n      }\n    },\n    [exclusiveGroups],\n  );\n\n  const setGroupCollapsed = useCallback(\n    (groupId: string, isCollapsed: boolean) => {\n      setGroupStates((prev) => ({\n        ...prev,\n        [groupId]: isCollapsed,\n      }));\n    },\n    [],\n  );\n\n  // Sync with controlled value\n  useEffect(() => {\n    if (isControlled && controlledCollapsed !== internalCollapsed) {\n      setInternalCollapsed(controlledCollapsed);\n    }\n  }, [isControlled, controlledCollapsed, internalCollapsed]);\n\n  // Persist collapsed state to storage\n  useEffect(() => {\n    if (\n      config.storageKey &&\n      config.persistState &&\n      typeof window !== \"undefined\" &&\n      !isControlled\n    ) {\n      localStorage.setItem(\n        `${config.storageKey}-collapsed`,\n        String(internalCollapsed),\n      );\n    }\n  }, [config.storageKey, config.persistState, internalCollapsed, isControlled]);\n\n  const value: SideNavbarStateContextValue = useMemo(\n    () => ({\n      collapsed,\n      toggle,\n      setCollapsed,\n      currentWidth: resizeWidth,\n      setWidth,\n      isMobile,\n      isResizing,\n      startResize,\n      groupStates,\n      toggleGroup,\n      setGroupCollapsed,\n      sidebarRef,\n    }),\n    [\n      collapsed,\n      toggle,\n      setCollapsed,\n      resizeWidth,\n      setWidth,\n      isMobile,\n      isResizing,\n      startResize,\n      groupStates,\n      toggleGroup,\n      setGroupCollapsed,\n    ],\n  );\n\n  return (\n    <SideNavbarStateContext.Provider value={value}>\n      {children}\n    </SideNavbarStateContext.Provider>\n  );\n}\n\nexport default SideNavbarStateProvider;\n"],"names":["SideNavbarStateProvider","children","defaultCollapsed","controlledCollapsed","onCollapseChange","onWidthChange","onMobileChange","exclusiveGroups","theme","useSideNavbarThemeRequired","config","useSideNavbarConfigRequired","sidebarRef","useRef","isControlled","getInitialCollapsedState","stored","getInitialWidth","parsedWidth","parseWidthToPixels","internalCollapsed","setInternalCollapsed","useState","groupStates","setGroupStates","isMobile","useResponsiveSidebar","mobile","resizeWidth","isResizing","startResize","setResizeWidth","useResize","newWidth","useFocusManagement","collapsed","setCollapsed","useCallback","value","toggle","shortcut","parseKeyboardShortcut","useKeyboardShortcut","setWidth","toggleGroup","groupId","prev","isCurrentlyOpen","newStates","allGroupIds","id","__spreadProps","__spreadValues","setGroupCollapsed","isCollapsed","useEffect","useMemo","jsx","SideNavbarStateContext"],"mappings":"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"}