@justanarthur/modo-ui 0.1.0 → 0.3.0

package/dist/shared/{components-nn6xezy2.js → components-nb87fjy4.js}

@@ -1,58 +1,58 @@
 import {
-  useIsMobile
-} from "./components-4xxddc44.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
-  Sheet
-} from "./components-r43mqnd6.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  fieldVariants
-} from "./components-de8xsm9y.js";
-import {
-  Tooltip
-} from "./components-gndm6am4.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  ScrollArea2
+} from "./components-hawvy2qz.js";
 import {
-  Button
-} from "./components-5pkcfprd.js";
+  surfaceClasses2,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
   useIcon
-} from "./components-m5br529r.js";
+} from "./components-zrkzcayz.js";
 import {
-  ScrollArea
-} from "./components-ed7cmssr.js";
+  useSizeVariant2,
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  SurfaceProvider,
-  surfaceClasses,
-  useSurface
-} from "./components-csxz9f52.js";
+  Button2
+} from "./components-b2wyq2cq.js";
 import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
+  Sheet2
+} from "./components-rr7a6ja9.js";
 import {
-  useFluidHover
-} from "./components-e46kf6cp.js";
+  fieldVariants
+} from "./components-mhd39z7x.js";
 import {
-  useShape
-} from "./components-7zp99w5d.js";
+  useIsMobile
+} from "./components-c6s6b43g.js";
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
+  Tooltip2
+} from "./components-ng72k97e.js";
 import {
   GooIndicator
-} from "./components-kf2ehztc.js";
+} from "./components-chacnk61.js";
+import {
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
 import {
-  exitFallbackMs,
-  spring
-} from "./components-vc1k7yv2.js";
+  useFluidHover2
+} from "./components-59efxjd9.js";
 import {
-  useSize,
-  useSizeVariant
-} from "./components-x3rz4cyn.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2,
+  exitFallbackMs2
+} from "./components-1v7rxytx.js";
 
 // components/navigation/sidebar/index.tsx
 import {
@@ -79,20 +79,20 @@ import {
   useState
 } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-var SIDEBAR_COOKIE_NAME = "sidebar_state";
-var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-var SIDEBAR_WIDTH = "16rem";
-var SIDEBAR_WIDTH_MOBILE = "18rem";
-var SIDEBAR_KEYBOARD_SHORTCUT = "[";
-var SIDEBAR_KEYBOARD_SHORTCUT_RIGHT = "]";
-var SIDEBAR_MIN_WIDTH = 160;
-var SIDEBAR_MAX_WIDTH = 360;
+var SIDEBAR_COOKIE_NAME2 = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE2 = 60 * 60 * 24 * 7;
+var SIDEBAR_WIDTH2 = "16rem";
+var SIDEBAR_WIDTH_MOBILE2 = "18rem";
+var SIDEBAR_KEYBOARD_SHORTCUT2 = "[";
+var SIDEBAR_KEYBOARD_SHORTCUT_RIGHT2 = "]";
+var SIDEBAR_MIN_WIDTH2 = 160;
+var SIDEBAR_MAX_WIDTH2 = 360;
 var SIDEBAR_COLLAPSE_SLOP = 56;
 var SIDEBAR_HOVER_STRIP = 12;
 var SIDEBAR_HOVER_TRIGGER_GAP = 24;
 var mountedProviders = [];
 var SidebarContext = createContext(null);
-function useSidebar() {
+function useSidebar2() {
   const ctx = useContext(SidebarContext);
   if (!ctx)
     throw new Error("useSidebar must be used within a SidebarProvider");
@@ -115,7 +115,7 @@ function inHoverZone(event, side, frame, shell, triggers) {
   }
   return side === "left" ? event.clientX >= bounds.left && event.clientX < inner + reach : event.clientX <= bounds.right && event.clientX > inner - reach;
 }
-var SidebarProvider = forwardRef(({
+var SidebarProvider2 = forwardRef(({
   defaultOpen = true,
   open: openProp,
   onOpenChange,
@@ -123,8 +123,8 @@ var SidebarProvider = forwardRef(({
   shortcut: shortcutProp,
   mobileBreakpoint = 768,
   openOnHover = false,
-  width: widthProp = SIDEBAR_WIDTH,
-  widthMobile = SIDEBAR_WIDTH_MOBILE,
+  width: widthProp = SIDEBAR_WIDTH2,
+  widthMobile = SIDEBAR_WIDTH_MOBILE2,
   className,
   style,
   children,
@@ -149,19 +149,19 @@ var SidebarProvider = forwardRef(({
   const [width, setWidth] = useState(widthProp);
   useEffect(() => setWidth(widthProp), [widthProp]);
   const [isResizing, setIsResizing] = useState(false);
-  const shortcut = shortcutProp === undefined ? side === "right" ? SIDEBAR_KEYBOARD_SHORTCUT_RIGHT : SIDEBAR_KEYBOARD_SHORTCUT : shortcutProp;
+  const shortcut = shortcutProp === undefined ? side === "right" ? SIDEBAR_KEYBOARD_SHORTCUT_RIGHT2 : SIDEBAR_KEYBOARD_SHORTCUT2 : shortcutProp;
   const [internalOpen, setInternalOpen] = useState(defaultOpen);
   const open = openProp ?? internalOpen;
   const openRef = useRef(open);
   openRef.current = open;
-  const setOpen = useCallback((value2) => {
-    const next = typeof value2 === "function" ? value2(openRef.current) : value2;
+  const setOpen = useCallback((value) => {
+    const next = typeof value === "function" ? value(openRef.current) : value;
     if (onOpenChange)
       onOpenChange(next);
     else
       setInternalOpen(next);
     if (persist) {
-      document.cookie = `${SIDEBAR_COOKIE_NAME}=${next}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+      document.cookie = `${SIDEBAR_COOKIE_NAME2}=${next}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE2}`;
     }
   }, [onOpenChange, persist]);
   const toggleSidebar = useCallback(() => {
@@ -297,7 +297,7 @@ var SidebarProvider = forwardRef(({
           ref.current = node;
       },
       "data-slot": "sidebar-wrapper",
-      className: cn("group/sidebar-wrapper relative flex min-h-svh w-full", className),
+      className: cn2("group/sidebar-wrapper relative flex min-h-svh w-full", className),
       style: {
         "--sidebar-width": width,
         "--sidebar-width-mobile": widthMobile,
@@ -308,7 +308,7 @@ var SidebarProvider = forwardRef(({
     })
   });
 });
-SidebarProvider.displayName = "SidebarProvider";
+SidebarProvider2.displayName = "SidebarProvider";
 function composeRefs(...refs) {
   return (node) => {
     for (const r of refs) {
@@ -346,7 +346,7 @@ function slotElement(template, DefaultTag, props, content) {
   const merged = {
     ...props,
     ...templateProps,
-    className: cn(props.className, templateProps.className),
+    className: cn2(props.className, templateProps.className),
     style: { ...props.style, ...templateProps.style }
   };
   for (const key of Object.keys(props)) {
@@ -373,10 +373,10 @@ var BREAKPOINT_HIDDEN = {
   1280: "max-xl:hidden max-xl:opacity-0 max-xl:duration-moderate xl:duration-slow xl:starting:opacity-0"
 };
 var SidebarShell = forwardRef(({ side, variant, bordered = true, rail = true, railTooltipOpen, className, children, ...props }, ref) => {
-  const { open: kept, hoverOpen, width, mobileBreakpoint, isMobile, isResizing, shellRef } = useSidebar();
+  const { open: kept, hoverOpen, width, mobileBreakpoint, isMobile, isResizing, shellRef } = useSidebar2();
   const open = kept || hoverOpen;
   const shape = useShape();
-  const substrate = useSurface();
+  const substrate = useSurface2();
   const floatingLevel = Math.min(substrate + 1, 8);
   const reduceMotion = useReducedMotion() ?? false;
   const [dragFlip, setDragFlip] = useState(false);
@@ -392,10 +392,10 @@ var SidebarShell = forwardRef(({ side, variant, bordered = true, rail = true, ra
     if (!flipped)
       return;
     setDragFlip(true);
-    const id = setTimeout(() => setDragFlip(false), exitFallbackMs(spring.moderate));
+    const id = setTimeout(() => setDragFlip(false), exitFallbackMs2(spring2.moderate));
     return () => clearTimeout(id);
   }, [open, isResizing]);
-  const widthTransition = reduceMotion ? { duration: 0 } : isResizing ? openFlipped || dragFlip ? open ? spring.moderate : spring.moderate.exit : { duration: 0 } : open ? spring.slow : spring.slow.exit;
+  const widthTransition = reduceMotion ? { duration: 0 } : isResizing ? openFlipped || dragFlip ? open ? spring2.moderate : spring2.moderate.exit : { duration: 0 } : open ? spring2.slow : spring2.slow.exit;
   return /* @__PURE__ */ jsx(motion.div, {
     ref: (node) => {
       shellRef.current = node;
@@ -409,13 +409,13 @@ var SidebarShell = forwardRef(({ side, variant, bordered = true, rail = true, ra
     "data-collapsible": open ? "" : "offcanvas",
     "data-variant": variant,
     "data-side": side,
-    className: cn("peer shrink-0 sticky top-0 h-svh overflow-hidden", side === "right" && "order-last", variant === "inset" && "[--scroll-divider-inset:8px]", BREAKPOINT_FADE_BASE, BREAKPOINT_HIDDEN[mobileBreakpoint], !BREAKPOINT_HIDDEN[mobileBreakpoint] && isMobile && "hidden", className),
+    className: cn2("peer shrink-0 sticky top-0 h-svh overflow-hidden", side === "right" && "order-last", variant === "inset" && "[--scroll-divider-inset:8px]", BREAKPOINT_FADE_BASE, BREAKPOINT_HIDDEN[mobileBreakpoint], !BREAKPOINT_HIDDEN[mobileBreakpoint] && isMobile && "hidden", className),
     initial: false,
     animate: { width: open ? width : "0rem" },
     transition: widthTransition,
     ...props,
     children: /* @__PURE__ */ jsxs(motion.div, {
-      className: cn("absolute inset-y-0 flex h-full flex-col", side === "left" ? "left-0" : "right-0", variant === "floating" && "p-2", variant === "inset" && "py-2"),
+      className: cn2("absolute inset-y-0 flex h-full flex-col", side === "left" ? "left-0" : "right-0", variant === "floating" && "p-2", variant === "inset" && "py-2"),
       style: { width },
       initial: false,
       animate: { x: open ? "0%" : side === "left" ? "-100%" : "100%" },
@@ -424,19 +424,19 @@ var SidebarShell = forwardRef(({ side, variant, bordered = true, rail = true, ra
       children: [
         variant === "floating" ? /* @__PURE__ */ jsx("div", {
           "data-sidebar": "sidebar",
-          className: cn("flex h-full w-full min-h-0 flex-col", shape.container, surfaceClasses(floatingLevel, 3)),
-          children: /* @__PURE__ */ jsx(SurfaceProvider, {
+          className: cn2("flex h-full w-full min-h-0 flex-col", shape.container, surfaceClasses2(floatingLevel, 3)),
+          children: /* @__PURE__ */ jsx(SurfaceProvider2, {
             value: floatingLevel,
             children
           })
         }) : /* @__PURE__ */ jsx("div", {
           "data-sidebar": "sidebar",
-          className: cn("flex h-full w-full min-h-0 flex-col", bordered && variant === "sidebar" && (side === "left" ? "border-r border-border" : "border-l border-border")),
+          className: cn2("flex h-full w-full min-h-0 flex-col", bordered && variant === "sidebar" && (side === "left" ? "border-r border-border" : "border-l border-border")),
           children
         }),
-        rail && /* @__PURE__ */ jsx(SidebarRail, {
+        rail && /* @__PURE__ */ jsx(SidebarRail2, {
           tooltipOpen: railTooltipOpen,
-          className: cn(variant === "floating" && (side === "left" ? "right-1 after:right-[3.5px]" : "left-1 after:left-[3.5px]"), variant !== "sidebar" && "after:inset-y-2 after:[mask-image:linear-gradient(to_bottom,transparent_var(--rail-fade-start),black_var(--rail-fade-end),black_calc(100%-var(--rail-fade-end)),transparent_calc(100%-var(--rail-fade-start)))]"),
+          className: cn2(variant === "floating" && (side === "left" ? "right-1 after:right-[3.5px]" : "left-1 after:left-[3.5px]"), variant !== "sidebar" && "after:inset-y-2 after:[mask-image:linear-gradient(to_bottom,transparent_var(--rail-fade-start),black_var(--rail-fade-end),black_calc(100%-var(--rail-fade-end)),transparent_calc(100%-var(--rail-fade-start)))]"),
           style: variant !== "sidebar" ? {
             "--rail-fade-start": `${shape.bgRadius >= 20 ? 24 : 12}px`,
             "--rail-fade-end": `${(shape.bgRadius >= 20 ? 24 : 12) + 24}px`
@@ -454,20 +454,20 @@ function ShortcutKbd({ children }) {
   });
 }
 function useShortcutKey() {
-  const { side, shortcut } = useSidebar();
-  return shortcut ?? (side === "right" ? SIDEBAR_KEYBOARD_SHORTCUT_RIGHT : SIDEBAR_KEYBOARD_SHORTCUT);
+  const { side, shortcut } = useSidebar2();
+  return shortcut ?? (side === "right" ? SIDEBAR_KEYBOARD_SHORTCUT_RIGHT2 : SIDEBAR_KEYBOARD_SHORTCUT2);
 }
-var SidebarTrigger = forwardRef(({ onClick, size, children, ...props }, ref) => {
-  const { toggleSidebar, open, openMobile, isMobile, side, openOnHover, registerTrigger } = useSidebar();
+var SidebarTrigger2 = forwardRef(({ onClick, size, children, ...props }, ref) => {
+  const { toggleSidebar, open, openMobile, isMobile, side, openOnHover, registerTrigger } = useSidebar2();
   const shortcutKey = useShortcutKey();
   const hoverMode = openOnHover && !isMobile;
   const TriggerIcon = useIcon(`panel-${side}${hoverMode && !open ? "-dashed" : ""}`);
-  const iconSize = useSizeVariant() === "compact" ? "icon-compact" : "icon";
+  const iconSize = useSizeVariant2() === "compact" ? "icon-compact" : "icon";
   const collapsed = isMobile ? !openMobile : !open;
   const label = hoverMode ? open ? "Show sidebar on hover" : "Keep sidebar open" : collapsed ? "Expand sidebar" : "Collapse sidebar";
   const node = useRef(null);
   useEffect(() => node.current ? registerTrigger(node.current) : undefined, [registerTrigger]);
-  return /* @__PURE__ */ jsx(Tooltip, {
+  return /* @__PURE__ */ jsx(Tooltip2, {
     side: "bottom",
     content: /* @__PURE__ */ jsxs("span", {
       className: "flex items-center gap-1.5",
@@ -481,7 +481,7 @@ var SidebarTrigger = forwardRef(({ onClick, size, children, ...props }, ref) =>
         })
       ]
     }),
-    children: /* @__PURE__ */ jsx(Button, {
+    children: /* @__PURE__ */ jsx(Button2, {
       ref: (element) => {
         node.current = element;
         if (typeof ref === "function")
@@ -502,9 +502,9 @@ var SidebarTrigger = forwardRef(({ onClick, size, children, ...props }, ref) =>
     })
   });
 });
-SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = forwardRef(({ className, tooltipOpen, ...props }, ref) => {
-  const { toggleSidebar, open, setOpen, setHoverOpen, setWidth, side, setIsResizing } = useSidebar();
+SidebarTrigger2.displayName = "SidebarTrigger";
+var SidebarRail2 = forwardRef(({ className, tooltipOpen, ...props }, ref) => {
+  const { toggleSidebar, open, setOpen, setHoverOpen, setWidth, side, setIsResizing } = useSidebar2();
   const shortcutKey = useShortcutKey();
   const railRef = useRef(null);
   const dragRef = useRef(null);
@@ -536,10 +536,10 @@ var SidebarRail = forwardRef(({ className, tooltipOpen, ...props }, ref) => {
     }
     const delta = side === "left" ? dx : -dx;
     const raw = drag.startWidth + delta;
-    if (raw < SIDEBAR_MIN_WIDTH - SIDEBAR_COLLAPSE_SLOP) {
+    if (raw < SIDEBAR_MIN_WIDTH2 - SIDEBAR_COLLAPSE_SLOP) {
       if (!drag.collapsed) {
         drag.collapsed = true;
-        setWidth(`${SIDEBAR_MIN_WIDTH}px`);
+        setWidth(`${SIDEBAR_MIN_WIDTH2}px`);
         (drag.kept ? setOpen : setHoverOpen)(false);
       }
       return;
@@ -548,7 +548,7 @@ var SidebarRail = forwardRef(({ className, tooltipOpen, ...props }, ref) => {
       drag.collapsed = false;
       (drag.kept ? setOpen : setHoverOpen)(true);
     }
-    const next = Math.max(SIDEBAR_MIN_WIDTH, Math.min(SIDEBAR_MAX_WIDTH, raw));
+    const next = Math.max(SIDEBAR_MIN_WIDTH2, Math.min(SIDEBAR_MAX_WIDTH2, raw));
     setWidth(`${next}px`);
   };
   const onPointerUp = (event) => {
@@ -569,7 +569,7 @@ var SidebarRail = forwardRef(({ className, tooltipOpen, ...props }, ref) => {
     setDragging(false);
     setIsResizing(false);
   };
-  return /* @__PURE__ */ jsx(Tooltip, {
+  return /* @__PURE__ */ jsx(Tooltip2, {
     side: side === "left" ? "right" : "left",
     sideOffset: 8,
     followCursor: "y",
@@ -623,59 +623,59 @@ var SidebarRail = forwardRef(({ className, tooltipOpen, ...props }, ref) => {
       onPointerMove,
       onPointerUp,
       onPointerCancel,
-      className: cn("absolute inset-y-0 z-20 w-2 cursor-col-resize touch-none outline-none", side === "left" ? "right-0" : "left-0", "after:absolute after:inset-y-0 after:w-px after:bg-transparent hover:after:bg-foreground/25 after:transition-colors after:duration-fast", tooltipOpen && "after:bg-foreground/25", side === "left" ? "after:right-0" : "after:left-0", className),
+      className: cn2("absolute inset-y-0 z-20 w-2 cursor-col-resize touch-none outline-none", side === "left" ? "right-0" : "left-0", "after:absolute after:inset-y-0 after:w-px after:bg-transparent hover:after:bg-foreground/25 after:transition-colors after:duration-fast", tooltipOpen && "after:bg-foreground/25", side === "left" ? "after:right-0" : "after:left-0", className),
       ...props
     })
   });
 });
-SidebarRail.displayName = "SidebarRail";
-var SidebarInset = forwardRef(({ className, ...props }, ref) => {
+SidebarRail2.displayName = "SidebarRail";
+var SidebarInset2 = forwardRef(({ className, ...props }, ref) => {
   const shape = useShape();
   return /* @__PURE__ */ jsx("main", {
     ref,
     "data-slot": "sidebar-inset",
-    className: cn("relative flex min-h-0 w-full min-w-0 flex-1 flex-col bg-background", "peer-data-[variant=inset]:m-2 peer-data-[variant=inset]:peer-data-[side=left]:ml-0 peer-data-[variant=inset]:peer-data-[side=right]:mr-0", "peer-data-[variant=inset]:peer-data-[state=collapsed]:peer-data-[side=left]:ml-2 peer-data-[variant=inset]:peer-data-[state=collapsed]:peer-data-[side=right]:mr-2", "transition-[margin] duration-fast", shape.bgRadius >= 20 ? "peer-data-[variant=inset]:rounded-3xl" : "peer-data-[variant=inset]:rounded-xl", "peer-data-[variant=inset]:bg-surface-2 peer-data-[variant=inset]:shadow-surface-2", className),
+    className: cn2("relative flex min-h-0 w-full min-w-0 flex-1 flex-col bg-background", "peer-data-[variant=inset]:m-2 peer-data-[variant=inset]:peer-data-[side=left]:ml-0 peer-data-[variant=inset]:peer-data-[side=right]:mr-0", "peer-data-[variant=inset]:peer-data-[state=collapsed]:peer-data-[side=left]:ml-2 peer-data-[variant=inset]:peer-data-[state=collapsed]:peer-data-[side=right]:mr-2", "transition-[margin] duration-fast", shape.bgRadius >= 20 ? "peer-data-[variant=inset]:rounded-3xl" : "peer-data-[variant=inset]:rounded-xl", "peer-data-[variant=inset]:bg-surface-2 peer-data-[variant=inset]:shadow-surface-2", className),
     ...props
   });
 });
-SidebarInset.displayName = "SidebarInset";
-var SidebarInput = forwardRef(({ className, ...props }, ref) => {
+SidebarInset2.displayName = "SidebarInset";
+var SidebarInput2 = forwardRef(({ className, ...props }, ref) => {
   const shape = useShape();
-  const size = useSize();
+  const size = useSize2();
   return /* @__PURE__ */ jsx("input", {
     ref,
     "data-sidebar": "input",
-    className: cn(fieldVariants(), "w-full px-3 text-foreground placeholder:text-muted-foreground outline-none", "focus-visible:ring-focus-ring", size.variant === "compact" ? "h-7" : "h-8", size.text, shape.input, className),
+    className: cn2(fieldVariants(), "w-full px-3 text-foreground placeholder:text-muted-foreground outline-none", "focus-visible:ring-focus-ring", size.variant === "compact" ? "h-7" : "h-8", size.text, shape.input, className),
     ...props
   });
 });
-SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+SidebarInput2.displayName = "SidebarInput";
+var SidebarHeader2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
   ref,
   "data-sidebar": "header",
-  className: cn("flex shrink-0 flex-col gap-2 p-2", className),
+  className: cn2("flex shrink-0 flex-col gap-2 p-2", className),
   ...props
 }));
-SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+SidebarHeader2.displayName = "SidebarHeader";
+var SidebarFooter2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
   ref,
   "data-sidebar": "footer",
-  className: cn("mt-auto flex shrink-0 flex-col gap-2 p-2", className),
+  className: cn2("mt-auto flex shrink-0 flex-col gap-2 p-2", className),
   ...props
 }));
-SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+SidebarFooter2.displayName = "SidebarFooter";
+var SidebarSeparator2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
   ref,
   "data-sidebar": "separator",
   role: "separator",
   "aria-orientation": "horizontal",
-  className: cn("mx-2 h-px shrink-0 bg-border", className),
+  className: cn2("mx-2 h-px shrink-0 bg-border", className),
   ...props
 }));
-SidebarSeparator.displayName = "SidebarSeparator";
+SidebarSeparator2.displayName = "SidebarSeparator";
 var useIsoLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 var SidebarGroupContext = createContext(null);
-var SidebarGroup = forwardRef(({ className, collapsible = false, open: openProp, defaultOpen = true, onOpenChange, children, ...props }, ref) => {
+var SidebarGroup2 = forwardRef(({ className, collapsible = false, open: openProp, defaultOpen = true, onOpenChange, children, ...props }, ref) => {
   const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
   const open = openProp ?? uncontrolledOpen;
   const contentId = useId();
@@ -710,17 +710,17 @@ var SidebarGroup = forwardRef(({ className, collapsible = false, open: openProp,
     prevOpenRef.current = open;
     togglingRef.current = true;
   }
-  const isHeaderAction = (k) => isValidElement(k) && (k.type === SidebarGroupAction || k.type === SidebarGroupActions);
+  const isHeaderAction = (k) => isValidElement(k) && (k.type === SidebarGroupAction2 || k.type === SidebarGroupActions2);
   let inner = children;
   let actionsCount = 0;
   if (collapsible) {
     const kids = Children.toArray(children);
-    const labelIdx = kids.findIndex((k) => isValidElement(k) && k.type === SidebarGroupLabel);
+    const labelIdx = kids.findIndex((k) => isValidElement(k) && k.type === SidebarGroupLabel2);
     if (labelIdx !== -1) {
       const tail = kids.slice(labelIdx + 1);
       const headerActions = tail.filter(isHeaderAction);
       const rest = tail.filter((k) => !isHeaderAction(k));
-      actionsCount = headerActions.reduce((n, k) => n + (isValidElement(k) && k.type === SidebarGroupActions ? Children.count(k.props.children) : 1), 0);
+      actionsCount = headerActions.reduce((n, k) => n + (isValidElement(k) && k.type === SidebarGroupActions2 ? Children.count(k.props.children) : 1), 0);
       inner = /* @__PURE__ */ jsxs(Fragment, {
         children: [
           kids.slice(0, labelIdx),
@@ -734,10 +734,10 @@ var SidebarGroup = forwardRef(({ className, collapsible = false, open: openProp,
           /* @__PURE__ */ jsx(motion.div, {
             id: contentId,
             "aria-hidden": open ? undefined : true,
-            className: cn(open && settled ? "overflow-visible" : "overflow-hidden", !measured && !open && "h-0"),
+            className: cn2(open && settled ? "overflow-visible" : "overflow-hidden", !measured && !open && "h-0"),
             initial: false,
             animate: measured ? { height: open ? contentHeight : 0, opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0 },
-            transition: togglingRef.current ? open ? spring.moderate : spring.moderate.exit : { duration: 0 },
+            transition: togglingRef.current ? open ? spring2.moderate : spring2.moderate.exit : { duration: 0 },
             onAnimationComplete: () => {
               togglingRef.current = false;
               if (open)
@@ -759,7 +759,7 @@ var SidebarGroup = forwardRef(({ className, collapsible = false, open: openProp,
     ref,
     "data-sidebar": "group",
     "data-state": collapsible ? open ? "open" : "closed" : undefined,
-    className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+    className: cn2("relative flex w-full min-w-0 flex-col p-2", className),
     ...props,
     children: /* @__PURE__ */ jsx(SidebarGroupContext.Provider, {
       value: collapsible ? ctx : null,
@@ -767,10 +767,10 @@ var SidebarGroup = forwardRef(({ className, collapsible = false, open: openProp,
     })
   });
 });
-SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = forwardRef(({ className, render, asChild, children, ...props }, ref) => {
-  const sizeVariant = useSizeVariant();
-  const sizeClasses = useSize();
+SidebarGroup2.displayName = "SidebarGroup";
+var SidebarGroupLabel2 = forwardRef(({ className, render, asChild, children, ...props }, ref) => {
+  const sizeVariant = useSizeVariant2();
+  const sizeClasses = useSize2();
   const group = useContext(SidebarGroupContext);
   const shape = useShape();
   const ChevronRightIcon = useIcon("chevron-right");
@@ -799,17 +799,17 @@ var SidebarGroupLabel = forwardRef(({ className, render, asChild, children, ...p
       "aria-controls": group.contentId,
       onClick: group.toggle,
       style: group.actionsCount > 0 ? { "--group-actions-pad": `${group.actionsCount * 28 + 6}px` } : undefined,
-      className: cn("flex h-8 w-full shrink-0 cursor-pointer select-none items-center gap-2 px-2 text-left text-muted-foreground/70 outline-none", "transition-colors duration-fast hover:text-muted-foreground", group.actionsCount > 0 && "pr-[var(--group-actions-pad)]", "focus-visible:ring-1 focus-visible:ring-focus-ring", shape.item, sizeVariant === "compact" ? "text-caption-compact" : "text-caption", className),
+      className: cn2("flex h-8 w-full shrink-0 cursor-pointer select-none items-center gap-2 px-2 text-left text-muted-foreground/70 outline-none", "transition-colors duration-fast hover:text-muted-foreground", group.actionsCount > 0 && "pr-[var(--group-actions-pad)]", "focus-visible:ring-1 focus-visible:ring-focus-ring", shape.item, sizeVariant === "compact" ? "text-caption-compact" : "text-caption", className),
       ...props
     }, /* @__PURE__ */ jsxs(Fragment, {
       children: [
         labelContent,
         /* @__PURE__ */ jsx("span", {
-          className: cn("ml-auto flex h-6 shrink-0 items-center justify-center overflow-hidden", group.open ? "w-0 opacity-0 group-hover/group-header:w-6 group-hover/group-header:opacity-100 group-focus-within/group-header:w-6 group-focus-within/group-header:opacity-100 group-has-[[data-sidebar=group-action]:is([data-state=open],[data-popup-open],[aria-expanded=true])]/group-header:w-6 group-has-[[data-sidebar=group-action]:is([data-state=open],[data-popup-open],[aria-expanded=true])]/group-header:opacity-100 pointer-coarse:w-6 pointer-coarse:opacity-100" : "w-6 opacity-100"),
+          className: cn2("ml-auto flex h-6 shrink-0 items-center justify-center overflow-hidden", group.open ? "w-0 opacity-0 group-hover/group-header:w-6 group-hover/group-header:opacity-100 group-focus-within/group-header:w-6 group-focus-within/group-header:opacity-100 group-has-[[data-sidebar=group-action]:is([data-state=open],[data-popup-open],[aria-expanded=true])]/group-header:w-6 group-has-[[data-sidebar=group-action]:is([data-state=open],[data-popup-open],[aria-expanded=true])]/group-header:opacity-100 pointer-coarse:w-6 pointer-coarse:opacity-100" : "w-6 opacity-100"),
           children: /* @__PURE__ */ jsx(motion.span, {
             className: "inline-flex",
             animate: { rotate: group.open ? 90 : 0 },
-            transition: spring.fast,
+            transition: spring2.fast,
             children: /* @__PURE__ */ jsx(ChevronRightIcon, {
               size: sizeClasses.icon,
               strokeWidth: 1.5,
@@ -823,22 +823,22 @@ var SidebarGroupLabel = forwardRef(({ className, render, asChild, children, ...p
   return slotElement(template, "div", {
     ref,
     "data-sidebar": "group-label",
-    className: cn("flex h-8 shrink-0 items-center gap-2 px-2 text-muted-foreground/70 outline-none", sizeVariant === "compact" ? "text-caption-compact" : "text-caption", className),
+    className: cn2("flex h-8 shrink-0 items-center gap-2 px-2 text-muted-foreground/70 outline-none", sizeVariant === "compact" ? "text-caption-compact" : "text-caption", className),
     ...props
   }, labelContent);
 });
-SidebarGroupLabel.displayName = "SidebarGroupLabel";
+SidebarGroupLabel2.displayName = "SidebarGroupLabel";
 var GroupActionsContext = createContext(false);
-var SidebarGroupAction = forwardRef(({ className, render, asChild, children, ...props }, ref) => {
+var SidebarGroupAction2 = forwardRef(({ className, render, asChild, children, ...props }, ref) => {
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const inCluster = useContext(GroupActionsContext);
   const { template, content } = resolveSlotTemplate(render, asChild, children);
   return slotElement(template, "button", {
     ref,
     type: template ? undefined : "button",
     "data-sidebar": "group-action",
-    className: cn(inCluster ? "relative flex size-6 items-center justify-center text-muted-foreground outline-none" : "absolute right-3.5 top-3 flex size-6 items-center justify-center text-muted-foreground outline-none", "hover:bg-hover hover:text-foreground transition-colors duration-fast", "focus-visible:ring-1 focus-visible:ring-focus-ring", "[&_svg]:size-[var(--icon-size)] [&_svg]:shrink-0 [&_svg]:stroke-[1.5] [&_svg]:transition-[stroke-width] [&_svg]:duration-fast hover:[&_svg]:stroke-[2]", shape.item, className),
+    className: cn2(inCluster ? "relative flex size-6 items-center justify-center text-muted-foreground outline-none" : "absolute right-3.5 top-3 flex size-6 items-center justify-center text-muted-foreground outline-none", "hover:bg-hover hover:text-foreground transition-colors duration-fast", "focus-visible:ring-1 focus-visible:ring-focus-ring", "[&_svg]:size-[var(--icon-size)] [&_svg]:shrink-0 [&_svg]:stroke-[1.5] [&_svg]:transition-[stroke-width] [&_svg]:duration-fast hover:[&_svg]:stroke-[2]", shape.item, className),
     ...props,
     style: {
       ...{ "--icon-size": `${sizeClasses.icon}px` },
@@ -846,12 +846,12 @@ var SidebarGroupAction = forwardRef(({ className, render, asChild, children, ...
     }
   }, content);
 });
-SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupActions = forwardRef(({ className, children, ...props }, ref) => {
+SidebarGroupAction2.displayName = "SidebarGroupAction";
+var SidebarGroupActions2 = forwardRef(({ className, children, ...props }, ref) => {
   return /* @__PURE__ */ jsx("div", {
     ref,
     "data-sidebar": "group-actions",
-    className: cn("absolute right-3.5 top-2 z-10 flex h-8 items-center gap-1", className),
+    className: cn2("absolute right-3.5 top-2 z-10 flex h-8 items-center gap-1", className),
     ...props,
     children: /* @__PURE__ */ jsx(GroupActionsContext.Provider, {
       value: true,
@@ -859,14 +859,14 @@ var SidebarGroupActions = forwardRef(({ className, children, ...props }, ref) =>
     })
   });
 });
-SidebarGroupActions.displayName = "SidebarGroupActions";
-var SidebarGroupContent = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+SidebarGroupActions2.displayName = "SidebarGroupActions";
+var SidebarGroupContent2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
   ref,
   "data-sidebar": "group-content",
-  className: cn("w-full", className),
+  className: cn2("w-full", className),
   ...props
 }));
-SidebarGroupContent.displayName = "SidebarGroupContent";
+SidebarGroupContent2.displayName = "SidebarGroupContent";
 
 // components/navigation/sidebar/sidebar-menu.tsx
 import { cva } from "class-variance-authority";
@@ -887,7 +887,7 @@ import {
 import { jsx as jsx2, jsxs as jsxs2, Fragment as Fragment2 } from "react/jsx-runtime";
 var useIsoLayoutEffect2 = typeof window !== "undefined" ? useLayoutEffect2 : useEffect2;
 var MenuScopeContext = createContext2(null);
-var SidebarSelection = createContext2(null);
+var SidebarSelection2 = createContext2(null);
 var MenuItemContext = createContext2(null);
 var MenuActionsClusterContext = createContext2(false);
 function rowHidden(el) {
@@ -917,7 +917,7 @@ function sameElements(a, b) {
   return a.length === b.length && a.every((el, i) => el === b[i]);
 }
 function useMenuScope(containerRef, { focusRing = true } = {}) {
-  const { activeIndex, setActiveIndex, itemRects, isMeasured, sessionRef, handlers, registerItem } = useFluidHover(containerRef, { isItemDisabled: rowSkipped });
+  const { activeIndex, setActiveIndex, itemRects, isMeasured, sessionRef, handlers, registerItem } = useFluidHover2(containerRef, { isItemDisabled: rowSkipped });
   const rowsRef = useRef2(new Set);
   const rowButtonsRef = useRef2(new Map);
   const activeMapRef = useRef2(new Map);
@@ -1092,15 +1092,15 @@ function useMenuScope(containerRef, { focusRing = true } = {}) {
           className: "pointer-events-none absolute top-0 left-0",
           initial: false,
           animate: { opacity: 1 },
-          exit: { opacity: 0, transition: spring.moderate.exit },
+          exit: { opacity: 0, transition: spring2.moderate.exit },
           children: /* @__PURE__ */ jsx2(GooIndicator, {
             rect,
-            className: cn("bg-active", shape.bg),
-            transition: rowChanged ? spring.moderate : false
+            className: cn2("bg-active", shape.bg),
+            transition: rowChanged ? spring2.moderate : false
           })
         }, key))
       }),
-      /* @__PURE__ */ jsx2(FluidHoverHighlight, {
+      /* @__PURE__ */ jsx2(FluidHoverHighlight2, {
         rect: hoverRect,
         session: sessionRef.current,
         from: hoverAnchorRect,
@@ -1117,8 +1117,8 @@ function useMenuScope(containerRef, { focusRing = true } = {}) {
             width: focusRect.width + 4,
             height: focusRect.height + 4
           },
-          exit: { opacity: 0, transition: spring.fast.exit },
-          transition: focusRowChanged ? { ...spring.fast, opacity: { duration: 0.08 } } : { duration: 0 }
+          exit: { opacity: 0, transition: spring2.fast.exit },
+          transition: focusRowChanged ? { ...spring2.fast, opacity: { duration: 0.08 } } : { duration: 0 }
         })
       })
     ]
@@ -1138,7 +1138,7 @@ function useMenuScope(containerRef, { focusRing = true } = {}) {
     overlays
   };
 }
-var SidebarMenu = forwardRef2(({ className, size, focusRing, children, ...props }, ref) => {
+var SidebarMenu2 = forwardRef2(({ className, size, focusRing, children, ...props }, ref) => {
   const containerRef = useRef2(null);
   const { value, containerProps, overlays } = useMenuScope(containerRef, { focusRing });
   const content = /* @__PURE__ */ jsx2(MenuScopeContext.Provider, {
@@ -1152,7 +1152,7 @@ var SidebarMenu = forwardRef2(({ className, size, focusRing, children, ...props
           ref.current = node;
       },
       "data-sidebar": "menu",
-      className: cn("relative flex w-full min-w-0 flex-col select-none", className),
+      className: cn2("relative flex w-full min-w-0 flex-col select-none", className),
       ...containerProps,
       ...props,
       children: [
@@ -1161,12 +1161,12 @@ var SidebarMenu = forwardRef2(({ className, size, focusRing, children, ...props
       ]
     })
   });
-  return size ? /* @__PURE__ */ jsx2(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx2(SizeProvider2, {
     size,
     children: content
   }) : content;
 });
-SidebarMenu.displayName = "SidebarMenu";
+SidebarMenu2.displayName = "SidebarMenu";
 function useMenuRow(rowRef, isSubRow = false, sub) {
   const scope = useContext2(MenuScopeContext);
   const registerRow = scope?.registerRow;
@@ -1246,7 +1246,7 @@ function rowGutter(actionCount, hasBadge) {
   const inset = hasBadge ? ROW_BADGE_INSET : ROW_ACTION_INSET;
   return inset + runWidth + ROW_GAP;
 }
-var SidebarMenuItem = forwardRef2(({ collapsible, open, defaultOpen, onOpenChange, className, children, ...props }, ref) => {
+var SidebarMenuItem2 = forwardRef2(({ collapsible, open, defaultOpen, onOpenChange, className, children, ...props }, ref) => {
   const rowRef = useRef2(null);
   const item = useMenuRow(rowRef, false, { collapsible, open, defaultOpen, onOpenChange });
   const { attachRow } = item;
@@ -1262,14 +1262,14 @@ var SidebarMenuItem = forwardRef2(({ collapsible, open, defaultOpen, onOpenChang
     children: /* @__PURE__ */ jsx2("li", {
       ref: refCb,
       "data-sidebar": "menu-item",
-      className: cn("group/menu-item relative", className),
+      className: cn2("group/menu-item relative", className),
       ...props,
       children
     })
   });
 });
-SidebarMenuItem.displayName = "SidebarMenuItem";
-var SidebarMenuSubItem = forwardRef2(({ className, children, ...props }, ref) => {
+SidebarMenuItem2.displayName = "SidebarMenuItem";
+var SidebarMenuSubItem2 = forwardRef2(({ className, children, ...props }, ref) => {
   const rowRef = useRef2(null);
   const item = useMenuRow(rowRef, true);
   const { attachRow } = item;
@@ -1285,13 +1285,13 @@ var SidebarMenuSubItem = forwardRef2(({ className, children, ...props }, ref) =>
     children: /* @__PURE__ */ jsx2("li", {
       ref: refCb,
       "data-sidebar": "menu-sub-item",
-      className: cn("group/menu-sub-item relative", className),
+      className: cn2("group/menu-sub-item relative", className),
       ...props,
       children
     })
   });
 });
-SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
+SidebarMenuSubItem2.displayName = "SidebarMenuSubItem";
 function MenuRowLabel({
   content,
   lit,
@@ -1309,14 +1309,14 @@ function MenuRowLabel({
   const rest = nodes.slice(i);
   if (!label) {
     return /* @__PURE__ */ jsx2("span", {
-      className: cn("flex min-w-0 flex-1 items-center gap-2 transition-colors duration-fast", lit ? "text-foreground" : "text-muted-foreground", textClass),
+      className: cn2("flex min-w-0 flex-1 items-center gap-2 transition-colors duration-fast", lit ? "text-foreground" : "text-muted-foreground", textClass),
       children: content
     });
   }
   return /* @__PURE__ */ jsxs2(Fragment2, {
     children: [
       /* @__PURE__ */ jsxs2("span", {
-        className: cn("inline-grid min-w-0 text-left", textClass),
+        className: cn2("inline-grid min-w-0 text-left", textClass),
         children: [
           /* @__PURE__ */ jsx2("span", {
             className: "col-start-1 row-start-1 invisible truncate pt-[0.25em] -mt-[0.25em] pb-[0.25em] -mb-[0.25em] weight-semibold [text-box:trim-both_cap_alphabetic]",
@@ -1324,7 +1324,7 @@ function MenuRowLabel({
             children: label
           }),
           /* @__PURE__ */ jsx2("span", {
-            className: cn("col-start-1 row-start-1 truncate pt-[0.25em] -mt-[0.25em] pb-[0.25em] -mb-[0.25em] transition-[color,font-variation-settings] duration-fast [text-box:trim-both_cap_alphabetic]", lit ? "text-foreground" : "text-muted-foreground", emphasized ? "weight-semibold" : "weight-normal"),
+            className: cn2("col-start-1 row-start-1 truncate pt-[0.25em] -mt-[0.25em] pb-[0.25em] -mb-[0.25em] transition-[color,font-variation-settings] duration-fast [text-box:trim-both_cap_alphabetic]", lit ? "text-foreground" : "text-muted-foreground", emphasized ? "weight-semibold" : "weight-normal"),
             children: label
           })
         ]
@@ -1333,7 +1333,7 @@ function MenuRowLabel({
     ]
   });
 }
-var sidebarMenuButtonVariants = cva("peer/menu-button relative z-10 flex w-full cursor-pointer select-none items-center gap-2 pl-2 text-left outline-none disabled:opacity-50 disabled:pointer-events-none transition-[padding] duration-fast pr-[var(--row-gutter)] group-hover/menu-item:pr-[var(--row-gutter-hover)] group-focus-within/menu-item:pr-[var(--row-gutter-hover)] group-hover/menu-sub-item:pr-[var(--row-gutter-hover)] group-focus-within/menu-sub-item:pr-[var(--row-gutter-hover)] group-has-[[data-sidebar=menu-action]:is([data-state=open],[data-popup-open],[aria-expanded=true])]/menu-item:pr-[var(--row-gutter-hover)] group-has-[[data-sidebar=menu-action]:is([data-state=open],[data-popup-open],[aria-expanded=true])]/menu-sub-item:pr-[var(--row-gutter-hover)]", {
+var sidebarMenuButtonVariants2 = cva("peer/menu-button relative z-10 flex w-full cursor-pointer select-none items-center gap-2 pl-2 text-left outline-none disabled:opacity-50 disabled:pointer-events-none transition-[padding] duration-fast pr-[var(--row-gutter)] group-hover/menu-item:pr-[var(--row-gutter-hover)] group-focus-within/menu-item:pr-[var(--row-gutter-hover)] group-hover/menu-sub-item:pr-[var(--row-gutter-hover)] group-focus-within/menu-sub-item:pr-[var(--row-gutter-hover)] group-has-[[data-sidebar=menu-action]:is([data-state=open],[data-popup-open],[aria-expanded=true])]/menu-item:pr-[var(--row-gutter-hover)] group-has-[[data-sidebar=menu-action]:is([data-state=open],[data-popup-open],[aria-expanded=true])]/menu-sub-item:pr-[var(--row-gutter-hover)]", {
   variants: {
     variant: {
       default: "",
@@ -1342,7 +1342,7 @@ var sidebarMenuButtonVariants = cva("peer/menu-button relative z-10 flex w-full
   },
   defaultVariants: { variant: "default" }
 });
-var SidebarMenuButton = forwardRef2(({
+var SidebarMenuButton2 = forwardRef2(({
   isActive = false,
   size = "default",
   variant,
@@ -1360,9 +1360,9 @@ var SidebarMenuButton = forwardRef2(({
 }, ref) => {
   const scope = useContext2(MenuScopeContext);
   const item = useContext2(MenuItemContext);
-  const selection = useContext2(SidebarSelection);
+  const selection = useContext2(SidebarSelection2);
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const buttonRef = useRef2(null);
   const ChevronRightIcon = useIcon("chevron-right");
   const subOpen = item?.subOpen;
@@ -1396,13 +1396,13 @@ var SidebarMenuButton = forwardRef2(({
       Icon && /* @__PURE__ */ jsx2(Icon, {
         size: sizeClasses.icon,
         strokeWidth: lit ? 2 : 1.5,
-        className: cn("shrink-0 transition-[color,stroke-width] duration-fast", lit ? "text-foreground" : "text-muted-foreground")
+        className: cn2("shrink-0 transition-[color,stroke-width] duration-fast", lit ? "text-foreground" : "text-muted-foreground")
       }),
       !Icon && resolvedDot && /* @__PURE__ */ jsx2("span", {
         className: "flex shrink-0 items-center justify-center",
         style: { width: sizeClasses.icon, height: sizeClasses.icon },
         children: /* @__PURE__ */ jsx2("span", {
-          className: cn("size-2 rounded-full transition-colors duration-fast", resolvedDot === "filled" ? lit ? "bg-foreground/60" : "bg-muted-foreground/50" : lit ? "border border-foreground/60" : "border border-muted-foreground/50")
+          className: cn2("size-2 rounded-full transition-colors duration-fast", resolvedDot === "filled" ? lit ? "bg-foreground/60" : "bg-muted-foreground/50" : lit ? "border border-foreground/60" : "border border-muted-foreground/50")
         })
       }),
       /* @__PURE__ */ jsx2(MenuRowLabel, {
@@ -1420,11 +1420,11 @@ var SidebarMenuButton = forwardRef2(({
         children: /* @__PURE__ */ jsx2(motion2.span, {
           className: "inline-flex",
           animate: { rotate: subOpen ? 90 : 0 },
-          transition: spring.fast,
+          transition: spring2.fast,
           children: /* @__PURE__ */ jsx2(ChevronRightIcon, {
             size: sizeClasses.icon,
             strokeWidth: 1.5,
-            className: cn("text-muted-foreground transition-opacity duration-fast", subOpen ? "opacity-0 group-hover/parent-row:opacity-100 group-focus-within/parent-row:opacity-100" : "opacity-100")
+            className: cn2("text-muted-foreground transition-opacity duration-fast", subOpen ? "opacity-0 group-hover/parent-row:opacity-100 group-focus-within/parent-row:opacity-100" : "opacity-100")
           })
         })
       })
@@ -1446,7 +1446,7 @@ var SidebarMenuButton = forwardRef2(({
     "aria-current": effectiveActive ? "page" : undefined,
     "aria-expanded": subOpen,
     tabIndex: tabIdx,
-    className: cn(sidebarMenuButtonVariants({ variant }), heightClass, shape.item, collapsible && "group/parent-row", className),
+    className: cn2(sidebarMenuButtonVariants2({ variant }), heightClass, shape.item, collapsible && "group/parent-row", className),
     onClick: (event) => {
       onClick?.(event);
       if (collapsible)
@@ -1462,10 +1462,10 @@ var SidebarMenuButton = forwardRef2(({
     }
   }, inner);
 });
-SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = forwardRef2(({ className, showOnHover = false, render, asChild, children, onClick, ...props }, ref) => {
+SidebarMenuButton2.displayName = "SidebarMenuButton";
+var SidebarMenuAction2 = forwardRef2(({ className, showOnHover = false, render, asChild, children, onClick, ...props }, ref) => {
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const item = useContext2(MenuItemContext);
   const inCluster = useContext2(MenuActionsClusterContext);
   const { template, content } = resolveSlotTemplate(render, asChild, children);
@@ -1481,7 +1481,7 @@ var SidebarMenuAction = forwardRef2(({ className, showOnHover = false, render, a
     type: template ? undefined : "button",
     "data-sidebar": "menu-action",
     "data-show-on-hover": showOnHover ? "" : undefined,
-    className: cn(inCluster ? "relative flex size-6 shrink-0 items-center justify-center text-muted-foreground outline-none" : "absolute right-1.5 z-10 flex size-6 items-center justify-center text-muted-foreground outline-none", !inCluster && (item?.isSubRow ? "group-has-[>[data-sidebar=menu-badge]]/menu-sub-item:right-8.5" : "group-has-[>[data-sidebar=menu-badge]]/menu-item:right-8.5"), !inCluster && (item?.isSubRow || sizeClasses.variant === "compact" ? "top-0.5" : "top-1"), "hover:bg-hover hover:text-foreground transition-[color,background-color,opacity] duration-fast", "focus-visible:ring-1 focus-visible:ring-focus-ring", "[&_svg]:size-[var(--icon-size)] [&_svg]:shrink-0 [&_svg]:stroke-[1.5] [&_svg]:transition-[stroke-width] [&_svg]:duration-fast hover:[&_svg]:stroke-[2]", shape.item, !inCluster && showOnHover && (item?.isSubRow ? "opacity-0 group-hover/menu-sub-item:opacity-100 group-focus-within/menu-sub-item:opacity-100 data-[state=open]:opacity-100 aria-expanded:opacity-100" : "opacity-0 peer-hover/menu-button:opacity-100 peer-focus-visible/menu-button:opacity-100 hover:opacity-100 focus-visible:opacity-100 data-[state=open]:opacity-100 aria-expanded:opacity-100"), className),
+    className: cn2(inCluster ? "relative flex size-6 shrink-0 items-center justify-center text-muted-foreground outline-none" : "absolute right-1.5 z-10 flex size-6 items-center justify-center text-muted-foreground outline-none", !inCluster && (item?.isSubRow ? "group-has-[>[data-sidebar=menu-badge]]/menu-sub-item:right-8.5" : "group-has-[>[data-sidebar=menu-badge]]/menu-item:right-8.5"), !inCluster && (item?.isSubRow || sizeClasses.variant === "compact" ? "top-0.5" : "top-1"), "hover:bg-hover hover:text-foreground transition-[color,background-color,opacity] duration-fast", "focus-visible:ring-1 focus-visible:ring-focus-ring", "[&_svg]:size-[var(--icon-size)] [&_svg]:shrink-0 [&_svg]:stroke-[1.5] [&_svg]:transition-[stroke-width] [&_svg]:duration-fast hover:[&_svg]:stroke-[2]", shape.item, !inCluster && showOnHover && (item?.isSubRow ? "opacity-0 group-hover/menu-sub-item:opacity-100 group-focus-within/menu-sub-item:opacity-100 data-[state=open]:opacity-100 aria-expanded:opacity-100" : "opacity-0 peer-hover/menu-button:opacity-100 peer-focus-visible/menu-button:opacity-100 hover:opacity-100 focus-visible:opacity-100 data-[state=open]:opacity-100 aria-expanded:opacity-100"), className),
     onClick: (event) => {
       event.stopPropagation();
       onClick?.(event);
@@ -1490,10 +1490,10 @@ var SidebarMenuAction = forwardRef2(({ className, showOnHover = false, render, a
     style: { ...{ "--icon-size": `${sizeClasses.icon}px` }, ...props.style ?? {} }
   }, content);
 });
-SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuActions = forwardRef2(({ className, showOnHover = false, children, ...props }, ref) => {
+SidebarMenuAction2.displayName = "SidebarMenuAction";
+var SidebarMenuActions2 = forwardRef2(({ className, showOnHover = false, children, ...props }, ref) => {
   const item = useContext2(MenuItemContext);
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const count = Children2.count(children);
   const setActions = item?.setActions;
   useIsoLayoutEffect2(() => {
@@ -1503,7 +1503,7 @@ var SidebarMenuActions = forwardRef2(({ className, showOnHover = false, children
   return /* @__PURE__ */ jsx2("div", {
     ref,
     "data-sidebar": "menu-actions",
-    className: cn("absolute right-1.5 z-10 flex items-center gap-1", item?.isSubRow ? "group-has-[>[data-sidebar=menu-badge]]/menu-sub-item:right-8.5" : "group-has-[>[data-sidebar=menu-badge]]/menu-item:right-8.5", item?.isSubRow || sizeClasses.variant === "compact" ? "top-0.5" : "top-1", showOnHover && (item?.isSubRow ? "opacity-0 transition-opacity duration-fast group-hover/menu-sub-item:opacity-100 group-focus-within/menu-sub-item:opacity-100 has-[[data-state=open]]:opacity-100 has-[[data-popup-open]]:opacity-100" : "opacity-0 transition-opacity duration-fast peer-hover/menu-button:opacity-100 peer-focus-visible/menu-button:opacity-100 hover:opacity-100 focus-within:opacity-100 has-[[data-state=open]]:opacity-100 has-[[data-popup-open]]:opacity-100"), className),
+    className: cn2("absolute right-1.5 z-10 flex items-center gap-1", item?.isSubRow ? "group-has-[>[data-sidebar=menu-badge]]/menu-sub-item:right-8.5" : "group-has-[>[data-sidebar=menu-badge]]/menu-item:right-8.5", item?.isSubRow || sizeClasses.variant === "compact" ? "top-0.5" : "top-1", showOnHover && (item?.isSubRow ? "opacity-0 transition-opacity duration-fast group-hover/menu-sub-item:opacity-100 group-focus-within/menu-sub-item:opacity-100 has-[[data-state=open]]:opacity-100 has-[[data-popup-open]]:opacity-100" : "opacity-0 transition-opacity duration-fast peer-hover/menu-button:opacity-100 peer-focus-visible/menu-button:opacity-100 hover:opacity-100 focus-within:opacity-100 has-[[data-state=open]]:opacity-100 has-[[data-popup-open]]:opacity-100"), className),
     ...props,
     children: /* @__PURE__ */ jsx2(MenuActionsClusterContext.Provider, {
       value: true,
@@ -1511,10 +1511,10 @@ var SidebarMenuActions = forwardRef2(({ className, showOnHover = false, children
     })
   });
 });
-SidebarMenuActions.displayName = "SidebarMenuActions";
-var SidebarMenuBadge = forwardRef2(({ className, ...props }, ref) => {
+SidebarMenuActions2.displayName = "SidebarMenuActions";
+var SidebarMenuBadge2 = forwardRef2(({ className, ...props }, ref) => {
   const item = useContext2(MenuItemContext);
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const lit = item?.isActiveRow ?? false;
   const setHasBadge = item?.setHasBadge;
   useIsoLayoutEffect2(() => {
@@ -1524,14 +1524,14 @@ var SidebarMenuBadge = forwardRef2(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx2("div", {
     ref,
     "data-sidebar": "menu-badge",
-    className: cn("pointer-events-none absolute right-2 z-10 flex h-5 min-w-5 items-center justify-center px-1 tabular-nums", sizeClasses.variant === "compact" ? "top-1 text-micro-compact" : "top-1.5 text-micro", "transition-[color,font-variation-settings] duration-fast", lit ? "text-foreground weight-semibold" : "text-muted-foreground weight-normal", className),
+    className: cn2("pointer-events-none absolute right-2 z-10 flex h-5 min-w-5 items-center justify-center px-1 tabular-nums", sizeClasses.variant === "compact" ? "top-1 text-micro-compact" : "top-1.5 text-micro", "transition-[color,font-variation-settings] duration-fast", lit ? "text-foreground weight-semibold" : "text-muted-foreground weight-normal", className),
     ...props
   });
 });
-SidebarMenuBadge.displayName = "SidebarMenuBadge";
+SidebarMenuBadge2.displayName = "SidebarMenuBadge";
 var SKELETON_WIDTHS = ["62%", "74%", "55%", "82%", "68%"];
-var SidebarMenuSkeleton = forwardRef2(({ className, showIcon = false, ...props }, ref) => {
-  const sizeClasses = useSize();
+var SidebarMenuSkeleton2 = forwardRef2(({ className, showIcon = false, ...props }, ref) => {
+  const sizeClasses = useSize2();
   const id = useId2();
   let sum = 0;
   for (let i = 0;i < id.length; i++)
@@ -1540,7 +1540,7 @@ var SidebarMenuSkeleton = forwardRef2(({ className, showIcon = false, ...props }
   return /* @__PURE__ */ jsxs2("div", {
     ref,
     "data-sidebar": "menu-skeleton",
-    className: cn("flex items-center gap-2 px-2", sizeClasses.variant === "compact" ? "h-7" : "h-8", className),
+    className: cn2("flex items-center gap-2 px-2", sizeClasses.variant === "compact" ? "h-7" : "h-8", className),
     ...props,
     children: [
       showIcon && /* @__PURE__ */ jsx2("div", {
@@ -1555,8 +1555,8 @@ var SidebarMenuSkeleton = forwardRef2(({ className, showIcon = false, ...props }
     ]
   });
 });
-SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = forwardRef2(({ className, open: openProp, children, ...props }, ref) => {
+SidebarMenuSkeleton2.displayName = "SidebarMenuSkeleton";
+var SidebarMenuSub2 = forwardRef2(({ className, open: openProp, children, ...props }, ref) => {
   const containerRef = useRef2(null);
   const row = useContext2(MenuItemContext);
   const open = openProp ?? row?.subOpen ?? true;
@@ -1585,10 +1585,10 @@ var SidebarMenuSub = forwardRef2(({ className, open: openProp, children, ...prop
   }
   return /* @__PURE__ */ jsx2(motion2.div, {
     "data-slot": "sidebar-menu-sub-wrapper",
-    className: cn("overflow-hidden", !measured && !open && "h-0"),
+    className: cn2("overflow-hidden", !measured && !open && "h-0"),
     initial: false,
     animate: measured ? { height: open ? contentHeight : 0, opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0 },
-    transition: togglingRef.current ? open ? spring.moderate : spring.moderate.exit : { duration: 0 },
+    transition: togglingRef.current ? open ? spring2.moderate : spring2.moderate.exit : { duration: 0 },
     onAnimationComplete: () => {
       togglingRef.current = false;
     },
@@ -1604,14 +1604,14 @@ var SidebarMenuSub = forwardRef2(({ className, open: openProp, children, ...prop
       "data-state": open ? "open" : "closed",
       "aria-hidden": open ? undefined : true,
       ...open ? {} : { inert: "" },
-      className: cn("relative ml-[15px] flex min-w-0 flex-col border-l border-border pl-2 select-none", className),
+      className: cn2("relative ml-[15px] flex min-w-0 flex-col border-l border-border pl-2 select-none", className),
       ...props,
       children
     })
   });
 });
-SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubButton = forwardRef2(({
+SidebarMenuSub2.displayName = "SidebarMenuSub";
+var SidebarMenuSubButton2 = forwardRef2(({
   isActive: isActiveProp = false,
   size = "md",
   icon: Icon,
@@ -1624,10 +1624,10 @@ var SidebarMenuSubButton = forwardRef2(({
   ...props
 }, ref) => {
   const item = useContext2(MenuItemContext);
-  const selection = useContext2(SidebarSelection);
+  const selection = useContext2(SidebarSelection2);
   const isActive = isActiveProp || value !== undefined && selection?.value === value;
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const buttonRef = useRef2(null);
   const setActive = item?.setActive;
   useIsoLayoutEffect2(() => {
@@ -1663,7 +1663,7 @@ var SidebarMenuSubButton = forwardRef2(({
     "data-active": isActive ? "true" : undefined,
     "aria-current": isActive ? "page" : undefined,
     tabIndex: tabIdx,
-    className: cn("relative z-10 flex w-full cursor-pointer select-none items-center gap-2 pl-2 text-left outline-none", "transition-[padding] duration-fast pr-[var(--row-gutter)] group-hover/menu-sub-item:pr-[var(--row-gutter-hover)] group-focus-within/menu-sub-item:pr-[var(--row-gutter-hover)] group-has-[[data-sidebar=menu-action]:is([data-state=open],[data-popup-open],[aria-expanded=true])]/menu-sub-item:pr-[var(--row-gutter-hover)]", size === "sm" ? "h-6" : sizeClasses.variant === "compact" ? "h-6" : "h-7", shape.item, className),
+    className: cn2("relative z-10 flex w-full cursor-pointer select-none items-center gap-2 pl-2 text-left outline-none", "transition-[padding] duration-fast pr-[var(--row-gutter)] group-hover/menu-sub-item:pr-[var(--row-gutter-hover)] group-focus-within/menu-sub-item:pr-[var(--row-gutter-hover)] group-has-[[data-sidebar=menu-action]:is([data-state=open],[data-popup-open],[aria-expanded=true])]/menu-sub-item:pr-[var(--row-gutter-hover)]", size === "sm" ? "h-6" : sizeClasses.variant === "compact" ? "h-6" : "h-7", shape.item, className),
     onClick: (event) => {
       onClick?.(event);
       if (value !== undefined)
@@ -1676,7 +1676,7 @@ var SidebarMenuSubButton = forwardRef2(({
       Icon && /* @__PURE__ */ jsx2(Icon, {
         size: sizeClasses.icon,
         strokeWidth: lit ? 2 : 1.5,
-        className: cn("shrink-0 transition-[color,stroke-width] duration-fast", lit ? "text-foreground" : "text-muted-foreground")
+        className: cn2("shrink-0 transition-[color,stroke-width] duration-fast", lit ? "text-foreground" : "text-muted-foreground")
       }),
       /* @__PURE__ */ jsx2(MenuRowLabel, {
         content,
@@ -1687,17 +1687,17 @@ var SidebarMenuSubButton = forwardRef2(({
     ]
   }));
 });
-SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
+SidebarMenuSubButton2.displayName = "SidebarMenuSubButton";
 
 // components/navigation/sidebar/index.tsx
 import { jsx as jsx3, jsxs as jsxs3, Fragment as Fragment3 } from "react/jsx-runtime";
 function SidebarSheet({ side, children }) {
-  const { openMobile, setOpenMobile, widthMobile } = useSidebar();
-  return /* @__PURE__ */ jsx3(Sheet, {
+  const { openMobile, setOpenMobile, widthMobile } = useSidebar2();
+  return /* @__PURE__ */ jsx3(Sheet2, {
     side,
     open: openMobile,
     onOpenChange: setOpenMobile,
-    children: /* @__PURE__ */ jsx3(Sheet.Content, {
+    children: /* @__PURE__ */ jsx3(Sheet2.Content, {
       "aria-label": "Sidebar",
       "data-sidebar": "sidebar",
       "data-mobile": "true",
@@ -1709,7 +1709,7 @@ function SidebarSheet({ side, children }) {
     })
   });
 }
-var Sidebar = forwardRef3(({
+var Sidebar2 = forwardRef3(({
   side = "left",
   variant = "sidebar",
   collapsible = "offcanvas",
@@ -1724,10 +1724,10 @@ var Sidebar = forwardRef3(({
   children: parts,
   ...props
 }, ref) => {
-  const { isMobile, width, registerSide } = useSidebar();
+  const { isMobile, width, registerSide } = useSidebar2();
   const [value, setValue] = useControllableState(valueProp, defaultValue, onValueChange);
   const selection = useMemo3(() => ({ value, select: setValue }), [value, setValue]);
-  const children = /* @__PURE__ */ jsx3(SidebarSelection.Provider, {
+  const children = /* @__PURE__ */ jsx3(SidebarSelection2.Provider, {
     value: selection,
     children: parts
   });
@@ -1738,12 +1738,12 @@ var Sidebar = forwardRef3(({
       "data-slot": "sidebar",
       "data-variant": variant,
       "data-side": side,
-      className: cn("peer sticky top-0 flex h-svh shrink-0 flex-col", side === "right" && "order-last", className),
+      className: cn2("peer sticky top-0 flex h-svh shrink-0 flex-col", side === "right" && "order-last", className),
       style: { width, ...style },
       ...props,
       children: /* @__PURE__ */ jsx3("div", {
         "data-sidebar": "sidebar",
-        className: cn("flex h-full w-full min-h-0 flex-col", bordered && variant === "sidebar" && (side === "left" ? "border-r border-border" : "border-l border-border")),
+        className: cn2("flex h-full w-full min-h-0 flex-col", bordered && variant === "sidebar" && (side === "left" ? "border-r border-border" : "border-l border-border")),
         children
       })
     });
@@ -1769,24 +1769,24 @@ var Sidebar = forwardRef3(({
     ]
   });
 });
-Sidebar.displayName = "Sidebar";
-var SidebarContent = forwardRef3(({ className, viewportClassName, children, ...props }, ref) => {
-  const { isMobile } = useSidebar();
+Sidebar2.displayName = "Sidebar";
+var SidebarContent2 = forwardRef3(({ className, viewportClassName, children, ...props }, ref) => {
+  const { isMobile } = useSidebar2();
   if (isMobile) {
     return /* @__PURE__ */ jsx3("div", {
       className: "scroll-divider [--scroll-divider-inset:8px] flex min-h-0 w-full flex-1 flex-col",
       children: /* @__PURE__ */ jsx3("div", {
         ref,
         "data-sidebar": "content",
-        className: cn("scroll-fade flex min-h-0 w-full flex-1 flex-col overflow-y-auto", className),
+        className: cn2("scroll-fade flex min-h-0 w-full flex-1 flex-col overflow-y-auto", className),
         ...props,
         children
       })
     });
   }
-  return /* @__PURE__ */ jsx3(ScrollArea, {
-    className: cn("scroll-divider min-h-0 w-full flex-1", className),
-    viewportClassName: cn("scroll-fade [&>div]:!block [&>div]:!min-w-0", viewportClassName),
+  return /* @__PURE__ */ jsx3(ScrollArea2, {
+    className: cn2("scroll-divider min-h-0 w-full flex-1", className),
+    viewportClassName: cn2("scroll-fade [&>div]:!block [&>div]:!min-w-0", viewportClassName),
     children: /* @__PURE__ */ jsx3("div", {
       ref,
       "data-sidebar": "content",
@@ -1796,33 +1796,33 @@ var SidebarContent = forwardRef3(({ className, viewportClassName, children, ...p
     })
   });
 });
-SidebarContent.displayName = "SidebarContent";
-Object.assign(Sidebar, {
-  Provider: SidebarProvider,
-  Trigger: SidebarTrigger,
-  Rail: SidebarRail,
-  Inset: SidebarInset,
-  Input: SidebarInput,
-  Header: SidebarHeader,
-  Content: SidebarContent,
-  Footer: SidebarFooter,
-  Separator: SidebarSeparator,
-  Group: SidebarGroup,
-  GroupLabel: SidebarGroupLabel,
-  GroupAction: SidebarGroupAction,
-  GroupActions: SidebarGroupActions,
-  GroupContent: SidebarGroupContent,
-  Menu: SidebarMenu,
-  MenuItem: SidebarMenuItem,
-  MenuButton: SidebarMenuButton,
-  MenuAction: SidebarMenuAction,
-  MenuActions: SidebarMenuActions,
-  MenuBadge: SidebarMenuBadge,
-  MenuSkeleton: SidebarMenuSkeleton,
-  MenuSub: SidebarMenuSub,
-  MenuSubItem: SidebarMenuSubItem,
-  MenuSubButton: SidebarMenuSubButton
+SidebarContent2.displayName = "SidebarContent";
+Object.assign(Sidebar2, {
+  Provider: SidebarProvider2,
+  Trigger: SidebarTrigger2,
+  Rail: SidebarRail2,
+  Inset: SidebarInset2,
+  Input: SidebarInput2,
+  Header: SidebarHeader2,
+  Content: SidebarContent2,
+  Footer: SidebarFooter2,
+  Separator: SidebarSeparator2,
+  Group: SidebarGroup2,
+  GroupLabel: SidebarGroupLabel2,
+  GroupAction: SidebarGroupAction2,
+  GroupActions: SidebarGroupActions2,
+  GroupContent: SidebarGroupContent2,
+  Menu: SidebarMenu2,
+  MenuItem: SidebarMenuItem2,
+  MenuButton: SidebarMenuButton2,
+  MenuAction: SidebarMenuAction2,
+  MenuActions: SidebarMenuActions2,
+  MenuBadge: SidebarMenuBadge2,
+  MenuSkeleton: SidebarMenuSkeleton2,
+  MenuSub: SidebarMenuSub2,
+  MenuSubItem: SidebarMenuSubItem2,
+  MenuSubButton: SidebarMenuSubButton2
 });
-var sidebar_default = Sidebar;
+var sidebar_default = Sidebar2;
 
-export { SIDEBAR_COOKIE_NAME, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_WIDTH, SIDEBAR_WIDTH_MOBILE, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_KEYBOARD_SHORTCUT_RIGHT, SIDEBAR_MIN_WIDTH, SIDEBAR_MAX_WIDTH, useSidebar, SidebarProvider, SidebarTrigger, SidebarRail, SidebarInset, SidebarInput, SidebarHeader, SidebarFooter, SidebarSeparator, SidebarGroup, SidebarGroupLabel, SidebarGroupAction, SidebarGroupActions, SidebarGroupContent, SidebarSelection, SidebarMenu, SidebarMenuItem, SidebarMenuSubItem, sidebarMenuButtonVariants, SidebarMenuButton, SidebarMenuAction, SidebarMenuActions, SidebarMenuBadge, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, Sidebar, SidebarContent, sidebar_default };
+export { SIDEBAR_COOKIE_NAME2, SIDEBAR_COOKIE_MAX_AGE2, SIDEBAR_WIDTH2, SIDEBAR_WIDTH_MOBILE2, SIDEBAR_KEYBOARD_SHORTCUT2, SIDEBAR_KEYBOARD_SHORTCUT_RIGHT2, SIDEBAR_MIN_WIDTH2, SIDEBAR_MAX_WIDTH2, useSidebar2, SidebarProvider2, SidebarTrigger2, SidebarRail2, SidebarInset2, SidebarInput2, SidebarHeader2, SidebarFooter2, SidebarSeparator2, SidebarGroup2, SidebarGroupLabel2, SidebarGroupAction2, SidebarGroupActions2, SidebarGroupContent2, SidebarSelection2, SidebarMenu2, SidebarMenuItem2, SidebarMenuSubItem2, sidebarMenuButtonVariants2, SidebarMenuButton2, SidebarMenuAction2, SidebarMenuActions2, SidebarMenuBadge2, SidebarMenuSkeleton2, SidebarMenuSub2, SidebarMenuSubButton2, Sidebar2, SidebarContent2, sidebar_default };