@mks2508/sidebar-headless 0.2.0 → 0.2.1

package/dist/index.js

@@ -1,29 +1,8 @@
-'use strict';
-
-var React4 = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
+import * as React4 from 'react';
+import { createContext, memo, useRef, useState, useMemo, Children, isValidElement, cloneElement, useEffect, forwardRef, useId, useContext, useCallback, useLayoutEffect, useInsertionEffect, Fragment as Fragment$1, createElement, Component as Component$1 } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -100,7 +79,7 @@ var init_Icon = __esm({
   "node_modules/lucide-react/dist/esm/Icon.js"() {
     init_defaultAttributes();
     init_utils();
-    Icon = React4.forwardRef(
+    Icon = forwardRef(
       ({
         color: color2 = "currentColor",
         size = 24,
@@ -110,7 +89,7 @@ var init_Icon = __esm({
         children,
         iconNode,
         ...rest
-      }, ref) => React4.createElement(
+      }, ref) => createElement(
         "svg",
         {
           ref,
@@ -124,7 +103,7 @@ var init_Icon = __esm({
           ...rest
         },
         [
-          ...iconNode.map(([tag, attrs]) => React4.createElement(tag, attrs)),
+          ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
           ...Array.isArray(children) ? children : [children]
         ]
       )
@@ -137,8 +116,8 @@ var init_createLucideIcon = __esm({
     init_utils();
     init_Icon();
     createLucideIcon = (iconName, iconNode) => {
-      const Component4 = React4.forwardRef(
-        ({ className, ...props }, ref) => React4.createElement(Icon, {
+      const Component4 = forwardRef(
+        ({ className, ...props }, ref) => createElement(Icon, {
           ref,
           iconNode,
           className: mergeClasses(
@@ -39911,8 +39890,8 @@ var DEFAULT_LIQUID_GLASS_CONFIG = {
    */
   enableCylinderTitle: false
 };
-var SubContentContext = React4.createContext(null);
-var SidebarContext = React4.createContext(null);
+var SubContentContext = createContext(null);
+var SidebarContext = createContext(null);
 function SidebarProvider({
   children,
   defaultOpen = DEFAULT_CONFIG.defaultOpen,
@@ -39931,69 +39910,69 @@ function SidebarProvider({
   enableTooltip = true,
   liquidGlass: liquidGlassProp
 }) {
-  const [internalOpen, setInternalOpen] = React4.useState(defaultOpen);
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
   const open = controlledOpen !== void 0 ? controlledOpen : internalOpen;
-  const setOpen = React4.useCallback((newOpen) => {
+  const setOpen = useCallback((newOpen) => {
     if (controlledOpen === void 0) {
       setInternalOpen(newOpen);
     }
     onOpenChange?.(newOpen);
   }, [controlledOpen, onOpenChange]);
-  const navRef = React4.useRef(null);
-  const contentRef = React4.useRef(null);
-  const indicatorRef = React4.useRef(null);
-  const [items, setItems] = React4.useState([]);
-  const [showIndicatorForKeyboard, setShowIndicatorForKeyboard] = React4.useState(false);
-  const [isOverItems, setIsOverItems] = React4.useState(false);
-  const [currentItemElement, setCurrentItemElement] = React4.useState(null);
-  const [subContentMap] = React4.useState(() => /* @__PURE__ */ new Map());
-  const registerSubContent = React4.useCallback((itemId, data) => {
+  const navRef = useRef(null);
+  const contentRef = useRef(null);
+  const indicatorRef = useRef(null);
+  const [items, setItems] = useState([]);
+  const [showIndicatorForKeyboard, setShowIndicatorForKeyboard] = useState(false);
+  const [isOverItems, setIsOverItems] = useState(false);
+  const [currentItemElement, setCurrentItemElement] = useState(null);
+  const [subContentMap] = useState(() => /* @__PURE__ */ new Map());
+  const registerSubContent = useCallback((itemId, data) => {
     subContentMap.set(itemId, data);
   }, [subContentMap]);
-  const unregisterSubContent = React4.useCallback((itemId) => {
+  const unregisterSubContent = useCallback((itemId) => {
     subContentMap.delete(itemId);
   }, [subContentMap]);
-  const getSubContent = React4.useCallback((itemId) => {
+  const getSubContent = useCallback((itemId) => {
     return subContentMap.get(itemId);
   }, [subContentMap]);
-  const registerItem = React4.useCallback((element) => {
+  const registerItem = useCallback((element) => {
     setItems((prev) => {
       if (prev.includes(element)) return prev;
       return [...prev, element];
     });
   }, []);
-  const unregisterItem = React4.useCallback((element) => {
+  const unregisterItem = useCallback((element) => {
     setItems((prev) => prev.filter((item) => item !== element));
   }, []);
-  const dimensions = React4.useMemo(
+  const dimensions = useMemo(
     () => ({
       ...DEFAULT_DIMENSIONS,
       ...dimensionsProp
     }),
     [dimensionsProp]
   );
-  const safeAreas = React4.useMemo(
+  const safeAreas = useMemo(
     () => ({
       ...DEFAULT_SAFE_AREAS,
       ...safeAreasProp
     }),
     [safeAreasProp]
   );
-  const animations2 = React4.useMemo(
+  const animations2 = useMemo(
     () => ({
       ...DEFAULT_ANIMATIONS,
       ...animationsProp
     }),
     [animationsProp]
   );
-  const liquidGlass = React4.useMemo(
+  const liquidGlass = useMemo(
     () => ({
       ...DEFAULT_LIQUID_GLASS_CONFIG,
       ...liquidGlassProp
     }),
     [liquidGlassProp]
   );
-  const contextValue = React4.useMemo(
+  const contextValue = useMemo(
     () => ({
       defaultOpen,
       open,
@@ -40053,7 +40032,7 @@ function SidebarProvider({
       setCurrentItemElement
     ]
   );
-  const subContentContextValue = React4.useMemo(
+  const subContentContextValue = useMemo(
     () => ({
       subContentMap,
       registerSubContent,
@@ -40062,7 +40041,7 @@ function SidebarProvider({
     }),
     [subContentMap, registerSubContent, unregisterSubContent, getSubContent]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(SubContentContext.Provider, { value: subContentContextValue, children }) });
+  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(SubContentContext.Provider, { value: subContentContextValue, children }) });
 }
 function Sidebar({
   children,
@@ -40086,7 +40065,7 @@ function Sidebar({
 }) {
   const isRenderProp = typeof children === "function";
   const Component4 = as || "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsx(
     SidebarProvider,
     {
       defaultOpen,
@@ -40103,7 +40082,7 @@ function Sidebar({
       enableFluidIndicator,
       enableTooltip,
       liquidGlass,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Component4, { className, style, children: isRenderProp ? children({
+      children: /* @__PURE__ */ jsx(Component4, { className, style, children: isRenderProp ? children({
         open: open ?? defaultOpen,
         collapsed: !open && collapseMode === "collapse",
         collapseMode,
@@ -40113,10 +40092,10 @@ function Sidebar({
   );
 }
 function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
+  return twMerge(clsx(inputs));
 }
 function useSidebarContext() {
-  const context = React4.useContext(SidebarContext);
+  const context = useContext(SidebarContext);
   if (!context) {
     throw new Error(
       "useSidebarContext debe ser utilizado dentro de un componente <Sidebar> o <SidebarProvider>. Aseg\xFArate de que tu componente est\xE9 envuelto correctamente en la jerarqu\xEDa del Sidebar."
@@ -40125,7 +40104,7 @@ function useSidebarContext() {
   return context;
 }
 function useSubContent() {
-  const context = React4.useContext(SubContentContext);
+  const context = useContext(SubContentContext);
   if (!context) {
     throw new Error("useSubContent must be used within a <Sidebar> component");
   }
@@ -40143,17 +40122,17 @@ function useSidebarIndicator() {
     currentItemElement,
     setCurrentItemElement
   } = useSidebarContext();
-  const [isHovering, setIsHovering] = React4.useState(false);
-  const [refsReady, setRefsReady] = React4.useState(false);
-  const [hoveredItemId, setHoveredItemId] = React4.useState(null);
-  const [hoveredLabel, setHoveredLabel] = React4.useState(null);
-  const rafRef = React4.useRef(null);
-  React4.useEffect(() => {
+  const [isHovering, setIsHovering] = useState(false);
+  const [refsReady, setRefsReady] = useState(false);
+  const [hoveredItemId, setHoveredItemId] = useState(null);
+  const [hoveredLabel, setHoveredLabel] = useState(null);
+  const rafRef = useRef(null);
+  useEffect(() => {
     if (indicatorRef.current && navRef.current && contentRef.current) {
       setRefsReady(true);
     }
   }, [indicatorRef, navRef, contentRef, indicatorRef.current, navRef.current, contentRef.current]);
-  const handleMouseMove = React4.useCallback(
+  const handleMouseMove = useCallback(
     (e) => {
       if (!indicatorRef.current || !navRef.current || !contentRef.current) {
         return;
@@ -40189,10 +40168,10 @@ function useSidebarIndicator() {
     },
     [indicatorRef, navRef, contentRef]
   );
-  const handleMouseEnter = React4.useCallback(() => {
+  const handleMouseEnter = useCallback(() => {
     setIsHovering(true);
   }, []);
-  const handleMouseLeave = React4.useCallback(() => {
+  const handleMouseLeave = useCallback(() => {
     setIsHovering(false);
     setIsOverItems(false);
     setShowIndicatorForKeyboard(false);
@@ -40202,11 +40181,11 @@ function useSidebarIndicator() {
       cancelAnimationFrame(rafRef.current);
     }
   }, [setShowIndicatorForKeyboard, setIsOverItems]);
-  const handleFocus = React4.useCallback(() => {
+  const handleFocus = useCallback(() => {
     setIsHovering(true);
     setIsOverItems(true);
   }, [setIsOverItems]);
-  const handleBlur = React4.useCallback(
+  const handleBlur = useCallback(
     (e) => {
       if (!navRef.current?.contains(e.relatedTarget)) {
         setIsHovering(false);
@@ -40216,7 +40195,7 @@ function useSidebarIndicator() {
     },
     [navRef, setShowIndicatorForKeyboard, setIsOverItems]
   );
-  const clearHoveredState = React4.useCallback(() => {
+  const clearHoveredState = useCallback(() => {
     setHoveredLabel(null);
     setHoveredItemId(null);
     setCurrentItemElement(null);
@@ -40246,8 +40225,8 @@ function useSidebarKeyboard() {
     setIsOverItems,
     setCurrentItemElement
   } = useSidebarContext();
-  const [focusedIndex, setFocusedIndex] = React4.useState(-1);
-  const updateIndicatorForFocus = React4.useCallback(
+  const [focusedIndex, setFocusedIndex] = useState(-1);
+  const updateIndicatorForFocus = useCallback(
     (index, itemsOverride) => {
       if (!indicatorRef.current || !navRef.current) return;
       const itemsToUse = itemsOverride || items;
@@ -40264,7 +40243,7 @@ function useSidebarKeyboard() {
     },
     [indicatorRef, navRef, items, setShowIndicatorForKeyboard, setIsOverItems, setCurrentItemElement]
   );
-  React4.useEffect(() => {
+  useEffect(() => {
     const handleKeyDown = (e) => {
       if (!contentRef.current) return;
       const sidebarItems = Array.from(
@@ -40345,7 +40324,7 @@ try {
   console.warn("@liquid-svg-glass/core is not installed. Liquid glass effects will be disabled.");
 }
 function useLiquidGlass(geometry, visual, enableChromaticAberration = false) {
-  return React4.useMemo(() => {
+  return useMemo(() => {
     const result = generateDisplacementMap(geometry, visual, enableChromaticAberration);
     return {
       dataUri: result.dataUri,
@@ -40650,10 +40629,10 @@ var generateFastKeyframes = (from, to) => {
   ];
 };
 function useFluidAnimation() {
-  const previousPositionRef = React4.useRef(null);
-  const animationRef = React4.useRef(null);
-  const lastChangeTimestampRef = React4.useRef(0);
-  const animate = React4.useCallback((element, targetPosition) => {
+  const previousPositionRef = useRef(null);
+  const animationRef = useRef(null);
+  const lastChangeTimestampRef = useRef(0);
+  const animate = useCallback((element, targetPosition) => {
     const now2 = Date.now();
     const timeSinceLastChange = now2 - lastChangeTimestampRef.current;
     const isFastMode = timeSinceLastChange < 200 && lastChangeTimestampRef.current > 0;
@@ -40696,7 +40675,7 @@ function useFluidAnimation() {
     };
     return animation;
   }, []);
-  const reset = React4.useCallback(() => {
+  const reset = useCallback(() => {
     if (animationRef.current) {
       animationRef.current.cancel();
       animationRef.current = null;
@@ -40715,10 +40694,10 @@ function FluidHoverIndicator({
   className = "",
   containerRef
 }) {
-  const indicatorRef = React4.useRef(null);
+  const indicatorRef = useRef(null);
   const { animate, reset } = useFluidAnimation();
-  const isFirstRender = React4.useRef(true);
-  React4.useEffect(() => {
+  const isFirstRender = useRef(true);
+  useEffect(() => {
     console.log("\u{1F3A8} [FluidHoverIndicator] useEffect:", {
       hasTargetElement: !!targetElement,
       hasIndicatorRef: !!indicatorRef.current,
@@ -40753,7 +40732,7 @@ function FluidHoverIndicator({
     }
     animate(indicatorRef.current, position);
   }, [targetElement, isVisible, animate, reset, containerRef]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref: indicatorRef,
@@ -40783,7 +40762,7 @@ function FluidHoverIndicator({
         // Force hide when not visible
         opacity: isVisible ? void 0 : 0
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsx(
         "div",
         {
           className: "absolute inset-0 rounded-xl bg-gradient-to-br from-primary/40 to-transparent opacity-80",
@@ -40800,14 +40779,14 @@ function FluidHoverIndicatorV2({
   containerRef,
   enableChromaticAberration = false
 }) {
-  const indicatorRef = React4.useRef(null);
+  const indicatorRef = useRef(null);
   const { animate, reset } = useFluidAnimation();
-  const isFirstRender = React4.useRef(true);
+  const isFirstRender = useRef(true);
   const { dataUri, filterAttributes, chromaticAberrationSVG } = useSidebarLiquidGlass(
     "indicator",
     { enableChromaticAberration }
   );
-  React4.useEffect(() => {
+  useEffect(() => {
     console.log("\u{1F52C} Liquid Glass V2 Data:", {
       hasDataUri: !!dataUri,
       dataUriLength: dataUri?.length || 0,
@@ -40821,7 +40800,7 @@ function FluidHoverIndicatorV2({
       }
     });
   }, [dataUri, filterAttributes, chromaticAberrationSVG, enableChromaticAberration]);
-  React4.useEffect(() => {
+  useEffect(() => {
     if (!targetElement || !indicatorRef.current || !isVisible) {
       if (!isVisible && indicatorRef.current) {
         reset();
@@ -40850,7 +40829,7 @@ function FluidHoverIndicatorV2({
     }
     animate(indicatorRef.current, position);
   }, [targetElement, isVisible, animate, reset, containerRef]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: indicatorRef,
@@ -40876,8 +40855,8 @@ function FluidHoverIndicatorV2({
         opacity: isVisible ? void 0 : 0
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "absolute inset-0 pointer-events-none w-full h-full", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("filter", { id: "liquid-glass-indicator", colorInterpolationFilters: "sRGB", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsx("svg", { className: "absolute inset-0 pointer-events-none w-full h-full", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: "liquid-glass-indicator", colorInterpolationFilters: "sRGB", children: [
+          /* @__PURE__ */ jsx(
             "feImage",
             {
               x: "0",
@@ -40888,8 +40867,8 @@ function FluidHoverIndicatorV2({
               href: dataUri
             }
           ),
-          !enableChromaticAberration && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+          !enableChromaticAberration && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
               "feDisplacementMap",
               {
                 in: "SourceGraphic",
@@ -40900,7 +40879,7 @@ function FluidHoverIndicatorV2({
                 result: "dispRed"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsx(
               "feColorMatrix",
               {
                 in: "dispRed",
@@ -40909,7 +40888,7 @@ function FluidHoverIndicatorV2({
                 result: "red"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsx(
               "feDisplacementMap",
               {
                 in: "SourceGraphic",
@@ -40920,7 +40899,7 @@ function FluidHoverIndicatorV2({
                 result: "dispGreen"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsx(
               "feColorMatrix",
               {
                 in: "dispGreen",
@@ -40929,7 +40908,7 @@ function FluidHoverIndicatorV2({
                 result: "green"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsx(
               "feDisplacementMap",
               {
                 in: "SourceGraphic",
@@ -40940,7 +40919,7 @@ function FluidHoverIndicatorV2({
                 result: "dispBlue"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsx(
               "feColorMatrix",
               {
                 in: "dispBlue",
@@ -40949,9 +40928,9 @@ function FluidHoverIndicatorV2({
                 result: "blue"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("feBlend", { in: "red", in2: "green", mode: "screen", result: "rg" }),
-            /* @__PURE__ */ jsxRuntime.jsx("feBlend", { in: "rg", in2: "blue", mode: "screen", result: "output" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsx("feBlend", { in: "red", in2: "green", mode: "screen", result: "rg" }),
+            /* @__PURE__ */ jsx("feBlend", { in: "rg", in2: "blue", mode: "screen", result: "output" }),
+            /* @__PURE__ */ jsx(
               "feGaussianBlur",
               {
                 in: "output",
@@ -40959,8 +40938,8 @@ function FluidHoverIndicatorV2({
               }
             )
           ] }),
-          enableChromaticAberration && chromaticAberrationSVG && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+          enableChromaticAberration && chromaticAberrationSVG && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
               "feDisplacementMap",
               {
                 in: "SourceGraphic",
@@ -40971,8 +40950,8 @@ function FluidHoverIndicatorV2({
                 result: "displaced"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("g", { dangerouslySetInnerHTML: { __html: chromaticAberrationSVG } }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsx("g", { dangerouslySetInnerHTML: { __html: chromaticAberrationSVG } }),
+            /* @__PURE__ */ jsx(
               "feGaussianBlur",
               {
                 in: "chromaticAberration",
@@ -40981,7 +40960,7 @@ function FluidHoverIndicatorV2({
             )
           ] })
         ] }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsx(
           "div",
           {
             className: "absolute inset-0 rounded-xl pointer-events-none",
@@ -40995,7 +40974,7 @@ function FluidHoverIndicatorV2({
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsx(
           "div",
           {
             className: "absolute inset-0 rounded-xl border border-primary/60",
@@ -41023,7 +41002,7 @@ function FluidHoverIndicatorV2({
 function SidebarFluidIndicator({ targetElement, isVisible }) {
   const { navRef, liquidGlass } = useSidebarContext();
   if (liquidGlass.enableLiquidGlassV2) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsx(
       FluidHoverIndicatorV2,
       {
         targetElement,
@@ -41034,7 +41013,7 @@ function SidebarFluidIndicator({ targetElement, isVisible }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsx(
     FluidHoverIndicator,
     {
       targetElement,
@@ -41045,8 +41024,8 @@ function SidebarFluidIndicator({ targetElement, isVisible }) {
   );
 }
 function useTooltipDirection() {
-  const prevIndexRef = React4.useRef(null);
-  const currentIndexRef = React4.useRef(null);
+  const prevIndexRef = useRef(null);
+  const currentIndexRef = useRef(null);
   const getDirection = (currentIndex) => {
     const prev = prevIndexRef.current;
     prevIndexRef.current = currentIndexRef.current;
@@ -41075,20 +41054,20 @@ function useTextCylinder({
   easing = "cubic-bezier(0.4, 0.0, 0.2, 1)",
   direction = "forward"
 }) {
-  const [currentIndex, setCurrentIndex] = React4.useState(0);
-  const [isAnimating, setIsAnimating] = React4.useState(false);
-  const [isPaused, setIsPaused] = React4.useState(false);
-  const animationRef = React4.useRef(null);
-  const intervalRef = React4.useRef(null);
-  const next = React4.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [isAnimating, setIsAnimating] = useState(false);
+  const [isPaused, setIsPaused] = useState(false);
+  const animationRef = useRef(null);
+  const intervalRef = useRef(null);
+  const next = useCallback(() => {
     if (items.length === 0) return;
     setCurrentIndex((prev2) => (prev2 + 1) % items.length);
   }, [items.length]);
-  const prev = React4.useCallback(() => {
+  const prev = useCallback(() => {
     if (items.length === 0) return;
     setCurrentIndex((prev2) => (prev2 - 1 + items.length) % items.length);
   }, [items.length]);
-  const goTo = React4.useCallback(
+  const goTo = useCallback(
     (index) => {
       if (index < 0 || index >= items.length) {
         console.warn(`[useTextCylinder] \xCDndice ${index} fuera de rango (0-${items.length - 1})`);
@@ -41098,24 +41077,24 @@ function useTextCylinder({
     },
     [items.length]
   );
-  const pause = React4.useCallback(() => {
+  const pause = useCallback(() => {
     setIsPaused(true);
     if (intervalRef.current) {
       clearInterval(intervalRef.current);
       intervalRef.current = null;
     }
   }, []);
-  const resume = React4.useCallback(() => {
+  const resume = useCallback(() => {
     setIsPaused(false);
   }, []);
-  const toggle = React4.useCallback(() => {
+  const toggle = useCallback(() => {
     if (isPaused) {
       resume();
     } else {
       pause();
     }
   }, [isPaused, pause, resume]);
-  React4.useEffect(() => {
+  useEffect(() => {
     if (!autoRotate || isPaused || items.length <= 1) {
       return;
     }
@@ -41132,7 +41111,7 @@ function useTextCylinder({
       }
     };
   }, [autoRotate, isPaused, autoRotateInterval, direction, items.length, next, prev]);
-  React4.useEffect(() => {
+  useEffect(() => {
     return () => {
       if (animationRef.current) {
         try {
@@ -41193,12 +41172,12 @@ function TextCylinder({
     easing,
     direction
   });
-  const cylinderRef = React4.useRef(null);
-  const containerRef = React4.useRef(null);
-  const prevIndexRef = React4.useRef(state.currentIndex);
-  const currentRotationRef = React4.useRef(0);
+  const cylinderRef = useRef(null);
+  const containerRef = useRef(null);
+  const prevIndexRef = useRef(state.currentIndex);
+  const currentRotationRef = useRef(0);
   const anglePerFace = 360 / items.length;
-  React4.useEffect(() => {
+  useEffect(() => {
     if (!cylinderRef.current) return;
     const cylinder = cylinderRef.current;
     const targetIndex = state.currentIndex;
@@ -41263,13 +41242,13 @@ function TextCylinder({
     onRotationComplete,
     animationRef
   ]);
-  React4.useEffect(() => {
+  useEffect(() => {
     if (containerRef.current) {
       containerRef.current.style.setProperty("--cylinder-perspective", `${perspective}px`);
     }
   }, [perspective]);
   return {
-    cylinderElement: /* @__PURE__ */ jsxRuntime.jsx(
+    cylinderElement: /* @__PURE__ */ jsx(
       "div",
       {
         ref: containerRef,
@@ -41278,7 +41257,7 @@ function TextCylinder({
           width: typeof width === "number" ? `${width}px` : width,
           height: typeof height === "number" ? `${height}px` : height
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ jsx(
           "div",
           {
             ref: cylinderRef,
@@ -41301,7 +41280,7 @@ function TextCylinder({
               } else {
                 faceOpacity = isActive ? 1 : 0.4;
               }
-              return /* @__PURE__ */ jsxRuntime.jsx(
+              return /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: cn(text_cylinder_default.face, isVisible ? text_cylinder_default.visible : text_cylinder_default.hidden, faceClassName),
@@ -41325,10 +41304,10 @@ function TextCylinder({
 function useTitleHistory({
   maxHistory = 10
 } = {}) {
-  const [titles, setTitles] = React4.useState([]);
-  const [currentIndex, setCurrentIndex] = React4.useState(0);
-  const isFirstRenderRef = React4.useRef(true);
-  const addTitle = React4.useCallback(
+  const [titles, setTitles] = useState([]);
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const isFirstRenderRef = useRef(true);
+  const addTitle = useCallback(
     (newTitle, direction) => {
       if (isFirstRenderRef.current) {
         setTitles([newTitle]);
@@ -41366,7 +41345,7 @@ function useTitleHistory({
     },
     [maxHistory]
   );
-  const reset = React4.useCallback(() => {
+  const reset = useCallback(() => {
     setTitles([]);
     setCurrentIndex(0);
     isFirstRenderRef.current = true;
@@ -41389,12 +41368,12 @@ function TooltipTitleCylinder({
   const { titles, addTitle, reset } = useTitleHistory({
     maxHistory
   });
-  React4.useEffect(() => {
+  useEffect(() => {
     if (title) {
       addTitle(title, direction);
     }
   }, [title, direction, addTitle]);
-  React4.useEffect(() => {
+  useEffect(() => {
     return () => {
       reset();
     };
@@ -41417,7 +41396,7 @@ function getChildKey(child, index) {
   if (child.props?.href) return child.props.href;
   return `item-${index}`;
 }
-var SidebarTooltip = React4.memo(function SidebarTooltip2({
+var SidebarTooltip = memo(function SidebarTooltip2({
   children,
   title,
   debug = false,
@@ -41429,35 +41408,35 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
   enableTooltipItemAnimations = true,
   enableCylinderTitle = false
 }) {
-  const tooltipRef = React4.useRef(null);
-  const contentGridRef = React4.useRef(null);
-  const previousChildrenKeysRef = React4.useRef(/* @__PURE__ */ new Set());
-  const previousTitleRef = React4.useRef(void 0);
-  const isFirstRenderRef = React4.useRef(true);
-  const [isTransitioning, setIsTransitioning] = React4.useState(false);
+  const tooltipRef = useRef(null);
+  const contentGridRef = useRef(null);
+  const previousChildrenKeysRef = useRef(/* @__PURE__ */ new Set());
+  const previousTitleRef = useRef(void 0);
+  const isFirstRenderRef = useRef(true);
+  const [isTransitioning, setIsTransitioning] = useState(false);
   const { getDirection } = useTooltipDirection();
-  const currentChildrenKeys = React4.useMemo(() => {
+  const currentChildrenKeys = useMemo(() => {
     const keys = /* @__PURE__ */ new Set();
-    React4.Children.forEach(children, (child, index) => {
-      if (React4.isValidElement(child)) {
+    Children.forEach(children, (child, index) => {
+      if (isValidElement(child)) {
         keys.add(getChildKey(child, index));
       }
     });
     return keys;
   }, [children]);
   const titleChanged = previousTitleRef.current !== void 0 && previousTitleRef.current !== title;
-  const currentDirection = React4.useMemo(() => {
-    const firstChild = React4.Children.toArray(children)[0];
-    if (React4.isValidElement(firstChild)) {
+  const currentDirection = useMemo(() => {
+    const firstChild = Children.toArray(children)[0];
+    if (isValidElement(firstChild)) {
       return getDirection(0);
     }
     return "down";
   }, [children, getDirection]);
-  const processedChildren = React4.useMemo(() => {
+  const processedChildren = useMemo(() => {
     const prevKeys = previousChildrenKeysRef.current;
     const isFirstRender = isFirstRenderRef.current;
-    return React4.Children.map(children, (child, index) => {
-      if (!React4.isValidElement(child)) return child;
+    return Children.map(children, (child, index) => {
+      if (!isValidElement(child)) return child;
       const childKey = getChildKey(child, index);
       const isNew = !prevKeys.has(childKey);
       let animationState = "static";
@@ -41468,14 +41447,14 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
           animationState = "entering";
         }
       }
-      return React4.cloneElement(child, {
+      return cloneElement(child, {
         key: childKey,
         animationOrder: index,
         animationState
       });
     });
   }, [children, enableTooltipItemAnimations]);
-  React4.useEffect(() => {
+  useEffect(() => {
     previousChildrenKeysRef.current = currentChildrenKeys;
     previousTitleRef.current = title;
     if (isFirstRenderRef.current) {
@@ -41488,7 +41467,7 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
     }
   }, [currentChildrenKeys, title, titleChanged]);
   const liquidGlassData = enableLiquidGlass ? useSidebarLiquidGlass("tooltip", { enableChromaticAberration }) : null;
-  React4.useEffect(() => {
+  useEffect(() => {
     if (!tooltipRef.current) return;
     const animation = tooltipRef.current.animate(
       [
@@ -41517,10 +41496,10 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
     translate: "0 -50%",
     zIndex: 50
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    enableLiquidGlass && liquidGlassData && /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "absolute inset-0 pointer-events-none w-0 h-0", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("filter", { id: "liquid-glass-tooltip", colorInterpolationFilters: "sRGB", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    enableLiquidGlass && liquidGlassData && /* @__PURE__ */ jsx("svg", { className: "absolute inset-0 pointer-events-none w-0 h-0", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxs("defs", { children: [
+      /* @__PURE__ */ jsxs("filter", { id: "liquid-glass-tooltip", colorInterpolationFilters: "sRGB", children: [
+        /* @__PURE__ */ jsx(
           "feImage",
           {
             x: "0",
@@ -41531,7 +41510,7 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
             href: liquidGlassData.dataUri
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsx(
           "feDisplacementMap",
           {
             in: "SourceGraphic",
@@ -41542,7 +41521,7 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
             result: "displaced"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsx(
           "feGaussianBlur",
           {
             in: "displaced",
@@ -41550,9 +41529,9 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
           }
         )
       ] }),
-      enableBackdropExtension && /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "tooltip-backdrop-mask", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }) })
+      enableBackdropExtension && /* @__PURE__ */ jsx("mask", { id: "tooltip-backdrop-mask", children: /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }) })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
+    /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: {
       __html: `
           @keyframes activatePointerEvents {
             to { pointer-events: all; }
@@ -41584,7 +41563,7 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
           }
         `
     } }),
-    debug && /* @__PURE__ */ jsxRuntime.jsx(
+    debug && /* @__PURE__ */ jsx(
       "div",
       {
         className: "absolute text-[9px] text-pink-300 font-mono bg-black/70 px-1.5 py-0.5 rounded pointer-events-none z-50",
@@ -41596,7 +41575,7 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
         children: "SAFETY TRIANGLE"
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxs(
       "div",
       {
         ref: tooltipRef,
@@ -41604,7 +41583,7 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
         style: anchorStyles,
         onMouseLeave,
         children: [
-          enableLiquidGlass && enableBackdropExtension && /* @__PURE__ */ jsxRuntime.jsx(
+          enableLiquidGlass && enableBackdropExtension && /* @__PURE__ */ jsx(
             "div",
             {
               className: "absolute inset-0 rounded-lg pointer-events-none",
@@ -41620,7 +41599,7 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxs(
             "div",
             {
               className: cn(
@@ -41636,8 +41615,8 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
                 transform: "translateZ(0)"
               } : void 0,
               children: [
-                enableLiquidGlass && enableEdgeGlass3D && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                enableLiquidGlass && enableEdgeGlass3D && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
                     "div",
                     {
                       className: "absolute inset-0 rounded-lg pointer-events-none",
@@ -41650,10 +41629,10 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
                         willChange: "backdrop-filter",
                         transform: "translateZ(0)"
                       },
-                      children: debug && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 left-1 text-[8px] text-cyan-300 font-mono bg-black/70 px-1 rounded", children: "DEPTH" })
+                      children: debug && /* @__PURE__ */ jsx("div", { className: "absolute top-1 left-1 text-[8px] text-cyan-300 font-mono bg-black/70 px-1 rounded", children: "DEPTH" })
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ jsx(
                     "div",
                     {
                       className: "absolute inset-0 rounded-lg pointer-events-none",
@@ -41667,36 +41646,36 @@ var SidebarTooltip = React4.memo(function SidebarTooltip2({
                         willChange: "backdrop-filter",
                         transform: "translateZ(0)"
                       },
-                      children: debug && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1 text-[8px] text-purple-300 font-mono bg-black/70 px-1 rounded", children: "SURFACE" })
+                      children: debug && /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1 text-[8px] text-purple-300 font-mono bg-black/70 px-1 rounded", children: "SURFACE" })
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -left-1 -top-6 h-12 w-12 rounded-full bg-primary/10 blur-xl pointer-events-none z-0" }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -right-1 -bottom-6 h-12 w-12 rounded-full bg-primary/10 blur-xl pointer-events-none z-0" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sidebar-tooltip-content relative pointer-events-auto", style: { zIndex: 10 }, children: [
-                  title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center px-4 py-3 font-medium border-b border-border/50 text-foreground relative", children: [
-                    enableCylinderTitle ? /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ jsx("div", { className: "absolute -left-1 -top-6 h-12 w-12 rounded-full bg-primary/10 blur-xl pointer-events-none z-0" }),
+                /* @__PURE__ */ jsx("div", { className: "absolute -right-1 -bottom-6 h-12 w-12 rounded-full bg-primary/10 blur-xl pointer-events-none z-0" }),
+                /* @__PURE__ */ jsxs("div", { className: "sidebar-tooltip-content relative pointer-events-auto", style: { zIndex: 10 }, children: [
+                  title && /* @__PURE__ */ jsxs("div", { className: "flex items-center px-4 py-3 font-medium border-b border-border/50 text-foreground relative", children: [
+                    enableCylinderTitle ? /* @__PURE__ */ jsx(
                       TooltipTitleCylinder,
                       {
                         title,
                         direction: currentDirection
                       }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
-                    debug && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto text-[8px] text-purple-400 font-mono space-x-1", children: [
-                      enableLiquidGlass && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "GLASS" }),
-                      enableEdgeGlass3D && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "3D" }),
-                      enableChromaticAberration && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "CA" }),
-                      enableTooltipItemAnimations && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "ITEMS" }),
-                      enableCylinderTitle && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "CYLINDER" })
+                    ) : /* @__PURE__ */ jsx("span", { children: title }),
+                    debug && /* @__PURE__ */ jsxs("span", { className: "ml-auto text-[8px] text-purple-400 font-mono space-x-1", children: [
+                      enableLiquidGlass && /* @__PURE__ */ jsx("span", { children: "GLASS" }),
+                      enableEdgeGlass3D && /* @__PURE__ */ jsx("span", { children: "3D" }),
+                      enableChromaticAberration && /* @__PURE__ */ jsx("span", { children: "CA" }),
+                      enableTooltipItemAnimations && /* @__PURE__ */ jsx("span", { children: "ITEMS" }),
+                      enableCylinderTitle && /* @__PURE__ */ jsx("span", { children: "CYLINDER" })
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ jsx(
                     "div",
                     {
                       ref: contentGridRef,
                       className: "tooltip-content-grid",
                       "data-state": "open",
-                      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tooltip-content-inner", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[calc(100vh-200px)] overflow-y-auto py-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5 px-2", children: processedChildren }) }) })
+                      children: /* @__PURE__ */ jsx("div", { className: "tooltip-content-inner", children: /* @__PURE__ */ jsx("div", { className: "max-h-[calc(100vh-200px)] overflow-y-auto py-2", children: /* @__PURE__ */ jsx("div", { className: "space-y-0.5 px-2", children: processedChildren }) }) })
                     }
                   )
                 ] })
@@ -41964,7 +41943,7 @@ function generateIndicatorStyles(isVisible) {
     width: "0.25rem"
   };
 }
-var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className = "", style, "aria-label": ariaLabel, as, ...props }, forwardedRef) {
+var SidebarNav = forwardRef(function SidebarNav2({ children, className = "", style, "aria-label": ariaLabel, as, ...props }, forwardedRef) {
   const {
     defaultOpen,
     navRef,
@@ -41981,13 +41960,13 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
     debug,
     liquidGlass
   } = useSidebarContext();
-  const localNavRef = React4.useRef(null);
+  const localNavRef = useRef(null);
   const sidebarGlass = useSidebarLiquidGlass("sidebar", {
     enableChromaticAberration: liquidGlass.enableChromaticAberration,
     ...liquidGlass.presetOverrides
     // Aplicar overrides configurables desde UI
   });
-  React4.useEffect(() => {
+  useEffect(() => {
     const node = localNavRef.current;
     if (!node) return;
     if (navRef && "current" in navRef) {
@@ -42014,7 +41993,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
   const { getSubContent } = useSubContent();
   const subContentData = hoveredItemId ? getSubContent(hoveredItemId) : null;
   useSidebarKeyboard();
-  const sidebarStyles = React4.useMemo(
+  const sidebarStyles = useMemo(
     () => generateSidebarStyles({
       dimensions: { ...DEFAULT_DIMENSIONS, ...dimensions },
       animations: { ...DEFAULT_ANIMATIONS, ...animations2 },
@@ -42027,20 +42006,20 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
   );
   const Component4 = as || "nav";
   const shouldShowToggle = collapseMode === "collapse" || hideBehaviour === "showIndicator";
-  const styleKey = React4.useMemo(
+  const styleKey = useMemo(
     () => `${dimensions.collapsedWidth}-${dimensions.expandedWidth}-${layoutBehaviour}-${JSON.stringify(dimensions.visualStyle || {})}`,
     [dimensions, layoutBehaviour, dimensions.visualStyle]
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: sidebarStyles } }, styleKey),
-    /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: sidebarStyles } }, styleKey),
+    /* @__PURE__ */ jsxs(
       "div",
       {
         className: `sidebar-wrapper ${SIDEBAR_TAILWIND_CLASSES.wrapper} ${className}`,
         style,
         "data-layout": layoutBehaviour,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsx(
             "input",
             {
               type: "checkbox",
@@ -42050,27 +42029,27 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
               "aria-label": "Toggle sidebar"
             }
           ),
-          shouldShowToggle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `toggle-button-wrapper ${SIDEBAR_TAILWIND_CLASSES.toggleButtonWrapper}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+          shouldShowToggle && /* @__PURE__ */ jsx("div", { className: `toggle-button-wrapper ${SIDEBAR_TAILWIND_CLASSES.toggleButtonWrapper}`, children: /* @__PURE__ */ jsx(
             "label",
             {
               htmlFor: toggleId,
               className: `${SIDEBAR_TAILWIND_CLASSES.toggleButton} bg-zinc-800 border border-zinc-700 hover:bg-zinc-700 ${collapseMode === "hide" && hideBehaviour === "showIndicator" ? "shadow-lg" : ""}`,
               "aria-label": "Toggle sidebar",
-              children: /* @__PURE__ */ jsxRuntime.jsx(
+              children: /* @__PURE__ */ jsx(
                 "svg",
                 {
                   className: "toggle-icon w-3 h-3 text-zinc-400",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: collapseMode === "hide" ? /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) : /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })
+                  children: collapseMode === "hide" ? /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) : /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })
                 }
               )
             }
           ) }),
-          debug && liquidGlass.enableLiquidGlassV2 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-2 right-2 z-50 px-2 py-1 bg-purple-500/90 text-white text-xs rounded font-mono", children: "\u{1F9EA} Liquid Glass V2 Active" }),
-          liquidGlass.enableLiquidGlassV2 && /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "absolute inset-0 pointer-events-none w-0 h-0", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("filter", { id: "sidebar-liquid-glass", colorInterpolationFilters: "sRGB", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+          debug && liquidGlass.enableLiquidGlassV2 && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 z-50 px-2 py-1 bg-purple-500/90 text-white text-xs rounded font-mono", children: "\u{1F9EA} Liquid Glass V2 Active" }),
+          liquidGlass.enableLiquidGlassV2 && /* @__PURE__ */ jsx("svg", { className: "absolute inset-0 pointer-events-none w-0 h-0", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: "sidebar-liquid-glass", colorInterpolationFilters: "sRGB", children: [
+            /* @__PURE__ */ jsx(
               "feImage",
               {
                 x: "0",
@@ -42081,8 +42060,8 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                 href: sidebarGlass.dataUri
               }
             ),
-            !liquidGlass.enableChromaticAberration && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+            !liquidGlass.enableChromaticAberration && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
                 "feDisplacementMap",
                 {
                   in: "SourceGraphic",
@@ -42093,7 +42072,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                   result: "dispRed"
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsx(
                 "feColorMatrix",
                 {
                   in: "dispRed",
@@ -42102,7 +42081,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                   result: "red"
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsx(
                 "feDisplacementMap",
                 {
                   in: "SourceGraphic",
@@ -42113,7 +42092,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                   result: "dispGreen"
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsx(
                 "feColorMatrix",
                 {
                   in: "dispGreen",
@@ -42122,7 +42101,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                   result: "green"
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsx(
                 "feDisplacementMap",
                 {
                   in: "SourceGraphic",
@@ -42133,7 +42112,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                   result: "dispBlue"
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsx(
                 "feColorMatrix",
                 {
                   in: "dispBlue",
@@ -42142,9 +42121,9 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                   result: "blue"
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("feBlend", { in: "red", in2: "green", mode: "screen", result: "rg" }),
-              /* @__PURE__ */ jsxRuntime.jsx("feBlend", { in: "rg", in2: "blue", mode: "screen", result: "output" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsx("feBlend", { in: "red", in2: "green", mode: "screen", result: "rg" }),
+              /* @__PURE__ */ jsx("feBlend", { in: "rg", in2: "blue", mode: "screen", result: "output" }),
+              /* @__PURE__ */ jsx(
                 "feGaussianBlur",
                 {
                   in: "output",
@@ -42152,8 +42131,8 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                 }
               )
             ] }),
-            liquidGlass.enableChromaticAberration && sidebarGlass.chromaticAberrationSVG && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+            liquidGlass.enableChromaticAberration && sidebarGlass.chromaticAberrationSVG && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
                 "feDisplacementMap",
                 {
                   in: "SourceGraphic",
@@ -42164,8 +42143,8 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                   result: "displaced"
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("g", { dangerouslySetInnerHTML: { __html: sidebarGlass.chromaticAberrationSVG } }),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsx("g", { dangerouslySetInnerHTML: { __html: sidebarGlass.chromaticAberrationSVG } }),
+              /* @__PURE__ */ jsx(
                 "feGaussianBlur",
                 {
                   in: "chromaticAberration",
@@ -42174,7 +42153,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
               )
             ] })
           ] }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxs(
             Component4,
             {
               ref: localNavRef,
@@ -42188,7 +42167,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
               "aria-label": ariaLabel || SIDEBAR_ARIA_LABELS.mainNavigation,
               ...props,
               children: [
-                liquidGlass.enableLiquidGlassV2 && /* @__PURE__ */ jsxRuntime.jsx(
+                liquidGlass.enableLiquidGlassV2 && /* @__PURE__ */ jsx(
                   "div",
                   {
                     className: "absolute inset-0 pointer-events-none",
@@ -42202,7 +42181,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ jsx(
                   "div",
                   {
                     ref: indicatorRef,
@@ -42223,8 +42202,8 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                   const itemRect = currentItemElement.getBoundingClientRect();
                   const top = itemRect.top - navRect.top;
                   const height = itemRect.height;
-                  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
+                  return /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: {
                       __html: `
                     @keyframes threshold-pulse {
                       0%, 100% {
@@ -42238,7 +42217,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                     }
                   `
                     } }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsx(
                       "div",
                       {
                         className: "absolute pointer-events-none",
@@ -42251,7 +42230,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                           zIndex: 200,
                           animation: "threshold-pulse 2s ease-in-out infinite"
                         },
-                        children: /* @__PURE__ */ jsxRuntime.jsxs(
+                        children: /* @__PURE__ */ jsxs(
                           "div",
                           {
                             className: "absolute -top-4 right-2 text-[8px] text-amber-300 font-mono bg-black/90 px-1.5 py-0.5 rounded whitespace-nowrap",
@@ -42264,7 +42243,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsx(
                       "div",
                       {
                         className: "absolute pointer-events-none",
@@ -42277,7 +42256,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                           zIndex: 200,
                           animation: "threshold-pulse 2s ease-in-out infinite 1s"
                         },
-                        children: /* @__PURE__ */ jsxRuntime.jsxs(
+                        children: /* @__PURE__ */ jsxs(
                           "div",
                           {
                             className: "absolute -bottom-4 right-2 text-[8px] text-red-300 font-mono bg-black/90 px-1.5 py-0.5 rounded whitespace-nowrap",
@@ -42294,16 +42273,16 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                     )
                   ] });
                 })(),
-                enableFluidIndicator && /* @__PURE__ */ jsxRuntime.jsx(SidebarFluidIndicator, { targetElement: currentItemElement, isVisible }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 h-full flex flex-col", children })
+                enableFluidIndicator && /* @__PURE__ */ jsx(SidebarFluidIndicator, { targetElement: currentItemElement, isVisible }),
+                /* @__PURE__ */ jsx("div", { className: "relative z-10 h-full flex flex-col", children })
               ]
             }
           )
         ]
       }
     ),
-    enableTooltip && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      subContentData && /* @__PURE__ */ jsxRuntime.jsx(
+    enableTooltip && /* @__PURE__ */ jsxs(Fragment, { children: [
+      subContentData && /* @__PURE__ */ jsx(
         SidebarTooltip,
         {
           title: subContentData.title,
@@ -42318,8 +42297,8 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
           children: subContentData.subContent
         }
       ),
-      !subContentData && hoveredLabel && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
+      !subContentData && hoveredLabel && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: {
           __html: `
                   @keyframes activatePointerEventsSimple {
                     to { pointer-events: all; }
@@ -42351,7 +42330,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                   }
                 `
         } }),
-        debug && /* @__PURE__ */ jsxRuntime.jsx(
+        debug && /* @__PURE__ */ jsx(
           "div",
           {
             className: "absolute text-[9px] text-pink-300 font-mono bg-black/70 px-1.5 py-0.5 rounded pointer-events-none z-50",
@@ -42367,7 +42346,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
             children: "SAFETY \u25B3"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsx(
           "div",
           {
             className: "sidebar-tooltip-simple min-w-32",
@@ -42381,7 +42360,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
               zIndex: 50
             },
             onMouseLeave: clearHoveredState,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
+            children: /* @__PURE__ */ jsx(
               "div",
               {
                 className: cn(
@@ -42391,7 +42370,7 @@ var SidebarNav = React4.forwardRef(function SidebarNav2({ children, className =
                 style: liquidGlass.enableLiquidGlassV2 ? {
                   background: "rgba(24, 24, 27, 0.2) !important"
                 } : void 0,
-                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-foreground pointer-events-auto", children: hoveredLabel })
+                children: /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground pointer-events-auto", children: hoveredLabel })
               }
             )
           }
@@ -42409,25 +42388,25 @@ try {
 } catch {
 }
 function SVGChevronIcon({ collapseMode }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "toggle-icon w-3 h-3 text-zinc-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: collapseMode === "hide" ? /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) : /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) });
+  return /* @__PURE__ */ jsx("svg", { className: "toggle-icon w-3 h-3 text-zinc-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: collapseMode === "hide" ? /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) : /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) });
 }
 function LucideChevronIcon({ collapseMode }) {
   if (!ChevronLeft2 || !ChevronRight2) {
-    return /* @__PURE__ */ jsxRuntime.jsx(SVGChevronIcon, { collapseMode });
+    return /* @__PURE__ */ jsx(SVGChevronIcon, { collapseMode });
   }
   const IconComponent = collapseMode === "hide" ? ChevronRight2 : ChevronLeft2;
-  return /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "toggle-icon w-3 h-3 text-zinc-400" });
+  return /* @__PURE__ */ jsx(IconComponent, { className: "toggle-icon w-3 h-3 text-zinc-400" });
 }
 function DefaultToggleIcon({
   collapseMode,
   iconLibrary
 }) {
   if (iconLibrary === "lucide" /* LUCIDE */ && ChevronLeft2 && ChevronRight2) {
-    return /* @__PURE__ */ jsxRuntime.jsx(LucideChevronIcon, { collapseMode });
+    return /* @__PURE__ */ jsx(LucideChevronIcon, { collapseMode });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(SVGChevronIcon, { collapseMode });
+  return /* @__PURE__ */ jsx(SVGChevronIcon, { collapseMode });
 }
-var SidebarToggle = React4.forwardRef(
+var SidebarToggle = forwardRef(
   function SidebarToggle2({ children, iconLibrary, className = "", style, "aria-label": ariaLabel, as, ...props }, ref) {
     const { open, setOpen, toggleId, collapseMode } = useSidebarContext();
     const isRenderProp = typeof children === "function";
@@ -42445,8 +42424,8 @@ var SidebarToggle = React4.forwardRef(
       ...props
     };
     if (!as || as === "label") {
-      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
           "input",
           {
             type: "checkbox",
@@ -42457,10 +42436,10 @@ var SidebarToggle = React4.forwardRef(
             "aria-label": ariaLabel || SIDEBAR_ARIA_LABELS.toggleSidebar
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("label", { ref, htmlFor: toggleId, ...commonProps, children: isRenderProp ? children(toggleState) : children ? children : /* @__PURE__ */ jsxRuntime.jsx(DefaultToggleIcon, { collapseMode, iconLibrary }) })
+        /* @__PURE__ */ jsx("label", { ref, htmlFor: toggleId, ...commonProps, children: isRenderProp ? children(toggleState) : children ? children : /* @__PURE__ */ jsx(DefaultToggleIcon, { collapseMode, iconLibrary }) })
       ] });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsx(
       Component4,
       {
         ref,
@@ -42468,17 +42447,17 @@ var SidebarToggle = React4.forwardRef(
         "aria-expanded": open,
         role: "button",
         ...commonProps,
-        children: isRenderProp ? children(toggleState) : children ? children : /* @__PURE__ */ jsxRuntime.jsx(DefaultToggleIcon, { collapseMode, iconLibrary })
+        children: isRenderProp ? children(toggleState) : children ? children : /* @__PURE__ */ jsx(DefaultToggleIcon, { collapseMode, iconLibrary })
       }
     );
   }
 );
-var SidebarContent = React4.forwardRef(function SidebarContent2({ children, className = "", style, as, ...props }, forwardedRef) {
+var SidebarContent = forwardRef(function SidebarContent2({ children, className = "", style, as, ...props }, forwardedRef) {
   const { contentRef, debug, safeAreas } = useSidebarContext();
   const Component4 = as || "div";
-  const localContentRef = React4.useRef(null);
+  const localContentRef = useRef(null);
   const contentHeight = 100 - safeAreas.topPercent - safeAreas.bottomPercent;
-  React4.useEffect(() => {
+  useEffect(() => {
     const node = localContentRef.current;
     if (!node) return;
     if (contentRef && "current" in contentRef) {
@@ -42491,7 +42470,7 @@ var SidebarContent = React4.forwardRef(function SidebarContent2({ children, clas
     }
   }, [contentRef, forwardedRef]);
   const debugClasses = debug ? "bg-zinc-900/70 border-y-2 border-dashed border-emerald-400/60 relative" : "";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxs(
     Component4,
     {
       ref: localContentRef,
@@ -42503,7 +42482,7 @@ var SidebarContent = React4.forwardRef(function SidebarContent2({ children, clas
       role: SIDEBAR_ARIA_ROLES.list,
       ...props,
       children: [
-        debug && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute top-1 right-1 text-[10px] text-emerald-300 font-mono z-50 bg-black/60 px-1.5 py-0.5 rounded", children: [
+        debug && /* @__PURE__ */ jsxs("span", { className: "absolute top-1 right-1 text-[10px] text-emerald-300 font-mono z-50 bg-black/60 px-1.5 py-0.5 rounded", children: [
           "CONTENT ",
           contentHeight,
           "%"
@@ -42513,7 +42492,7 @@ var SidebarContent = React4.forwardRef(function SidebarContent2({ children, clas
     }
   );
 });
-var SidebarIndicator = React4.forwardRef(
+var SidebarIndicator = forwardRef(
   function SidebarIndicator2({ children, className = "", style, as, ...props }, forwardedRef) {
     const { indicatorRef } = useSidebarContext();
     const { isVisible } = useSidebarIndicator();
@@ -42544,9 +42523,9 @@ var SidebarIndicator = React4.forwardRef(
       }
     };
     if (isRenderProp) {
-      return /* @__PURE__ */ jsxRuntime.jsx(Component4, { ref: setRefs, ...props, children: children(indicatorState) });
+      return /* @__PURE__ */ jsx(Component4, { ref: setRefs, ...props, children: children(indicatorState) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsx(
       Component4,
       {
         ref: setRefs,
@@ -42560,7 +42539,7 @@ var SidebarIndicator = React4.forwardRef(
     );
   }
 );
-var SidebarSafeArea = React4.forwardRef(
+var SidebarSafeArea = forwardRef(
   function SidebarSafeArea2({ children, position, percent: percent2, className = "", style, as, ...props }, ref) {
     const context = useSidebarContext();
     percent2 ?? (position === "top" ? context.dimensions.collapsedWidth : context.dimensions.collapsedWidth);
@@ -42572,7 +42551,7 @@ var SidebarSafeArea = React4.forwardRef(
       ...style
     };
     if (debug) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsx(
         Component4,
         {
           ref,
@@ -42584,8 +42563,8 @@ var SidebarSafeArea = React4.forwardRef(
             borderTop: position === "bottom" ? `2px dashed ${SIDEBAR_DEBUG_PATTERNS.borderColor}` : void 0
           },
           ...props,
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${SIDEBAR_TAILWIND_CLASSES.safeArea} relative h-full`, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute top-2 left-2 text-[10px] text-emerald-300 font-mono z-50 bg-black/60 px-1.5 py-0.5 rounded", children: [
+          children: /* @__PURE__ */ jsxs("div", { className: `${SIDEBAR_TAILWIND_CLASSES.safeArea} relative h-full`, children: [
+            /* @__PURE__ */ jsxs("span", { className: "absolute top-2 left-2 text-[10px] text-emerald-300 font-mono z-50 bg-black/60 px-1.5 py-0.5 rounded", children: [
               "SAFE ",
               actualPercent,
               "% (",
@@ -42597,7 +42576,7 @@ var SidebarSafeArea = React4.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsx(
       Component4,
       {
         ref,
@@ -42615,7 +42594,7 @@ function SidebarSubContent({ children, title }) {
   return null;
 }
 SidebarSubContent.displayName = "SidebarSubContent";
-var SidebarItem = React4.forwardRef(function SidebarItem2({
+var SidebarItem = forwardRef(function SidebarItem2({
   href,
   icon,
   label,
@@ -42632,14 +42611,14 @@ var SidebarItem = React4.forwardRef(function SidebarItem2({
 }, forwardedRef) {
   const { registerItem, unregisterItem } = useSidebarContext();
   const { registerSubContent, unregisterSubContent } = useSubContent();
-  const [isHovered, setIsHovered] = React4.useState(false);
-  const [isFocused, setIsFocused] = React4.useState(false);
-  const itemId = React4.useId();
+  const [isHovered, setIsHovered] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const itemId = useId();
   let subContentElement = null;
   let otherChildren = null;
   if (children && typeof children !== "function") {
-    React4.Children.forEach(children, (child) => {
-      if (React4.isValidElement(child) && child.type === SidebarSubContent) {
+    Children.forEach(children, (child) => {
+      if (isValidElement(child) && child.type === SidebarSubContent) {
         subContentElement = child;
       } else {
         otherChildren = child;
@@ -42682,14 +42661,14 @@ var SidebarItem = React4.forwardRef(function SidebarItem2({
     }
     onClick?.();
   };
-  React4.useEffect(() => {
+  useEffect(() => {
     const element = forwardedRef && "current" in forwardedRef ? forwardedRef.current : null;
     if (element) {
       registerItem(element);
       return () => unregisterItem(element);
     }
   }, [registerItem, unregisterItem, forwardedRef]);
-  React4.useEffect(() => {
+  useEffect(() => {
     if (subContentElement) {
       const subContentData = {
         itemId,
@@ -42721,13 +42700,13 @@ var SidebarItem = React4.forwardRef(function SidebarItem2({
     ...props
   };
   if (isRenderProp) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Component4, { ...baseProps, children: children(itemState) });
+    return /* @__PURE__ */ jsx(Component4, { ...baseProps, children: children(itemState) });
   }
   if (otherChildren) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Component4, { href, ...linkProps, ...baseProps, children: otherChildren });
+    return /* @__PURE__ */ jsx(Component4, { href, ...linkProps, ...baseProps, children: otherChildren });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Component4, { href, ...linkProps, ...baseProps, children: [
-    icon && /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxs(Component4, { href, ...linkProps, ...baseProps, children: [
+    icon && /* @__PURE__ */ jsx(
       "span",
       {
         className: "sidebar-item-icon-wrapper relative z-[15] inline-flex items-center justify-center p-2 rounded-xl transition-all duration-300",
@@ -42736,7 +42715,7 @@ var SidebarItem = React4.forwardRef(function SidebarItem2({
         children: icon
       }
     ),
-    label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sidebar-item-label sr-only", children: label })
+    label && /* @__PURE__ */ jsx("span", { className: "sidebar-item-label sr-only", children: label })
   ] });
 });
 function SidebarSubLink({
@@ -42756,7 +42735,7 @@ function SidebarSubLink({
     ...style,
     ...animationOrder !== void 0 && { "--animation-order": animationOrder }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxs(
     Component4,
     {
       href,
@@ -42771,16 +42750,16 @@ function SidebarSubLink({
       "data-state": animationState,
       "data-animation-order": animationOrder,
       children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 text-muted-foreground", children: icon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+        icon && /* @__PURE__ */ jsx("span", { className: "mr-2 text-muted-foreground", children: icon }),
+        /* @__PURE__ */ jsx("span", { children })
       ]
     }
   );
 }
 SidebarSubLink.displayName = "SidebarSubLink";
-var LayoutGroupContext = React4.createContext({});
+var LayoutGroupContext = createContext({});
 function useConstant(init) {
-  const ref = React4.useRef(null);
+  const ref = useRef(null);
   if (ref.current === null) {
     ref.current = init();
   }
@@ -42791,8 +42770,8 @@ function useConstant(init) {
 var isBrowser = typeof window !== "undefined";
 
 // node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs
-var useIsomorphicLayoutEffect = isBrowser ? React4.useLayoutEffect : React4.useEffect;
-var PresenceContext = /* @__PURE__ */ React4.createContext(null);
+var useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
+var PresenceContext = /* @__PURE__ */ createContext(null);
 
 // node_modules/motion-utils/dist/es/array.mjs
 function addUniqueItem(arr, item) {
@@ -45868,7 +45847,7 @@ var isMotionValue = (value) => Boolean(value && value.getVelocity);
 // node_modules/motion-dom/dist/es/value/types/utils/find.mjs
 var valueTypes = [...dimensionValueTypes, color, complex];
 var findValueType = (v) => valueTypes.find(testValueType(v));
-var MotionConfigContext = React4.createContext({
+var MotionConfigContext = createContext({
   transformPagePoint: (p) => p,
   isStatic: false,
   reducedMotion: "never"
@@ -45905,11 +45884,11 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React4__namespace.useCallback(composeRefs(...refs), refs);
+  return React4.useCallback(composeRefs(...refs), refs);
 }
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-var PopChildMeasure = class extends React4__namespace.Component {
+var PopChildMeasure = class extends React4.Component {
   getSnapshotBeforeUpdate(prevProps) {
     const element = this.props.childRef.current;
     if (element && prevProps.isPresent && !this.props.isPresent) {
@@ -45934,18 +45913,18 @@ var PopChildMeasure = class extends React4__namespace.Component {
   }
 };
 function PopChild({ children, isPresent, anchorX, root }) {
-  const id3 = React4.useId();
-  const ref = React4.useRef(null);
-  const size = React4.useRef({
+  const id3 = useId();
+  const ref = useRef(null);
+  const size = useRef({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
   });
-  const { nonce } = React4.useContext(MotionConfigContext);
+  const { nonce } = useContext(MotionConfigContext);
   const composedRef = useComposedRefs(ref, children?.ref);
-  React4.useInsertionEffect(() => {
+  useInsertionEffect(() => {
     const { width, height, top, left, right } = size.current;
     if (isPresent || !ref.current || !width || !height)
       return;
@@ -45973,15 +45952,15 @@ function PopChild({ children, isPresent, anchorX, root }) {
       }
     };
   }, [isPresent]);
-  return jsxRuntime.jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: React4__namespace.cloneElement(children, { ref: composedRef }) });
+  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: React4.cloneElement(children, { ref: composedRef }) });
 }
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
 var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, anchorX, root }) => {
   const presenceChildren = useConstant(newChildrenMap);
-  const id3 = React4.useId();
+  const id3 = useId();
   let isReusedContext = true;
-  let context = React4.useMemo(() => {
+  let context = useMemo(() => {
     isReusedContext = false;
     return {
       id: id3,
@@ -46005,39 +45984,39 @@ var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, pre
   if (presenceAffectsLayout && isReusedContext) {
     context = { ...context };
   }
-  React4.useMemo(() => {
+  useMemo(() => {
     presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
   }, [isPresent]);
-  React4__namespace.useEffect(() => {
+  React4.useEffect(() => {
     !isPresent && !presenceChildren.size && onExitComplete && onExitComplete();
   }, [isPresent]);
   if (mode === "popLayout") {
-    children = jsxRuntime.jsx(PopChild, { isPresent, anchorX, root, children });
+    children = jsx(PopChild, { isPresent, anchorX, root, children });
   }
-  return jsxRuntime.jsx(PresenceContext.Provider, { value: context, children });
+  return jsx(PresenceContext.Provider, { value: context, children });
 };
 function newChildrenMap() {
   return /* @__PURE__ */ new Map();
 }
 function usePresence(subscribe = true) {
-  const context = React4.useContext(PresenceContext);
+  const context = useContext(PresenceContext);
   if (context === null)
     return [true, null];
   const { isPresent, onExitComplete, register } = context;
-  const id3 = React4.useId();
-  React4.useEffect(() => {
+  const id3 = useId();
+  useEffect(() => {
     if (subscribe) {
       return register(id3);
     }
   }, [subscribe]);
-  const safeToRemove = React4.useCallback(() => subscribe && onExitComplete && onExitComplete(id3), [id3, onExitComplete, subscribe]);
+  const safeToRemove = useCallback(() => subscribe && onExitComplete && onExitComplete(id3), [id3, onExitComplete, subscribe]);
   return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
 }
 var getChildKey2 = (child) => child.key || "";
 function onlyElements(children) {
   const filtered = [];
-  React4.Children.forEach(children, (child) => {
-    if (React4.isValidElement(child))
+  Children.forEach(children, (child) => {
+    if (isValidElement(child))
       filtered.push(child);
   });
   return filtered;
@@ -46046,13 +46025,13 @@ function onlyElements(children) {
 // node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
 var AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = "sync", propagate = false, anchorX = "left", root }) => {
   const [isParentPresent, safeToRemove] = usePresence(propagate);
-  const presentChildren = React4.useMemo(() => onlyElements(children), [children]);
+  const presentChildren = useMemo(() => onlyElements(children), [children]);
   const presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey2);
-  const isInitialRender = React4.useRef(true);
-  const pendingPresentChildren = React4.useRef(presentChildren);
+  const isInitialRender = useRef(true);
+  const pendingPresentChildren = useRef(presentChildren);
   const exitComplete = useConstant(() => /* @__PURE__ */ new Map());
-  const [diffedChildren, setDiffedChildren] = React4.useState(presentChildren);
-  const [renderedChildren, setRenderedChildren] = React4.useState(presentChildren);
+  const [diffedChildren, setDiffedChildren] = useState(presentChildren);
+  const [renderedChildren, setRenderedChildren] = useState(presentChildren);
   useIsomorphicLayoutEffect(() => {
     isInitialRender.current = false;
     pendingPresentChildren.current = presentChildren;
@@ -46088,8 +46067,8 @@ var AnimatePresence = ({ children, custom, initial = true, onExitComplete, prese
   if (process.env.NODE_ENV !== "production" && mode === "wait" && renderedChildren.length > 1) {
     console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   }
-  const { forceRender } = React4.useContext(LayoutGroupContext);
-  return jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderedChildren.map((child) => {
+  const { forceRender } = useContext(LayoutGroupContext);
+  return jsx(Fragment, { children: renderedChildren.map((child) => {
     const key = getChildKey2(child);
     const isPresent = propagate && !isParentPresent ? false : presentChildren === renderedChildren || presentKeys.includes(key);
     const onExit = () => {
@@ -46110,10 +46089,10 @@ var AnimatePresence = ({ children, custom, initial = true, onExitComplete, prese
         onExitComplete && onExitComplete();
       }
     };
-    return jsxRuntime.jsx(PresenceChild, { isPresent, initial: !isInitialRender.current || initial ? void 0 : false, custom, presenceAffectsLayout, mode, root, onExitComplete: isPresent ? void 0 : onExit, anchorX, children: child }, key);
+    return jsx(PresenceChild, { isPresent, initial: !isInitialRender.current || initial ? void 0 : false, custom, presenceAffectsLayout, mode, root, onExitComplete: isPresent ? void 0 : onExit, anchorX, children: child }, key);
   }) });
 };
-var LazyContext = React4.createContext({ strict: false });
+var LazyContext = createContext({ strict: false });
 
 // node_modules/framer-motion/dist/es/motion/features/definitions.mjs
 var featureProps = {
@@ -46213,7 +46192,7 @@ function filterProps(props, isDom, forwardMotionProps) {
   }
   return filteredProps;
 }
-var MotionContext = /* @__PURE__ */ React4.createContext({});
+var MotionContext = /* @__PURE__ */ createContext({});
 
 // node_modules/framer-motion/dist/es/animation/utils/is-animation-controls.mjs
 function isAnimationControls(v) {
@@ -46259,8 +46238,8 @@ function getCurrentTreeVariants(props, context) {
 
 // node_modules/framer-motion/dist/es/context/MotionContext/create.mjs
 function useCreateMotionContext(props) {
-  const { initial, animate } = getCurrentTreeVariants(props, React4.useContext(MotionContext));
-  return React4.useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);
+  const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));
+  return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);
 }
 function variantLabelsAsDependency(prop) {
   return Array.isArray(prop) ? prop.join(" ") : prop;
@@ -46378,7 +46357,7 @@ function copyRawValuesOnly(target, source, props) {
   }
 }
 function useInitialMotionValues({ transformTemplate }, visualState) {
-  return React4.useMemo(() => {
+  return useMemo(() => {
     const state = createHtmlRenderState();
     buildHTMLStyles(state, visualState, transformTemplate);
     return Object.assign({}, state.vars, state.style);
@@ -46479,7 +46458,7 @@ var isSVGTag = (tag) => typeof tag === "string" && tag.toLowerCase() === "svg";
 
 // node_modules/framer-motion/dist/es/render/svg/use-props.mjs
 function useSVGProps(props, visualState, _isStatic, Component4) {
-  const visualProps = React4.useMemo(() => {
+  const visualProps = useMemo(() => {
     const state = createSvgRenderState();
     buildSVGAttrs(state, visualState, isSVGTag(Component4), props.transformTemplate, props.style);
     return {
@@ -46556,10 +46535,10 @@ function useRender(Component4, props, ref, { latestValues }, isStatic, forwardMo
   const useVisualProps = isSVGComponent(Component4) ? useSVGProps : useHTMLProps;
   const visualProps = useVisualProps(props, latestValues, isStatic, Component4);
   const filteredProps = filterProps(props, typeof Component4 === "string", forwardMotionProps);
-  const elementProps = Component4 !== React4.Fragment ? { ...filteredProps, ...visualProps, ref } : {};
+  const elementProps = Component4 !== Fragment$1 ? { ...filteredProps, ...visualProps, ref } : {};
   const { children } = props;
-  const renderedChildren = React4.useMemo(() => isMotionValue(children) ? children.get() : children, [children]);
-  return React4.createElement(Component4, {
+  const renderedChildren = useMemo(() => isMotionValue(children) ? children.get() : children, [children]);
+  return createElement(Component4, {
     ...elementProps,
     children: renderedChildren
   });
@@ -46645,8 +46624,8 @@ function makeLatestValues(props, context, presenceContext, scrapeMotionValues) {
   return values;
 }
 var makeUseVisualState = (config) => (props, isStatic) => {
-  const context = React4.useContext(MotionContext);
-  const presenceContext = React4.useContext(PresenceContext);
+  const context = useContext(MotionContext);
+  const presenceContext = useContext(PresenceContext);
   const make = () => makeState(config, props, context, presenceContext);
   return isStatic ? make() : useConstant(make);
 };
@@ -46697,7 +46676,7 @@ function isRefObject(ref) {
 
 // node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs
 function useMotionRef(visualState, visualElement, externalRef) {
-  return React4.useCallback(
+  return useCallback(
     (instance) => {
       if (instance) {
         visualState.onMount && visualState.onMount(instance);
@@ -46731,15 +46710,15 @@ var camelToDash = (str) => str.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(
 // node_modules/framer-motion/dist/es/animation/optimized-appear/data-id.mjs
 var optimizedAppearDataId = "framerAppearId";
 var optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
-var SwitchLayoutGroupContext = React4.createContext({});
+var SwitchLayoutGroupContext = createContext({});
 
 // node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs
 function useVisualElement(Component4, visualState, props, createVisualElement, ProjectionNodeConstructor) {
-  const { visualElement: parent } = React4.useContext(MotionContext);
-  const lazyContext = React4.useContext(LazyContext);
-  const presenceContext = React4.useContext(PresenceContext);
-  const reducedMotionConfig = React4.useContext(MotionConfigContext).reducedMotion;
-  const visualElementRef = React4.useRef(null);
+  const { visualElement: parent } = useContext(MotionContext);
+  const lazyContext = useContext(LazyContext);
+  const presenceContext = useContext(PresenceContext);
+  const reducedMotionConfig = useContext(MotionConfigContext).reducedMotion;
+  const visualElementRef = useRef(null);
   createVisualElement = createVisualElement || lazyContext.renderer;
   if (!visualElementRef.current && createVisualElement) {
     visualElementRef.current = createVisualElement(Component4, {
@@ -46752,18 +46731,18 @@ function useVisualElement(Component4, visualState, props, createVisualElement, P
     });
   }
   const visualElement = visualElementRef.current;
-  const initialLayoutGroupConfig = React4.useContext(SwitchLayoutGroupContext);
+  const initialLayoutGroupConfig = useContext(SwitchLayoutGroupContext);
   if (visualElement && !visualElement.projection && ProjectionNodeConstructor && (visualElement.type === "html" || visualElement.type === "svg")) {
     createProjectionNode(visualElementRef.current, props, ProjectionNodeConstructor, initialLayoutGroupConfig);
   }
-  const isMounted = React4.useRef(false);
-  React4.useInsertionEffect(() => {
+  const isMounted = useRef(false);
+  useInsertionEffect(() => {
     if (visualElement && isMounted.current) {
       visualElement.update(props, presenceContext);
     }
   });
   const optimisedAppearId = props[optimizedAppearDataAttribute];
-  const wantsHandoff = React4.useRef(Boolean(optimisedAppearId) && !window.MotionHandoffIsComplete?.(optimisedAppearId) && window.MotionHasOptimisedAnimation?.(optimisedAppearId));
+  const wantsHandoff = useRef(Boolean(optimisedAppearId) && !window.MotionHandoffIsComplete?.(optimisedAppearId) && window.MotionHasOptimisedAnimation?.(optimisedAppearId));
   useIsomorphicLayoutEffect(() => {
     if (!visualElement)
       return;
@@ -46775,7 +46754,7 @@ function useVisualElement(Component4, visualState, props, createVisualElement, P
       visualElement.animationState.animateChanges();
     }
   });
-  React4.useEffect(() => {
+  useEffect(() => {
     if (!visualElement)
       return;
     if (!wantsHandoff.current && visualElement.animationState) {
@@ -46826,7 +46805,7 @@ function createMotionComponent(Component4, { forwardMotionProps = false } = {},
   function MotionDOMComponent(props, externalRef) {
     let MeasureLayout2;
     const configAndProps = {
-      ...React4.useContext(MotionConfigContext),
+      ...useContext(MotionConfigContext),
       ...props,
       layoutId: useLayoutId(props)
     };
@@ -46839,19 +46818,19 @@ function createMotionComponent(Component4, { forwardMotionProps = false } = {},
       MeasureLayout2 = layoutProjection.MeasureLayout;
       context.visualElement = useVisualElement(Component4, visualState, configAndProps, createVisualElement, layoutProjection.ProjectionNode);
     }
-    return jsxRuntime.jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout2 && context.visualElement ? jsxRuntime.jsx(MeasureLayout2, { visualElement: context.visualElement, ...configAndProps }) : null, useRender(Component4, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, forwardMotionProps)] });
+    return jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout2 && context.visualElement ? jsx(MeasureLayout2, { visualElement: context.visualElement, ...configAndProps }) : null, useRender(Component4, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, forwardMotionProps)] });
   }
   MotionDOMComponent.displayName = `motion.${typeof Component4 === "string" ? Component4 : `create(${Component4.displayName ?? Component4.name ?? ""})`}`;
-  const ForwardRefMotionComponent = React4.forwardRef(MotionDOMComponent);
+  const ForwardRefMotionComponent = forwardRef(MotionDOMComponent);
   ForwardRefMotionComponent[motionComponentSymbol] = Component4;
   return ForwardRefMotionComponent;
 }
 function useLayoutId({ layoutId }) {
-  const layoutGroupId = React4.useContext(LayoutGroupContext).id;
+  const layoutGroupId = useContext(LayoutGroupContext).id;
   return layoutGroupId && layoutId !== void 0 ? layoutGroupId + "-" + layoutId : layoutId;
 }
 function useStrictMode(configAndProps, preloadedFeatures) {
-  const isStrict = React4.useContext(LazyContext).strict;
+  const isStrict = useContext(LazyContext).strict;
   if (process.env.NODE_ENV !== "production" && preloadedFeatures && isStrict) {
     const strictMessage = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     configAndProps.ignoreStrict ? warning(false, strictMessage, "lazy-strict-mode") : invariant(false, strictMessage, "lazy-strict-mode");
@@ -47601,7 +47580,7 @@ var SVGVisualElement = class extends DOMVisualElement {
 // node_modules/framer-motion/dist/es/render/dom/create-visual-element.mjs
 var createDomVisualElement = (Component4, options) => {
   return isSVGComponent(Component4) ? new SVGVisualElement(options) : new HTMLVisualElement(options, {
-    allowProjection: Component4 !== React4.Fragment
+    allowProjection: Component4 !== Fragment$1
   });
 };
 
@@ -48978,7 +48957,7 @@ var correctBoxShadow = {
 
 // node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs
 var hasTakenAnySnapshot = false;
-var MeasureLayoutWithContext = class extends React4.Component {
+var MeasureLayoutWithContext = class extends Component$1 {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -49066,8 +49045,8 @@ var MeasureLayoutWithContext = class extends React4.Component {
 };
 function MeasureLayout(props) {
   const [isPresent, safeToRemove] = usePresence();
-  const layoutGroup = React4.useContext(LayoutGroupContext);
-  return jsxRuntime.jsx(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: React4.useContext(SwitchLayoutGroupContext), isPresent, safeToRemove });
+  const layoutGroup = useContext(LayoutGroupContext);
+  return jsx(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent, safeToRemove });
 }
 var defaultScaleCorrectors = {
   borderRadius: {
@@ -50751,7 +50730,7 @@ var DEFAULT_GLASS_CONFIG = {
   borderOpacity: 0.18
 };
 var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-var cx = clsx.clsx;
+var cx = clsx;
 var cva = (base, config) => (props) => {
   var _config_compoundVariants;
   if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
@@ -51080,10 +51059,10 @@ function detectIOSVersion() {
 }
 function useIOSSafariFix(config = {}) {
   const { enableScrollFix = true, enableKeyboardFix = true, onKeyboardVisibilityChange, debug = false } = config;
-  const iosInfoRef = React4.useRef(detectIOSVersion());
-  const isKeyboardVisibleRef = React4.useRef(false);
-  const initialViewportHeightRef = React4.useRef(null);
-  const log = React4.useCallback(
+  const iosInfoRef = useRef(detectIOSVersion());
+  const isKeyboardVisibleRef = useRef(false);
+  const initialViewportHeightRef = useRef(null);
+  const log = useCallback(
     (message, ...args) => {
       if (debug) {
         console.log(`[iOS Safari Fix] ${message}`, ...args);
@@ -51091,7 +51070,7 @@ function useIOSSafariFix(config = {}) {
     },
     [debug]
   );
-  React4.useEffect(() => {
+  useEffect(() => {
     const iosInfo = iosInfoRef.current;
     if (!iosInfo.hasViewportBugs || !enableScrollFix) {
       return;
@@ -51105,7 +51084,7 @@ function useIOSSafariFix(config = {}) {
       document.documentElement.classList.remove("ios-safari-fix", "ios-26-fix");
     };
   }, [enableScrollFix, log]);
-  React4.useEffect(() => {
+  useEffect(() => {
     const iosInfo = iosInfoRef.current;
     if (!iosInfo.isIOS || !enableKeyboardFix) {
       return;
@@ -51181,7 +51160,7 @@ function useIOSSafariFix(config = {}) {
   };
 }
 function useIOSFixedReset(elementRef) {
-  const forceReset = React4.useCallback(() => {
+  const forceReset = useCallback(() => {
     const element = elementRef.current;
     if (!element) return;
     element.style.transform = "translateZ(0) translateY(0.01px)";
@@ -51195,15 +51174,15 @@ function useIOSFixedReset(elementRef) {
   }, [elementRef]);
   return { forceReset };
 }
-var NavContext = React4__namespace.createContext(null);
+var NavContext = React4.createContext(null);
 function useNavContext() {
-  const context = React4__namespace.useContext(NavContext);
+  const context = React4.useContext(NavContext);
   if (!context) {
     throw new Error("MobileBottomNav compound components must be used within MobileBottomNav.Root");
   }
   return context;
 }
-var Root = React4__namespace.forwardRef(
+var Root = React4.forwardRef(
   ({
     children,
     className,
@@ -51221,20 +51200,20 @@ var Root = React4__namespace.forwardRef(
     "data-testid": testId,
     ...props
   }, ref) => {
-    const internalRef = React4__namespace.useRef(null);
+    const internalRef = React4.useRef(null);
     const combinedRef = ref || internalRef;
     const { iosInfo } = useIOSSafariFix({
       enableScrollFix: true,
       enableKeyboardFix: true
     });
     const { forceReset } = useIOSFixedReset(combinedRef);
-    React4__namespace.useEffect(() => {
+    React4.useEffect(() => {
       if (visible && iosInfo.hasViewportBugs) {
         const timer = setTimeout(forceReset, 50);
         return () => clearTimeout(timer);
       }
     }, [visible, iosInfo.hasViewportBugs, forceReset]);
-    const contextValue = React4__namespace.useMemo(
+    const contextValue = React4.useMemo(
       () => ({
         variant,
         size,
@@ -51250,7 +51229,7 @@ var Root = React4__namespace.forwardRef(
       "--glass-border-opacity": glassConfig.borderOpacity ?? DEFAULT_GLASS_CONFIG.borderOpacity
     } : {};
     const roundedValue = typeof rounded === "number" ? void 0 : rounded;
-    return /* @__PURE__ */ jsxRuntime.jsx(NavContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(AnimatePresence, { children: visible && /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsx(NavContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(AnimatePresence, { children: visible && /* @__PURE__ */ jsx(
       motion.nav,
       {
         ref: combinedRef,
@@ -51285,11 +51264,11 @@ var Root = React4__namespace.forwardRef(
   }
 );
 Root.displayName = "MobileBottomNav.Root";
-var NavList = React4__namespace.forwardRef(
+var NavList = React4.forwardRef(
   ({ children, className, style, gap, justify = "around", "data-testid": testId, ...props }, ref) => {
     const { size, gap: contextGap } = useNavContext();
     const effectiveGap = gap ?? contextGap;
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsx(
       "ul",
       {
         ref,
@@ -51307,7 +51286,7 @@ var NavList = React4__namespace.forwardRef(
   }
 );
 NavList.displayName = "MobileBottomNav.NavList";
-var NavItem = React4__namespace.forwardRef(
+var NavItem = React4.forwardRef(
   ({
     icon,
     label,
@@ -51345,8 +51324,8 @@ var NavItem = React4__namespace.forwardRef(
         }
       };
     };
-    const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
         "span",
         {
           className: cn(iconVariants({ size: iconSize })),
@@ -51356,7 +51335,7 @@ var NavItem = React4__namespace.forwardRef(
           },
           children: [
             icon,
-            badge && /* @__PURE__ */ jsxRuntime.jsx(
+            badge && /* @__PURE__ */ jsx(
               "span",
               {
                 className: cn(
@@ -51370,7 +51349,7 @@ var NavItem = React4__namespace.forwardRef(
           ]
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(labelVariants({ position: labelPosition, size })), children: label })
+      /* @__PURE__ */ jsx("span", { className: cn(labelVariants({ position: labelPosition, size })), children: label })
     ] });
     const commonProps = {
       className: cn(
@@ -51410,7 +51389,7 @@ var NavItem = React4__namespace.forwardRef(
       onDragEnd: void 0
     };
     if (href && !isDisabled) {
-      return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
         motion.a,
         {
           ref,
@@ -51419,12 +51398,12 @@ var NavItem = React4__namespace.forwardRef(
         }
       ) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(motion.button, { ref, ...motionButtonProps, children: content }) });
+    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(motion.button, { ref, ...motionButtonProps, children: content }) });
   }
 );
 NavItem.displayName = "MobileBottomNav.NavItem";
 var Spacer = ({ className, size = "md" /* MEDIUM */ }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(spacerVariants({ size }), className), "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx("div", { className: cn(spacerVariants({ size }), className), "aria-hidden": "true" });
 };
 Spacer.displayName = "MobileBottomNav.Spacer";
 var MobileBottomNav = {
@@ -53096,72 +53075,6 @@ lucide-react/dist/esm/lucide-react.js:
    *)
 */
 
-exports.AnimationType = AnimationType;
-exports.BlurIntensity = BlurIntensity;
-exports.DEFAULT_ANIMATIONS = DEFAULT_ANIMATIONS;
-exports.DEFAULT_ANIMATION_CONFIG = DEFAULT_ANIMATION_CONFIG;
-exports.DEFAULT_CONFIG = DEFAULT_CONFIG;
-exports.DEFAULT_DIMENSIONS = DEFAULT_DIMENSIONS;
-exports.DEFAULT_GLASS_CONFIG = DEFAULT_GLASS_CONFIG;
-exports.DEFAULT_SAFE_AREAS = DEFAULT_SAFE_AREAS;
-exports.DEFAULT_SPRING_CONFIG = DEFAULT_SPRING_CONFIG;
-exports.DEFAULT_TWEEN_CONFIG = DEFAULT_TWEEN_CONFIG;
-exports.DEFAULT_VISUAL_STYLE = DEFAULT_VISUAL_STYLE;
-exports.IconSize = IconSize;
-exports.LabelPosition = LabelPosition;
-exports.MobileBottomNav = MobileBottomNav;
-exports.NavItemState = NavItemState;
-exports.NavSize = NavSize;
-exports.NavVariant = NavVariant;
-exports.SIDEBAR_ARIA_LABELS = SIDEBAR_ARIA_LABELS;
-exports.SIDEBAR_ARIA_ROLES = SIDEBAR_ARIA_ROLES;
-exports.SIDEBAR_BREAKPOINTS = SIDEBAR_BREAKPOINTS;
-exports.SIDEBAR_CSS_VARIABLES = SIDEBAR_CSS_VARIABLES;
-exports.SIDEBAR_DATA_ATTRIBUTES = SIDEBAR_DATA_ATTRIBUTES;
-exports.SIDEBAR_DEBUG_PATTERNS = SIDEBAR_DEBUG_PATTERNS;
-exports.SIDEBAR_KEYBOARD_KEYS = SIDEBAR_KEYBOARD_KEYS;
-exports.SIDEBAR_LIMITS = SIDEBAR_LIMITS;
-exports.SIDEBAR_TAILWIND_CLASSES = SIDEBAR_TAILWIND_CLASSES;
-exports.SIDEBAR_VISUAL_PRESETS = SIDEBAR_VISUAL_PRESETS;
-exports.Sidebar = Sidebar;
-exports.SidebarBorderRadius = SidebarBorderRadius;
-exports.SidebarCollapseMode = SidebarCollapseMode;
-exports.SidebarContent = SidebarContent;
-exports.SidebarFluidIndicator = SidebarFluidIndicator;
-exports.SidebarHideBehaviour = SidebarHideBehaviour;
-exports.SidebarHideOpensBehavior = SidebarHideOpensBehavior;
-exports.SidebarIconLibrary = SidebarIconLibrary;
-exports.SidebarIndicator = SidebarIndicator;
-exports.SidebarItem = SidebarItem;
-exports.SidebarLayoutBehaviour = SidebarLayoutBehaviour;
-exports.SidebarNav = SidebarNav;
-exports.SidebarSafeArea = SidebarSafeArea;
-exports.SidebarSafeAreaPosition = SidebarSafeAreaPosition;
-exports.SidebarSubContent = SidebarSubContent;
-exports.SidebarSubLink = SidebarSubLink;
-exports.SidebarTimingFunction = SidebarTimingFunction;
-exports.SidebarToggle = SidebarToggle;
-exports.SidebarTooltip = SidebarTooltip;
-exports.SidebarTransitionDuration = SidebarTransitionDuration;
-exports.SidebarWidth = SidebarWidth;
-exports.SidebarZIndex = SidebarZIndex;
-exports.ZIndexLevel = ZIndexLevel;
-exports.badgeVariants = badgeVariants;
-exports.cn = cn;
-exports.detectIOSVersion = detectIOSVersion;
-exports.generateIndicatorStyles = generateIndicatorStyles;
-exports.generateSidebarStyles = generateSidebarStyles;
-exports.iconVariants = iconVariants;
-exports.labelVariants = labelVariants;
-exports.navItemVariants = navItemVariants;
-exports.navListVariants = navListVariants;
-exports.rootVariants = rootVariants;
-exports.spacerVariants = spacerVariants;
-exports.useIOSFixedReset = useIOSFixedReset;
-exports.useIOSSafariFix = useIOSSafariFix;
-exports.useSidebarContext = useSidebarContext;
-exports.useSidebarIndicator = useSidebarIndicator;
-exports.useSidebarKeyboard = useSidebarKeyboard;
-exports.useSubContent = useSubContent;
+export { AnimationType, BlurIntensity, DEFAULT_ANIMATIONS, DEFAULT_ANIMATION_CONFIG, DEFAULT_CONFIG, DEFAULT_DIMENSIONS, DEFAULT_GLASS_CONFIG, DEFAULT_SAFE_AREAS, DEFAULT_SPRING_CONFIG, DEFAULT_TWEEN_CONFIG, DEFAULT_VISUAL_STYLE, IconSize, LabelPosition, MobileBottomNav, NavItemState, NavSize, NavVariant, SIDEBAR_ARIA_LABELS, SIDEBAR_ARIA_ROLES, SIDEBAR_BREAKPOINTS, SIDEBAR_CSS_VARIABLES, SIDEBAR_DATA_ATTRIBUTES, SIDEBAR_DEBUG_PATTERNS, SIDEBAR_KEYBOARD_KEYS, SIDEBAR_LIMITS, SIDEBAR_TAILWIND_CLASSES, SIDEBAR_VISUAL_PRESETS, Sidebar, SidebarBorderRadius, SidebarCollapseMode, SidebarContent, SidebarFluidIndicator, SidebarHideBehaviour, SidebarHideOpensBehavior, SidebarIconLibrary, SidebarIndicator, SidebarItem, SidebarLayoutBehaviour, SidebarNav, SidebarSafeArea, SidebarSafeAreaPosition, SidebarSubContent, SidebarSubLink, SidebarTimingFunction, SidebarToggle, SidebarTooltip, SidebarTransitionDuration, SidebarWidth, SidebarZIndex, ZIndexLevel, badgeVariants, cn, detectIOSVersion, generateIndicatorStyles, generateSidebarStyles, iconVariants, labelVariants, navItemVariants, navListVariants, rootVariants, spacerVariants, useIOSFixedReset, useIOSSafariFix, useSidebarContext, useSidebarIndicator, useSidebarKeyboard, useSubContent };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map