@fabio.caffarello/react-design-system 3.8.0 → 3.9.0

package/dist/granular/ui/components/SideNavbar/contexts/SidebarContext.js

@@ -0,0 +1,20 @@
+"use client";
+import { useContext as t, createContext as n } from "react";
+const r = n(null);
+function o() {
+  return t(r);
+}
+function u() {
+  const e = t(r);
+  if (!e)
+    throw new Error(
+      "useSidebarRequired must be used within a SideNavbar.Sidebar component"
+    );
+  return e;
+}
+export {
+  r as SidebarContext,
+  o as useSidebar,
+  u as useSidebarRequired
+};
+//# sourceMappingURL=SidebarContext.js.map

package/dist/granular/ui/components/SideNavbar/contexts/SidebarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarContext.js","sources":["../../../../../../src/ui/components/SideNavbar/contexts/SidebarContext.tsx"],"sourcesContent":["\"use client\";\n\n/* eslint-disable react-refresh/only-export-components */\nimport { createContext, useContext } from \"react\";\nimport type { SidebarContextValue } from \"../types\";\n\n/**\n * Context for the Sidebar subcomponent\n *\n * Provides sidebar-specific state that inherits from the root SideNavbar context.\n * Must be used within a Sidebar component.\n */\nexport const SidebarContext = createContext<SidebarContextValue | null>(null);\n\n/**\n * Hook to access Sidebar context (returns null if outside Sidebar)\n */\nexport function useSidebar(): SidebarContextValue | null {\n  return useContext(SidebarContext);\n}\n\n/**\n * Hook to access Sidebar context (throws if outside Sidebar)\n * @throws Error if used outside of Sidebar component\n */\nexport function useSidebarRequired(): SidebarContextValue {\n  const context = useContext(SidebarContext);\n  if (!context) {\n    throw new Error(\n      \"useSidebarRequired must be used within a SideNavbar.Sidebar component\",\n    );\n  }\n  return context;\n}\n\nexport default SidebarContext;\n"],"names":["SidebarContext","createContext","useSidebar","useContext","useSidebarRequired","context"],"mappings":";;AAYO,MAAMA,IAAiBC,EAA0C,IAAI;AAKrE,SAASC,IAAyC;AACvD,SAAOC,EAAWH,CAAc;AAClC;AAMO,SAASI,IAA0C;AACxD,QAAMC,IAAUF,EAAWH,CAAc;AACzC,MAAI,CAACK;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAGJ,SAAOA;AACT;"}

package/dist/granular/ui/components/SideNavbar/contexts/SidebarSlotContext.js

@@ -0,0 +1,22 @@
+"use client";
+import { createContext as o, useContext as t } from "react";
+const r = o(
+  null
+);
+function i() {
+  return t(r);
+}
+function u() {
+  const e = t(r);
+  if (!e)
+    throw new Error(
+      "useSidebarSlotRequired must be used within SidebarSlotProvider"
+    );
+  return e;
+}
+export {
+  r as SidebarSlotContext,
+  i as useSidebarSlot,
+  u as useSidebarSlotRequired
+};
+//# sourceMappingURL=SidebarSlotContext.js.map

package/dist/granular/ui/components/SideNavbar/contexts/SidebarSlotContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarSlotContext.js","sources":["../../../../../../src/ui/components/SideNavbar/contexts/SidebarSlotContext.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\nimport type { SidebarSlotContextValue } from \"../types\";\n\n/**\n * Sidebar Slot Context\n *\n * Provides slot management for dynamic sidebar content.\n * Allows registering and switching between different content slots.\n */\nexport const SidebarSlotContext = createContext<SidebarSlotContextValue | null>(\n  null,\n);\n\n/**\n * Hook to access sidebar slot context\n * Returns null if used outside provider\n */\nexport function useSidebarSlot(): SidebarSlotContextValue | null {\n  return useContext(SidebarSlotContext);\n}\n\n/**\n * Hook to access sidebar slot context (required)\n * Throws error if used outside provider\n */\nexport function useSidebarSlotRequired(): SidebarSlotContextValue {\n  const context = useContext(SidebarSlotContext);\n  if (!context) {\n    throw new Error(\n      \"useSidebarSlotRequired must be used within SidebarSlotProvider\",\n    );\n  }\n  return context;\n}\n"],"names":["SidebarSlotContext","createContext","useSidebarSlot","useContext","useSidebarSlotRequired","context"],"mappings":";;AAWO,MAAMA,IAAqBC;AAAA,EAChC;AACF;AAMO,SAASC,IAAiD;AAC/D,SAAOC,EAAWH,CAAkB;AACtC;AAMO,SAASI,IAAkD;AAChE,QAAMC,IAAUF,EAAWH,CAAkB;AAC7C,MAAI,CAACK;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAGJ,SAAOA;AACT;"}

package/dist/granular/ui/components/SideNavbar/hooks/useFocusManagement.js

@@ -0,0 +1,43 @@
+"use client";
+import { useRef as s, useEffect as m, useCallback as E } from "react";
+function x({
+  isActive: t,
+  containerRef: n,
+  restoreFocus: f = !0,
+  initialFocusRef: r
+}) {
+  const u = s(null);
+  m(() => {
+    if (t) {
+      if (u.current = document.activeElement, r != null && r.current)
+        r.current.focus();
+      else if (n.current) {
+        const e = n.current.querySelector(
+          'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+        );
+        e == null || e.focus();
+      }
+    } else f && u.current && (u.current.focus(), u.current = null);
+  }, [t, n, r, f]);
+  const l = E(
+    (e) => {
+      if (!(!t || !n.current) && e.key === "Tab") {
+        const d = n.current.querySelectorAll(
+          'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+        ), c = d[0], o = d[d.length - 1];
+        e.shiftKey ? document.activeElement === c && (e.preventDefault(), o == null || o.focus()) : document.activeElement === o && (e.preventDefault(), c == null || c.focus());
+      }
+    },
+    [t, n]
+  );
+  m(() => {
+    if (t)
+      return document.addEventListener("keydown", l), () => {
+        document.removeEventListener("keydown", l);
+      };
+  }, [t, l]);
+}
+export {
+  x as useFocusManagement
+};
+//# sourceMappingURL=useFocusManagement.js.map

package/dist/granular/ui/components/SideNavbar/hooks/useFocusManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusManagement.js","sources":["../../../../../../src/ui/components/SideNavbar/hooks/useFocusManagement.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useCallback } from \"react\";\n\nexport interface UseFocusManagementOptions {\n  /**\n   * Whether focus trap is active\n   */\n  isActive: boolean;\n\n  /**\n   * Container element to trap focus within\n   */\n  containerRef: React.RefObject<HTMLElement | null>;\n\n  /**\n   * Whether to restore focus to previous element when deactivated\n   * @default true\n   */\n  restoreFocus?: boolean;\n\n  /**\n   * Initial element to focus when activated\n   */\n  initialFocusRef?: React.RefObject<HTMLElement | null>;\n}\n\n/**\n * Hook for managing focus within a container (focus trap)\n *\n * Traps focus within a container element, useful for modals and overlays.\n * Supports restoring focus when deactivated.\n *\n * @example\n * ```tsx\n * const containerRef = useRef<HTMLDivElement>(null);\n * useFocusManagement({\n *   isActive: isOpen,\n *   containerRef,\n *   restoreFocus: true\n * });\n * ```\n */\nexport function useFocusManagement({\n  isActive,\n  containerRef,\n  restoreFocus = true,\n  initialFocusRef,\n}: UseFocusManagementOptions) {\n  const previousActiveElementRef = useRef<HTMLElement | null>(null);\n\n  // Save previous focus when activating\n  useEffect(() => {\n    if (isActive) {\n      previousActiveElementRef.current = document.activeElement as HTMLElement;\n\n      // Focus initial element if provided\n      if (initialFocusRef?.current) {\n        initialFocusRef.current.focus();\n      } else if (containerRef.current) {\n        // Otherwise focus first focusable element in container\n        const firstFocusable = containerRef.current.querySelector(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n        ) as HTMLElement;\n        firstFocusable?.focus();\n      }\n    } else if (restoreFocus && previousActiveElementRef.current) {\n      // Restore focus when deactivating\n      previousActiveElementRef.current.focus();\n      previousActiveElementRef.current = null;\n    }\n  }, [isActive, containerRef, initialFocusRef, restoreFocus]);\n\n  // Trap focus within container\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (!isActive || !containerRef.current) return;\n\n      // Handle Tab key\n      if (event.key === \"Tab\") {\n        const focusableElements = containerRef.current.querySelectorAll(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n        );\n\n        const firstFocusable = focusableElements[0] as HTMLElement;\n        const lastFocusable = focusableElements[\n          focusableElements.length - 1\n        ] as HTMLElement;\n\n        if (event.shiftKey) {\n          // Shift + Tab\n          if (document.activeElement === firstFocusable) {\n            event.preventDefault();\n            lastFocusable?.focus();\n          }\n        } else {\n          // Tab\n          if (document.activeElement === lastFocusable) {\n            event.preventDefault();\n            firstFocusable?.focus();\n          }\n        }\n      }\n    },\n    [isActive, containerRef],\n  );\n\n  useEffect(() => {\n    if (!isActive) return;\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [isActive, handleKeyDown]);\n}\n"],"names":["useFocusManagement","isActive","containerRef","restoreFocus","initialFocusRef","previousActiveElementRef","useRef","useEffect","firstFocusable","handleKeyDown","useCallback","event","focusableElements","lastFocusable"],"mappings":";;AA2CO,SAASA,EAAmB;AAAA,EACjC,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,iBAAAC;AACF,GAA8B;AAC5B,QAAMC,IAA2BC,EAA2B,IAAI;AAGhE,EAAAC,EAAU,MAAM;AACd,QAAIN;AAIF,UAHAI,EAAyB,UAAU,SAAS,eAGxCD,KAAA,QAAAA,EAAiB;AACnB,QAAAA,EAAgB,QAAQ,MAAA;AAAA,eACfF,EAAa,SAAS;AAE/B,cAAMM,IAAiBN,EAAa,QAAQ;AAAA,UAC1C;AAAA,QAAA;AAEF,QAAAM,KAAA,QAAAA,EAAgB;AAAA,MAClB;AAAA,UACF,CAAWL,KAAgBE,EAAyB,YAElDA,EAAyB,QAAQ,MAAA,GACjCA,EAAyB,UAAU;AAAA,EAEvC,GAAG,CAACJ,GAAUC,GAAcE,GAAiBD,CAAY,CAAC;AAG1D,QAAMM,IAAgBC;AAAA,IACpB,CAACC,MAAyB;AACxB,UAAI,GAACV,KAAY,CAACC,EAAa,YAG3BS,EAAM,QAAQ,OAAO;AACvB,cAAMC,IAAoBV,EAAa,QAAQ;AAAA,UAC7C;AAAA,QAAA,GAGIM,IAAiBI,EAAkB,CAAC,GACpCC,IAAgBD,EACpBA,EAAkB,SAAS,CAC7B;AAEA,QAAID,EAAM,WAEJ,SAAS,kBAAkBH,MAC7BG,EAAM,eAAA,GACNE,KAAA,QAAAA,EAAe,WAIb,SAAS,kBAAkBA,MAC7BF,EAAM,eAAA,GACNH,KAAA,QAAAA,EAAgB;AAAA,MAGtB;AAAA,IACF;AAAA,IACA,CAACP,GAAUC,CAAY;AAAA,EAAA;AAGzB,EAAAK,EAAU,MAAM;AACd,QAAKN;AAEL,sBAAS,iBAAiB,WAAWQ,CAAa,GAC3C,MAAM;AACX,iBAAS,oBAAoB,WAAWA,CAAa;AAAA,MACvD;AAAA,EACF,GAAG,CAACR,GAAUQ,CAAa,CAAC;AAC9B;"}

