@mihcm/ui 0.14.1 → 0.15.1

package/dist/Sidebar/menu.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Menu list and item: SidebarMenu, SidebarMenuItem, SidebarMenuButton (+ CVA),
+ * SidebarMenuAction, SidebarMenuBadge, SidebarMenuSkeleton.
+ */
+import { forwardRef, } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../internal/cn.js';
+import { Skeleton } from '../Skeleton.js';
+import { Tooltip } from '../Tooltip.js';
+import { useSidebar } from './context.js';
+export const SidebarMenu = forwardRef(function SidebarMenu({ className, ...props }, ref) {
+    return (_jsx("ul", { ref: ref, "data-sidebar": "menu", className: cn('flex w-full min-w-0 flex-col gap-1', className), ...props }));
+});
+export const SidebarMenuItem = forwardRef(function SidebarMenuItem({ className, ...props }, ref) {
+    return (_jsx("li", { ref: ref, "data-sidebar": "menu-item", className: cn('group/menu-item relative', className), ...props }));
+});
+export const sidebarMenuButtonVariants = cva('peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',
+            outline: 'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',
+        },
+        size: {
+            default: 'h-8 text-sm',
+            sm: 'h-7 text-xs',
+            lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+export const SidebarMenuButton = forwardRef(function SidebarMenuButton({ asChild: _asChild, isActive = false, variant, size, tooltip, className, ...props }, ref) {
+    useSidebar();
+    const button = (_jsx("button", { ref: ref, type: "button", "data-sidebar": "menu-button", "data-size": size, "data-active": isActive, className: cn(sidebarMenuButtonVariants({ variant, size }), className), ...props }));
+    if (!tooltip)
+        return button;
+    const tooltipProps = typeof tooltip === 'string' ? { content: tooltip } : tooltip;
+    return (_jsx(Tooltip, { ...tooltipProps, side: "right", children: button }));
+});
+export const SidebarMenuAction = forwardRef(function SidebarMenuAction({ className, asChild: _asChild, showOnHover = false, ...props }, ref) {
+    return (_jsx("button", { ref: ref, type: "button", "data-sidebar": "menu-action", className: cn('absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0', 'after:absolute after:-inset-2 after:md:hidden', 'group-data-[collapsible=icon]:hidden', showOnHover &&
+            'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0', className), ...props }));
+});
+export const SidebarMenuBadge = forwardRef(function SidebarMenuBadge({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "data-sidebar": "menu-badge", className: cn('pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground', 'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground', 'group-data-[collapsible=icon]:hidden', className), ...props }));
+});
+export const SidebarMenuSkeleton = forwardRef(function SidebarMenuSkeleton({ className, showIcon = false, ...props }, ref) {
+    const width = '70%';
+    return (_jsxs("div", { ref: ref, "data-sidebar": "menu-skeleton", className: cn('flex h-8 items-center gap-2 rounded-md px-2', className), ...props, children: [showIcon && _jsx(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }), _jsx(Skeleton, { className: "h-4 max-w-(--skeleton-width) flex-1", "data-sidebar": "menu-skeleton-text", style: { '--skeleton-width': width } })] }));
+});
+//# sourceMappingURL=menu.js.map

package/dist/Sidebar/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/Sidebar/menu.tsx"],"names":[],"mappings":"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"}

package/dist/Sidebar/provider.d.ts

@@ -0,0 +1,33 @@
+/**
+ * SidebarProvider — owns sidebar state, cookie persistence, keyboard shortcut,
+ * and feeds context values to descendant Sidebar pieces.
+ */
+import { type HTMLAttributes } from 'react';
+import { type SidebarCollapsible, type SidebarPosition, type SidebarSide, type SidebarVariant } from './context.js';
+export interface SidebarProviderProps extends HTMLAttributes<HTMLDivElement> {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Initial mobile Sheet open state. Useful for examples and forced mobile previews. */
+    defaultOpenMobile?: boolean;
+    /** Controlled mobile Sheet open state. */
+    openMobile?: boolean;
+    /** Called when mobile Sheet open state changes. */
+    onOpenMobileChange?: (open: boolean) => void;
+    side?: SidebarSide;
+    variant?: SidebarVariant;
+    collapsible?: SidebarCollapsible;
+    position?: SidebarPosition;
+    /** Force mobile behavior for previews/tests. When omitted, matchMedia decides. */
+    mobile?: boolean;
+    /** Breakpoint in px where the sidebar switches to mobile Sheet mode. */
+    mobileBreakpoint?: number;
+    /** Expanded desktop width. */
+    width?: string;
+    /** Collapsed icon-rail width. */
+    iconWidth?: string;
+    /** Mobile Sheet width. */
+    mobileWidth?: string;
+}
+export declare const SidebarProvider: import("react").ForwardRefExoticComponent<SidebarProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=provider.d.ts.map

