@unisane/ui 0.1.0-next.b67ebfd0

package/dist/components/sidebar/components/sidebar-drawer.js

@@ -0,0 +1,60 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef } from 'react';
+import { cn } from '../../../lib/utils.js';
+import { useOverlayBehavior } from '../../../lib/use-overlay-behavior.js';
+import { useScrollLock } from '../../../hooks/use-scroll-lock.js';
+import { useSidebar } from '../context/sidebar-provider.js';
+import { CollapsedSidebarNavigation, SidebarNavigation } from './sidebar-navigation.js';
+export const SidebarDrawer = forwardRef(({ header, footer, collapsedHeader, collapsedFooter, headline, overlayHeadline, emptyContent, showCloseButton = true, className, style, 'aria-label': ariaLabel, ...props }, ref) => {
+    const sidebar = useSidebar();
+    const panelRef = useRef(null);
+    const overlayRootRef = useRef(null);
+    const isOpen = sidebar.isOverlay ? sidebar.mobileOpen : sidebar.isDrawerVisible;
+    const isCollapsed = sidebar.mode === 'collapsible-drawer' && !sidebar.isOverlay && !sidebar.expanded;
+    const contextualItems = sidebar.effectiveItem?.items?.length
+        ? sidebar.effectiveItem.items
+        : sidebar.items;
+    const navigationItems = sidebar.isOverlay ? sidebar.items : contextualItems;
+    const resolvedHeadline = sidebar.isOverlay
+        ? overlayHeadline
+        : headline === undefined
+            ? sidebar.effectiveItem?.label
+            : headline;
+    useScrollLock(sidebar.isOverlay && isOpen);
+    useOverlayBehavior({
+        open: sidebar.isOverlay && isOpen,
+        contentRef: panelRef,
+        rootRef: overlayRootRef,
+        modalBoundaryRef: sidebar.rootRef,
+        onDismiss: sidebar.close,
+        modal: true,
+        dismissOnInteractOutside: true,
+    });
+    if (!sidebar.drawerEnabled || (sidebar.isOverlay && !isOpen))
+        return null;
+    const setPanelRef = (node) => {
+        panelRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    };
+    const drawerWidth = sidebar.isOverlay
+        ? sidebar.mobileDrawerWidth
+        : isCollapsed
+            ? sidebar.railWidth
+            : sidebar.drawerWidth;
+    const drawer = (_jsx("aside", { ref: setPanelRef, className: cn('bg-surface-container-low text-on-surface duration-emphasized ease-emphasized flex h-full flex-col overflow-hidden transition-[transform,width] motion-reduce:transition-none', sidebar.isOverlay
+            ? 'shadow-3 relative z-10 max-w-[85vw]'
+            : 'absolute top-0 bottom-0 z-30', sidebar.isOverlay && sidebar.side === 'left' && 'rounded-e-[2rem]', sidebar.isOverlay && sidebar.side === 'right' && 'rounded-s-[2rem]', !sidebar.isOverlay && !isOpen && sidebar.side === 'left' && '-translate-x-full', !sidebar.isOverlay && !isOpen && sidebar.side === 'right' && 'translate-x-full', className), style: {
+            width: `var(--sidebar-${sidebar.isOverlay ? 'mobile-drawer' : isCollapsed ? 'rail' : 'drawer'}-width, ${drawerWidth}px)`,
+            [sidebar.side]: sidebar.isOverlay ? 0 : sidebar.railEnabled ? sidebar.railWidth : 0,
+            ...style,
+        }, onMouseEnter: !sidebar.isOverlay ? sidebar.retainPreview : undefined, onMouseLeave: !sidebar.isOverlay ? sidebar.releasePreview : undefined, "aria-hidden": !isOpen, inert: !isOpen ? true : undefined, tabIndex: sidebar.isOverlay ? -1 : undefined, ...props, children: _jsx("nav", { "aria-label": ariaLabel, className: "flex min-h-0 flex-1 flex-col", children: isCollapsed ? (_jsxs(_Fragment, { children: [collapsedHeader ? _jsx("div", { className: "shrink-0 px-2 pt-3", children: collapsedHeader }) : null, _jsx("div", { className: "flex-1 overflow-y-auto px-1 py-2", children: _jsx(CollapsedSidebarNavigation, { items: sidebar.items }) }), collapsedFooter ? (_jsx("div", { className: "mt-auto shrink-0 px-2 pb-3", children: collapsedFooter })) : null] })) : (_jsxs(_Fragment, { children: [header || (sidebar.isOverlay && showCloseButton) ? (_jsxs("div", { className: "flex shrink-0 items-start gap-3 px-4 pt-4 pb-2", children: [_jsx("div", { className: "min-w-0 flex-1", children: header }), sidebar.isOverlay && showCloseButton ? (_jsx("button", { type: "button", className: "rounded-icon-button hover:bg-state-hover focus-visible:ring-focus-ring grid size-10 shrink-0 place-items-center focus-visible:ring-2 focus-visible:outline-none", "aria-label": `Close ${ariaLabel}`, onClick: sidebar.close, children: _jsx("span", { className: "material-symbols-outlined", "aria-hidden": "true", children: "close" }) })) : null] })) : null, resolvedHeadline ? (_jsx("div", { className: "text-label-small text-on-surface-variant px-5 pt-2 pb-2 font-semibold tracking-wider uppercase", children: resolvedHeadline })) : null, _jsx("div", { className: "flex-1 overflow-y-auto px-2 py-2", children: navigationItems.length ? (_jsx(SidebarNavigation, { items: navigationItems, showRootIcons: sidebar.isOverlay || !sidebar.effectiveItem?.items?.length })) : (emptyContent) }), footer ? _jsx("div", { className: "mt-auto shrink-0 px-4 py-4", children: footer }) : null] })) }) }));
+    if (!sidebar.isOverlay)
+        return drawer;
+    return (_jsxs("div", { ref: overlayRootRef, className: cn(sidebar.containerMode === 'viewport' ? 'fixed' : 'absolute', 'inset-0 z-[var(--z-drawer,1500)] flex', sidebar.side === 'right' && 'justify-end'), role: "dialog", "aria-modal": "true", "aria-label": ariaLabel, children: [_jsx("div", { className: "bg-scrim absolute inset-0", "aria-hidden": "true" }), drawer] }));
+});
+SidebarDrawer.displayName = 'SidebarDrawer';
+//# sourceMappingURL=sidebar-drawer.js.map