package/dist/granular/ui/components/SideNavbar/hooks/useGroupState.js

@@ -0,0 +1,59 @@
+"use client";
+var m = Object.defineProperty, w = Object.defineProperties;
+var C = Object.getOwnPropertyDescriptors;
+var f = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable;
+var l = (e, t, o) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, s = (e, t) => {
+  for (var o in t || (t = {}))
+    I.call(t, o) && l(e, o, t[o]);
+  if (f)
+    for (var o of f(t))
+      J.call(t, o) && l(e, o, t[o]);
+  return e;
+}, i = (e, t) => w(e, C(t));
+import { useState as N, useEffect as O, useCallback as p } from "react";
+function h({
+  defaultStates: e = {},
+  persist: t = !1,
+  storageKey: o
+} = {}) {
+  const a = () => {
+    if (t && o && typeof window != "undefined") {
+      const n = localStorage.getItem(`${o}-groups`);
+      if (n)
+        try {
+          const r = JSON.parse(n);
+          return s(s({}, e), r);
+        } catch (r) {
+        }
+    }
+    return e;
+  }, [c, u] = N(a);
+  O(() => {
+    t && o && typeof window != "undefined" && localStorage.setItem(`${o}-groups`, JSON.stringify(c));
+  }, [t, o, c]);
+  const S = p((n) => {
+    u((r) => i(s({}, r), {
+      [n]: !r[n]
+    }));
+  }, []), d = p(
+    (n, r) => {
+      u((G) => i(s({}, G), {
+        [n]: r
+      }));
+    },
+    []
+  ), g = p(() => {
+    u(e);
+  }, [e]);
+  return {
+    groupStates: c,
+    toggleGroup: S,
+    setGroupCollapsed: d,
+    resetGroups: g
+  };
+}
+export {
+  h as useGroupState
+};
+//# sourceMappingURL=useGroupState.js.map

package/dist/granular/ui/components/SideNavbar/hooks/useGroupState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupState.js","sources":["../../../../../../src/ui/components/SideNavbar/hooks/useGroupState.ts"],"sourcesContent":["\"use client\";\n\nimport { useState, useCallback, useEffect } from \"react\";\nimport type { UseGroupStateOptions, UseGroupStateReturn } from \"../types\";\n\n/**\n * Hook for managing collapsible group states\n *\n * Manages collapsed/expanded state for multiple groups with optional persistence.\n * Used internally by SideNavbarStateProvider, but can be used standalone.\n *\n * @example\n * ```tsx\n * const { groupStates, toggleGroup, setGroupCollapsed } = useGroupState({\n *   defaultStates: { filters: false, settings: true },\n *   persist: true,\n *   storageKey: 'my-sidebar-groups',\n * });\n *\n * // Check if group is collapsed\n * const isFiltersCollapsed = groupStates['filters'] ?? false;\n *\n * // Toggle a group\n * toggleGroup('filters');\n *\n * // Set specific state\n * setGroupCollapsed('settings', false);\n * ```\n */\nexport function useGroupState({\n  defaultStates = {},\n  persist = false,\n  storageKey,\n}: UseGroupStateOptions = {}): UseGroupStateReturn {\n  // Initialize state from storage or defaults\n  const getInitialStates = (): Record<string, boolean> => {\n    if (persist && storageKey && typeof window !== \"undefined\") {\n      const stored = localStorage.getItem(`${storageKey}-groups`);\n      if (stored) {\n        try {\n          const parsed = JSON.parse(stored);\n          return { ...defaultStates, ...parsed };\n        } catch {\n          // Invalid JSON, use defaults\n        }\n      }\n    }\n    return defaultStates;\n  };\n\n  const [groupStates, setGroupStates] =\n    useState<Record<string, boolean>>(getInitialStates);\n\n  // Persist state changes\n  useEffect(() => {\n    if (persist && storageKey && typeof window !== \"undefined\") {\n      localStorage.setItem(`${storageKey}-groups`, JSON.stringify(groupStates));\n    }\n  }, [persist, storageKey, groupStates]);\n\n  const toggleGroup = useCallback((groupId: string) => {\n    setGroupStates((prev) => ({\n      ...prev,\n      [groupId]: !prev[groupId],\n    }));\n  }, []);\n\n  const setGroupCollapsed = useCallback(\n    (groupId: string, collapsed: boolean) => {\n      setGroupStates((prev) => ({\n        ...prev,\n        [groupId]: collapsed,\n      }));\n    },\n    [],\n  );\n\n  const resetGroups = useCallback(() => {\n    setGroupStates(defaultStates);\n  }, [defaultStates]);\n\n  return {\n    groupStates,\n    toggleGroup,\n    setGroupCollapsed,\n    resetGroups,\n  };\n}\n\nexport default useGroupState;\n"],"names":["useGroupState","defaultStates","persist","storageKey","getInitialStates","stored","parsed","__spreadValues","e","groupStates","setGroupStates","useState","useEffect","toggleGroup","useCallback","groupId","prev","__spreadProps","setGroupCollapsed","collapsed","resetGroups"],"mappings":";;;;;;;;;;;;;;AA6BO,SAASA,EAAc;AAAA,EAC5B,eAAAC,IAAgB,CAAA;AAAA,EAChB,SAAAC,IAAU;AAAA,EACV,YAAAC;AACF,IAA0B,IAAyB;AAEjD,QAAMC,IAAmB,MAA+B;AACtD,QAAIF,KAAWC,KAAc,OAAO,UAAW,aAAa;AAC1D,YAAME,IAAS,aAAa,QAAQ,GAAGF,CAAU,SAAS;AAC1D,UAAIE;AACF,YAAI;AACF,gBAAMC,IAAS,KAAK,MAAMD,CAAM;AAChC,iBAAOE,IAAA,IAAKN,IAAkBK;AAAA,QAChC,SAAQE,GAAA;AAAA,QAER;AAAA,IAEJ;AACA,WAAOP;AAAA,EACT,GAEM,CAACQ,GAAaC,CAAc,IAChCC,EAAkCP,CAAgB;AAGpD,EAAAQ,EAAU,MAAM;AACd,IAAIV,KAAWC,KAAc,OAAO,UAAW,eAC7C,aAAa,QAAQ,GAAGA,CAAU,WAAW,KAAK,UAAUM,CAAW,CAAC;AAAA,EAE5E,GAAG,CAACP,GAASC,GAAYM,CAAW,CAAC;AAErC,QAAMI,IAAcC,EAAY,CAACC,MAAoB;AACnD,IAAAL,EAAe,CAACM,MAAUC,EAAAV,EAAA,IACrBS,IADqB;AAAA,MAExB,CAACD,CAAO,GAAG,CAACC,EAAKD,CAAO;AAAA,IAAA,EACxB;AAAA,EACJ,GAAG,CAAA,CAAE,GAECG,IAAoBJ;AAAA,IACxB,CAACC,GAAiBI,MAAuB;AACvC,MAAAT,EAAe,CAACM,MAAUC,EAAAV,EAAA,IACrBS,IADqB;AAAA,QAExB,CAACD,CAAO,GAAGI;AAAA,MAAA,EACX;AAAA,IACJ;AAAA,IACA,CAAA;AAAA,EAAC,GAGGC,IAAcN,EAAY,MAAM;AACpC,IAAAJ,EAAeT,CAAa;AAAA,EAC9B,GAAG,CAACA,CAAa,CAAC;AAElB,SAAO;AAAA,IACL,aAAAQ;AAAA,IACA,aAAAI;AAAA,IACA,mBAAAK;AAAA,IACA,aAAAE;AAAA,EAAA;AAEJ;"}