package/dist/Sidebar/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/Sidebar/provider.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,EAUL,KAAK,kBAAkB,EAEvB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,kFAAkF;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,iHAqK3B,CAAC"}

package/dist/Sidebar/provider.js

@@ -0,0 +1,110 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * SidebarProvider — owns sidebar state, cookie persistence, keyboard shortcut,
+ * and feeds context values to descendant Sidebar pieces.
+ */
+import { forwardRef, useCallback, useEffect, useMemo, useState, } from 'react';
+import { cn } from '../internal/cn.js';
+import { SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_MOBILE_BREAKPOINT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, SidebarContext, useIsMobile, } from './context.js';
+export const SidebarProvider = forwardRef(function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, defaultOpenMobile = false, openMobile: openMobileProp, onOpenMobileChange: setOpenMobileProp, side = 'left', variant = 'sidebar', collapsible = 'offcanvas', position = 'contained', mobile, mobileBreakpoint = SIDEBAR_MOBILE_BREAKPOINT, width = SIDEBAR_WIDTH, iconWidth = SIDEBAR_WIDTH_ICON, mobileWidth = SIDEBAR_WIDTH_MOBILE, className, style, children, ...props }, ref) {
+    const detectedMobile = useIsMobile(mobileBreakpoint);
+    const isMobile = mobile ?? detectedMobile;
+    const [_openMobile, _setOpenMobile] = useState(defaultOpenMobile);
+    const [_open, _setOpen] = useState(defaultOpen);
+    const open = openProp ?? _open;
+    const openMobile = openMobileProp ?? _openMobile;
+    useEffect(() => {
+        if (openProp !== undefined)
+            return;
+        const cookie = document.cookie
+            .split('; ')
+            .find((row) => row.startsWith(`${SIDEBAR_COOKIE_NAME}=`));
+        if (!cookie)
+            return;
+        const nextOpen = cookie.split('=')[1] === 'true';
+        let cancelled = false;
+        queueMicrotask(() => {
+            if (!cancelled) {
+                _setOpen(nextOpen);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [openProp]);
+    const setOpen = useCallback((value) => {
+        const next = typeof value === 'function' ? value(open) : value;
+        if (setOpenProp) {
+            setOpenProp(next);
+        }
+        else {
+            _setOpen(next);
+        }
+        if (typeof document !== 'undefined') {
+            document.cookie = `${SIDEBAR_COOKIE_NAME}=${next}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+        }
+    }, [setOpenProp, open]);
+    const setOpenMobile = useCallback((value) => {
+        const next = typeof value === 'function' ? value(openMobile) : value;
+        if (setOpenMobileProp) {
+            setOpenMobileProp(next);
+        }
+        else {
+            _setOpenMobile(next);
+        }
+    }, [openMobile, setOpenMobileProp]);
+    const toggleSidebar = useCallback(() => {
+        if (collapsible === 'none')
+            return;
+        if (isMobile) {
+            setOpenMobile((prev) => !prev);
+        }
+        else {
+            setOpen((prev) => !prev);
+        }
+    }, [collapsible, isMobile, setOpen, setOpenMobile]);
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === SIDEBAR_KEYBOARD_SHORTCUT && (e.metaKey || e.ctrlKey)) {
+                e.preventDefault();
+                toggleSidebar();
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [toggleSidebar]);
+    const state = open ? 'expanded' : 'collapsed';
+    const value = useMemo(() => ({
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        side,
+        variant,
+        collapsible,
+        position,
+        toggleSidebar,
+    }), [
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        side,
+        variant,
+        collapsible,
+        position,
+        toggleSidebar,
+    ]);
+    return (_jsx(SidebarContext.Provider, { value: value, children: _jsx("div", { ref: ref, style: {
+                '--sidebar-width': width,
+                '--sidebar-width-icon': iconWidth,
+                '--sidebar-width-mobile': mobileWidth,
+                ...style,
+            }, className: cn('group/sidebar-wrapper flex min-h-svh w-full', side === 'right' && 'flex-row-reverse', variant === 'inset' && 'bg-sidebar', className), "data-sidebar": "provider", "data-state": state, "data-collapsible": state === 'collapsed' ? collapsible : '', "data-variant": variant, "data-side": side, "data-position": position, ...props, children: children }) }));
+});
+//# sourceMappingURL=provider.js.map

package/dist/Sidebar/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../src/Sidebar/provider.tsx"],"names":[],"mappings":"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"}

package/dist/Sidebar/sidebar.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Sidebar — the visual container. Three modes selected per context:
+ *   - `collapsible="none"` → static `<nav>` at the configured width.
+ *   - mobile → wrapped in the Sheet primitive.
+ *   - desktop `contained` / `fixed` → either takes space in flow or is fixed
+ *     to the viewport edge, with width transitions and offcanvas handling.
+ */
+import { type HTMLAttributes } from 'react';
+import { type SidebarCollapsible, type SidebarPosition, type SidebarSide, type SidebarVariant } from './context.js';
+export interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    side?: SidebarSide;
+    variant?: SidebarVariant;
+    collapsible?: SidebarCollapsible;
+    position?: SidebarPosition;
+}
+export declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/Sidebar/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/Sidebar/sidebar.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,sGAsJlB,CAAC"}

package/dist/Sidebar/sidebar.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Sidebar — the visual container. Three modes selected per context:
+ *   - `collapsible="none"` → static `<nav>` at the configured width.
+ *   - mobile → wrapped in the Sheet primitive.
+ *   - desktop `contained` / `fixed` → either takes space in flow or is fixed
+ *     to the viewport edge, with width transitions and offcanvas handling.
+ */
+import { forwardRef } from 'react';
+import { cn } from '../internal/cn.js';
+import { Sheet, SheetContent } from '../Sheet.js';
+import { useSidebar, } from './context.js';
+export const Sidebar = forwardRef(function Sidebar({ side, variant, collapsible, position, className, children, ...props }, ref) {
+    const context = useSidebar();
+    const { isMobile, state, openMobile, setOpenMobile } = context;
+    const currentSide = side ?? context.side;
+    const currentVariant = variant ?? context.variant;
+    const currentCollapsible = collapsible ?? context.collapsible;
+    const currentPosition = position ?? context.position;
+    const isCollapsed = state === 'collapsed';
+    const isFloating = currentVariant === 'floating' || currentVariant === 'inset';
+    const isOffcanvasCollapsed = isCollapsed && currentCollapsible === 'offcanvas';
+    const isIconCollapsed = isCollapsed && currentCollapsible === 'icon';
+    const sidebarEdgeBorder = currentSide === 'right'
+        ? 'border-l border-sidebar-border'
+        : 'border-r border-sidebar-border';
+    if (currentCollapsible === 'none') {
+        return (_jsx("nav", { ref: ref, "aria-label": props['aria-label'] ?? 'Sidebar', "data-sidebar": "sidebar", "data-state": state, "data-collapsible": "", "data-variant": currentVariant, "data-side": currentSide, "data-position": currentPosition, className: cn('flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground', isFloating ? 'rounded-lg border border-sidebar-border shadow' : sidebarEdgeBorder, className), ...props, children: children }));
+    }
+    if (isMobile) {
+        return (_jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, children: _jsx(SheetContent, { "data-sidebar": "sidebar", "data-mobile": "true", className: cn('w-(--sidebar-width-mobile) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden', className), side: currentSide, ...props, children: _jsx("nav", { "aria-label": props['aria-label'] ?? 'Sidebar', className: "flex h-full w-full flex-col", children: children }) }) }));
+    }
+    if (currentPosition === 'contained') {
+        return (_jsx("div", { "data-sidebar": "sidebar-container", className: cn('group peer relative hidden h-full shrink-0 overflow-hidden text-sidebar-foreground transition-[width] duration-200 ease-linear md:flex', isOffcanvasCollapsed
+                ? 'w-0'
+                : isIconCollapsed
+                    ? isFloating
+                        ? 'w-[calc(var(--sidebar-width-icon)+theme(spacing.4))]'
+                        : 'w-(--sidebar-width-icon)'
+                    : 'w-(--sidebar-width)', isFloating && !isOffcanvasCollapsed && 'p-2', className), "data-state": state, "data-collapsible": isCollapsed ? currentCollapsible : '', "data-variant": currentVariant, "data-side": currentSide, "data-position": currentPosition, children: _jsx("nav", { ref: ref, "aria-label": props['aria-label'] ?? 'Sidebar', "data-sidebar": "sidebar", className: cn('flex h-full w-full min-w-0 flex-col bg-sidebar', isFloating ? 'rounded-lg border border-sidebar-border shadow' : sidebarEdgeBorder), ...props, children: children }) }));
+    }
+    return (_jsxs("div", { "data-sidebar": "sidebar-container", className: "group peer hidden md:block text-sidebar-foreground", "data-state": state, "data-collapsible": isCollapsed ? currentCollapsible : '', "data-variant": currentVariant, "data-side": currentSide, "data-position": currentPosition, children: [_jsx("div", { className: cn('relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear', 'group-data-[collapsible=offcanvas]:w-0', 'group-data-[side=right]:rotate-180', isFloating
+                    ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+theme(spacing.4))]'
+                    : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)') }), _jsx("div", { className: cn('fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex', currentSide === 'left'
+                    ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'
+                    : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]', isFloating
+                    ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+theme(spacing.4)+2px)]'
+                    : cn('group-data-[collapsible=icon]:w-(--sidebar-width-icon)', 'border-sidebar-border', currentSide === 'right' ? 'group-data-[variant=sidebar]:border-l' : 'group-data-[variant=sidebar]:border-r'), className), ...props, children: _jsx("nav", { ref: ref, "aria-label": props['aria-label'] ?? 'Sidebar', "data-sidebar": "sidebar", className: cn('flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow'), children: children }) })] }));
+});
+//# sourceMappingURL=sidebar.js.map

package/dist/Sidebar/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../src/Sidebar/sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/Sidebar/submenu.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Sub-menu pieces: SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton.
+ */
+import { type AnchorHTMLAttributes, type HTMLAttributes } from 'react';
+export declare const SidebarMenuSub: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;
+export declare const SidebarMenuSubItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+export interface SidebarMenuSubButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    asChild?: boolean;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+}
+export declare const SidebarMenuSubButton: import("react").ForwardRefExoticComponent<SidebarMenuSubButtonProps & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=submenu.d.ts.map

package/dist/Sidebar/submenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"submenu.d.ts","sourceRoot":"","sources":["../../src/Sidebar/submenu.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGnF,eAAO,MAAM,cAAc,+HAe1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,yHAI9B,CAAC;AAEF,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,yHAoBhC,CAAC"}

package/dist/Sidebar/submenu.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Sub-menu pieces: SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton.
+ */
+import { forwardRef } from 'react';
+import { cn } from '../internal/cn.js';
+export const SidebarMenuSub = forwardRef(function SidebarMenuSub({ className, ...props }, ref) {
+    return (_jsx("ul", { ref: ref, "data-sidebar": "menu-sub", className: cn('mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5', 'group-data-[collapsible=icon]:hidden', className), ...props }));
+});
+export const SidebarMenuSubItem = forwardRef(function SidebarMenuSubItem({ ...props }, ref) {
+    return _jsx("li", { ref: ref, ...props });
+});
+export const SidebarMenuSubButton = forwardRef(function SidebarMenuSubButton({ asChild: _asChild, size = 'md', isActive, className, ...props }, ref) {
+    return (_jsx("a", { ref: ref, "data-sidebar": "menu-sub-button", "data-size": size, "data-active": isActive, className: cn('flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', 'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground', size === 'sm' && 'text-xs', size === 'md' && 'text-sm', 'group-data-[collapsible=icon]:hidden', className), ...props }));
+});
+//# sourceMappingURL=submenu.js.map

package/dist/Sidebar/submenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submenu.js","sourceRoot":"","sources":["../../src/Sidebar/submenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;GAEG;AACH,OAAO,EAAE,UAAU,EAAkD,MAAM,OAAO,CAAC;AACnF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClD,OAAO,CACL,aACE,GAAG,EAAE,GAAG,kBACK,UAAU,EACvB,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,sCAAsC,EACtC,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC3C,OAAO,aAAI,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AACrC,CAAC,CACF,CAAC;AAQF,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAC5C,SAAS,oBAAoB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClG,OAAO,CACL,YACE,GAAG,EAAE,GAAG,kBACK,iBAAiB,eACnB,IAAI,iBACF,QAAQ,EACrB,SAAS,EAAE,EAAE,CACX,scAAsc,EACtc,wFAAwF,EACxF,IAAI,KAAK,IAAI,IAAI,SAAS,EAC1B,IAAI,KAAK,IAAI,IAAI,SAAS,EAC1B,sCAAsC,EACtC,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/Sidebar/trigger.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Edge / chrome pieces: SidebarTrigger, SidebarRail, SidebarInset, SidebarInput.
+ */
+import { type HTMLAttributes } from 'react';
+export declare const SidebarTrigger: import("react").ForwardRefExoticComponent<Omit<import("../Button.js").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SidebarRail: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SidebarInset: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarInput: import("react").ForwardRefExoticComponent<Omit<import("../Input.js").InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=trigger.d.ts.map

package/dist/Sidebar/trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../src/Sidebar/trigger.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAO7E,eAAO,MAAM,cAAc,kMA6BzB,CAAC;AAEH,eAAO,MAAM,WAAW,iIA2BvB,CAAC;AAEF,eAAO,MAAM,YAAY,2HAcxB,CAAC;AAEF,eAAO,MAAM,YAAY,8LAevB,CAAC"}

package/dist/Sidebar/trigger.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Edge / chrome pieces: SidebarTrigger, SidebarRail, SidebarInset, SidebarInput.
+ */
+import { forwardRef } from 'react';
+import { cn } from '../internal/cn.js';
+import { Button } from '../Button.js';
+import { Input } from '../Input.js';
+import { useSidebar } from './context.js';
+import { PanelLeftIcon, PanelRightIcon } from './icons.js';
+export const SidebarTrigger = forwardRef(function SidebarTrigger({ className, disabled, onClick, ...props }, ref) {
+    const { isMobile, open, openMobile, collapsible, side, toggleSidebar } = useSidebar();
+    const expanded = collapsible === 'none' ? true : isMobile ? openMobile : open;
+    const isDisabled = disabled || collapsible === 'none';
+    return (_jsxs(Button, { ref: ref, "data-sidebar": "trigger", "aria-expanded": expanded, "aria-disabled": isDisabled || undefined, disabled: isDisabled, variant: "ghost", size: "icon", className: cn('size-7', className), onClick: (e) => {
+            onClick?.(e);
+            if (collapsible === 'none')
+                return;
+            toggleSidebar();
+        }, ...props, children: [side === 'right' ? _jsx(PanelRightIcon, {}) : _jsx(PanelLeftIcon, {}), _jsx("span", { className: "sr-only", children: "Toggle Sidebar" })] }));
+});
+export const SidebarRail = forwardRef(function SidebarRail({ className, ...props }, ref) {
+    const { toggleSidebar } = useSidebar();
+    return (_jsx("button", { ref: ref, type: "button", "data-sidebar": "rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn('absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] group-data-[side=left]:-right-4 group-data-[side=left]:-translate-x-1/2 group-data-[side=right]:-left-4 group-data-[side=right]:translate-x-1/2 sm:flex', 'hover:after:bg-sidebar-border', '[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize', '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize', 'group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar', '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=left][data-collapsible=offcanvas]_&]:translate-x-0', '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2 [[data-side=right][data-collapsible=offcanvas]_&]:translate-x-0', className), ...props }));
+});
+export const SidebarInset = forwardRef(function SidebarInset({ className, ...props }, ref) {
+    return (_jsx("main", { ref: ref, className: cn('relative flex min-h-svh flex-1 flex-col bg-background', 'peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[side=left]:peer-data-[variant=inset]:ml-0 md:peer-data-[side=right]:peer-data-[variant=inset]:mr-0 md:peer-data-[side=left]:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[side=right]:peer-data-[state=collapsed]:peer-data-[variant=inset]:mr-2 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow', className), ...props }));
+});
+export const SidebarInput = forwardRef(function SidebarInput({ className, ...props }, ref) {
+    return (_jsx(Input, { ref: ref, "data-sidebar": "input", className: cn('h-8 w-full bg-background shadow-none focus-within:ring-2 focus-within:ring-sidebar-ring', className), ...props }));
+});
+//# sourceMappingURL=trigger.js.map

package/dist/Sidebar/trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.js","sourceRoot":"","sources":["../../src/Sidebar/trigger.tsx"],"names":[],"mappings":"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"}

package/dist/Sidebar.d.ts

@@ -1,10 +1,9 @@
 /**
  * Sidebar (web-only — React DOM).
  *
- * A composable, collapsible sidebar with mobile sheet support,
- * keyboard shortcuts (Ctrl/Cmd+B), and cookie persistence.
- *
- * Composes: Button, Sheet, Separator, Skeleton, Tooltip, Input.
+ * A composable, collapsible sidebar with mobile sheet support, keyboard
+ * shortcut (Ctrl/Cmd+B), and cookie persistence. Composes Button, Sheet,
+ * Separator, Skeleton, Tooltip, Input.
  *
  *   <SidebarProvider>
  *     <Sidebar>
@@ -26,106 +25,17 @@
  *     <SidebarInset>…main content…</SidebarInset>
  *   </SidebarProvider>
  *
+ * Public barrel — implementation is split across `./Sidebar/*` so each
+ * file stays under the 400-line rule (CLAUDE.md §6).
+ *
  * Wiki: docs/components/Sidebar.md
  */
-import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ComponentProps, type HTMLAttributes } from 'react';
-import { type VariantProps } from 'class-variance-authority';
-import { Tooltip } from './Tooltip.js';
-type SidebarSide = 'left' | 'right';
-type SidebarVariant = 'sidebar' | 'floating' | 'inset';
-type SidebarCollapsible = 'offcanvas' | 'icon' | 'none';
-type SidebarPosition = 'contained' | 'fixed';
-interface SidebarContextValue {
-    state: 'expanded' | 'collapsed';
-    open: boolean;
-    setOpen: (open: boolean | ((prev: boolean) => boolean)) => void;
-    openMobile: boolean;
-    setOpenMobile: (open: boolean | ((prev: boolean) => boolean)) => void;
-    isMobile: boolean;
-    side: SidebarSide;
-    variant: SidebarVariant;
-    collapsible: SidebarCollapsible;
-    position: SidebarPosition;
-    toggleSidebar: () => void;
-}
-export declare function useSidebar(): SidebarContextValue;
-export interface SidebarProviderProps extends HTMLAttributes<HTMLDivElement> {
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    /** Initial mobile Sheet open state. Useful for examples and forced mobile previews. */
-    defaultOpenMobile?: boolean;
-    /** Controlled mobile Sheet open state. */
-    openMobile?: boolean;
-    /** Called when mobile Sheet open state changes. */
-    onOpenMobileChange?: (open: boolean) => void;
-    side?: SidebarSide;
-    variant?: SidebarVariant;
-    collapsible?: SidebarCollapsible;
-    position?: SidebarPosition;
-    /** Force mobile behavior for previews/tests. When omitted, matchMedia decides. */
-    mobile?: boolean;
-    /** Breakpoint in px where the sidebar switches to mobile Sheet mode. */
-    mobileBreakpoint?: number;
-    /** Expanded desktop width. */
-    width?: string;
-    /** Collapsed icon-rail width. */
-    iconWidth?: string;
-    /** Mobile Sheet width. */
-    mobileWidth?: string;
-}
-export declare const SidebarProvider: import("react").ForwardRefExoticComponent<SidebarProviderProps & import("react").RefAttributes<HTMLDivElement>>;
-export interface SidebarProps extends HTMLAttributes<HTMLElement> {
-    side?: SidebarSide;
-    variant?: SidebarVariant;
-    collapsible?: SidebarCollapsible;
-    position?: SidebarPosition;
-}
-export declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLElement>>;
-export declare const SidebarTrigger: import("react").ForwardRefExoticComponent<Omit<import("./Button.js").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SidebarRail: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SidebarInset: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SidebarInput: import("react").ForwardRefExoticComponent<Omit<import("./Input.js").InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export declare const SidebarHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SidebarFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SidebarContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SidebarSeparator: import("react").ForwardRefExoticComponent<Omit<import("./Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SidebarGroup: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SidebarGroupLabel: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    asChild?: boolean;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SidebarGroupAction: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
-} & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SidebarGroupContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SidebarMenu: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;
-export declare const SidebarMenuItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
-export declare const sidebarMenuButtonVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface SidebarMenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof sidebarMenuButtonVariants> {
-    asChild?: boolean;
-    isActive?: boolean;
-    tooltip?: string | ComponentProps<typeof Tooltip>;
-}
-export declare const SidebarMenuButton: import("react").ForwardRefExoticComponent<SidebarMenuButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SidebarMenuAction: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
-    showOnHover?: boolean;
-} & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const SidebarMenuBadge: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export interface SidebarMenuSkeletonProps extends HTMLAttributes<HTMLDivElement> {
-    showIcon?: boolean;
-}
-export declare const SidebarMenuSkeleton: import("react").ForwardRefExoticComponent<SidebarMenuSkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SidebarMenuSub: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;
-export declare const SidebarMenuSubItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
-export interface SidebarMenuSubButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    asChild?: boolean;
-    size?: 'sm' | 'md';
-    isActive?: boolean;
-}
-export declare const SidebarMenuSubButton: import("react").ForwardRefExoticComponent<SidebarMenuSubButtonProps & import("react").RefAttributes<HTMLAnchorElement>>;
-export {};
+export { useSidebar } from './Sidebar/context.js';
+export { SidebarProvider, type SidebarProviderProps } from './Sidebar/provider.js';
+export { Sidebar, type SidebarProps } from './Sidebar/sidebar.js';
+export { SidebarInput, SidebarInset, SidebarRail, SidebarTrigger, } from './Sidebar/trigger.js';
+export { SidebarContent, SidebarFooter, SidebarHeader, SidebarSeparator, } from './Sidebar/layout.js';
+export { SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, } from './Sidebar/group.js';
+export { SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, sidebarMenuButtonVariants, type SidebarMenuButtonProps, type SidebarMenuSkeletonProps, } from './Sidebar/menu.js';
+export { SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, type SidebarMenuSubButtonProps, } from './Sidebar/submenu.js';
 //# sourceMappingURL=Sidebar.d.ts.map

package/dist/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../src/Sidebar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,EAQL,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGvC,KAAK,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AACpC,KAAK,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AACvD,KAAK,kBAAkB,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AACxD,KAAK,eAAe,GAAG,WAAW,GAAG,OAAO,CAAC;AA0E7C,UAAU,mBAAmB;IAC3B,KAAK,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC;IAChE,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,cAAc,CAAC;IACxB,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,EAAE,eAAe,CAAC;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAID,wBAAgB,UAAU,wBAMzB;AAID,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,kFAAkF;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,iHAuK3B,CAAC;AAIF,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,sGAuJlB,CAAC;AAIH,eAAO,MAAM,cAAc,iMA6BzB,CAAC;AAIH,eAAO,MAAM,WAAW,iIA2BvB,CAAC;AAIF,eAAO,MAAM,YAAY,2HAcxB,CAAC;AAIF,eAAO,MAAM,YAAY,6LAevB,CAAC;AAIH,eAAO,MAAM,aAAa,2HAWzB,CAAC;AAEF,eAAO,MAAM,aAAa,2HAWzB,CAAC;AAEF,eAAO,MAAM,cAAc,2HAc1B,CAAC;AAIF,eAAO,MAAM,gBAAgB,iMAY3B,CAAC;AAIH,eAAO,MAAM,YAAY,2HAWxB,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAA2E,OAAO;kDAe/G,CAAC;AAEF,eAAO,MAAM,kBAAkB;cAAuF,OAAO;qDAiB5H,CAAC;AAEF,eAAO,MAAM,mBAAmB,2HAW/B,CAAC;AAIF,eAAO,MAAM,WAAW,+HAWvB,CAAC;AAEF,eAAO,MAAM,eAAe,yHAW3B,CAAC;AAIF,eAAO,MAAM,yBAAyB;;;8EAoBrC,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,yBAAyB,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,iBAAiB,sHA8B7B,CAAC;AAIF,eAAO,MAAM,iBAAiB;cAE0B,OAAO;kBAAgB,OAAO;qDAkBpF,CAAC;AAIH,eAAO,MAAM,gBAAgB,2HAgB5B,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,qHAqB/B,CAAC;AAIF,eAAO,MAAM,cAAc,+HAe1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,yHAI9B,CAAC;AAEF,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,yHAoBhC,CAAC"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../src/Sidebar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,cAAc,GACf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,cAAc,EACd,aAAa,EACb,aAAa,EACb,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,yBAAyB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,GAC9B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,KAAK,yBAAyB,GAC/B,MAAM,sBAAsB,CAAC"}