@mihcm/ui 0.14.1 → 0.15.0

package/dist/MainSidebar/helpers.js

@@ -0,0 +1,148 @@
+import { isValidElement } from 'react';
+/**
+ * `MainSidebarItem.badge` accepts either a primitive (string/number) — in
+ * which case the variant wraps it in a default pill — or a fully-styled
+ * ReactElement (e.g. `<Badge variant="warning">12</Badge>`), which should
+ * render as-is to avoid double backgrounds.
+ */
+export function isPrimitiveBadge(badge) {
+    return typeof badge === 'string' || typeof badge === 'number';
+}
+/**
+ * True when the badge should be rendered inside the variant's default pill
+ * wrapper. ReactElements bring their own styling and bypass the wrapper.
+ */
+export function shouldWrapBadge(badge) {
+    if (badge == null || badge === false)
+        return false;
+    if (isValidElement(badge))
+        return false;
+    return true;
+}
+export function findItem(items, key) {
+    if (!key)
+        return undefined;
+    for (const item of items) {
+        if (item.key === key)
+            return item;
+        const child = findItem(item.children ?? [], key);
+        if (child)
+            return child;
+    }
+    return undefined;
+}
+/** True if `target` is `item.key` itself, OR appears somewhere in `item`'s subtree. */
+export function isOnPath(item, target) {
+    if (!target)
+        return false;
+    if (item.key === target)
+        return true;
+    return (item.children ?? []).some((child) => isOnPath(child, target));
+}
+export function firstPanelItem(items, activeKey) {
+    const active = findItem(items, activeKey);
+    if (active?.children?.length || active?.panel)
+        return active;
+    return items.find((item) => item.children?.length || item.panel) ?? items[0];
+}
+export function opensPanel(item) {
+    return Boolean(item.children?.length || item.panel);
+}
+export function defaultMatcher(item, query) {
+    if (!query)
+        return true;
+    return item.label.toLowerCase().includes(query.toLowerCase());
+}
+/** Filter a list non-recursively (used by per-level search). */
+export function filterLevel(items, query, matcher = defaultMatcher) {
+    if (!query)
+        return items;
+    return items.filter((item) => matcher(item, query));
+}
+/** Recursively flatten + filter the whole tree (used by command variant). */
+export function flatMatchTree(items, query, matcher = defaultMatcher) {
+    const out = [];
+    const visit = (list, breadcrumbs) => {
+        for (const item of list) {
+            if (matcher(item, query)) {
+                out.push({ item, breadcrumbs });
+            }
+            if (item.children?.length) {
+                visit(item.children, [...breadcrumbs, item.label]);
+            }
+        }
+    };
+    visit(items, []);
+    return out;
+}
+/**
+ * Convert a `MainSidebarColorScheme` into a CSS-variable style payload.
+ *
+ * Strategy: override the design-system brand variables (`--color-primary`,
+ * `--color-accent`, `--color-foreground`, etc.) directly on the sidebar
+ * root. Every Tailwind class that resolves through those tokens
+ * (`bg-primary`, `text-primary-foreground`, `bg-accent`, …) gets the new
+ * colour automatically — no per-element rewrites, and the override applies
+ * to nested affordances too (tooltips, breadcrumbs, badges, expanded
+ * panel surfaces).
+ *
+ * Tokens are scoped because the inline style only applies within the
+ * sidebar root subtree, so the rest of the page keeps its brand defaults.
+ *
+ * Omitted tokens are NOT emitted, so the cascade falls through to the
+ * page-level defaults.
+ */
+export function colorSchemeToStyle(scheme) {
+    if (!scheme)
+        return {};
+    const out = {};
+    /* Granular tokens win over the bg/fg shorthands. */
+    const railBg = scheme.railBg ?? scheme.bg;
+    const railFg = scheme.railFg ?? scheme.fg;
+    const panelBg = scheme.panelBg ?? scheme.bg;
+    const panelFg = scheme.panelFg ?? scheme.fg;
+    if (railBg)
+        out['--color-primary'] = railBg;
+    if (railFg)
+        out['--color-primary-foreground'] = railFg;
+    if (panelBg)
+        out['--color-card'] = panelBg;
+    if (panelFg)
+        out['--color-card-foreground'] = panelFg;
+    if (scheme.accentBg)
+        out['--color-accent'] = scheme.accentBg;
+    if (scheme.accentFg)
+        out['--color-accent-foreground'] = scheme.accentFg;
+    if (scheme.border)
+        out['--color-border'] = scheme.border;
+    if (scheme.mutedFg)
+        out['--color-muted-foreground'] = scheme.mutedFg;
+    if (scheme.ring)
+        out['--color-ring'] = scheme.ring;
+    /*
+     * Hover overlay — exposed under a sidebar-specific variable. Components
+     * read it via `bg-[var(--mihcm-sidebar-hover-bg,…)]` with a sensible
+     * fallback so the default theme still works when `hoverBg` isn't set.
+     */
+    if (scheme.hoverBg)
+        out['--mihcm-sidebar-hover-bg'] = scheme.hoverBg;
+    /*
+     * Tooltip surface uses --color-foreground / --color-background. These
+     * are NOT touched by panelFg/railFg overrides — keeping them at the
+     * page's brand defaults lets the rail-icon tooltip flip cleanly with
+     * dark mode. Set `tooltipBg`/`tooltipFg` only when you need a tooltip
+     * surface distinct from the page brand.
+     */
+    if (scheme.tooltipBg)
+        out['--color-foreground'] = scheme.tooltipBg;
+    if (scheme.tooltipFg)
+        out['--color-background'] = scheme.tooltipFg;
+    return out;
+}
+/** Resolve the active path stack into MainSidebarItem objects (filters missing ids). */
+export function resolvePath(items, pathKeys) {
+    return pathKeys
+        .map((key) => findItem(items, key))
+        .filter((item) => Boolean(item));
+}
+//# sourceMappingURL=helpers.js.map