package/dist/granular/ui/components/SideNavbar/hooks/useKeyboardShortcut.js

@@ -0,0 +1,34 @@
+"use client";
+import { useCallback as w, useEffect as k } from "react";
+function M({
+  key: o,
+  ctrl: s = !1,
+  shift: e = !1,
+  alt: y = !1,
+  meta: a = !1,
+  onTrigger: f,
+  enabled: i = !0,
+  preventDefault: u = !0
+}) {
+  const c = w(
+    (t) => {
+      if (!i) return;
+      const r = t.target;
+      if ((r.tagName === "INPUT" || r.tagName === "TEXTAREA" || r.isContentEditable) && !s && !a)
+        return;
+      const l = o.length === 1 ? t.key.toLowerCase() === o.toLowerCase() : t.key === o, n = s ? t.ctrlKey || t.metaKey : !t.ctrlKey && !t.metaKey, h = e ? t.shiftKey : !t.shiftKey, K = y ? t.altKey : !t.altKey, d = a ? t.metaKey : !t.metaKey, m = s ? (t.ctrlKey || t.metaKey) && !a : n && d;
+      l && m && h && K && (u && (t.preventDefault(), t.stopPropagation()), f());
+    },
+    [i, o, s, e, y, a, f, u]
+  );
+  k(() => {
+    if (i)
+      return window.addEventListener("keydown", c), () => {
+        window.removeEventListener("keydown", c);
+      };
+  }, [i, c]);
+}
+export {
+  M as useKeyboardShortcut
+};
+//# sourceMappingURL=useKeyboardShortcut.js.map

package/dist/granular/ui/components/SideNavbar/hooks/useKeyboardShortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardShortcut.js","sources":["../../../../../../src/ui/components/SideNavbar/hooks/useKeyboardShortcut.ts"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useCallback } from \"react\";\n\nexport interface UseKeyboardShortcutOptions {\n  /**\n   * Key to listen for (e.g., 'b', 'Escape', 'Enter')\n   */\n  key: string;\n\n  /**\n   * Whether Ctrl/Cmd key should be pressed\n   * @default false\n   */\n  ctrl?: boolean;\n\n  /**\n   * Whether Shift key should be pressed\n   * @default false\n   */\n  shift?: boolean;\n\n  /**\n   * Whether Alt key should be pressed\n   * @default false\n   */\n  alt?: boolean;\n\n  /**\n   * Whether Meta key should be pressed (Cmd on Mac)\n   * @default false\n   */\n  meta?: boolean;\n\n  /**\n   * Callback when shortcut is triggered\n   */\n  onTrigger: () => void;\n\n  /**\n   * Whether the shortcut is enabled\n   * @default true\n   */\n  enabled?: boolean;\n\n  /**\n   * Whether to prevent default behavior\n   * @default true\n   */\n  preventDefault?: boolean;\n}\n\n/**\n * Hook for keyboard shortcuts\n *\n * Listens for keyboard combinations and triggers callbacks.\n * Automatically ignores input fields unless explicitly allowed.\n *\n * @example\n * ```tsx\n * useKeyboardShortcut({\n *   key: 'b',\n *   ctrl: true,\n *   onTrigger: () => toggleSidebar(),\n * });\n * ```\n */\nexport function useKeyboardShortcut({\n  key: targetKey,\n  ctrl = false,\n  shift = false,\n  alt = false,\n  meta = false,\n  onTrigger,\n  enabled = true,\n  preventDefault = true,\n}: UseKeyboardShortcutOptions) {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (!enabled) return;\n\n      // Don't trigger in input fields (unless it's a system shortcut)\n      const target = event.target as HTMLElement;\n      const isInputField =\n        target.tagName === \"INPUT\" ||\n        target.tagName === \"TEXTAREA\" ||\n        target.isContentEditable;\n\n      // Allow Ctrl/Cmd shortcuts in inputs (like Ctrl+B)\n      if (isInputField && !ctrl && !meta) {\n        return;\n      }\n\n      // Check key match (case-insensitive for letter keys)\n      const keyMatch =\n        targetKey.length === 1\n          ? event.key.toLowerCase() === targetKey.toLowerCase()\n          : event.key === targetKey;\n\n      // Check modifier keys\n      const ctrlMatch = ctrl\n        ? event.ctrlKey || event.metaKey\n        : !event.ctrlKey && !event.metaKey;\n      const shiftMatch = shift ? event.shiftKey : !event.shiftKey;\n      const altMatch = alt ? event.altKey : !event.altKey;\n      const metaMatch = meta ? event.metaKey : !event.metaKey;\n\n      // If ctrl is true, allow either Ctrl or Meta (Cmd on Mac)\n      const modifierMatch = ctrl\n        ? (event.ctrlKey || event.metaKey) && !meta\n        : ctrlMatch && metaMatch;\n\n      if (keyMatch && modifierMatch && shiftMatch && altMatch) {\n        if (preventDefault) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n        onTrigger();\n      }\n    },\n    [enabled, targetKey, ctrl, shift, alt, meta, onTrigger, preventDefault],\n  );\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      window.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [enabled, handleKeyDown]);\n}\n"],"names":["useKeyboardShortcut","targetKey","ctrl","shift","alt","meta","onTrigger","enabled","preventDefault","handleKeyDown","useCallback","event","target","keyMatch","ctrlMatch","shiftMatch","altMatch","metaMatch","modifierMatch","useEffect"],"mappings":";;AAmEO,SAASA,EAAoB;AAAA,EAClC,KAAKC;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,gBAAAC,IAAiB;AACnB,GAA+B;AAC7B,QAAMC,IAAgBC;AAAA,IACpB,CAACC,MAAyB;AACxB,UAAI,CAACJ,EAAS;AAGd,YAAMK,IAASD,EAAM;AAOrB,WALEC,EAAO,YAAY,WACnBA,EAAO,YAAY,cACnBA,EAAO,sBAGW,CAACV,KAAQ,CAACG;AAC5B;AAIF,YAAMQ,IACJZ,EAAU,WAAW,IACjBU,EAAM,IAAI,YAAA,MAAkBV,EAAU,YAAA,IACtCU,EAAM,QAAQV,GAGda,IAAYZ,IACdS,EAAM,WAAWA,EAAM,UACvB,CAACA,EAAM,WAAW,CAACA,EAAM,SACvBI,IAAaZ,IAAQQ,EAAM,WAAW,CAACA,EAAM,UAC7CK,IAAWZ,IAAMO,EAAM,SAAS,CAACA,EAAM,QACvCM,IAAYZ,IAAOM,EAAM,UAAU,CAACA,EAAM,SAG1CO,IAAgBhB,KACjBS,EAAM,WAAWA,EAAM,YAAY,CAACN,IACrCS,KAAaG;AAEjB,MAAIJ,KAAYK,KAAiBH,KAAcC,MACzCR,MACFG,EAAM,eAAA,GACNA,EAAM,gBAAA,IAERL,EAAA;AAAA,IAEJ;AAAA,IACA,CAACC,GAASN,GAAWC,GAAMC,GAAOC,GAAKC,GAAMC,GAAWE,CAAc;AAAA,EAAA;AAGxE,EAAAW,EAAU,MAAM;AACd,QAAKZ;AAEL,oBAAO,iBAAiB,WAAWE,CAAa,GACzC,MAAM;AACX,eAAO,oBAAoB,WAAWA,CAAa;AAAA,MACrD;AAAA,EACF,GAAG,CAACF,GAASE,CAAa,CAAC;AAC7B;"}

