@mihcm/ui 0.14.1

package/dist/Sidebar.js

@@ -0,0 +1,328 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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.
+ *
+ *   <SidebarProvider>
+ *     <Sidebar>
+ *       <SidebarHeader />
+ *       <SidebarContent>
+ *         <SidebarGroup>
+ *           <SidebarGroupLabel>Navigation</SidebarGroupLabel>
+ *           <SidebarGroupContent>
+ *             <SidebarMenu>
+ *               <SidebarMenuItem>
+ *                 <SidebarMenuButton>Dashboard</SidebarMenuButton>
+ *               </SidebarMenuItem>
+ *             </SidebarMenu>
+ *           </SidebarGroupContent>
+ *         </SidebarGroup>
+ *       </SidebarContent>
+ *       <SidebarFooter />
+ *     </Sidebar>
+ *     <SidebarInset>…main content…</SidebarInset>
+ *   </SidebarProvider>
+ *
+ * Wiki: docs/components/Sidebar.md
+ */
+import { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useState, } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+import { Button } from './Button.js';
+import { Sheet, SheetContent } from './Sheet.js';
+import { Separator } from './Separator.js';
+import { Skeleton } from './Skeleton.js';
+import { Tooltip } from './Tooltip.js';
+import { Input } from './Input.js';
+/* ── Inline icon (avoids a lucide-react dep on the ui package) ───── */
+function PanelLeftIcon() {
+    return (_jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-4 w-4", children: [_jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), _jsx("path", { d: "M9 3v18" })] }));
+}
+function PanelRightIcon() {
+    return (_jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-4 w-4", children: [_jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), _jsx("path", { d: "M15 3v18" })] }));
+}
+/* ── Constants ─────────────────────────────────────────────────────── */
+const SIDEBAR_COOKIE_NAME = 'sidebar_state';
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7; // 7 days
+const SIDEBAR_WIDTH = '16rem';
+const SIDEBAR_WIDTH_ICON = '3rem';
+const SIDEBAR_WIDTH_MOBILE = '18rem';
+const SIDEBAR_KEYBOARD_SHORTCUT = 'b';
+const SIDEBAR_MOBILE_BREAKPOINT = 768;
+/* ── useIsMobile (inline) ──────────────────────────────────────────── */
+function useIsMobile(breakpoint) {
+    const [isMobile, setIsMobile] = useState(false);
+    useEffect(() => {
+        if (typeof window.matchMedia !== 'function') {
+            return;
+        }
+        const mql = window.matchMedia(`(max-width: ${breakpoint}px)`);
+        const onChange = () => setIsMobile(mql.matches);
+        onChange();
+        mql.addEventListener('change', onChange);
+        return () => mql.removeEventListener('change', onChange);
+    }, [breakpoint]);
+    return isMobile;
+}
+const SidebarContext = createContext(null);
+export function useSidebar() {
+    const ctx = useContext(SidebarContext);
+    if (!ctx) {
+        throw new Error('useSidebar must be used within a <SidebarProvider>.');
+    }
+    return ctx;
+}
+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);
+    // Start from props so server and initial client render match.
+    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]);
+    // Keyboard shortcut: Ctrl+B / Cmd+B
+    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 }) }));
+});
+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 }) })] }));
+});
+/* ── SidebarTrigger ────────────────────────────────────────────────── */
+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" })] }));
+});
+/* ── SidebarRail ───────────────────────────────────────────────────── */
+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 }));
+});
+/* ── SidebarInset ──────────────────────────────────────────────────── */
+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 }));
+});
+/* ── SidebarInput ──────────────────────────────────────────────────── */
+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 }));
+});
+/* ── Layout sections ───────────────────────────────────────────────── */
+export const SidebarHeader = forwardRef(function SidebarHeader({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "data-sidebar": "header", className: cn('flex flex-col gap-2 p-2', className), ...props }));
+});
+export const SidebarFooter = forwardRef(function SidebarFooter({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "data-sidebar": "footer", className: cn('flex flex-col gap-2 p-2', className), ...props }));
+});
+export const SidebarContent = forwardRef(function SidebarContent({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "data-sidebar": "content", className: cn('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', className), ...props }));
+});
+/* ── SidebarSeparator ──────────────────────────────────────────────── */
+export const SidebarSeparator = forwardRef(function SidebarSeparator({ className, ...props }, ref) {
+    return (_jsx(Separator, { ref: ref, "data-sidebar": "separator", className: cn('mx-2 w-auto bg-sidebar-border', className), ...props }));
+});
+/* ── Group ─────────────────────────────────────────────────────────── */
+export const SidebarGroup = forwardRef(function SidebarGroup({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "data-sidebar": "group", className: cn('relative flex w-full min-w-0 flex-col p-2', className), ...props }));
+});
+export const SidebarGroupLabel = forwardRef(function SidebarGroupLabel({ className, asChild: _asChild, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "data-sidebar": "group-label", className: cn('flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2', 'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0', className), ...props }));
+});
+export const SidebarGroupAction = forwardRef(function SidebarGroupAction({ className, asChild: _asChild, ...props }, ref) {
+    return (_jsx("button", { ref: ref, type: "button", "data-sidebar": "group-action", className: cn('absolute right-3 top-3.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 [&>svg]:size-4 [&>svg]:shrink-0', 'after:absolute after:-inset-2 after:md:hidden', 'group-data-[collapsible=icon]:hidden', className), ...props }));
+});
+export const SidebarGroupContent = forwardRef(function SidebarGroupContent({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "data-sidebar": "group-content", className: cn('w-full text-sm', className), ...props }));
+});
+/* ── Menu ──────────────────────────────────────────────────────────── */
+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 }));
+});
+/* ── SidebarMenuButton ─────────────────────────────────────────────── */
+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 }));
+});
+/* ── SidebarMenuAction ─────────────────────────────────────────────── */
+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 }));
+});
+/* ── SidebarMenuBadge ──────────────────────────────────────────────── */
+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) {
+    // Fixed skeleton width — visual variety comes from multiple instances
+    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 } })] }));
+});
+/* ── Sub-menu ──────────────────────────────────────────────────────── */
+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=Sidebar.js.map