package/dist/MainSidebar/helpers.js.map

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

package/dist/MainSidebar/hover.d.ts

@@ -0,0 +1,3 @@
+import type { MainSidebarProps } from './types.js';
+export declare const HoverSidebar: import("react").ForwardRefExoticComponent<MainSidebarProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=hover.d.ts.map

package/dist/MainSidebar/hover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover.d.ts","sourceRoot":"","sources":["../../src/MainSidebar/hover.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAmB,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEpE,eAAO,MAAM,YAAY,0GAuTvB,CAAC"}

package/dist/MainSidebar/hover.js

@@ -0,0 +1,177 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MainSidebar — `hover` variant.
+ *
+ * Rail stays in icon width permanently. Hovering an icon shows that icon's
+ * children in a floating mini-menu beside the rail. Clicking a child that
+ * itself has children drills the panel deeper — a breadcrumb at the top
+ * lets the user jump back to any ancestor in one click. Layout never
+ * reflows. Touch devices fall back to tap-toggle.
+ */
+import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
+import { AnimatePresence, motion, useReducedMotion } from 'motion/react';
+import { cn } from '../internal/cn.js';
+import { Rail } from './rail.js';
+import { MenuSearch } from './search.js';
+import { BackButton } from './back-button.js';
+import { PathBreadcrumb } from './breadcrumb.js';
+import { defaultMatcher, filterLevel, findItem, opensPanel } from './helpers.js';
+import { scaleVariants } from './motion.js';
+export const HoverSidebar = forwardRef(function HoverSidebar({ items, activeKey, onItemSelect, header, footer, search = false, searchPlaceholder, onSearchChange, side = 'left', density = 'comfortable', panelWidth = 260, motionPreset = 'expressive', hoverDelayMs = 120, closeOnOutsideClick = true, railClassName, panelClassName, itemClassName, activeItemClassName, backLabel = 'Back', className, ...rest }, ref) {
+    const reduceMotion = useReducedMotion();
+    const effectivePreset = reduceMotion ? 'subtle' : motionPreset;
+    /* `hoveredKey` = the root rail item that opened the panel.
+     * `panelPathKeys` = ancestors drilled into INSIDE the panel, starting
+     * from (but not including) hoveredKey. When empty, panel shows
+     * hoveredItem.children. When [childKey], panel shows child.children. */
+    const [hoveredKey, setHoveredKey] = useState(null);
+    const [panelPathKeys, setPanelPathKeys] = useState([]);
+    const [query, setQuery] = useState('');
+    const railRef = useRef(null);
+    const panelRef = useRef(null);
+    const hideTimer = useRef(undefined);
+    const showTimer = useRef(undefined);
+    const searchEnabled = search !== false;
+    const searchCfg = typeof search === 'object' ? search : undefined;
+    const matcher = searchCfg?.matcher ?? defaultMatcher;
+    const rootItem = useMemo(() => (hoveredKey ? items.find((it) => it.key === hoveredKey) ?? null : null), [items, hoveredKey]);
+    /* Build the full breadcrumb path from rootItem down through the drilled
+     * panel ancestors. The deepest entry's children populate the panel. */
+    const path = useMemo(() => {
+        if (!rootItem)
+            return [];
+        const stack = [rootItem];
+        for (const key of panelPathKeys) {
+            const node = findItem(stack[stack.length - 1]?.children ?? [], key);
+            if (!node)
+                break;
+            stack.push(node);
+        }
+        return stack;
+    }, [rootItem, panelPathKeys]);
+    const current = path[path.length - 1] ?? null;
+    const childList = current?.children ?? [];
+    const filtered = filterLevel(childList, query, matcher);
+    function cancelHide() {
+        if (hideTimer.current !== undefined) {
+            window.clearTimeout(hideTimer.current);
+            hideTimer.current = undefined;
+        }
+    }
+    function scheduleHide() {
+        cancelHide();
+        hideTimer.current = window.setTimeout(() => closePanel(), 200);
+    }
+    function cancelShow() {
+        if (showTimer.current !== undefined) {
+            window.clearTimeout(showTimer.current);
+            showTimer.current = undefined;
+        }
+    }
+    function scheduleShow(key) {
+        cancelShow();
+        showTimer.current = window.setTimeout(() => {
+            if (key !== hoveredKey) {
+                setHoveredKey(key);
+                setPanelPathKeys([]);
+                setQuery('');
+            }
+        }, hoverDelayMs);
+    }
+    function closePanel() {
+        setHoveredKey(null);
+        setPanelPathKeys([]);
+        setQuery('');
+    }
+    function selectRailItem(item) {
+        if (item.disabled)
+            return;
+        onItemSelect?.(item.key, item);
+        if (opensPanel(item)) {
+            cancelHide();
+            cancelShow();
+            if (hoveredKey === item.key) {
+                closePanel();
+                return;
+            }
+            setHoveredKey(item.key);
+            setPanelPathKeys([]);
+            setQuery('');
+        }
+        else {
+            closePanel();
+        }
+    }
+    function selectPanelItem(item) {
+        if (item.disabled)
+            return;
+        onItemSelect?.(item.key, item);
+        if (opensPanel(item)) {
+            /* Drill deeper inside the panel. */
+            setPanelPathKeys((prev) => [...prev, item.key]);
+            setQuery('');
+        }
+        else {
+            closePanel();
+        }
+    }
+    function goBack() {
+        setPanelPathKeys((prev) => prev.slice(0, -1));
+        setQuery('');
+    }
+    /* Esc + outside-click close panel. */
+    useEffect(() => {
+        if (!hoveredKey)
+            return;
+        function onKey(e) {
+            if (e.key === 'Escape')
+                closePanel();
+        }
+        function onPointerDown(e) {
+            if (!closeOnOutsideClick)
+                return;
+            const target = e.target;
+            if (panelRef.current?.contains(target) || railRef.current?.contains(target))
+                return;
+            closePanel();
+        }
+        document.addEventListener('keydown', onKey);
+        document.addEventListener('pointerdown', onPointerDown);
+        return () => {
+            document.removeEventListener('keydown', onKey);
+            document.removeEventListener('pointerdown', onPointerDown);
+        };
+    }, [hoveredKey, closeOnOutsideClick]);
+    /* Cleanup timers on unmount */
+    useEffect(() => {
+        return () => {
+            cancelHide();
+            cancelShow();
+        };
+    }, []);
+    return (_jsxs("div", { ref: ref, className: cn('relative h-full', className), ...rest, children: [_jsx("div", { onMouseEnter: cancelHide, onMouseLeave: scheduleHide, onMouseMove: (e) => {
+                    const target = e.target.closest('button');
+                    if (!target)
+                        return;
+                    const key = target.dataset.itemKey;
+                    if (key && key !== hoveredKey)
+                        scheduleShow(key);
+                }, children: _jsx(Rail, { ref: railRef, items: items.map((it) => ({ ...it })), activeKey: activeKey, density: density, side: side, header: header, footer: footer, itemClassName: itemClassName, activeItemClassName: activeItemClassName, className: railClassName, openPanelKey: hoveredKey ?? undefined, onItemSelect: selectRailItem }) }), _jsx(AnimatePresence, { initial: false, mode: "wait", children: current && (childList.length || current.panel) ? (_jsxs(motion.div, { ref: panelRef, variants: scaleVariants(effectivePreset), initial: "initial", animate: "animate", exit: "exit", role: "menu", "aria-label": current.label, onMouseEnter: cancelHide, onMouseLeave: scheduleHide, style: {
+                        width: typeof panelWidth === 'number' ? `${panelWidth}px` : panelWidth,
+                        [side === 'right' ? 'right' : 'left']: density === 'compact' ? '3rem' : '3.5rem',
+                    }, className: cn('absolute top-2 z-10 rounded-xl border border-border bg-card text-card-foreground shadow-xl', panelClassName), children: [_jsxs("div", { className: "border-b border-border px-3 py-2.5", children: [path.length > 1 ? (_jsxs(_Fragment, { children: [_jsx(PathBreadcrumb, { path: path, onJump: (depth) => {
+                                                /* breadcrumb depth indexes into `path` (root=0). The
+                                                 * panel stack starts from depth 1, so trim it to
+                                                 * keep `depth` items beyond the root. */
+                                                setPanelPathKeys((prev) => prev.slice(0, depth));
+                                                setQuery('');
+                                            }, className: "mb-1" }), _jsx(BackButton, { onClick: goBack, label: backLabel, className: "mb-1 -ml-1.5" })] })) : null, _jsx("div", { className: "truncate text-base font-semibold text-card-foreground", children: current.label }), current.description ? (_jsx("p", { className: "mt-0.5 truncate text-xs text-card-foreground/70", children: current.description })) : null, searchEnabled ? (_jsx("div", { className: "mt-2", children: _jsx(MenuSearch, { value: query, onValueChange: (v) => {
+                                            setQuery(v);
+                                            onSearchChange?.(v);
+                                        }, placeholder: searchCfg?.placeholder ?? searchPlaceholder ?? `Search ${current.label}…`, tone: "onBrand" }) })) : null] }), _jsx("div", { className: "max-h-[min(80vh,32rem)] overflow-y-auto p-1.5", children: filtered.length === 0 && query ? (_jsx("div", { className: "px-3 py-6 text-center text-xs text-card-foreground/70", children: searchCfg?.noResultsLabel ?? `No items match "${query}".` })) : (filtered.map((item) => {
+                                const hasChildren = opensPanel(item);
+                                return (_jsxs("button", { type: "button", onClick: () => selectPanelItem(item), disabled: item.disabled, className: cn('group flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-card-foreground transition-colors', 'hover:bg-card-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', 'disabled:cursor-not-allowed disabled:opacity-50', item.key === activeKey && 'text-card-foreground font-semibold', itemClassName), children: [item.icon ? (_jsx("span", { className: "grid size-4 shrink-0 place-items-center text-card-foreground/70 [&_svg]:size-full", "aria-hidden": "true", children: item.icon })) : null, _jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }), hasChildren ? (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "size-3.5 shrink-0 text-card-foreground/70", "aria-hidden": "true", children: _jsx("path", { d: "m9 18 6-6-6-6", strokeLinecap: "round", strokeLinejoin: "round" }) })) : null] }, item.key));
+                            })) })] }, rootItem?.key ?? 'panel')) : null })] }));
+});
+//# sourceMappingURL=hover.js.map