package/dist/granular/ui/components/SideNavbar/hooks/useResize.js

@@ -0,0 +1,58 @@
+"use client";
+import { useState as b, useRef as w, useCallback as m, useEffect as I } from "react";
+import { clampWidth as R } from "../utils/parseWidth.js";
+function q({
+  initialWidth: d,
+  minWidth: c,
+  maxWidth: o,
+  snapPoints: u,
+  snapThreshold: M = 20,
+  onWidthChange: f,
+  enabled: s = !0
+}) {
+  const S = R(d, c, o), [n, z] = b(S), [t, E] = b(!1), i = w(0), a = w(S), v = m(
+    (r) => {
+      let e = R(r, c, o);
+      if (u && u.length > 0) {
+        const l = u.reduce((L, X) => {
+          const D = Math.abs(e - X), T = Math.abs(e - L);
+          return D < T ? X : L;
+        }, u[0]);
+        Math.abs(e - l) <= M && (e = l);
+      }
+      z(e), f == null || f(e);
+    },
+    [c, o, u, M, f]
+  ), y = m(
+    (r) => {
+      if (!s || !t) return;
+      const e = r.clientX - i.current, l = a.current + e;
+      v(l);
+    },
+    [s, t, v]
+  ), p = m(() => {
+    s && (E(!1), i.current = 0, a.current = n);
+  }, [s, n]), k = m(
+    (r) => {
+      s && (r.preventDefault(), r.stopPropagation(), E(!0), i.current = r.clientX, a.current = n);
+    },
+    [s, n]
+  );
+  return I(() => {
+    if (t)
+      return document.addEventListener("mousemove", y), document.addEventListener("mouseup", p), document.body.style.userSelect = "none", document.body.style.cursor = "col-resize", () => {
+        document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", p), document.body.style.userSelect = "", document.body.style.cursor = "";
+      };
+  }, [t, y, p]), I(() => {
+    t || z(R(d, c, o));
+  }, [d, c, o, t]), {
+    width: n,
+    isResizing: t,
+    startResize: k,
+    setWidth: v
+  };
+}
+export {
+  q as useResize
+};
+//# sourceMappingURL=useResize.js.map

package/dist/granular/ui/components/SideNavbar/hooks/useResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.js","sources":["../../../../../../src/ui/components/SideNavbar/hooks/useResize.ts"],"sourcesContent":["\"use client\";\n\nimport { useState, useCallback, useRef, useEffect } from \"react\";\nimport { clampWidth, validateWidthBounds } from \"../utils\";\n\nexport interface UseResizeOptions {\n  /**\n   * Initial width\n   */\n  initialWidth: number;\n\n  /**\n   * Minimum width constraint\n   */\n  minWidth?: number;\n\n  /**\n   * Maximum width constraint\n   */\n  maxWidth?: number;\n\n  /**\n   * Snap points (widths to snap to when dragging)\n   */\n  snapPoints?: number[];\n\n  /**\n   * Snap threshold in pixels\n   * @default 20\n   */\n  snapThreshold?: number;\n\n  /**\n   * Callback when width changes\n   */\n  onWidthChange?: (width: number) => void;\n\n  /**\n   * Whether resize is enabled\n   * @default true\n   */\n  enabled?: boolean;\n}\n\nexport interface UseResizeReturn {\n  /**\n   * Current width\n   */\n  width: number;\n\n  /**\n   * Whether currently resizing\n   */\n  isResizing: boolean;\n\n  /**\n   * Start resize handler (attach to mousedown)\n   */\n  startResize: (event: React.MouseEvent) => void;\n\n  /**\n   * Set width programmatically\n   */\n  setWidth: (width: number) => void;\n}\n\n/**\n * Hook for drag-to-resize functionality\n *\n * Provides resize state and handlers for drag-to-resize interactions.\n * Supports snap points and min/max constraints.\n *\n * @example\n * ```tsx\n * const { width, isResizing, startResize } = useResize({\n *   initialWidth: 320,\n *   minWidth: 200,\n *   maxWidth: 600,\n *   snapPoints: [200, 320, 480],\n *   onWidthChange: (width) => console.log('Width:', width)\n * });\n * ```\n */\nexport function useResize({\n  initialWidth,\n  minWidth,\n  maxWidth,\n  snapPoints,\n  snapThreshold = 20,\n  onWidthChange,\n  enabled = true,\n}: UseResizeOptions): UseResizeReturn {\n  // Validate bounds on first render\n  if (import.meta.env.DEV) {\n    if (!validateWidthBounds(minWidth, maxWidth)) {\n      console.warn(\n        \"[useResize] Invalid bounds: minWidth must be less than maxWidth\",\n        { minWidth, maxWidth },\n      );\n    }\n  }\n\n  // Clamp initial width to valid bounds\n  const clampedInitialWidth = clampWidth(initialWidth, minWidth, maxWidth);\n  const [width, setWidthState] = useState(clampedInitialWidth);\n  const [isResizing, setIsResizing] = useState(false);\n  const startXRef = useRef<number>(0);\n  const startWidthRef = useRef<number>(clampedInitialWidth);\n\n  const setWidth = useCallback(\n    (newWidth: number) => {\n      // Use utility function to clamp width\n      let constrainedWidth = clampWidth(newWidth, minWidth, maxWidth);\n\n      // Check snap points\n      if (snapPoints && snapPoints.length > 0) {\n        const closestSnap = snapPoints.reduce((closest, snap) => {\n          const distanceToSnap = Math.abs(constrainedWidth - snap);\n          const distanceToClosest = Math.abs(constrainedWidth - closest);\n          return distanceToSnap < distanceToClosest ? snap : closest;\n        }, snapPoints[0]);\n\n        if (Math.abs(constrainedWidth - closestSnap) <= snapThreshold) {\n          constrainedWidth = closestSnap;\n        }\n      }\n\n      setWidthState(constrainedWidth);\n      onWidthChange?.(constrainedWidth);\n    },\n    [minWidth, maxWidth, snapPoints, snapThreshold, onWidthChange],\n  );\n\n  const handleMouseMove = useCallback(\n    (event: MouseEvent) => {\n      if (!enabled || !isResizing) return;\n\n      const deltaX = event.clientX - startXRef.current;\n      const newWidth = startWidthRef.current + deltaX;\n      setWidth(newWidth);\n    },\n    [enabled, isResizing, setWidth],\n  );\n\n  const handleMouseUp = useCallback(() => {\n    if (!enabled) return;\n\n    setIsResizing(false);\n    startXRef.current = 0;\n    startWidthRef.current = width;\n  }, [enabled, width]);\n\n  const startResize = useCallback(\n    (event: React.MouseEvent) => {\n      if (!enabled) return;\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      setIsResizing(true);\n      startXRef.current = event.clientX;\n      startWidthRef.current = width;\n    },\n    [enabled, width],\n  );\n\n  useEffect(() => {\n    if (!isResizing) return;\n\n    document.addEventListener(\"mousemove\", handleMouseMove);\n    document.addEventListener(\"mouseup\", handleMouseUp);\n\n    // Prevent text selection while resizing\n    document.body.style.userSelect = \"none\";\n    document.body.style.cursor = \"col-resize\";\n\n    return () => {\n      document.removeEventListener(\"mousemove\", handleMouseMove);\n      document.removeEventListener(\"mouseup\", handleMouseUp);\n      document.body.style.userSelect = \"\";\n      document.body.style.cursor = \"\";\n    };\n  }, [isResizing, handleMouseMove, handleMouseUp]);\n\n  // Update width when initialWidth changes externally\n  useEffect(() => {\n    if (!isResizing) {\n      setWidthState(clampWidth(initialWidth, minWidth, maxWidth));\n    }\n  }, [initialWidth, minWidth, maxWidth, isResizing]);\n\n  return {\n    width,\n    isResizing,\n    startResize,\n    setWidth,\n  };\n}\n"],"names":["useResize","initialWidth","minWidth","maxWidth","snapPoints","snapThreshold","onWidthChange","enabled","clampedInitialWidth","clampWidth","width","setWidthState","useState","isResizing","setIsResizing","startXRef","useRef","startWidthRef","setWidth","useCallback","newWidth","constrainedWidth","closestSnap","closest","snap","distanceToSnap","distanceToClosest","handleMouseMove","event","deltaX","handleMouseUp","startResize","useEffect"],"mappings":";;;AAmFO,SAASA,EAAU;AAAA,EACxB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAAsC;AAYpC,QAAMC,IAAsBC,EAAWR,GAAcC,GAAUC,CAAQ,GACjE,CAACO,GAAOC,CAAa,IAAIC,EAASJ,CAAmB,GACrD,CAACK,GAAYC,CAAa,IAAIF,EAAS,EAAK,GAC5CG,IAAYC,EAAe,CAAC,GAC5BC,IAAgBD,EAAeR,CAAmB,GAElDU,IAAWC;AAAA,IACf,CAACC,MAAqB;AAEpB,UAAIC,IAAmBZ,EAAWW,GAAUlB,GAAUC,CAAQ;AAG9D,UAAIC,KAAcA,EAAW,SAAS,GAAG;AACvC,cAAMkB,IAAclB,EAAW,OAAO,CAACmB,GAASC,MAAS;AACvD,gBAAMC,IAAiB,KAAK,IAAIJ,IAAmBG,CAAI,GACjDE,IAAoB,KAAK,IAAIL,IAAmBE,CAAO;AAC7D,iBAAOE,IAAiBC,IAAoBF,IAAOD;AAAA,QACrD,GAAGnB,EAAW,CAAC,CAAC;AAEhB,QAAI,KAAK,IAAIiB,IAAmBC,CAAW,KAAKjB,MAC9CgB,IAAmBC;AAAA,MAEvB;AAEA,MAAAX,EAAcU,CAAgB,GAC9Bf,KAAA,QAAAA,EAAgBe;AAAA,IAClB;AAAA,IACA,CAACnB,GAAUC,GAAUC,GAAYC,GAAeC,CAAa;AAAA,EAAA,GAGzDqB,IAAkBR;AAAA,IACtB,CAACS,MAAsB;AACrB,UAAI,CAACrB,KAAW,CAACM,EAAY;AAE7B,YAAMgB,IAASD,EAAM,UAAUb,EAAU,SACnCK,IAAWH,EAAc,UAAUY;AACzC,MAAAX,EAASE,CAAQ;AAAA,IACnB;AAAA,IACA,CAACb,GAASM,GAAYK,CAAQ;AAAA,EAAA,GAG1BY,IAAgBX,EAAY,MAAM;AACtC,IAAKZ,MAELO,EAAc,EAAK,GACnBC,EAAU,UAAU,GACpBE,EAAc,UAAUP;AAAA,EAC1B,GAAG,CAACH,GAASG,CAAK,CAAC,GAEbqB,IAAcZ;AAAA,IAClB,CAACS,MAA4B;AAC3B,MAAKrB,MAELqB,EAAM,eAAA,GACNA,EAAM,gBAAA,GAENd,EAAc,EAAI,GAClBC,EAAU,UAAUa,EAAM,SAC1BX,EAAc,UAAUP;AAAA,IAC1B;AAAA,IACA,CAACH,GAASG,CAAK;AAAA,EAAA;AAGjB,SAAAsB,EAAU,MAAM;AACd,QAAKnB;AAEL,sBAAS,iBAAiB,aAAac,CAAe,GACtD,SAAS,iBAAiB,WAAWG,CAAa,GAGlD,SAAS,KAAK,MAAM,aAAa,QACjC,SAAS,KAAK,MAAM,SAAS,cAEtB,MAAM;AACX,iBAAS,oBAAoB,aAAaH,CAAe,GACzD,SAAS,oBAAoB,WAAWG,CAAa,GACrD,SAAS,KAAK,MAAM,aAAa,IACjC,SAAS,KAAK,MAAM,SAAS;AAAA,MAC/B;AAAA,EACF,GAAG,CAACjB,GAAYc,GAAiBG,CAAa,CAAC,GAG/CE,EAAU,MAAM;AACd,IAAKnB,KACHF,EAAcF,EAAWR,GAAcC,GAAUC,CAAQ,CAAC;AAAA,EAE9D,GAAG,CAACF,GAAcC,GAAUC,GAAUU,CAAU,CAAC,GAE1C;AAAA,IACL,OAAAH;AAAA,IACA,YAAAG;AAAA,IACA,aAAAkB;AAAA,IACA,UAAAb;AAAA,EAAA;AAEJ;"}