package/dist/Sidebar.js.map

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

package/dist/Skeleton.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Skeleton (web variant — React DOM).
+ *
+ * A pulsing placeholder block for loading states. Always use a
+ * skeleton over a spinner where you can — it preserves layout and
+ * communicates structure to the user.
+ *
+ * Wiki: docs/components/Skeleton.md
+ */
+import { type HTMLAttributes } from 'react';
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../src/Skeleton.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAExE,eAAO,MAAM,QAAQ,0GAYnB,CAAC"}

package/dist/Skeleton.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Skeleton (web variant — React DOM).
+ *
+ * A pulsing placeholder block for loading states. Always use a
+ * skeleton over a spinner where you can — it preserves layout and
+ * communicates structure to the user.
+ *
+ * Wiki: docs/components/Skeleton.md
+ */
+import { forwardRef } from 'react';
+import { cn } from './internal/cn.js';
+export const Skeleton = forwardRef(function Skeleton({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "aria-hidden": true, className: cn('animate-pulse rounded-md bg-muted', className), ...props }));
+});
+//# sourceMappingURL=Skeleton.js.map

package/dist/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../src/Skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;GAQG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAItC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAgC,SAAS,QAAQ,CACjF,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,OAAO,CACL,cACE,GAAG,EAAE,GAAG,uBAER,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,KACzD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Skeleton.native.d.ts

@@ -0,0 +1,6 @@
+import { Animated, type ViewProps } from 'react-native';
+export interface SkeletonProps extends Omit<ViewProps, 'style'> {
+    className?: string;
+}
+export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<import("react-native").View | Animated.LegacyRef<import("react-native").View>>>;
+//# sourceMappingURL=Skeleton.native.d.ts.map

package/dist/Skeleton.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.native.d.ts","sourceRoot":"","sources":["../src/Skeleton.native.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGxD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,eAAO,MAAM,QAAQ,yKA2BnB,CAAC"}

package/dist/Skeleton.native.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Skeleton (React Native variant).
+ *
+ * Pulsing placeholder for loading states. Uses RN's Animated for a
+ * universal opacity loop (no Reanimated dependency) so the primitive
+ * is drop-in for Expo apps without extra config.
+ *
+ * Wiki: docs/components/Skeleton.md
+ */
+import { forwardRef, useEffect, useRef } from 'react';
+import { Animated } from 'react-native';
+import { cn } from './internal/cn.js';
+export const Skeleton = forwardRef(function Skeleton({ className, ...props }, ref) {
+    const opacity = useRef(new Animated.Value(0.5)).current;
+    useEffect(() => {
+        const loop = Animated.loop(Animated.sequence([
+            Animated.timing(opacity, { toValue: 1, duration: 700, useNativeDriver: true }),
+            Animated.timing(opacity, { toValue: 0.5, duration: 700, useNativeDriver: true }),
+        ]));
+        loop.start();
+        return () => loop.stop();
+    }, [opacity]);
+    return (_jsx(Animated.View, { ref: ref, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: { opacity }, className: cn('rounded-md bg-muted', className), ...props }));
+});
+//# sourceMappingURL=Skeleton.native.js.map

