@mihcm/ui 0.14.1 → 0.15.1

package/dist/MainSidebar/drilldown.js

@@ -0,0 +1,154 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * MainSidebar — `drilldown` variant.
+ *
+ * Default. Rail click opens a panel beside the rail; deeper levels replace
+ * the current panel; back/breadcrumb to step out. Layout reflows.
+ */
+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, CloseButton } from './back-button.js';
+import { PathBreadcrumb } from './breadcrumb.js';
+import { defaultMatcher, filterLevel, findItem, firstPanelItem, isOnPath, opensPanel, resolvePath, shouldWrapBadge } from './helpers.js';
+import { slideVariants } from './motion.js';
+function PanelRow({ item, active, onClick, showChevron, className, activeClassName }) {
+    return (_jsxs("button", { type: "button", onClick: onClick, disabled: item.disabled, "aria-current": active ? 'page' : undefined, className: cn('group flex w-full items-center gap-2.5 rounded-md px-2.5 py-2 text-left text-sm 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', active && 'bg-accent text-accent-foreground font-medium hover:bg-accent hover:text-accent-foreground', active && activeClassName, className), children: [item.icon ? (_jsx("span", { className: "grid size-5 shrink-0 place-items-center text-card-foreground/70 group-hover:text-card-foreground [&_svg]:size-full", "aria-hidden": "true", children: item.icon })) : null, _jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }), item.badge != null && item.badge !== false ? (shouldWrapBadge(item.badge) ? (_jsx("span", { className: "ml-auto inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-current/15 px-1.5 text-xs font-medium text-current", children: item.badge })) : (_jsx("span", { className: "ml-auto inline-flex shrink-0 items-center", children: item.badge }))) : null, showChevron ? (_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] }));
+}
+export const DrilldownSidebar = forwardRef(function DrilldownSidebar({ items, activeKey, expanded, defaultExpanded = false, onExpandedChange, onItemSelect, header, footer, panelHeader, panelFooter, search = false, searchPlaceholder, onSearchChange, side = 'left', density = 'comfortable', panelWidth = 288, motionPreset = 'expressive', closeOnOutsideClick = true, railClassName, panelClassName, itemClassName, activeItemClassName, backLabel = 'Back', expandedLabel = 'Collapse menu', className, ...rest }, ref) {
+    const reduceMotion = useReducedMotion();
+    const effectivePreset = reduceMotion ? 'subtle' : motionPreset;
+    const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
+    const isExpanded = expanded ?? internalExpanded;
+    const rootItem = useMemo(() => firstPanelItem(items, activeKey), [activeKey, items]);
+    const [pathKeys, setPathKeys] = useState([]);
+    const path = useMemo(() => {
+        const resolved = resolvePath(items, pathKeys);
+        return resolved.length ? resolved : rootItem ? [rootItem] : [];
+    }, [items, pathKeys, rootItem]);
+    const current = path.at(-1);
+    const [query, setQuery] = useState('');
+    const searchEnabled = search !== false;
+    const searchCfg = typeof search === 'object' ? search : undefined;
+    const matcher = searchCfg?.matcher ?? defaultMatcher;
+    const currentItems = current?.children ?? items;
+    const filtered = filterLevel(currentItems, query, matcher);
+    function resetDeepState() {
+        setPathKeys([]);
+        setQuery('');
+    }
+    function setExpanded(next) {
+        if (expanded === undefined)
+            setInternalExpanded(next);
+        if (!next)
+            resetDeepState();
+        onExpandedChange?.(next);
+    }
+    function closePanel() {
+        resetDeepState();
+        setExpanded(false);
+    }
+    const panelRef = useRef(null);
+    const railRef = useRef(null);
+    /* Esc + outside-click close the panel. */
+    useEffect(() => {
+        if (!isExpanded)
+            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);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isExpanded, closeOnOutsideClick]);
+    /*
+     * Move focus into the panel when it opens — but skip the initial
+     * mount (covers `defaultExpanded` and SSR hydration). Otherwise the
+     * browser scrolls the page to bring the just-focused input into view,
+     * landing the user halfway down the docs page. We also pass
+     * `preventScroll: true` as a belt-and-braces guard.
+     */
+    const focusInitialisedRef = useRef(false);
+    useEffect(() => {
+        if (!isExpanded) {
+            focusInitialisedRef.current = true;
+            return;
+        }
+        if (!focusInitialisedRef.current) {
+            focusInitialisedRef.current = true;
+            return;
+        }
+        const id = window.setTimeout(() => {
+            const focusable = panelRef.current?.querySelector('input, [role="searchbox"], button:not([disabled])');
+            focusable?.focus({ preventScroll: true });
+        }, 0);
+        return () => window.clearTimeout(id);
+    }, [isExpanded]);
+    function selectRailItem(item) {
+        if (item.disabled)
+            return;
+        onItemSelect?.(item.key, item);
+        if (opensPanel(item)) {
+            /* Toggle close when clicking the rail icon for the panel that's already open. */
+            if (isExpanded && pathKeys[0] === item.key) {
+                setExpanded(false);
+                return;
+            }
+            setPathKeys([item.key]);
+            setExpanded(true);
+            setQuery('');
+        }
+        else {
+            setExpanded(false);
+        }
+    }
+    function selectPanelItem(item) {
+        if (item.disabled)
+            return;
+        onItemSelect?.(item.key, item);
+        if (opensPanel(item)) {
+            setPathKeys((prev) => (prev.at(-1) === item.key ? prev : [...prev, item.key]));
+            setQuery('');
+        }
+    }
+    function goBack() {
+        setPathKeys((prev) => prev.slice(0, -1));
+        setQuery('');
+    }
+    function updateQuery(next) {
+        setQuery(next);
+        onSearchChange?.(next);
+    }
+    const railOffset = density === 'compact' ? '3rem' : '3.5rem';
+    return (_jsxs("div", { ref: ref, className: cn('relative h-full', className), ...rest, children: [_jsx(Rail, { ref: railRef, items: items, activeKey: activeKey, density: density, side: side, header: header, footer: footer, itemClassName: itemClassName, activeItemClassName: activeItemClassName, className: railClassName, onItemSelect: selectRailItem, openPanelKey: isExpanded ? current?.key : undefined }), _jsx(AnimatePresence, { initial: false, mode: "wait", children: isExpanded && current ? (_jsx(motion.aside, { ref: panelRef, variants: slideVariants(effectivePreset, side === 'right' ? 'right' : 'left'), initial: "initial", animate: "animate", exit: "exit", role: "menu", "aria-label": current.label, style: {
+                        width: typeof panelWidth === 'number' ? `${panelWidth}px` : panelWidth,
+                        [side === 'right' ? 'right' : 'left']: railOffset,
+                    }, className: cn('absolute top-0 z-10 flex h-full min-w-0 flex-col bg-card text-card-foreground shadow-xl', side === 'right' ? 'border-l border-border' : 'border-r border-border', panelClassName), children: _jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "border-b border-border px-4 py-3", children: [panelHeader ?? (_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [path.length > 1 ? (_jsxs(_Fragment, { children: [_jsx(PathBreadcrumb, { path: path, onJump: (depth) => setPathKeys((prev) => prev.slice(0, depth + 1)), 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 text-xs text-card-foreground/70", children: current.description })) : null] }), _jsx(CloseButton, { onClick: closePanel, label: expandedLabel })] })), searchEnabled ? (_jsx("div", { className: "mt-3", children: _jsx(MenuSearch, { value: query, onValueChange: updateQuery, placeholder: searchCfg?.placeholder ?? searchPlaceholder ?? `Search ${current.label}…`, tone: "onBrand" }) })) : null] }), _jsx(PanelList, { items: filtered, allItems: currentItems, query: query, noResultsLabel: searchCfg?.noResultsLabel, activeKey: activeKey, onItemSelect: selectPanelItem, itemClassName: itemClassName, activeItemClassName: activeItemClassName, pathKeys: pathKeys }), panelFooter ? (_jsx("div", { className: "mt-auto border-t border-border px-4 py-3", children: panelFooter })) : null] }) }, current.key + ':' + path.length)) : null })] }));
+});
+function PanelList({ items, allItems, query, noResultsLabel, activeKey, onItemSelect, itemClassName, activeItemClassName, pathKeys, }) {
+    if (items.length === 0 && query) {
+        return (_jsx("div", { className: "px-4 py-8 text-center text-sm text-card-foreground/70", children: noResultsLabel ?? `No items match "${query}".` }));
+    }
+    void allItems;
+    return (_jsx("div", { className: "flex-1 overflow-y-auto p-2", children: items.map((item) => {
+            const onActivePath = isOnPath(item, activeKey) || pathKeys.includes(item.key);
+            return (_jsx(PanelRow, { item: item, active: onActivePath, onClick: () => onItemSelect(item), showChevron: opensPanel(item), className: itemClassName, activeClassName: activeItemClassName }, item.key));
+        }) }));
+}
+//# sourceMappingURL=drilldown.js.map

package/dist/MainSidebar/drilldown.js.map

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

package/dist/MainSidebar/expanded.d.ts

@@ -0,0 +1,7 @@
+import type { MainSidebarProps } from './types.js';
+interface ExpandedSidebarInternalProps extends MainSidebarProps {
+    onCollapse: () => void;
+}
+export declare const ExpandedSidebar: import("react").ForwardRefExoticComponent<ExpandedSidebarInternalProps & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=expanded.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expanded.d.ts","sourceRoot":"","sources":["../../src/MainSidebar/expanded.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAEV,gBAAgB,EACjB,MAAM,YAAY,CAAC;AA2KpB,UAAU,4BAA6B,SAAQ,gBAAgB;IAC7D,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAyBD,eAAO,MAAM,eAAe,sHA6L1B,CAAC"}

package/dist/MainSidebar/expanded.js

@@ -0,0 +1,102 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * MainSidebar — shared "expanded" rendering.
+ *
+ * When `collapsed` is false, every variant routes through this component:
+ * a wide vertical sidebar showing icon + label rows, with inline accordion
+ * expansion for parent items. This is the shadcn `collapsible="icon"`
+ * expanded shape.
+ *
+ * When the user toggles the collapse button (or `collapsed` flips to true),
+ * the dispatcher swaps this out for the variant's narrow rail rendering.
+ */
+import { forwardRef, useMemo, useState } from 'react';
+import { cn } from '../internal/cn.js';
+import { MenuSearch } from './search.js';
+import { defaultMatcher, flatMatchTree, isOnPath, opensPanel, shouldWrapBadge, } from './helpers.js';
+function ExpandedRow({ item, depth, activeKey, onSelect, expandedKeys, toggleExpanded, itemClassName, activeItemClassName, }) {
+    const hasChildren = opensPanel(item);
+    const onActivePath = isOnPath(item, activeKey);
+    const isActive = item.key === activeKey;
+    const isExpanded = expandedKeys.has(item.key);
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", disabled: item.disabled, "aria-current": isActive ? 'page' : undefined, "aria-expanded": hasChildren ? isExpanded : undefined, onClick: () => {
+                    if (hasChildren)
+                        toggleExpanded(item.key);
+                    onSelect(item);
+                }, 
+                /*
+                 * Password-manager browser extensions (Dashlane, 1Password, etc.)
+                 * decorate form/input buttons with their own `data-*` attributes
+                 * after server render but before React hydration. That trips
+                 * React's hydration mismatch warning. We're not rendering an
+                 * input — just a navigation button — so suppress the diff on
+                 * unrelated attribute injections.
+                 */
+                suppressHydrationWarning: true, className: cn('group flex w-full items-center gap-2 rounded-md py-2 pl-2.5 pr-2.5 text-left text-sm text-primary-foreground/90 transition-colors', 'hover:bg-primary-foreground/10 hover:text-primary-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-foreground/60', 'disabled:cursor-not-allowed disabled:opacity-50', 
+                /* Active or breadcrumb-on-path */
+                (isActive || onActivePath) && 'bg-accent text-accent-foreground font-medium hover:bg-accent hover:text-accent-foreground', (isActive || onActivePath) && activeItemClassName, itemClassName), children: [item.icon ? (_jsx("span", { className: "grid size-5 shrink-0 place-items-center text-inherit [&_svg]:size-full", "aria-hidden": "true", children: item.icon })) : null, _jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }), item.badge != null && item.badge !== false ? (shouldWrapBadge(item.badge) ? (_jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-current/15 px-1.5 text-xs font-medium text-current", children: item.badge })) : (_jsx("span", { className: "inline-flex shrink-0 items-center", children: item.badge }))) : null, hasChildren ? (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: cn('size-3.5 shrink-0 transition-transform duration-200', isExpanded && 'rotate-90'), "aria-hidden": "true", children: _jsx("path", { d: "m9 18 6-6-6-6", strokeLinecap: "round", strokeLinejoin: "round" }) })) : null] }), hasChildren && isExpanded ? (_jsx("div", { role: "group", "aria-label": `${item.label} sub-items`, className: "ml-[1.0625rem] border-l border-primary-foreground/15 pl-2 py-0.5", children: (item.children ?? []).map((child) => (_jsx(ExpandedRow, { item: child, depth: depth + 1, activeKey: activeKey, onSelect: onSelect, expandedKeys: expandedKeys, toggleExpanded: toggleExpanded, itemClassName: itemClassName, activeItemClassName: activeItemClassName }, child.key))) })) : null] }));
+}
+function ExpandedSearchMatch({ item, breadcrumbs, activeKey, onSelect, itemClassName }) {
+    return (_jsxs("button", { type: "button", disabled: item.disabled, onClick: () => onSelect(item), suppressHydrationWarning: true, className: cn('group flex w-full items-center gap-2 rounded-md px-2.5 py-2 text-left text-sm text-primary-foreground/90 transition-colors', 'hover:bg-primary-foreground/10 hover:text-primary-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-foreground/60', 'disabled:cursor-not-allowed disabled:opacity-50', item.key === activeKey && 'bg-accent text-accent-foreground font-medium hover:bg-accent hover:text-accent-foreground', itemClassName), children: [item.icon ? (_jsx("span", { className: "grid size-5 shrink-0 place-items-center text-inherit [&_svg]:size-full", "aria-hidden": "true", children: item.icon })) : null, _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate", children: item.label }), breadcrumbs.length ? (_jsx("span", { className: "block truncate text-[11px] text-current/60", children: breadcrumbs.join(' › ') })) : null] }), item.badge != null && item.badge !== false ? (shouldWrapBadge(item.badge) ? (_jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-current/15 px-1.5 text-xs font-medium text-current", children: item.badge })) : (_jsx("span", { className: "inline-flex shrink-0 items-center", children: item.badge }))) : null] }));
+}
+function CollapseChevron({ onClick, label, side, }) {
+    return (_jsx("button", { type: "button", onClick: onClick, "aria-label": label, className: "grid size-7 shrink-0 place-items-center rounded-md text-primary-foreground/80 transition-colors hover:bg-primary-foreground/10 hover:text-primary-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-foreground/60", children: _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "size-4", "aria-hidden": "true", children: _jsx("path", { d: side === 'right' ? 'm9 18 6-6-6-6' : 'm15 18-6-6 6-6', strokeLinecap: "round", strokeLinejoin: "round" }) }) }));
+}
+export const ExpandedSidebar = forwardRef(function ExpandedSidebar({ items, activeKey, onItemSelect, header, footer, search = false, searchPlaceholder, onSearchChange, side = 'left', expandedWidth = '15rem', showCollapseToggle = true, onCollapse, itemClassName, activeItemClassName, className, style: outerStyle, collapsedLabel = 'Collapse menu', 
+/* Strip non-DOM props that come from MainSidebarProps so they don't land on <nav>. */
+variant: _variant, expanded: _expanded, defaultExpanded: _defaultExpanded, onExpandedChange: _onExpandedChange, panelHeader: _panelHeader, panelFooter: _panelFooter, density: _density, panelWidth: _panelWidth, motionPreset: _motionPreset, showLabelsWhenExpanded: _showLabelsWhenExpanded, collapsible: _collapsible, collapsed: _collapsed, defaultCollapsed: _defaultCollapsed, onCollapsedChange: _onCollapsedChange, collapsedWidth: _collapsedWidth, closeOnOutsideClick: _closeOnOutsideClick, columnsMaxVisible: _columnsMaxVisible, hoverDelayMs: _hoverDelayMs, railClassName: _railClassName, panelClassName: _panelClassName, expandedLabel: _expandedLabel, backLabel: _backLabel, mobile: _mobile, ...rest }, ref) {
+    void _variant;
+    void _expanded;
+    void _defaultExpanded;
+    void _onExpandedChange;
+    void _panelHeader;
+    void _panelFooter;
+    void _density;
+    void _panelWidth;
+    void _motionPreset;
+    void _showLabelsWhenExpanded;
+    void _collapsible;
+    void _collapsed;
+    void _defaultCollapsed;
+    void _onCollapsedChange;
+    void _collapsedWidth;
+    void _closeOnOutsideClick;
+    void _columnsMaxVisible;
+    void _hoverDelayMs;
+    void _railClassName;
+    void _panelClassName;
+    void _expandedLabel;
+    void _backLabel;
+    void _mobile;
+    const searchEnabled = search !== false;
+    const searchCfg = typeof search === 'object' ? search : undefined;
+    const matcher = searchCfg?.matcher ?? defaultMatcher;
+    const [query, setQuery] = useState('');
+    const searchActive = query.trim().length > 0;
+    const matches = useMemo(() => (searchActive ? flatMatchTree(items, query, matcher) : []), [items, query, matcher, searchActive]);
+    /* Every parent starts collapsed. The user explicitly opens what they need. */
+    const [expandedKeys, setExpandedKeys] = useState(() => new Set());
+    function toggleExpanded(key) {
+        setExpandedKeys((prev) => {
+            const next = new Set(prev);
+            if (next.has(key))
+                next.delete(key);
+            else
+                next.add(key);
+            return next;
+        });
+    }
+    function onSelect(item) {
+        if (item.disabled)
+            return;
+        onItemSelect?.(item.key, item);
+    }
+    function updateQuery(next) {
+        setQuery(next);
+        onSearchChange?.(next);
+    }
+    const widthValue = typeof expandedWidth === 'number' ? `${expandedWidth}px` : expandedWidth;
+    return (_jsxs("nav", { ref: ref, "aria-label": "Main navigation", style: { width: widthValue, ...outerStyle }, className: cn('relative flex h-full shrink-0 flex-col bg-primary text-primary-foreground', side === 'right' ? 'border-l border-primary-700/40' : 'border-r border-primary-700/40', className), ...rest, children: [header ? (_jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-primary-foreground/10 px-3 py-2.5", children: [_jsx("div", { className: "min-w-0 flex-1", children: header }), showCollapseToggle ? (_jsx(CollapseChevron, { onClick: onCollapse, label: collapsedLabel, side: side })) : null] })) : null, (searchEnabled || (!header && showCollapseToggle)) ? (_jsxs("div", { className: "flex items-center gap-2 border-b border-primary-foreground/10 px-3 py-2", children: [searchEnabled ? (_jsx("div", { className: "min-w-0 flex-1", children: _jsx(MenuSearch, { value: query, onValueChange: updateQuery, placeholder: searchCfg?.placeholder ?? searchPlaceholder ?? 'Search menu…', tone: "onBrand" }) })) : null, !header && showCollapseToggle ? (_jsx(CollapseChevron, { onClick: onCollapse, label: collapsedLabel, side: side })) : null] })) : null, _jsx("div", { className: "flex-1 overflow-y-auto p-2", children: searchActive ? (matches.length === 0 ? (_jsx("div", { className: "px-4 py-8 text-center text-sm text-primary-foreground/70", children: searchCfg?.noResultsLabel ?? `No items match "${query}".` })) : (matches.map((m) => (_jsx(ExpandedSearchMatch, { item: m.item, breadcrumbs: m.breadcrumbs, activeKey: activeKey, onSelect: onSelect, itemClassName: itemClassName }, m.item.key + m.breadcrumbs.join('>')))))) : (items.map((item) => (_jsx(ExpandedRow, { item: item, depth: 0, activeKey: activeKey, onSelect: onSelect, expandedKeys: expandedKeys, toggleExpanded: toggleExpanded, itemClassName: itemClassName, activeItemClassName: activeItemClassName }, item.key)))) }), footer ? (_jsx("div", { className: "border-t border-primary-foreground/10 px-3 py-2.5", children: footer })) : null] }));
+});
+//# sourceMappingURL=expanded.js.map

package/dist/MainSidebar/expanded.js.map

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

package/dist/MainSidebar/floating.d.ts

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

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

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

package/dist/MainSidebar/floating.js

@@ -0,0 +1,116 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MainSidebar — `floating` variant.
+ *
+ * Rail click opens an overlay panel beside the rail. The panel floats on top
+ * of the page content (does NOT push layout). Dismisses on outside click,
+ * Esc, or repeated rail-icon click.
+ */
+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, CloseButton } from './back-button.js';
+import { PathBreadcrumb } from './breadcrumb.js';
+import { defaultMatcher, filterLevel, isOnPath, opensPanel, resolvePath } from './helpers.js';
+import { slideVariants } from './motion.js';
+export const FloatingSidebar = forwardRef(function FloatingSidebar({ items, activeKey, expanded, defaultExpanded = false, onExpandedChange, onItemSelect, header, footer, panelHeader, panelFooter, search = false, searchPlaceholder, onSearchChange, side = 'left', density = 'comfortable', panelWidth = 288, motionPreset = 'expressive', closeOnOutsideClick = true, railClassName, panelClassName, itemClassName, activeItemClassName, backLabel = 'Back', expandedLabel = 'Close menu', className, ...rest }, ref) {
+    const reduceMotion = useReducedMotion();
+    const effectivePreset = reduceMotion ? 'subtle' : motionPreset;
+    const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
+    const isExpanded = expanded ?? internalExpanded;
+    const [pathKeys, setPathKeys] = useState([]);
+    const path = useMemo(() => resolvePath(items, pathKeys), [items, pathKeys]);
+    const current = path.at(-1);
+    const [query, setQuery] = useState('');
+    const searchEnabled = search !== false;
+    const searchCfg = typeof search === 'object' ? search : undefined;
+    const matcher = searchCfg?.matcher ?? defaultMatcher;
+    const currentItems = current?.children ?? [];
+    const filtered = filterLevel(currentItems, query, matcher);
+    const panelRef = useRef(null);
+    const railRef = useRef(null);
+    function resetDeepState() {
+        setPathKeys([]);
+        setQuery('');
+    }
+    function setExpanded(next) {
+        if (expanded === undefined)
+            setInternalExpanded(next);
+        if (!next)
+            resetDeepState();
+        onExpandedChange?.(next);
+    }
+    function closePanel() {
+        resetDeepState();
+        setExpanded(false);
+    }
+    function selectRailItem(item) {
+        if (item.disabled)
+            return;
+        onItemSelect?.(item.key, item);
+        if (opensPanel(item)) {
+            if (current?.key === item.key && isExpanded) {
+                setExpanded(false);
+                return;
+            }
+            setPathKeys([item.key]);
+            setExpanded(true);
+            setQuery('');
+        }
+        else {
+            setExpanded(false);
+        }
+    }
+    function selectPanelItem(item) {
+        if (item.disabled)
+            return;
+        onItemSelect?.(item.key, item);
+        if (opensPanel(item)) {
+            setPathKeys((prev) => (prev.at(-1) === item.key ? prev : [...prev, item.key]));
+            setQuery('');
+        }
+    }
+    /* Outside-click + Escape */
+    useEffect(() => {
+        if (!isExpanded)
+            return;
+        function onPointerDown(e) {
+            if (!closeOnOutsideClick)
+                return;
+            const target = e.target;
+            if (panelRef.current?.contains(target) || railRef.current?.contains(target))
+                return;
+            setExpanded(false);
+        }
+        function onKey(e) {
+            if (e.key === 'Escape')
+                closePanel();
+        }
+        document.addEventListener('pointerdown', onPointerDown);
+        document.addEventListener('keydown', onKey);
+        return () => {
+            document.removeEventListener('pointerdown', onPointerDown);
+            document.removeEventListener('keydown', onKey);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isExpanded, closeOnOutsideClick]);
+    function updateQuery(next) {
+        setQuery(next);
+        onSearchChange?.(next);
+    }
+    function goBack() {
+        setPathKeys((prev) => prev.slice(0, -1));
+        setQuery('');
+    }
+    return (_jsxs("div", { ref: ref, className: cn('relative h-full', className), ...rest, children: [_jsx(Rail, { ref: railRef, items: items, activeKey: activeKey, density: density, side: side, header: header, footer: footer, itemClassName: itemClassName, activeItemClassName: activeItemClassName, className: railClassName, onItemSelect: selectRailItem, openPanelKey: isExpanded ? current?.key : undefined }), _jsx(AnimatePresence, { initial: false, mode: "wait", children: isExpanded && current ? (_jsxs(motion.div, { ref: panelRef, variants: slideVariants(effectivePreset, side === 'right' ? 'right' : 'left'), initial: "initial", animate: "animate", exit: "exit", role: "menu", "aria-label": current.label, style: {
+                        width: typeof panelWidth === 'number' ? `${panelWidth}px` : panelWidth,
+                        [side === 'right' ? 'right' : 'left']: density === 'compact' ? '3rem' : '3.5rem',
+                    }, className: cn('absolute top-0 z-10 flex h-full flex-col rounded-xl border border-border bg-card text-card-foreground shadow-xl', 'm-2', panelClassName), children: [_jsxs("div", { className: "border-b border-border px-4 py-3", children: [panelHeader ?? (_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [path.length > 1 ? (_jsxs(_Fragment, { children: [_jsx(PathBreadcrumb, { path: path, onJump: (depth) => setPathKeys((prev) => prev.slice(0, depth + 1)), 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 text-xs text-card-foreground/70", children: current.description })) : null] }), _jsx(CloseButton, { onClick: closePanel, label: expandedLabel })] })), searchEnabled ? (_jsx("div", { className: "mt-3", children: _jsx(MenuSearch, { value: query, onValueChange: updateQuery, placeholder: searchCfg?.placeholder ?? searchPlaceholder ?? `Search ${current.label}…`, tone: "onBrand" }) })) : null] }), _jsx("div", { className: "flex-1 overflow-y-auto p-2", children: filtered.length === 0 && query ? (_jsx("div", { className: "px-4 py-8 text-center text-sm text-card-foreground/70", children: searchCfg?.noResultsLabel ?? `No items match "${query}".` })) : (filtered.map((item) => {
+                                const onActivePath = isOnPath(item, activeKey) || pathKeys.includes(item.key);
+                                return (_jsxs("button", { type: "button", onClick: () => selectPanelItem(item), disabled: item.disabled, className: cn('group flex w-full items-center gap-2.5 rounded-md px-2.5 py-2 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', onActivePath && 'bg-accent text-accent-foreground font-medium hover:bg-accent hover:text-accent-foreground', itemClassName, onActivePath && activeItemClassName), children: [item.icon ? (_jsx("span", { className: "grid size-5 shrink-0 place-items-center text-card-foreground/70 group-hover:text-card-foreground [&_svg]:size-full", "aria-hidden": "true", children: item.icon })) : null, _jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }), opensPanel(item) ? (_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));
+                            })) }), panelFooter ? (_jsx("div", { className: "border-t border-border px-4 py-3", children: panelFooter })) : null] }, current.key + ':' + path.length)) : null })] }));
+});
+//# sourceMappingURL=floating.js.map

package/dist/MainSidebar/floating.js.map

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

package/dist/MainSidebar/helpers.d.ts

@@ -0,0 +1,50 @@
+import { type CSSProperties, type ReactNode } from 'react';
+import type { MainSidebarColorScheme, MainSidebarItem } from './types.js';
+/**
+ * `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 declare function isPrimitiveBadge(badge: ReactNode): badge is string | 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 declare function shouldWrapBadge(badge: ReactNode): boolean;
+export declare function findItem(items: MainSidebarItem[], key: string | undefined): MainSidebarItem | undefined;
+/** True if `target` is `item.key` itself, OR appears somewhere in `item`'s subtree. */
+export declare function isOnPath(item: MainSidebarItem, target: string | undefined): boolean;
+export declare function firstPanelItem(items: MainSidebarItem[], activeKey: string | undefined): MainSidebarItem | undefined;
+export declare function opensPanel(item: MainSidebarItem): boolean;
+export declare function defaultMatcher(item: MainSidebarItem, query: string): boolean;
+/** Filter a list non-recursively (used by per-level search). */
+export declare function filterLevel(items: MainSidebarItem[], query: string, matcher?: (item: MainSidebarItem, query: string) => boolean): MainSidebarItem[];
+export interface FlatMatch {
+    item: MainSidebarItem;
+    /** Parent labels from root → immediate parent (excludes the matched item). */
+    breadcrumbs: string[];
+}
+/** Recursively flatten + filter the whole tree (used by command variant). */
+export declare function flatMatchTree(items: MainSidebarItem[], query: string, matcher?: (item: MainSidebarItem, query: string) => boolean): FlatMatch[];
+/**
+ * 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 declare function colorSchemeToStyle(scheme: MainSidebarColorScheme | undefined): CSSProperties;
+/** Resolve the active path stack into MainSidebarItem objects (filters missing ids). */
+export declare function resolvePath(items: MainSidebarItem[], pathKeys: string[]): MainSidebarItem[];
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/MainSidebar/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE1E;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,CAE3E;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAIzD;AAED,wBAAgB,QAAQ,CACtB,KAAK,EAAE,eAAe,EAAE,EACxB,GAAG,EAAE,MAAM,GAAG,SAAS,GACtB,eAAe,GAAG,SAAS,CAQ7B;AAED,uFAAuF;AACvF,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAInF;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,eAAe,EAAE,EACxB,SAAS,EAAE,MAAM,GAAG,SAAS,+BAK9B;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,eAAe,WAE/C;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,WAGlE;AAED,gEAAgE;AAChE,wBAAgB,WAAW,CACzB,KAAK,EAAE,eAAe,EAAE,EACxB,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,OAAwB,qBAI5E;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,eAAe,CAAC;IACtB,8EAA8E;IAC9E,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,6EAA6E;AAC7E,wBAAgB,aAAa,CAC3B,KAAK,EAAE,eAAe,EAAE,EACxB,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,OAAwB,GAC1E,SAAS,EAAE,CAcb;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,sBAAsB,GAAG,SAAS,GACzC,aAAa,CAsCf;AAED,wFAAwF;AACxF,wBAAgB,WAAW,CACzB,KAAK,EAAE,eAAe,EAAE,EACxB,QAAQ,EAAE,MAAM,EAAE,GACjB,eAAe,EAAE,CAInB"}