package/dist/granular/ui/components/SideNavbar/hooks/useResponsiveSidebar.js

@@ -0,0 +1,35 @@
+"use client";
+import { useState as u, useCallback as W, useEffect as v } from "react";
+function y({
+  mobileBreakpoint: e = 768,
+  onMobileChange: d,
+  enabled: s = !0
+} = {}) {
+  const [c, o] = u(
+    typeof window != "undefined" ? window.innerWidth : 1024
+  ), [r, f] = u(
+    typeof window != "undefined" ? window.innerWidth < e : !1
+  ), w = W(() => {
+    if (!s || typeof window == "undefined") return;
+    const i = window.innerWidth, t = i < e;
+    o(i), t !== r && (f(t), d == null || d(t));
+  }, [s, e, r, d]);
+  return v(() => {
+    if (!s || typeof window == "undefined") return;
+    const i = window.innerWidth, t = i < e;
+    o(i), f(t), window.addEventListener("resize", w);
+    let n = null;
+    return window.ResizeObserver && (n = new ResizeObserver(() => {
+      w();
+    }), n.observe(document.body)), () => {
+      window.removeEventListener("resize", w), n == null || n.disconnect();
+    };
+  }, [s, e, w]), {
+    isMobile: r,
+    viewportWidth: c
+  };
+}
+export {
+  y as useResponsiveSidebar
+};
+//# sourceMappingURL=useResponsiveSidebar.js.map

package/dist/granular/ui/components/SideNavbar/hooks/useResponsiveSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveSidebar.js","sources":["../../../../../../src/ui/components/SideNavbar/hooks/useResponsiveSidebar.ts"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect, useCallback } from \"react\";\n\nexport interface UseResponsiveSidebarOptions {\n  /**\n   * Breakpoint in pixels for mobile detection\n   * @default 768\n   */\n  mobileBreakpoint?: number;\n\n  /**\n   * Callback when mobile state changes\n   */\n  onMobileChange?: (isMobile: boolean) => void;\n\n  /**\n   * Whether responsive behavior is enabled\n   * @default true\n   */\n  enabled?: boolean;\n}\n\nexport interface UseResponsiveSidebarReturn {\n  /**\n   * Whether current viewport is mobile\n   */\n  isMobile: boolean;\n\n  /**\n   * Current viewport width\n   */\n  viewportWidth: number;\n}\n\n/**\n * Hook for responsive sidebar behavior\n *\n * Detects mobile breakpoints and provides responsive state.\n *\n * @example\n * ```tsx\n * const { isMobile, viewportWidth } = useResponsiveSidebar({\n *   mobileBreakpoint: 768,\n *   onMobileChange: (isMobile) => console.log('Mobile:', isMobile)\n * });\n * ```\n */\nexport function useResponsiveSidebar({\n  mobileBreakpoint = 768,\n  onMobileChange,\n  enabled = true,\n}: UseResponsiveSidebarOptions = {}): UseResponsiveSidebarReturn {\n  const [viewportWidth, setViewportWidth] = useState<number>(\n    typeof window !== \"undefined\" ? window.innerWidth : 1024,\n  );\n  const [isMobile, setIsMobile] = useState<boolean>(\n    typeof window !== \"undefined\"\n      ? window.innerWidth < mobileBreakpoint\n      : false,\n  );\n\n  const handleResize = useCallback(() => {\n    if (!enabled || typeof window === \"undefined\") return;\n\n    const newWidth = window.innerWidth;\n    const newIsMobile = newWidth < mobileBreakpoint;\n\n    setViewportWidth(newWidth);\n\n    if (newIsMobile !== isMobile) {\n      setIsMobile(newIsMobile);\n      onMobileChange?.(newIsMobile);\n    }\n  }, [enabled, mobileBreakpoint, isMobile, onMobileChange]);\n\n  useEffect(() => {\n    if (!enabled || typeof window === \"undefined\") return;\n\n    // Set initial state\n    const initialWidth = window.innerWidth;\n    const initialIsMobile = initialWidth < mobileBreakpoint;\n    setViewportWidth(initialWidth);\n    setIsMobile(initialIsMobile);\n\n    // Listen for resize events\n    window.addEventListener(\"resize\", handleResize);\n\n    // Use ResizeObserver for more accurate detection\n    let resizeObserver: ResizeObserver | null = null;\n    if (window.ResizeObserver) {\n      resizeObserver = new ResizeObserver(() => {\n        handleResize();\n      });\n      resizeObserver.observe(document.body);\n    }\n\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n      resizeObserver?.disconnect();\n    };\n  }, [enabled, mobileBreakpoint, handleResize]);\n\n  return {\n    isMobile,\n    viewportWidth,\n  };\n}\n"],"names":["useResponsiveSidebar","mobileBreakpoint","onMobileChange","enabled","viewportWidth","setViewportWidth","useState","isMobile","setIsMobile","handleResize","useCallback","newWidth","newIsMobile","useEffect","initialWidth","initialIsMobile","resizeObserver"],"mappings":";;AAgDO,SAASA,EAAqB;AAAA,EACnC,kBAAAC,IAAmB;AAAA,EACnB,gBAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,IAAiC,IAAgC;AAC/D,QAAM,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxC,OAAO,UAAW,cAAc,OAAO,aAAa;AAAA,EAAA,GAEhD,CAACC,GAAUC,CAAW,IAAIF;AAAA,IAC9B,OAAO,UAAW,cACd,OAAO,aAAaL,IACpB;AAAA,EAAA,GAGAQ,IAAeC,EAAY,MAAM;AACrC,QAAI,CAACP,KAAW,OAAO,UAAW,YAAa;AAE/C,UAAMQ,IAAW,OAAO,YAClBC,IAAcD,IAAWV;AAE/B,IAAAI,EAAiBM,CAAQ,GAErBC,MAAgBL,MAClBC,EAAYI,CAAW,GACvBV,KAAA,QAAAA,EAAiBU;AAAA,EAErB,GAAG,CAACT,GAASF,GAAkBM,GAAUL,CAAc,CAAC;AAExD,SAAAW,EAAU,MAAM;AACd,QAAI,CAACV,KAAW,OAAO,UAAW,YAAa;AAG/C,UAAMW,IAAe,OAAO,YACtBC,IAAkBD,IAAeb;AACvC,IAAAI,EAAiBS,CAAY,GAC7BN,EAAYO,CAAe,GAG3B,OAAO,iBAAiB,UAAUN,CAAY;AAG9C,QAAIO,IAAwC;AAC5C,WAAI,OAAO,mBACTA,IAAiB,IAAI,eAAe,MAAM;AACxC,MAAAP,EAAA;AAAA,IACF,CAAC,GACDO,EAAe,QAAQ,SAAS,IAAI,IAG/B,MAAM;AACX,aAAO,oBAAoB,UAAUP,CAAY,GACjDO,KAAA,QAAAA,EAAgB;AAAA,IAClB;AAAA,EACF,GAAG,CAACb,GAASF,GAAkBQ,CAAY,CAAC,GAErC;AAAA,IACL,UAAAF;AAAA,IACA,eAAAH;AAAA,EAAA;AAEJ;"}