package/dist/Skeleton.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.native.js","sourceRoot":"","sources":["../src/Skeleton.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAqB,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAkB,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAQtC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAiC,SAAS,QAAQ,CAClF,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CACxB,QAAQ,CAAC,QAAQ,CAAC;YAChB,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;YAC9E,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;SACjF,CAAC,CACH,CAAC;QACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,IACZ,GAAG,EAAE,GAAG,EACR,2BAA2B,QAC3B,yBAAyB,EAAC,qBAAqB,EAC/C,KAAK,EAAE,EAAE,OAAO,EAAE,EAClB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAC3C,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/Slider.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Slider (web variant — React DOM).
+ *
+ * Range input powered by Radix Slider. Supports single value
+ * and dual-thumb range mode.
+ *
+ *   <Slider defaultValue={[50]} max={100} step={1} />
+ *   <Slider defaultValue={[25, 75]} max={100} step={5} />
+ *
+ * Wiki: docs/components/Slider.md
+ */
+import { type ComponentPropsWithoutRef } from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+export type SliderTone = 'primary' | 'accent' | 'success' | 'warning' | 'danger';
+export interface SliderSegment {
+    /** Inclusive lower percentage bound. */
+    from: number;
+    /** Exclusive upper percentage bound, except the last segment may include 100. */
+    to: number;
+    /** Semantic tone used while the value is inside this segment. */
+    tone: SliderTone;
+}
+export type SliderValueLabelPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export type SliderTrackLabelPosition = 'none' | 'top' | 'bottom' | 'inline';
+export type SliderLabelGap = 'none' | 'xs' | 'sm' | 'md';
+export interface SliderProps extends ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
+    /** Visual size variant. */
+    size?: 'sm' | 'md' | 'lg';
+    /** Fixed range tone or value-based threshold tone. */
+    tone?: SliderTone | 'segmented';
+    /** Use value-based semantic color thresholds instead of one fixed tone. Prefer this over `tone="segmented"`. */
+    segmented?: boolean;
+    /** Custom percentage thresholds for `segmented` mode. */
+    segments?: SliderSegment[];
+    /** Additional className for the active range. */
+    rangeClassName?: string;
+    /** Show the current value label above or below the bar. */
+    showValue?: boolean;
+    /** Position for the visible value label. */
+    valueLabelPosition?: SliderValueLabelPosition;
+    /** Override the visible value label. */
+    valueLabel?: string;
+    /** Format the visible value label from the current values. */
+    valueFormatter?: (value: number[], percentage: number, max: number) => string;
+    /** Show min/max scale labels around the slider. */
+    showTrackLabels?: boolean;
+    /** Position for min/max scale labels. */
+    trackLabelPosition?: SliderTrackLabelPosition;
+    /** Override the visible minimum scale label. */
+    minLabel?: string;
+    /** Override the visible maximum scale label. */
+    maxLabel?: string;
+    /** Format min/max scale labels from the current numeric bounds. */
+    trackLabelFormatter?: (value: number, position: 'min' | 'max') => string;
+    /** Vertical gap between the track and top/bottom label rows. */
+    labelGap?: SliderLabelGap;
+    /** Gap between a left/right value label and the adjacent min/max scale label. */
+    labelGroupGap?: SliderLabelGap;
+    /** Additional className for value and min/max labels. */
+    labelClassName?: string;
+}
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Slider.d.ts.map

package/dist/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../src/Slider.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,EAAwB,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AAC7F,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjF,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IACX,iEAAiE;IACjE,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,MAAM,wBAAwB,GAChC,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AACnB,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC5E,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD,MAAM,WAAW,WAAY,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACxF,2BAA2B;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sDAAsD;IACtD,IAAI,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC,gHAAgH;IAChH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,wBAAwB,CAAC;IAC9C,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9E,mDAAmD;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,wBAAwB,CAAC;IAC9C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,KAAK,MAAM,CAAC;IACzE,gEAAgE;IAChE,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,iFAAiF;IACjF,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAuDD,eAAO,MAAM,MAAM,yGA2JlB,CAAC"}