package/dist/components/sidebar/components/sidebar-drawer.js.map

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

package/dist/components/sidebar/components/sidebar-inset.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface SidebarInsetProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+}
+export declare const SidebarInset: React.ForwardRefExoticComponent<SidebarInsetProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=sidebar-inset.d.ts.map

package/dist/components/sidebar/components/sidebar-inset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-inset.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/components/sidebar-inset.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,uFAkCxB,CAAC"}

package/dist/components/sidebar/components/sidebar-inset.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../../lib/utils.js';
+import { useSidebar } from '../context/sidebar-provider.js';
+export const SidebarInset = forwardRef(({ children, className, style, ...props }, ref) => {
+    const sidebar = useSidebar();
+    const topOffset = sidebar.containerMode === 'contained' ? 0 : sidebar.isOverlay ? sidebar.mobileInsetOffset : 0;
+    const insetStyle = {
+        marginTop: topOffset,
+        height: sidebar.containerMode === 'contained'
+            ? '100%'
+            : topOffset > 0
+                ? `calc(100vh - ${topOffset}px)`
+                : '100vh',
+        marginLeft: sidebar.side === 'left' ? sidebar.contentMargin : 0,
+        marginRight: sidebar.side === 'right' ? sidebar.contentMargin : 0,
+        '--sidebar-margin': `${sidebar.contentMargin}px`,
+        ...style,
+    };
+    return (_jsx("main", { ref: ref, className: cn('bg-surface duration-emphasized ease-emphasized flex min-w-0 flex-1 flex-col overflow-x-hidden overflow-y-auto transition-[margin,height,margin-top] motion-reduce:transition-none', className), style: insetStyle, "aria-hidden": sidebar.isOverlay && sidebar.mobileOpen ? true : undefined, ...props, children: children }));
+});
+SidebarInset.displayName = 'SidebarInset';
+//# sourceMappingURL=sidebar-inset.js.map