package/dist/granular/ui/components/SideNavbar/hooks/useSideNavbar.js

@@ -0,0 +1,21 @@
+"use client";
+import { useSideNavbarThemeRequired as t } from "../contexts/SideNavbarThemeContext.js";
+import { useSideNavbarTheme as S } from "../contexts/SideNavbarThemeContext.js";
+import { useSideNavbarConfigRequired as i } from "../contexts/SideNavbarConfigContext.js";
+import { useSideNavbarConfig as p } from "../contexts/SideNavbarConfigContext.js";
+import { useSideNavbarStateRequired as a } from "../contexts/SideNavbarStateContext.js";
+import { useSideNavbarState as N } from "../contexts/SideNavbarStateContext.js";
+function d() {
+  const e = t(), r = i(), o = a();
+  return { theme: e, config: r, state: o };
+}
+export {
+  d as useSideNavbarCombined,
+  p as useSideNavbarConfig,
+  i as useSideNavbarConfigRequired,
+  N as useSideNavbarState,
+  a as useSideNavbarStateRequired,
+  S as useSideNavbarTheme,
+  t as useSideNavbarThemeRequired
+};
+//# sourceMappingURL=useSideNavbar.js.map

package/dist/granular/ui/components/SideNavbar/hooks/useSideNavbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSideNavbar.js","sources":["../../../../../../src/ui/components/SideNavbar/hooks/useSideNavbar.ts"],"sourcesContent":["\"use client\";\n\nimport { useSideNavbarThemeRequired } from \"../contexts/SideNavbarThemeContext\";\nimport { useSideNavbarConfigRequired } from \"../contexts/SideNavbarConfigContext\";\nimport { useSideNavbarStateRequired } from \"../contexts/SideNavbarStateContext\";\n\n// Layered context hooks\nexport {\n  useSideNavbarTheme,\n  useSideNavbarThemeRequired,\n} from \"../contexts/SideNavbarThemeContext\";\n\nexport {\n  useSideNavbarConfig,\n  useSideNavbarConfigRequired,\n} from \"../contexts/SideNavbarConfigContext\";\n\nexport {\n  useSideNavbarState,\n  useSideNavbarStateRequired,\n} from \"../contexts/SideNavbarStateContext\";\n\n// Subcomponent hooks\nexport { useNavbar, useNavbarRequired } from \"./useNavbar\";\nexport { useSidebar, useSidebarRequired } from \"./useSidebar\";\n\n// Utility hooks\nexport { useResize } from \"./useResize\";\nexport type { UseResizeOptions, UseResizeReturn } from \"./useResize\";\n\nexport { useResponsiveSidebar } from \"./useResponsiveSidebar\";\nexport type {\n  UseResponsiveSidebarOptions,\n  UseResponsiveSidebarReturn,\n} from \"./useResponsiveSidebar\";\n\nexport { useKeyboardShortcut } from \"./useKeyboardShortcut\";\nexport type { UseKeyboardShortcutOptions } from \"./useKeyboardShortcut\";\n\nexport { useFocusManagement } from \"./useFocusManagement\";\nexport type { UseFocusManagementOptions } from \"./useFocusManagement\";\n\nexport { useGroupState } from \"./useGroupState\";\nexport type { UseGroupStateOptions, UseGroupStateReturn } from \"../types\";\n\n// Navigation and content hooks\nexport { useSideNavbarNavigation } from \"./useSideNavbarNavigation\";\nexport { useSideNavbarContent } from \"./useSideNavbarContent\";\n\n/**\n * Combined hook to access all root contexts\n *\n * Returns an object with theme, config, and state contexts.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { theme, config, state } = useSideNavbarCombined();\n *   // Access theme.variant, config.mode, state.collapsed, etc.\n * }\n * ```\n */\nexport function useSideNavbarCombined() {\n  // Import here to avoid circular dependencies\n  const theme = useSideNavbarThemeRequired();\n  const config = useSideNavbarConfigRequired();\n  const state = useSideNavbarStateRequired();\n\n  return { theme, config, state };\n}\n"],"names":["useSideNavbarCombined","theme","useSideNavbarThemeRequired","config","useSideNavbarConfigRequired","state","useSideNavbarStateRequired"],"mappings":";;;;;;;AA8DO,SAASA,IAAwB;AAEtC,QAAMC,IAAQC,EAAA,GACRC,IAASC,EAAA,GACTC,IAAQC,EAAA;AAEd,SAAO,EAAE,OAAAL,GAAO,QAAAE,GAAQ,OAAAE,EAAA;AAC1B;"}

package/dist/granular/ui/components/SideNavbar/hooks/useSideNavbarContent.js

@@ -0,0 +1,19 @@
+"use client";
+import { useSidebarSlot as e } from "../contexts/SidebarSlotContext.js";
+import { useSidebar as s } from "../contexts/SidebarContext.js";
+function u() {
+  var l, c, t, r;
+  const o = e(), i = s();
+  return {
+    activeSlot: (l = o == null ? void 0 : o.activeSlot) != null ? l : null,
+    setActiveSlot: (c = o == null ? void 0 : o.setActiveSlot) != null ? c : (() => {
+    }),
+    scrollPosition: (t = i == null ? void 0 : i.scrollPosition) != null ? t : 0,
+    setScrollPosition: (r = i == null ? void 0 : i.setScrollPosition) != null ? r : (() => {
+    })
+  };
+}
+export {
+  u as useSideNavbarContent
+};
+//# sourceMappingURL=useSideNavbarContent.js.map