package/dist/MainSidebar/hover.js.map

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

package/dist/MainSidebar/index.d.ts

@@ -0,0 +1,6 @@
+import type { MainSidebarProps } from './types.js';
+export type { IconSidebarItem, IconSidebarProps, MainSidebarCollapsible, MainSidebarColorScheme, MainSidebarDensity, MainSidebarItem, MainSidebarMotionPreset, MainSidebarProps, MainSidebarSearchConfig, MainSidebarSide, MainSidebarVariant, } from './types.js';
+export declare const MainSidebar: import("react").ForwardRefExoticComponent<MainSidebarProps & import("react").RefAttributes<HTMLElement>>;
+/** Backward-compat: IconSidebar was the original name. */
+export { MainSidebar as IconSidebar };
+//# sourceMappingURL=index.d.ts.map

package/dist/MainSidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MainSidebar/index.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,eAAe,EACf,kBAAkB,GACnB,MAAM,YAAY,CAAC;AAEpB,eAAO,MAAM,WAAW,0GAiItB,CAAC;AAEH,0DAA0D;AAC1D,OAAO,EAAE,WAAW,IAAI,WAAW,EAAE,CAAC"}

package/dist/MainSidebar/index.js

@@ -0,0 +1,108 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MainSidebar — variant dispatcher with shadcn-style collapse toggle.
+ *
+ * The sidebar has two top-level shapes (matching shadcn's `collapsible="icon"`):
+ *
+ *   - **expanded**  — wide vertical sidebar with icon + label rows and
+ *     inline accordion expansion. Shared across every variant via
+ *     `ExpandedSidebar`. This is what users see by default unless the call
+ *     site opts into `defaultCollapsed`.
+ *   - **collapsed** — the original narrow icon rail; behaviour is
+ *     variant-specific. Five interaction models live here:
+ *
+ *       - `drilldown` (default) — rail click reveals a panel; deeper levels
+ *         replace it; back via breadcrumb. Layout overlays.
+ *       - `floating`            — panel floats on top of content; dismiss on
+ *         outside-click, Esc, or repeated rail click.
+ *       - `columns`             — Finder-style Miller columns; each level keeps
+ *         the previous column visible; horizontally scrolling.
+ *       - `command`             — search-first; typing filters the whole tree
+ *         recursively; empty query falls back to drilldown.
+ *       - `hover`               — hovering an icon pops out a floating
+ *         mini-menu. Touch falls back to tap-toggle.
+ *
+ * Toggle between the two shapes via the in-built collapse button (header of
+ * the expanded sidebar) or a floating expand chip rendered next to the rail
+ * when collapsed. Both can be hidden via `showCollapseToggle={false}`.
+ *
+ * Public barrel — implementations split under `./MainSidebar/*`. Wiki:
+ * docs/components/MainSidebar.md.
+ */
+import { forwardRef, useState } from 'react';
+import { cn } from '../internal/cn.js';
+import { DrilldownSidebar } from './drilldown.js';
+import { FloatingSidebar } from './floating.js';
+import { ColumnsSidebar } from './columns.js';
+import { CommandSidebar } from './command.js';
+import { HoverSidebar } from './hover.js';
+import { ExpandedSidebar } from './expanded.js';
+import { MobileSidebar } from './mobile.js';
+import { colorSchemeToStyle } from './helpers.js';
+export const MainSidebar = forwardRef(function MainSidebar(props, ref) {
+    const { collapsible = 'icon', collapsed, defaultCollapsed = true, onCollapsedChange, showCollapseToggle = true, side = 'left', expandedLabel = 'Expand menu', 
+    /*
+     * Strip sidebar-meta props that no variant destructures. If left in
+     * `...rest`, they'd be spread onto the variant's root <div> and
+     * trigger "unknown DOM attribute" warnings (e.g. `mobile`).
+     */
+    mobile, showLabelsWhenExpanded: _showLabelsWhenExpanded, collapsedWidth: _collapsedWidth, expandedWidth: _expandedWidth, collapsedLabel: _collapsedLabel, colorScheme, style, 
+    /* Variant-specific props — strip from `variantProps` and re-inject only
+     * for the variant that actually consumes them. Otherwise the prop
+     * leaks through into a variant that doesn't destructure it and lands
+     * on its root <div>, triggering "unknown DOM attribute" warnings. */
+    columnsMaxVisible, hoverDelayMs, ...variantProps } = props;
+    void _showLabelsWhenExpanded;
+    void _collapsedWidth;
+    void _expandedWidth;
+    void _collapsedLabel;
+    /* Whitelabel theme — emitted as CSS-variable overrides on the wrapper so
+     * every nested Tailwind class (`bg-primary`, `text-primary-foreground`,
+     * `bg-accent`, `border-border`, etc.) inside the sidebar subtree
+     * resolves through the consumer's brand colours. */
+    const themeStyle = { ...colorSchemeToStyle(colorScheme), ...style };
+    const [internalCollapsed, setInternalCollapsed] = useState(defaultCollapsed);
+    const isCollapsed = collapsed ?? internalCollapsed;
+    function setCollapsed(next) {
+        if (collapsed === undefined)
+            setInternalCollapsed(next);
+        onCollapsedChange?.(next);
+    }
+    /* Mobile / tablet — render a hamburger trigger that opens the sidebar in
+     * a Sheet overlay instead of taking inline page width. */
+    if (mobile) {
+        return (_jsx("div", { style: themeStyle, className: "contents", children: _jsx(MobileSidebar, { ...variantProps, side: side }) }));
+    }
+    /* Expanded shape — universal across variants. */
+    if (collapsible !== 'none' && !isCollapsed) {
+        return (_jsx(ExpandedSidebar, { ref: ref, ...variantProps, side: side, showCollapseToggle: showCollapseToggle, onCollapse: () => setCollapsed(true), style: themeStyle }));
+    }
+    /* Collapsed shape — variant-specific. Wrap in a relative shell so the
+     * floating expand chip can sit next to the rail without disturbing the
+     * variant's own layout. The wrapper carries the theme style so the
+     * floating expand chip also inherits the brand-override variables. */
+    const variantNode = (() => {
+        switch (props.variant) {
+            case 'floating':
+                return _jsx(FloatingSidebar, { ref: ref, ...variantProps, side: side });
+            case 'columns':
+                return (_jsx(ColumnsSidebar, { ref: ref, ...variantProps, side: side, ...(columnsMaxVisible !== undefined ? { columnsMaxVisible } : {}) }));
+            case 'command':
+                return _jsx(CommandSidebar, { ref: ref, ...variantProps, side: side });
+            case 'hover':
+                return (_jsx(HoverSidebar, { ref: ref, ...variantProps, side: side, ...(hoverDelayMs !== undefined ? { hoverDelayMs } : {}) }));
+            case 'drilldown':
+            case undefined:
+            default:
+                return _jsx(DrilldownSidebar, { ref: ref, ...variantProps, side: side });
+        }
+    })();
+    if (collapsible === 'none' || !showCollapseToggle) {
+        return _jsx("div", { style: themeStyle, className: "contents", children: variantNode });
+    }
+    return (_jsxs("div", { className: "relative flex h-full", style: themeStyle, children: [variantNode, _jsx("button", { type: "button", onClick: () => setCollapsed(false), "aria-label": expandedLabel, className: cn('absolute top-3 z-30 grid size-6 place-items-center rounded-full border border-border bg-card text-muted-foreground shadow-sm transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', side === 'right' ? 'left-[-12px]' : 'right-[-12px]'), children: _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "size-3.5", "aria-hidden": "true", children: _jsx("path", { d: side === 'right' ? 'm15 18-6-6 6-6' : 'm9 18 6-6-6-6', strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }));
+});
+/** Backward-compat: IconSidebar was the original name. */
+export { MainSidebar as IconSidebar };
+//# sourceMappingURL=index.js.map

package/dist/MainSidebar/index.js.map

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

package/dist/MainSidebar/mobile.d.ts

@@ -0,0 +1,29 @@
+/**
+ * MainSidebar — `mobile` rendering.
+ *
+ * On phones and tablets the full sidebar (rail or expanded) consumes too
+ * much horizontal space. This component renders a single hamburger button
+ * inline; tapping it opens the wide `ExpandedSidebar` inside a `Sheet`
+ * overlay slid in from the chosen `side`. The page area stays clear.
+ *
+ * Triggered via `<MainSidebar mobile items={…} />` — the dispatcher routes
+ * here when `mobile === true`. Sheet handles outside-tap dismissal, Esc,
+ * focus-trap, and the scrim, so this component just composes existing
+ * primitives.
+ */
+import { type ReactNode } from 'react';
+import type { MainSidebarProps } from './types.js';
+interface MobileSidebarProps extends MainSidebarProps {
+    /** Render-prop override for the trigger — receives an `onClick` to open. */
+    trigger?: (props: {
+        onClick: () => void;
+        'aria-label': string;
+    }) => ReactNode;
+    /** Class hook for the default hamburger button. Ignored when `trigger` is set. */
+    triggerClassName?: string;
+    /** Accessible label on the hamburger. Default: "Open menu". */
+    triggerLabel?: string;
+}
+export declare const MobileSidebar: import("react").ForwardRefExoticComponent<MobileSidebarProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=mobile.d.ts.map

package/dist/MainSidebar/mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile.d.ts","sourceRoot":"","sources":["../../src/MainSidebar/mobile.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAmBnD,UAAU,kBAAmB,SAAQ,gBAAgB;IACnD,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC9E,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,kHAqEzB,CAAC"}

package/dist/MainSidebar/mobile.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MainSidebar — `mobile` rendering.
+ *
+ * On phones and tablets the full sidebar (rail or expanded) consumes too
+ * much horizontal space. This component renders a single hamburger button
+ * inline; tapping it opens the wide `ExpandedSidebar` inside a `Sheet`
+ * overlay slid in from the chosen `side`. The page area stays clear.
+ *
+ * Triggered via `<MainSidebar mobile items={…} />` — the dispatcher routes
+ * here when `mobile === true`. Sheet handles outside-tap dismissal, Esc,
+ * focus-trap, and the scrim, so this component just composes existing
+ * primitives.
+ */
+import { forwardRef, useState } from 'react';
+import { cn } from '../internal/cn.js';
+import { Sheet, SheetContent } from '../Sheet.js';
+import { ExpandedSidebar } from './expanded.js';
+function HamburgerIcon({ className }) {
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, "aria-hidden": "true", children: _jsx("path", { d: "M3 6h18M3 12h18M3 18h18" }) }));
+}
+export const MobileSidebar = forwardRef(function MobileSidebar({ side = 'left', trigger, triggerClassName, triggerLabel = 'Open menu', colorScheme: _colorScheme, style: _style, className: _className, ...sidebarProps }, ref) {
+    void _colorScheme;
+    void _style;
+    void _className;
+    const [open, setOpen] = useState(false);
+    const sheetSide = side === 'right' ? 'right' : 'left';
+    return (_jsxs(_Fragment, { children: [trigger ? (trigger({ onClick: () => setOpen(true), 'aria-label': triggerLabel })) : (_jsx("button", { ref: ref, type: "button", "aria-label": triggerLabel, "aria-haspopup": "menu", "aria-expanded": open, onClick: () => setOpen(true), className: cn('inline-flex size-10 items-center justify-center rounded-md text-foreground', 'hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', triggerClassName), children: _jsx(HamburgerIcon, { className: "size-5" }) })), _jsx(Sheet, { open: open, onOpenChange: setOpen, children: _jsx(SheetContent, { side: sheetSide, size: "sm", className: "p-0 bg-primary border-0", "aria-label": "Main navigation", children: _jsx(ExpandedSidebar, { ...sidebarProps, side: sheetSide, showCollapseToggle: true, onCollapse: () => setOpen(false), collapsedLabel: "Close menu", 
+                        /*
+                         * Make the sidebar fill the sheet — the Sheet's `size` prop
+                         * controls the visible width, the sidebar should not impose
+                         * its own width on top of that or a stripe of the sheet's
+                         * card background shows through.
+                         */
+                        expandedWidth: "100%", className: "h-full w-full border-0" }) }) })] }));
+});
+//# sourceMappingURL=mobile.js.map

package/dist/MainSidebar/mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile.js","sourceRoot":"","sources":["../../src/MainSidebar/mobile.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhD,SAAS,aAAa,CAAC,EAAE,SAAS,EAA0B;IAC1D,OAAO,CACL,cACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAE,SAAS,iBACR,MAAM,YAElB,eAAM,CAAC,EAAC,yBAAyB,GAAG,GAChC,CACP,CAAC;AACJ,CAAC;AAWD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CACpB,EACE,IAAI,GAAG,MAAM,EACb,OAAO,EACP,gBAAgB,EAChB,YAAY,GAAG,WAAW,EAC1B,WAAW,EAAE,YAAY,EACzB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,UAAU,EACrB,GAAG,YAAY,EAChB,EACD,GAAG;IAEH,KAAK,YAAY,CAAC;IAClB,KAAK,MAAM,CAAC;IACZ,KAAK,UAAU,CAAC;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAEtD,OAAO,CACL,8BACG,OAAO,CAAC,CAAC,CAAC,CACT,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,CACtE,CAAC,CAAC,CAAC,CACF,iBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,gBACD,YAAY,mBACV,MAAM,mBACL,IAAI,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,wFAAwF,EACxF,gBAAgB,CACjB,YAED,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,GAAG,GAC7B,CACV,EAED,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,YACtC,KAAC,YAAY,IACX,IAAI,EAAE,SAAS,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,yBAAyB,gBACxB,iBAAiB,YAE5B,KAAC,eAAe,OACV,YAAY,EAChB,IAAI,EAAE,SAAS,EACf,kBAAkB,QAClB,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAChC,cAAc,EAAC,YAAY;wBAC3B;;;;;2BAKG;wBACH,aAAa,EAAC,MAAM,EACpB,SAAS,EAAC,wBAAwB,GAClC,GACW,GACT,IACP,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/MainSidebar/motion.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Motion presets for `MainSidebar` variants.
+ *
+ * Three intensity levels. Variants pull from this single source so the
+ * design-system motion vocabulary stays consistent.
+ *
+ * Reduced motion: every variant component checks `prefers-reduced-motion`
+ * and falls back to instant cuts when the OS-level preference is set.
+ */
+import type { Transition, Variants } from 'motion/react';
+import type { MainSidebarMotionPreset } from './types.js';
+interface MotionConfig {
+    /** Slide distance in px on enter. */
+    distance: number;
+    /** Motion transition. */
+    transition: Transition;
+}
+export declare const MOTION_PRESETS: Record<MainSidebarMotionPreset, MotionConfig>;
+export declare function slideVariants(preset: MainSidebarMotionPreset, fromSide: 'left' | 'right'): Variants;
+export declare function fadeVariants(preset: MainSidebarMotionPreset): Variants;
+export declare function scaleVariants(preset: MainSidebarMotionPreset): Variants;
+export {};
+//# sourceMappingURL=motion.d.ts.map

package/dist/MainSidebar/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/MainSidebar/motion.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,UAAU,YAAY;IACpB,qCAAqC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,uBAAuB,EAAE,YAAY,CAaxE,CAAC;AAEF,wBAAgB,aAAa,CAC3B,MAAM,EAAE,uBAAuB,EAC/B,QAAQ,EAAE,MAAM,GAAG,OAAO,GACzB,QAAQ,CAQV;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,uBAAuB,GAAG,QAAQ,CAOtE;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,uBAAuB,GAAG,QAAQ,CAOvE"}