@mihcm/ui 0.14.1 → 0.15.1

package/dist/Sidebar.js

@@ -1,12 +1,10 @@
 '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.
+ * 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>
@@ -28,301 +26,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *     <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 { 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 }));
-});
+export { useSidebar } from './Sidebar/context.js';
+export { SidebarProvider } from './Sidebar/provider.js';
+export { Sidebar } 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, } from './Sidebar/menu.js';
+export { SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from './Sidebar/submenu.js';
 //# sourceMappingURL=Sidebar.js.map

package/dist/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../src/Sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../src/Sidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,eAAe,EAA6B,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,OAAO,EAAqB,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,GAG1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,kBAAkB,GAEnB,MAAM,sBAAsB,CAAC"}

package/dist/StatCard.d.ts

@@ -1,16 +1,25 @@
 /**
  * StatCard (web variant — React DOM).
  *
- * Centered icon tile + big number + label, used in the "Quick stats"
- * row of the MiHCM Security prototype (Active Roles / Total Users /
- * Modules). Four tones cover the common meanings; the icon is sized
- * to 18 px inside a 36×36 rounded tile.
+ * Seven layout variants for product KPI surfaces:
+ *
+ *   - `default`      — Centered icon tile + big number + label (original layout)
+ *   - `inline`       — Icon left, value + label stacked right (compact rows)
+ *   - `delta`        — Value + ↑/↓ percentage in a semantic tone
+ *   - `trend`        — Value + delta + inline SparkChart trend (Stripe / Tremor)
+ *   - `progress`     — Value + thin progress bar (current / max goal)
+ *   - `distribution` — Value + segmented CategoryBar breakdown
+ *   - `hero`         — Single huge number, no chrome (marketing / summary callouts)
+ *
+ * All variants share `value`, `label`, optional `icon`, and the 6-tone palette.
+ * Variant-specific props (`delta`, `sparkline`, `max`, `segments`) are typed
+ * via a discriminated union so consumers can't mix prop sets by mistake.
  *
  * Wiki: docs/components/StatCard.md
  */
 import { type HTMLAttributes, type ReactNode } from 'react';
-import { type VariantProps } from 'class-variance-authority';
-export declare const statCardVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+import { type CategoryBarItem } from './CategoryBar.js';
+import { type SparkChartTone } from './SparkChart.js';
 declare const TILE_TONE: {
     readonly primary: "bg-primary-50 text-primary dark:bg-primary-950 dark:text-primary-300";
     readonly accent: "bg-accent-50 text-accent";
@@ -20,16 +29,65 @@ declare const TILE_TONE: {
     readonly neutral: "bg-muted text-muted-foreground";
 };
 export type StatCardTone = keyof typeof TILE_TONE;
-export interface StatCardProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statCardVariants> {
+export interface StatCardDelta {
+    /** Magnitude — e.g. `8.4` renders as `+8.4%`. */
+    value: number;
+    /** Direction of change. `flat` skips the arrow. */
+    direction: 'up' | 'down' | 'flat';
+    /** Override the auto-formatted display (default: `+8.4%` / `-3.1%`). */
+    formatted?: string;
+    /**
+     * Whether an `up` direction means a positive outcome. Defaults to `true`.
+     * Set `false` for metrics where down-is-better (failed jobs, error rate).
+     */
+    positiveIsGood?: boolean;
+}
+interface BaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Big number / metric. */
     value: ReactNode;
-    /** Caption shown below the value. */
+    /** Caption shown beside / below the value. */
     label: ReactNode;
-    /** Optional icon, sized to 18 px inside the tile. */
+    /** Optional icon. Honoured by `default` and `inline`; ignored by other variants. */
     icon?: ReactNode;
     /** Color tone. Defaults to `primary`. */
     tone?: StatCardTone;
 }
+type DefaultVariantProps = BaseProps & {
+    variant?: 'default';
+};
+type InlineVariantProps = BaseProps & {
+    variant: 'inline';
+};
+type DeltaVariantProps = BaseProps & {
+    variant: 'delta';
+    delta: StatCardDelta;
+};
+type TrendVariantProps = BaseProps & {
+    variant: 'trend';
+    /** Series for the inline SparkChart. */
+    sparkline: number[];
+    /** Optional delta rendered alongside the value. */
+    delta?: StatCardDelta;
+    /** SparkChart tone override. Defaults to the card's `tone` (when mappable). */
+    sparklineTone?: SparkChartTone;
+};
+type ProgressVariantProps = BaseProps & {
+    variant: 'progress';
+    /** Maximum value used to compute the progress fill. */
+    max: number;
+    /** Visible label for the progress meta line (default: `"{value} / {max}"`). */
+    valueLabel?: string;
+};
+type DistributionVariantProps = BaseProps & {
+    variant: 'distribution';
+    /** CategoryBar segments — each `{ label, value, className }`. */
+    segments: CategoryBarItem[];
+};
+type HeroVariantProps = BaseProps & {
+    variant: 'hero';
+};
+export type StatCardProps = DefaultVariantProps | InlineVariantProps | DeltaVariantProps | TrendVariantProps | ProgressVariantProps | DistributionVariantProps | HeroVariantProps;
 export declare const StatCard: import("react").ForwardRefExoticComponent<StatCardProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const statCardVariants: () => string;
 export {};
 //# sourceMappingURL=StatCard.d.ts.map

package/dist/StatCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../src/StatCard.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,eAAO,MAAM,gBAAgB,oFAE5B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;CAOL,CAAC;AAWX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAC;AAElD,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,2BAA2B;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,qCAAqC;IACrC,KAAK,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,0GAoBnB,CAAC"}
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../src/StatCard.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAkC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5F,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIlE,QAAA,MAAM,SAAS;;;;;;;CAOL,CAAC;AAoBX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAC;AAIlD,MAAM,WAAW,aAAa;IAC5B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAoDD,UAAU,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC1E,2BAA2B;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,KAAK,EAAE,SAAS,CAAC;IACjB,oFAAoF;IACpF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,KAAK,mBAAmB,GAAG,SAAS,GAAG;IAAE,OAAO,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAC/D,KAAK,kBAAkB,GAAG,SAAS,GAAG;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC;AAC5D,KAAK,iBAAiB,GAAG,SAAS,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,aAAa,CAAA;CAAE,CAAC;AAChF,KAAK,iBAAiB,GAAG,SAAS,GAAG;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,mDAAmD;IACnD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,cAAc,CAAC;CAChC,CAAC;AACF,KAAK,oBAAoB,GAAG,SAAS,GAAG;IACtC,OAAO,EAAE,UAAU,CAAC;IACpB,uDAAuD;IACvD,GAAG,EAAE,MAAM,CAAC;IACZ,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AACF,KAAK,wBAAwB,GAAG,SAAS,GAAG;IAC1C,OAAO,EAAE,cAAc,CAAC;IACxB,iEAAiE;IACjE,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B,CAAC;AACF,KAAK,gBAAgB,GAAG,SAAS,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,MAAM,MAAM,aAAa,GACrB,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,iBAAiB,GACjB,oBAAoB,GACpB,wBAAwB,GACxB,gBAAgB,CAAC;AAIrB,eAAO,MAAM,QAAQ,0GAmBnB,CAAC;AAmOH,eAAO,MAAM,gBAAgB,cACyC,CAAC"}