package/dist/granular/ui/components/SideNavbar/hooks/useSideNavbarContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSideNavbarContent.js","sources":["../../../../../../src/ui/components/SideNavbar/hooks/useSideNavbarContent.ts"],"sourcesContent":["\"use client\";\n\nimport { useSidebarSlot } from \"../contexts/SidebarSlotContext\";\nimport { useSidebar } from \"../contexts/SidebarContext\";\n\n/**\n * Hook for content/slot management\n *\n * Provides access to sidebar slot state and scroll position.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { activeSlot, setActiveSlot, scrollPosition } = useSideNavbarContent();\n *\n *   return (\n *     <div>\n *       <p>Active slot: {activeSlot}</p>\n *       <p>Scroll position: {scrollPosition}px</p>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useSideNavbarContent() {\n  const slotContext = useSidebarSlot();\n  const sidebarContext = useSidebar();\n\n  return {\n    activeSlot: slotContext?.activeSlot ?? null,\n    setActiveSlot: slotContext?.setActiveSlot ?? (() => {}),\n    scrollPosition: sidebarContext?.scrollPosition ?? 0,\n    setScrollPosition: sidebarContext?.setScrollPosition ?? (() => {}),\n  };\n}\n"],"names":["useSideNavbarContent","slotContext","useSidebarSlot","sidebarContext","useSidebar","_a","_b","_c","_d"],"mappings":";;;AAwBO,SAASA,IAAuB;;AACrC,QAAMC,IAAcC,EAAA,GACdC,IAAiBC,EAAA;AAEvB,SAAO;AAAA,IACL,aAAYC,IAAAJ,KAAA,gBAAAA,EAAa,eAAb,OAAAI,IAA2B;AAAA,IACvC,gBAAeC,IAAAL,KAAA,gBAAAA,EAAa,kBAAb,OAAAK,KAA+B,MAAM;AAAA,IAAC;AAAA,IACrD,iBAAgBC,IAAAJ,KAAA,gBAAAA,EAAgB,mBAAhB,OAAAI,IAAkC;AAAA,IAClD,oBAAmBC,IAAAL,KAAA,gBAAAA,EAAgB,sBAAhB,OAAAK,KAAsC,MAAM;AAAA,IAAC;AAAA,EAAA;AAEpE;"}

package/dist/granular/ui/components/SideNavbar/hooks/useSideNavbarNavigation.js

@@ -0,0 +1,21 @@
+"use client";
+import { useCallback as c } from "react";
+import { useNavbarRequired as s } from "../contexts/NavbarContext.js";
+import { useSidebarSlot as m } from "../contexts/SidebarSlotContext.js";
+function f() {
+  const { activeItem: r, setActiveItem: t } = s(), e = m(), a = c(
+    (o, i) => {
+      t(o), i && (e != null && e.setActiveSlot) && e.setActiveSlot(i);
+    },
+    [t, e]
+  );
+  return {
+    activeItem: r,
+    setActiveItem: t,
+    navigate: a
+  };
+}
+export {
+  f as useSideNavbarNavigation
+};
+//# sourceMappingURL=useSideNavbarNavigation.js.map