package/dist/components/sidebar/components/sidebar-inset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-inset.js","sourceRoot":"","sources":["../../../../src/components/sidebar/components/sidebar-inset.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAMzD,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,SAAS,GACb,OAAO,CAAC,aAAa,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IAChG,MAAM,UAAU,GAAyD;QACvE,SAAS,EAAE,SAAS;QACpB,MAAM,EACJ,OAAO,CAAC,aAAa,KAAK,WAAW;YACnC,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS,GAAG,CAAC;gBACb,CAAC,CAAC,gBAAgB,SAAS,KAAK;gBAChC,CAAC,CAAC,OAAO;QACf,UAAU,EAAE,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC/D,WAAW,EAAE,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACjE,kBAAkB,EAAE,GAAG,OAAO,CAAC,aAAa,IAAI;QAChD,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mLAAmL,EACnL,SAAS,CACV,EACD,KAAK,EAAE,UAAU,iBACJ,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,KACnE,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/components/sidebar/components/sidebar-navigation.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { NavigationItem } from '../../../types/navigation.js';
+interface SidebarNavigationProps {
+    items: NavigationItem[];
+    showRootIcons?: boolean;
+    className?: string;
+}
+export declare function SidebarNavigation({ items, showRootIcons, className, }: SidebarNavigationProps): React.JSX.Element;
+export declare function CollapsedSidebarNavigation({ items }: {
+    items: NavigationItem[];
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=sidebar-navigation.d.ts.map

package/dist/components/sidebar/components/sidebar-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/components/sidebar-navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgB,MAAM,OAAO,CAAC;AASrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAKhE,UAAU,sBAAsB;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,aAAoB,EACpB,SAAS,GACV,EAAE,sBAAsB,qBAQxB;AAwID,wBAAgB,0BAA0B,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,cAAc,EAAE,CAAA;CAAE,qBAqChF"}

package/dist/components/sidebar/components/sidebar-navigation.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cn } from '../../../lib/utils.js';
+import { NavigationAction, getVisibleNavigationItems } from '../../../lib/navigation-action.js';
+import { NavigationDrawerItemContent, NavigationRailItemContent, getNavigationDrawerItemClasses, getNavigationRailItemClasses, } from '../../../lib/navigation-visuals.js';
+import { Ripple } from '../../ripple.js';
+import { useSidebar } from '../context/sidebar-provider.js';
+import { collectLeafItems, containsNavigationId } from '../model/sidebar.state.js';
+export function SidebarNavigation({ items, showRootIcons = true, className, }) {
+    return (_jsx("div", { className: cn('flex flex-col gap-1', className), children: getVisibleNavigationItems(items).map((item) => (_jsx(SidebarNavigationNode, { item: item, level: 0, showRootIcons: showRootIcons }, item.id))) }));
+}
+function SidebarNavigationNode({ item, level, showRootIcons, }) {
+    const { value, selectItem, renderLink, isGroupExpanded, toggleGroup } = useSidebar();
+    const contentId = useId();
+    const hasChildren = Boolean(item.items?.length);
+    const active = containsNavigationId(item, value);
+    const directlyActive = value === item.id;
+    const showIcon = level === 0 && showRootIcons;
+    if (!hasChildren) {
+        return (_jsx(NavigationAction, { item: item, active: active, onActivate: (selected) => selectItem(selected, 'drawer'), renderLink: renderLink, className: getNavigationDrawerItemClasses({ active, disabled: item.disabled }), children: _jsx(NavigationDrawerItemContent, { icon: showIcon ? item.icon : undefined, activeIcon: showIcon ? item.activeIcon : undefined, badge: item.badge, active: active, disabled: item.disabled, ripple: _jsx(Ripple, { disabled: item.disabled ?? false }), children: item.label }) }));
+    }
+    const open = isGroupExpanded(item);
+    const content = (_jsx(NavigationDrawerItemContent, { icon: showIcon ? item.icon : undefined, activeIcon: showIcon ? item.activeIcon : undefined, badge: item.badge, active: active, disabled: item.disabled, ripple: _jsx(Ripple, { disabled: item.disabled ?? false }), children: item.label }));
+    const action = item.href ? (_jsx(NavigationAction, { item: item, active: directlyActive, onActivate: (selected) => selectItem(selected, 'drawer'), renderLink: renderLink, className: cn(getNavigationDrawerItemClasses({ active, disabled: item.disabled }), 'rounded-r-none pr-1'), children: content })) : (_jsx("button", { type: "button", className: getNavigationDrawerItemClasses({ active, disabled: item.disabled }), disabled: item.disabled, "aria-current": directlyActive ? 'page' : undefined, "aria-expanded": open, "aria-controls": contentId, onClick: () => {
+            selectItem(item, 'drawer');
+            toggleGroup(item);
+        }, children: content }));
+    return (_jsxs("div", { className: "flex flex-col", children: [item.href ? (_jsxs("div", { className: "flex items-stretch", children: [_jsx("div", { className: "min-w-0 flex-1", children: action }), _jsx("button", { type: "button", className: "rounded-r-button hover:bg-state-hover focus-visible:ring-focus-ring grid w-10 shrink-0 place-items-center focus-visible:ring-2 focus-visible:outline-none", "aria-label": `${open ? 'Collapse' : 'Expand'} ${item.label}`, "aria-expanded": open, "aria-controls": contentId, onClick: () => toggleGroup(item), children: _jsx("span", { className: cn('material-symbols-outlined duration-medium text-[18px] transition-transform', open && 'rotate-180'), "aria-hidden": "true", children: "expand_more" }) })] })) : (action), _jsx("div", { id: contentId, className: cn('duration-medium grid transition-[grid-template-rows,opacity] motion-reduce:transition-none', open ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'), "aria-hidden": !open, children: _jsx("div", { className: "overflow-hidden", children: _jsx("div", { className: "mt-1 flex flex-col gap-1 pl-4", children: getVisibleNavigationItems(item.items ?? []).map((child) => (_jsx(SidebarNavigationNode, { item: child, level: level + 1, showRootIcons: showRootIcons }, child.id))) }) }) })] }));
+}
+export function CollapsedSidebarNavigation({ items }) {
+    const { value, selectItem, renderLink } = useSidebar();
+    return (_jsx("div", { className: "flex w-full flex-col items-center gap-1", children: collectLeafItems(items).map((item) => {
+            const active = value === item.id;
+            return (_jsx(NavigationAction, { item: item, active: active, onActivate: (selected) => selectItem(selected, 'drawer'), renderLink: renderLink, className: getNavigationRailItemClasses(item.disabled), ariaLabel: item.label, title: item.label, children: _jsx(NavigationRailItemContent, { icon: item.icon ?? 'circle', activeIcon: item.activeIcon, badge: typeof item.badge === 'string' || typeof item.badge === 'number'
+                        ? item.badge
+                        : undefined, label: item.label, showLabel: false, active: active, disabled: item.disabled, ripple: _jsx(Ripple, { center: true, disabled: item.disabled }) }) }, item.id));
+        }) }));
+}
+//# sourceMappingURL=sidebar-navigation.js.map

package/dist/components/sidebar/components/sidebar-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-navigation.js","sourceRoot":"","sources":["../../../../src/components/sidebar/components/sidebar-navigation.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC7F,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,EACzB,8BAA8B,EAC9B,4BAA4B,GAC7B,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQhF,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,aAAa,GAAG,IAAI,EACpB,SAAS,GACc;IACvB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YACjD,yBAAyB,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC9C,KAAC,qBAAqB,IAAe,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,aAAa,IAA3D,IAAI,CAAC,EAAE,CAAwD,CAC5F,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,qBAAqB,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,aAAa,GAKd;IACC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,UAAU,EAAE,CAAC;IACrF,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAC1B,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC,EAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,KAAK,KAAK,CAAC,IAAI,aAAa,CAAC;IAE9C,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACxD,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,8BAA8B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,YAE9E,KAAC,2BAA2B,IAC1B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACtC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAClD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,KAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK,GAAI,YAEnD,IAAI,CAAC,KAAK,GACiB,GACb,CACpB,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,CACd,KAAC,2BAA2B,IAC1B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACtC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAClD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,KAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK,GAAI,YAEnD,IAAI,CAAC,KAAK,GACiB,CAC/B,CAAC;IACF,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,cAAc,EACtB,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACxD,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,8BAA8B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,EACnE,qBAAqB,CACtB,YAEA,OAAO,GACS,CACpB,CAAC,CAAC,CAAC,CACF,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,8BAA8B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,EAC9E,QAAQ,EAAE,IAAI,CAAC,QAAQ,kBACT,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBAClC,IAAI,mBACJ,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE;YACZ,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC3B,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,YAEA,OAAO,GACD,CACV,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC3B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,eAAK,SAAS,EAAC,oBAAoB,aACjC,cAAK,SAAS,EAAC,gBAAgB,YAAE,MAAM,GAAO,EAC9C,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2JAA2J,gBACzJ,GAAG,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,EAAE,mBAC5C,IAAI,mBACJ,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,YAEhC,eACE,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,IAAI,IAAI,YAAY,CACrB,iBACW,MAAM,4BAGb,GACA,IACL,CACP,CAAC,CAAC,CAAC,CACF,MAAM,CACP,EACD,cACE,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,IAAI,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,2BAA2B,CACnE,iBACY,CAAC,IAAI,YAElB,cAAK,SAAS,EAAC,iBAAiB,YAC9B,cAAK,SAAS,EAAC,+BAA+B,YAC3C,yBAAyB,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1D,KAAC,qBAAqB,IAEpB,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,KAAK,GAAG,CAAC,EAChB,aAAa,EAAE,aAAa,IAHvB,KAAK,CAAC,EAAE,CAIb,CACH,CAAC,GACE,GACF,GACF,IACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,EAAE,KAAK,EAA+B;IAC/E,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAC;IAEvD,OAAO,CACL,cAAK,SAAS,EAAC,yCAAyC,YACrD,gBAAgB,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACpC,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC,EAAE,CAAC;YACjC,OAAO,CACL,KAAC,gBAAgB,IAEf,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACxD,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,4BAA4B,CAAC,IAAI,CAAC,QAAQ,CAAC,EACtD,SAAS,EAAE,IAAI,CAAC,KAAK,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,YAEjB,KAAC,yBAAyB,IACxB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,QAAQ,EAC3B,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,KAAK,EACH,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;wBAC9D,CAAC,CAAC,IAAI,CAAC,KAAK;wBACZ,CAAC,CAAC,SAAS,EAEf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,KAAC,MAAM,IAAC,MAAM,QAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,GAClD,IAtBG,IAAI,CAAC,EAAE,CAuBK,CACpB,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/sidebar/components/sidebar-rail.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type NavigationRailProps } from '../../navigation-rail.js';
+export type SidebarRailProps = Omit<NavigationRailProps, 'items' | 'value' | 'defaultValue' | 'onValueChange' | 'onItemSelect' | 'renderLink' | 'onItemHover'>;
+export declare function SidebarRail({ className, style, onMouseLeave, ...props }: SidebarRailProps): React.JSX.Element | null;
+//# sourceMappingURL=sidebar-rail.d.ts.map

package/dist/components/sidebar/components/sidebar-rail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-rail.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/components/sidebar-rail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,mBAAmB,EACjB,OAAO,GACP,OAAO,GACP,cAAc,GACd,eAAe,GACf,cAAc,GACd,YAAY,GACZ,aAAa,CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,4BA2BzF"}

package/dist/components/sidebar/components/sidebar-rail.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../lib/utils.js';
+import { NavigationRail } from '../../navigation-rail.js';
+import { useSidebar } from '../context/sidebar-provider.js';
+import { findTopLevelContainerById } from '../model/sidebar.state.js';
+export function SidebarRail({ className, style, onMouseLeave, ...props }) {
+    const sidebar = useSidebar();
+    if (!sidebar.isRailVisible)
+        return null;
+    const selectedTopLevel = sidebar.value
+        ? (findTopLevelContainerById(sidebar.items, sidebar.value)?.id ?? null)
+        : null;
+    return (_jsx(NavigationRail, { items: sidebar.items, value: selectedTopLevel, onItemSelect: (item) => sidebar.selectItem(item, 'rail'), renderLink: sidebar.renderLink, onItemHover: sidebar.previewItem, onMouseLeave: (event) => {
+            sidebar.clearPreview();
+            onMouseLeave?.(event);
+        }, className: cn('w-auto border-r-0', sidebar.side === 'left' ? 'border-r' : 'border-l', className), style: { width: `var(--sidebar-rail-width, ${sidebar.railWidth}px)`, ...style }, ...props }));
+}
+//# sourceMappingURL=sidebar-rail.js.map

package/dist/components/sidebar/components/sidebar-rail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-rail.js","sourceRoot":"","sources":["../../../../src/components/sidebar/components/sidebar-rail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,cAAc,EAA4B,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAanE,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,EAAoB;IACxF,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,IAAI,CAAC,OAAO,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IACxC,MAAM,gBAAgB,GAAG,OAAO,CAAC,KAAK;QACpC,CAAC,CAAC,CAAC,yBAAyB,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,IAAI,CAAC;QACvE,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,KAAK,EAAE,gBAAgB,EACvB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,EACxD,UAAU,EAAE,OAAO,CAAC,UAAU,EAC9B,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;YACtB,OAAO,CAAC,YAAY,EAAE,CAAC;YACvB,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,EACD,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACjD,SAAS,CACV,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,6BAA6B,OAAO,CAAC,SAAS,KAAK,EAAE,GAAG,KAAK,EAAE,KAC3E,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/sidebar/components/sidebar-shell.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { SidebarTriggerVisibility } from '../model/sidebar.types.js';
+export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    'aria-label': string;
+    children?: React.ReactNode;
+    visibility?: SidebarTriggerVisibility;
+}
+export declare const SidebarTrigger: React.ForwardRefExoticComponent<SidebarTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=sidebar-shell.d.ts.map

package/dist/components/sidebar/components/sidebar-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-shell.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/components/sidebar-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAGvE,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,OAAO,qFA4CnB,CAAC;AAGF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,wBAAwB,CAAC;CACvC;AAED,eAAO,MAAM,cAAc,+FAgC1B,CAAC"}

package/dist/components/sidebar/components/sidebar-shell.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../lib/utils.js';
+import { Icon } from '../../icon.js';
+import { useSidebar } from '../context/sidebar-provider.js';
+import { shouldRenderSidebarTrigger } from '../model/sidebar.state.js';
+export const Sidebar = forwardRef(({ children, className, style, ...props }, ref) => {
+    const sidebar = useSidebar();
+    const registerContainer = sidebar.registerContainer;
+    const setRootRef = React.useCallback((node) => {
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+        registerContainer(node);
+    }, [ref, registerContainer]);
+    const sidebarStyle = {
+        '--sidebar-rail-width': `${sidebar.railWidth}px`,
+        '--sidebar-drawer-width': `${sidebar.drawerWidth}px`,
+        '--sidebar-mobile-drawer-width': `${sidebar.mobileDrawerWidth}px`,
+        ...style,
+    };
+    return (_jsx("div", { ref: setRootRef, className: cn('relative isolate flex h-full', sidebar.isOverlay && sidebar.mobileOpen && 'z-[var(--z-drawer,1500)]', sidebar.side === 'right' && 'flex-row-reverse', className), "data-slot": "sidebar", "data-side": sidebar.side, "data-mode": sidebar.mode, "data-behavior": sidebar.behavior, "data-state": sidebar.isDrawerVisible ? 'open' : 'closed', style: sidebarStyle, ...props, children: children }));
+});
+Sidebar.displayName = 'Sidebar';
+export const SidebarTrigger = forwardRef(({ children, className, onClick, visibility = 'auto', ...props }, ref) => {
+    const sidebar = useSidebar();
+    if (!shouldRenderSidebarTrigger({
+        visibility,
+        drawerEnabled: sidebar.drawerEnabled,
+        viewport: sidebar.viewport,
+    })) {
+        return null;
+    }
+    return (_jsx("button", { ref: ref, type: "button", onClick: (event) => {
+            sidebar.toggle();
+            onClick?.(event);
+        }, className: cn('rounded-icon-button text-on-surface-variant hover:bg-state-hover focus-visible:ring-focus-ring inline-flex size-10 items-center justify-center transition-colors focus-visible:ring-2 focus-visible:outline-none', className), "aria-expanded": sidebar.isOverlay ? sidebar.mobileOpen : sidebar.expanded, ...props, children: children ?? _jsx(Icon, { symbol: "menu" }) }));
+});
+SidebarTrigger.displayName = 'SidebarTrigger';
+//# sourceMappingURL=sidebar-shell.js.map

package/dist/components/sidebar/components/sidebar-shell.js.map

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

package/dist/components/sidebar/context/sidebar-provider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SidebarContextValue, SidebarProviderProps } from '../model/sidebar.types.js';
+export declare function useSidebar(): SidebarContextValue;
+export declare function SidebarProvider({ children, items, value: controlledValue, defaultValue, onValueChange, onItemSelect, renderLink, expanded: controlledExpanded, defaultExpanded, mobileOpen: controlledMobileOpen, defaultMobileOpen, persist, storageKey, hoverDelay, exitDelay, railWidth, drawerWidth, mobileDrawerWidth, side, mode, behavior, containerMode, breakpoints, mobileInsetOffset, openOnChildSelection, initialViewport, forceViewport, onExpandedChange, onMobileOpenChange, }: SidebarProviderProps): React.JSX.Element;
+//# sourceMappingURL=sidebar-provider.d.ts.map

package/dist/components/sidebar/context/sidebar-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-provider.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/context/sidebar-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAEV,mBAAmB,EACnB,oBAAoB,EAErB,MAAM,wBAAwB,CAAC;AAkChC,wBAAgB,UAAU,IAAI,mBAAmB,CAIhD;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,KAAK,EAAE,eAAe,EACtB,YAAmB,EACnB,aAAa,EACb,YAAY,EACZ,UAAU,EACV,QAAQ,EAAE,kBAAkB,EAC5B,eAAuB,EACvB,UAAU,EAAE,oBAAoB,EAChC,iBAAyB,EACzB,OAAe,EACf,UAAsB,EACtB,UAAgB,EAChB,SAAe,EACf,SAAc,EACd,WAAiB,EACjB,iBAAuB,EACvB,IAAa,EACb,IAAoB,EACpB,QAAQ,EACR,aAA0B,EAC1B,WAAW,EACX,iBAAsB,EACtB,oBAA2B,EAC3B,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,kBAAkB,GACnB,EAAE,oBAAoB,qBAyTtB"}