package/dist/granular/ui/components/SideNavbar/hooks/useSideNavbarNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSideNavbarNavigation.js","sources":["../../../../../../src/ui/components/SideNavbar/hooks/useSideNavbarNavigation.ts"],"sourcesContent":["\"use client\";\n\nimport { useCallback } from \"react\";\nimport { useNavbarRequired } from \"../contexts/NavbarContext\";\nimport { useSidebarSlot } from \"../contexts/SidebarSlotContext\";\n\n/**\n * Hook for navigation-related state and actions\n *\n * Provides convenience methods for navigating between navbar items\n * and managing associated sidebar slots.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { activeItem, navigate } = useSideNavbarNavigation();\n *\n *   return (\n *     <button onClick={() => navigate('dashboard', 'dashboard-content')}>\n *       Go to Dashboard\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useSideNavbarNavigation() {\n  const { activeItem, setActiveItem } = useNavbarRequired();\n  const slotContext = useSidebarSlot();\n\n  const navigate = useCallback(\n    (itemId: string, slotId?: string) => {\n      setActiveItem(itemId);\n      if (slotId && slotContext?.setActiveSlot) {\n        slotContext.setActiveSlot(slotId);\n      }\n    },\n    [setActiveItem, slotContext],\n  );\n\n  return {\n    activeItem,\n    setActiveItem,\n    navigate,\n  };\n}\n"],"names":["useSideNavbarNavigation","activeItem","setActiveItem","useNavbarRequired","slotContext","useSidebarSlot","navigate","useCallback","itemId","slotId"],"mappings":";;;;AAyBO,SAASA,IAA0B;AACxC,QAAM,EAAE,YAAAC,GAAY,eAAAC,EAAA,IAAkBC,EAAA,GAChCC,IAAcC,EAAA,GAEdC,IAAWC;AAAA,IACf,CAACC,GAAgBC,MAAoB;AACnC,MAAAP,EAAcM,CAAM,GAChBC,MAAUL,KAAA,QAAAA,EAAa,kBACzBA,EAAY,cAAcK,CAAM;AAAA,IAEpC;AAAA,IACA,CAACP,GAAeE,CAAW;AAAA,EAAA;AAG7B,SAAO;AAAA,IACL,YAAAH;AAAA,IACA,eAAAC;AAAA,IACA,UAAAI;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as g } from "react/jsx-runtime";
+import { useMemo as x } from "react";
+import { defaultConfigValues as o, SideNavbarConfigContext as b } from "../contexts/SideNavbarConfigContext.js";
+function j({
+  children: C,
+  mode: r = o.mode,
+  resizable: e = o.resizable,
+  minWidth: i = o.minWidth,
+  maxWidth: t = o.maxWidth,
+  snapPoints: n = o.snapPoints,
+  responsive: f = o.responsive,
+  mobileBreakpoint: a = o.mobileBreakpoint,
+  mobileVariant: m = o.mobileVariant,
+  overlayBackdrop: u = o.overlayBackdrop,
+  persistState: d = o.persistState,
+  persistWidth: s = o.persistWidth,
+  storageKey: v = o.storageKey,
+  keyboardShortcut: l = o.keyboardShortcut,
+  enableKeyboardShortcut: p = o.enableKeyboardShortcut
+}) {
+  const c = x(
+    () => ({
+      mode: r,
+      resizable: e,
+      minWidth: i,
+      maxWidth: t,
+      snapPoints: n,
+      responsive: f,
+      mobileBreakpoint: a,
+      mobileVariant: m,
+      overlayBackdrop: u,
+      persistState: d,
+      persistWidth: s,
+      storageKey: v,
+      keyboardShortcut: l,
+      enableKeyboardShortcut: p
+    }),
+    [
+      r,
+      e,
+      i,
+      t,
+      n,
+      f,
+      a,
+      m,
+      u,
+      d,
+      s,
+      v,
+      l,
+      p
+    ]
+  );
+  return /* @__PURE__ */ g(b.Provider, { value: c, children: C });
+}
+export {
+  j as SideNavbarConfigProvider
+};
+//# sourceMappingURL=SideNavbarConfigProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavbarConfigProvider.js","sources":["../../../../../../src/ui/components/SideNavbar/providers/SideNavbarConfigProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  SideNavbarConfigContext,\n  defaultConfigValues,\n} from \"../contexts/SideNavbarConfigContext\";\nimport type { SideNavbarConfigProviderProps } from \"../types\";\n\n/**\n * Config Provider for SideNavbar\n *\n * Provides behavioral configuration context for the sidebar.\n * Config values are typically set once and don't change during runtime.\n *\n * @example\n * ```tsx\n * <SideNavbarConfigProvider mode=\"full\" resizable responsive>\n *   <SideNavbarStateProvider>\n *     <SideNavbarRoot>...</SideNavbarRoot>\n *   </SideNavbarStateProvider>\n * </SideNavbarConfigProvider>\n * ```\n */\nexport function SideNavbarConfigProvider({\n  children,\n  mode = defaultConfigValues.mode,\n  resizable = defaultConfigValues.resizable,\n  minWidth = defaultConfigValues.minWidth,\n  maxWidth = defaultConfigValues.maxWidth,\n  snapPoints = defaultConfigValues.snapPoints,\n  responsive = defaultConfigValues.responsive,\n  mobileBreakpoint = defaultConfigValues.mobileBreakpoint,\n  mobileVariant = defaultConfigValues.mobileVariant,\n  overlayBackdrop = defaultConfigValues.overlayBackdrop,\n  persistState = defaultConfigValues.persistState,\n  persistWidth = defaultConfigValues.persistWidth,\n  storageKey = defaultConfigValues.storageKey,\n  keyboardShortcut = defaultConfigValues.keyboardShortcut,\n  enableKeyboardShortcut = defaultConfigValues.enableKeyboardShortcut,\n}: SideNavbarConfigProviderProps) {\n  const value = useMemo(\n    () => ({\n      mode,\n      resizable,\n      minWidth,\n      maxWidth,\n      snapPoints,\n      responsive,\n      mobileBreakpoint,\n      mobileVariant,\n      overlayBackdrop,\n      persistState,\n      persistWidth,\n      storageKey,\n      keyboardShortcut,\n      enableKeyboardShortcut,\n    }),\n    [\n      mode,\n      resizable,\n      minWidth,\n      maxWidth,\n      snapPoints,\n      responsive,\n      mobileBreakpoint,\n      mobileVariant,\n      overlayBackdrop,\n      persistState,\n      persistWidth,\n      storageKey,\n      keyboardShortcut,\n      enableKeyboardShortcut,\n    ],\n  );\n\n  return (\n    <SideNavbarConfigContext.Provider value={value}>\n      {children}\n    </SideNavbarConfigContext.Provider>\n  );\n}\n\nexport default SideNavbarConfigProvider;\n"],"names":["SideNavbarConfigProvider","children","mode","defaultConfigValues","resizable","minWidth","maxWidth","snapPoints","responsive","mobileBreakpoint","mobileVariant","overlayBackdrop","persistState","persistWidth","storageKey","keyboardShortcut","enableKeyboardShortcut","value","useMemo","jsx","SideNavbarConfigContext"],"mappings":";;;;AAwBO,SAASA,EAAyB;AAAA,EACvC,UAAAC;AAAA,EACA,MAAAC,IAAOC,EAAoB;AAAA,EAC3B,WAAAC,IAAYD,EAAoB;AAAA,EAChC,UAAAE,IAAWF,EAAoB;AAAA,EAC/B,UAAAG,IAAWH,EAAoB;AAAA,EAC/B,YAAAI,IAAaJ,EAAoB;AAAA,EACjC,YAAAK,IAAaL,EAAoB;AAAA,EACjC,kBAAAM,IAAmBN,EAAoB;AAAA,EACvC,eAAAO,IAAgBP,EAAoB;AAAA,EACpC,iBAAAQ,IAAkBR,EAAoB;AAAA,EACtC,cAAAS,IAAeT,EAAoB;AAAA,EACnC,cAAAU,IAAeV,EAAoB;AAAA,EACnC,YAAAW,IAAaX,EAAoB;AAAA,EACjC,kBAAAY,IAAmBZ,EAAoB;AAAA,EACvC,wBAAAa,IAAyBb,EAAoB;AAC/C,GAAkC;AAChC,QAAMc,IAAQC;AAAA,IACZ,OAAO;AAAA,MACL,MAAAhB;AAAA,MACA,WAAAE;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,wBAAAC;AAAA,IAAA;AAAA,IAEF;AAAA,MACEd;AAAA,MACAE;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EACF;AAGF,SACE,gBAAAG,EAACC,EAAwB,UAAxB,EAAiC,OAAAH,GAC/B,UAAAhB,EAAA,CACH;AAEJ;"}

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

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { SideNavbarThemeProvider as q } from "./SideNavbarThemeProvider.js";
+import { SideNavbarConfigProvider as w } from "./SideNavbarConfigProvider.js";
+import { SideNavbarStateProvider as y } from "./SideNavbarStateProvider.js";
+function E({
+  children: e,
+  // Theme props
+  variant: i,
+  navigationWidth: o,
+  contentWidth: d,
+  animationDuration: t,
+  animationEasing: a,
+  // Config props
+  mode: m,
+  resizable: v,
+  minWidth: n,
+  maxWidth: f,
+  snapPoints: p,
+  responsive: S,
+  mobileBreakpoint: b,
+  mobileVariant: c,
+  overlayBackdrop: N,
+  persistState: P,
+  persistWidth: h,
+  storageKey: l,
+  keyboardShortcut: u,
+  enableKeyboardShortcut: s,
+  // State props
+  defaultCollapsed: x,
+  collapsed: g,
+  onCollapseChange: j,
+  onWidthChange: C,
+  onMobileChange: T,
+  exclusiveGroups: k
+}) {
+  return /* @__PURE__ */ r(
+    q,
+    {
+      variant: i,
+      navigationWidth: o,
+      contentWidth: d,
+      animationDuration: t,
+      animationEasing: a,
+      children: /* @__PURE__ */ r(
+        w,
+        {
+          mode: m,
+          resizable: v,
+          minWidth: n,
+          maxWidth: f,
+          snapPoints: p,
+          responsive: S,
+          mobileBreakpoint: b,
+          mobileVariant: c,
+          overlayBackdrop: N,
+          persistState: P,
+          persistWidth: h,
+          storageKey: l,
+          keyboardShortcut: u,
+          enableKeyboardShortcut: s,
+          children: /* @__PURE__ */ r(
+            y,
+            {
+              defaultCollapsed: x,
+              collapsed: g,
+              onCollapseChange: j,
+              onWidthChange: C,
+              onMobileChange: T,
+              exclusiveGroups: k,
+              children: e
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  E as SideNavbarProvider
+};
+//# sourceMappingURL=SideNavbarProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavbarProvider.js","sources":["../../../../../../src/ui/components/SideNavbar/providers/SideNavbarProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport { SideNavbarThemeProvider } from \"./SideNavbarThemeProvider\";\nimport { SideNavbarConfigProvider } from \"./SideNavbarConfigProvider\";\nimport { SideNavbarStateProvider } from \"./SideNavbarStateProvider\";\nimport type { SideNavbarProviderProps } from \"../types\";\n\n/**\n * Combined Provider for SideNavbar\n *\n * Convenience component that wraps all three context providers\n * (Theme, Config, State) with a single component.\n *\n * For most use cases, use this combined provider.\n * For advanced customization, use individual providers.\n *\n * @example\n * ```tsx\n * <SideNavbarProvider\n *   variant=\"elevated\"\n *   mode=\"full\"\n *   resizable\n *   responsive\n *   defaultCollapsed\n *   onCollapseChange={handleChange}\n * >\n *   <SideNavbarRoot>...</SideNavbarRoot>\n * </SideNavbarProvider>\n * ```\n */\nexport function SideNavbarProvider({\n  children,\n  // Theme props\n  variant,\n  navigationWidth,\n  contentWidth,\n  animationDuration,\n  animationEasing,\n  // Config props\n  mode,\n  resizable,\n  minWidth,\n  maxWidth,\n  snapPoints,\n  responsive,\n  mobileBreakpoint,\n  mobileVariant,\n  overlayBackdrop,\n  persistState,\n  persistWidth,\n  storageKey,\n  keyboardShortcut,\n  enableKeyboardShortcut,\n  // State props\n  defaultCollapsed,\n  collapsed,\n  onCollapseChange,\n  onWidthChange,\n  onMobileChange,\n  exclusiveGroups,\n}: SideNavbarProviderProps) {\n  return (\n    <SideNavbarThemeProvider\n      variant={variant}\n      navigationWidth={navigationWidth}\n      contentWidth={contentWidth}\n      animationDuration={animationDuration}\n      animationEasing={animationEasing}\n    >\n      <SideNavbarConfigProvider\n        mode={mode}\n        resizable={resizable}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        snapPoints={snapPoints}\n        responsive={responsive}\n        mobileBreakpoint={mobileBreakpoint}\n        mobileVariant={mobileVariant}\n        overlayBackdrop={overlayBackdrop}\n        persistState={persistState}\n        persistWidth={persistWidth}\n        storageKey={storageKey}\n        keyboardShortcut={keyboardShortcut}\n        enableKeyboardShortcut={enableKeyboardShortcut}\n      >\n        <SideNavbarStateProvider\n          defaultCollapsed={defaultCollapsed}\n          collapsed={collapsed}\n          onCollapseChange={onCollapseChange}\n          onWidthChange={onWidthChange}\n          onMobileChange={onMobileChange}\n          exclusiveGroups={exclusiveGroups}\n        >\n          {children}\n        </SideNavbarStateProvider>\n      </SideNavbarConfigProvider>\n    </SideNavbarThemeProvider>\n  );\n}\n\nexport default SideNavbarProvider;\n"],"names":["SideNavbarProvider","children","variant","navigationWidth","contentWidth","animationDuration","animationEasing","mode","resizable","minWidth","maxWidth","snapPoints","responsive","mobileBreakpoint","mobileVariant","overlayBackdrop","persistState","persistWidth","storageKey","keyboardShortcut","enableKeyboardShortcut","defaultCollapsed","collapsed","onCollapseChange","onWidthChange","onMobileChange","exclusiveGroups","jsx","SideNavbarThemeProvider","SideNavbarConfigProvider","SideNavbarStateProvider"],"mappings":";;;;;AA8BO,SAASA,EAAmB;AAAA,EACjC,UAAAC;AAAA;AAAA,EAEA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA;AAAA,EAEA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,wBAAAC;AAAA;AAAA,EAEA,kBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AACF,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAA1B;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAqB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAtB;AAAA,UACA,WAAAC;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,YAAAC;AAAA,UACA,YAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,eAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,cAAAC;AAAA,UACA,YAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,wBAAAC;AAAA,UAEA,UAAA,gBAAAO;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,kBAAAT;AAAA,cACA,WAAAC;AAAA,cACA,kBAAAC;AAAA,cACA,eAAAC;AAAA,cACA,gBAAAC;AAAA,cACA,iBAAAC;AAAA,cAEC,UAAAzB;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}