@wildo-ai/presets-components 1.0.1

package/dist/esm/components/navigation/app-level/sidebar.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { HorizontalPlacement } from '@wildo-ai/presets-components-models';
+import { SidebarSectionInlineCreate, SidebarSectionContentKind, } from '@wildo-ai/saas-frontend-lib';
+import { ButtonSize, PlacementSide, CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { Button, ButtonVariants_Variant, InputRoot, ScrollArea, Collapsible, CollapsibleContent, CollapsibleTrigger, useI18n, IconSize, StandardIconReference, useIconRegistry, useUI, TruncatedText, useSidebarBehavior, SidebarResourceBrowser, ComponentRegistryService, envLoader, } from '@wildo-ai/saas-frontend-lib';
+export const ApplicationLevelPreset_Sidebar_Default = ({ placement = HorizontalPlacement.START, isCollapsed: externalIsCollapsed, onToggleCollapse }) => {
+    const sb = useSidebarBehavior({ placement, isCollapsed: externalIsCollapsed, onToggleCollapse });
+    const { renderIcon } = useIconRegistry();
+    const { tComponent, tSidebarSection, isReady } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_SIDEBAR });
+    const { UIConfig } = useUI();
+    const currentBreakpoint = UIConfig?.currentBreakpoint;
+    const renderNavigationItem = (item, indent = 0) => {
+        const isActive = sb.isNavigationItemActive(item.urlPath);
+        return (_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => sb.handleNavigationClick(item), "aria-current": isActive ? 'page' : undefined, className: `
+          w-full justify-start gap-field-sm relative
+          ${isActive
+                ? 'bg-surface-sunken-accent text-surface-sunken-primary hover:bg-surface-sunken-accent/50'
+                : ''}
+          ${sb.isCollapsed ? 'justify-center px-card-sm' : ''}
+        `, style: { paddingInlineStart: sb.isCollapsed ? undefined : `${12 + indent * 16}px` }, title: sb.isCollapsed ? item.label : undefined, children: [item.icon && (_jsx("span", { className: "flex-shrink-0 relative", children: item.icon })), !sb.isCollapsed && (_jsx(_Fragment, { children: _jsx(TruncatedText, { className: "flex-1 text-start", tooltipSide: PlacementSide.END, children: item.label }) }))] }, item.id));
+    };
+    const renderHierarchicalItem = (item, indent = 0) => {
+        const hasChildren = item.children && item.children.length > 0;
+        const itemCollapsed = sb.isItemCollapsed(item.id);
+        const isActive = sb.isNavigationItemActive(item.urlPath);
+        if (sb.isCollapsed || !hasChildren) {
+            return renderNavigationItem(item, indent);
+        }
+        return (_jsxs(Collapsible, { open: !itemCollapsed, onOpenChange: () => sb.handleToggleItemCollapse(item.id), children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, "aria-current": isActive ? 'page' : undefined, className: `
+              w-full justify-start gap-field-sm relative
+              ${isActive
+                            ? 'bg-surface-sunken-accent text-surface-sunken-primary hover:bg-surface-sunken-accent/50'
+                            : ''}
+            `, style: { paddingInlineStart: `${12 + indent * 16}px` }, children: [item.icon && (_jsx("span", { className: "flex-shrink-0", children: item.icon })), _jsx(TruncatedText, { className: "flex-1 text-start", tooltipSide: PlacementSide.END, children: item.label }), _jsx("span", { className: "ms-auto flex-shrink-0", children: renderIcon(itemCollapsed ? StandardIconReference.CHEVRON_RIGHT : StandardIconReference.CHEVRON_DOWN, { size: IconSize.XS }) })] }) }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "space-y-item-xs", children: item.children?.map(child => renderNavigationItem(child, indent + 1)) }) })] }, item.id));
+    };
+    const renderHomeLink = () => {
+        const homeLabel = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'home');
+        const homeIcon = renderIcon(StandardIconReference.HOME, { size: IconSize.SM });
+        return (_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: sb.handleHomeClick, "aria-current": sb.isHomeActive ? 'page' : undefined, className: `
+          w-full justify-start gap-field-sm
+          ${sb.isHomeActive
+                ? 'bg-surface-sunken-accent text-surface-sunken-primary hover:bg-surface-sunken-accent/50'
+                : ''}
+          ${sb.isCollapsed ? 'justify-center px-card-sm' : ''}
+        `, title: sb.isCollapsed ? homeLabel : undefined, children: [_jsx("span", { className: "flex-shrink-0", children: homeIcon }), !sb.isCollapsed && _jsx("span", { children: homeLabel })] }));
+    };
+    const renderInlineCreate = (section) => {
+        if (section.inlineCreate === SidebarSectionInlineCreate.NONE || sb.isCollapsed) {
+            return null;
+        }
+        const isActive = sb.inlineCreate.activeSection === section.ref;
+        const placeholder = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'inlineCreatePlaceholder');
+        if (section.inlineCreate === SidebarSectionInlineCreate.INPUT) {
+            if (!isActive) {
+                return (_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => sb.inlineCreate.start(section.ref), className: "w-full justify-start gap-element text-muted-foreground hover:text-foreground", children: [renderIcon(StandardIconReference.PLUS, { size: IconSize.SM }), _jsx("span", { className: "text-sm", children: placeholder })] }));
+            }
+            return (_jsx("div", { className: "px-card-sm py-item-xs", children: _jsx(InputRoot, { autoFocus: true, type: "text", value: sb.inlineCreate.value, onChange: (e) => sb.inlineCreate.setValue(e.target.value), onKeyDown: (e) => {
+                        if (e.key === 'Enter') {
+                            sb.inlineCreate.submit(section.ref, section.inlineCreateResourceType);
+                        }
+                        else if (e.key === 'Escape') {
+                            sb.inlineCreate.cancel();
+                        }
+                    }, onBlur: () => {
+                        setTimeout(sb.inlineCreate.cancel, 150);
+                    }, placeholder: placeholder, "aria-label": placeholder, className: "h-8 text-sm" }) }));
+        }
+        if (section.inlineCreate === SidebarSectionInlineCreate.DIALOG) {
+            return (_jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: () => {
+                    if (section.inlineCreateResourceType) {
+                        sb.inlineCreate.submit(section.ref, section.inlineCreateResourceType);
+                    }
+                }, className: "w-full justify-start gap-element text-muted-foreground hover:text-foreground", children: [renderIcon(StandardIconReference.PLUS, { size: IconSize.SM }), _jsx("span", { className: "text-sm", children: placeholder })] }));
+        }
+        return null;
+    };
+    const renderMoreMenu = (moreMenuItems) => {
+        if (moreMenuItems.length === 0 || sb.isCollapsed)
+            return null;
+        const displayLabel = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'moreItems');
+        return (_jsxs(Collapsible, { children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "w-full justify-start gap-element text-muted-foreground hover:text-foreground", children: [renderIcon(StandardIconReference.MORE_HORIZONTAL, { size: IconSize.SM }), _jsx("span", { children: displayLabel })] }) }), _jsx(CollapsibleContent, { className: "space-y-item-xs ps-card", children: moreMenuItems.map(item => renderNavigationItem(item, 0)) })] }));
+    };
+    const renderSectionContent = (group) => {
+        const { contentKind } = group;
+        if (contentKind === SidebarSectionContentKind.RESOURCE_BROWSER && group.resourceType) {
+            return (_jsx(SidebarResourceBrowser, { resourceType: group.resourceType, operation: group.operation, operationVariant: group.operationVariant, navigateOperation: group.navigateOperation, navigateOperationVariant: group.navigateOperationVariant, instanceFilter: group.instanceFilter, onInstanceClick: group.onInstanceClick, isCollapsed: sb.isCollapsed }));
+        }
+        if (contentKind === SidebarSectionContentKind.GUIDANCE_WIDGET) {
+            const ref = group.guidanceRef;
+            if (!ref)
+                return null;
+            const GuidanceComponent = ComponentRegistryService.resolve(ref, CorePresetNames.DEFAULT);
+            if (!GuidanceComponent) {
+                if (envLoader.isDevelopment())
+                    console.warn(`[Sidebar] No registered component for guidance widget "${ref}"`);
+                return null;
+            }
+            return (_jsx(React.Suspense, { fallback: _jsx("div", { className: "h-8 animate-pulse motion-reduce:animate-none bg-muted rounded", "aria-hidden": "true" }), children: _jsx(GuidanceComponent, {}) }));
+        }
+        if (contentKind === SidebarSectionContentKind.CUSTOM_COMPONENT) {
+            const ref = group.componentRef;
+            if (!ref)
+                return null;
+            const CustomComponent = ComponentRegistryService.resolve(ref, CorePresetNames.DEFAULT);
+            if (!CustomComponent) {
+                if (envLoader.isDevelopment())
+                    console.warn(`[Sidebar] No registered component for custom component "${ref}"`);
+                return null;
+            }
+            return (_jsx(React.Suspense, { fallback: _jsx("div", { className: "h-8 animate-pulse motion-reduce:animate-none bg-muted rounded", "aria-hidden": "true" }), children: _jsx(CustomComponent, {}) }));
+        }
+        return (_jsxs(_Fragment, { children: [group.items.map(item => renderHierarchicalItem(item)), renderMoreMenu(group.moreMenuItems), renderInlineCreate(group.section)] }));
+    };
+    const renderSection = (group) => {
+        const { section } = group;
+        const sectionCollapsed = sb.isSectionCollapsed(section);
+        const showLabel = section.showLabel;
+        const getSectionLabel = () => tSidebarSection(section.ref);
+        if (!section.collapsible || sb.isCollapsed) {
+            return (_jsxs("div", { className: "space-y-item-xs", children: [showLabel && !sb.isCollapsed && (_jsx("div", { className: "px-card-sm py-card-sm text-xs font-medium text-muted-foreground uppercase tracking-wider", children: getSectionLabel() })), renderSectionContent(group)] }, section.ref));
+        }
+        return (_jsxs(Collapsible, { open: !sectionCollapsed, onOpenChange: () => sb.handleToggleSectionCollapse(section.ref), children: [showLabel && (_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "w-full justify-between px-card-sm py-card-sm text-xs font-medium text-muted-foreground uppercase tracking-wider hover:text-foreground", children: [_jsx("span", { children: getSectionLabel() }), _jsx("span", { className: "flex-shrink-0", children: renderIcon(sectionCollapsed ? StandardIconReference.CHEVRON_RIGHT : StandardIconReference.CHEVRON_DOWN, { size: IconSize.XS }) })] }) })), _jsx(CollapsibleContent, { className: "space-y-item-xs", children: renderSectionContent(group) })] }, section.ref));
+    };
+    const renderCollapseButton = () => {
+        if (!sb.sidebarConfig.isCollapsible)
+            return null;
+        const getCollapseIconRef = () => {
+            if (sb.placement === HorizontalPlacement.START) {
+                return sb.isCollapsed ? StandardIconReference.CHEVRON_RIGHT : StandardIconReference.CHEVRON_LEFT;
+            }
+            else {
+                return sb.isCollapsed ? StandardIconReference.CHEVRON_LEFT : StandardIconReference.CHEVRON_RIGHT;
+            }
+        };
+        const collapseLabel = tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, sb.isCollapsed ? 'expand' : 'collapse');
+        return (_jsx("div", { className: "p-card-sm", children: _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: sb.handleToggleCollapse, className: "w-full justify-start text-muted-foreground hover:text-foreground", "aria-label": collapseLabel, children: _jsx("span", { className: "me-element flex-shrink-0", children: renderIcon(getCollapseIconRef(), { size: IconSize.SM }) }) }) }));
+    };
+    const renderSidebarContent = () => {
+        return (_jsx(ScrollArea, { className: "flex-1", children: _jsxs("nav", { "aria-label": tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'navigationLabel'), className: "p-card-sm space-y-item", children: [renderHomeLink(), sb.isNavigationLoading && !sb.hasItems && (_jsx("div", { role: "status", "aria-live": "polite", className: "px-card-sm py-card-sm text-sm text-muted-foreground", children: tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'loading') })), sb.groupedSections.map(renderSection), !sb.isNavigationLoading && !sb.hasItems && (_jsx("div", { className: "px-card-sm py-card-sm text-sm text-muted-foreground", children: tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'noItems') }))] }) }));
+    };
+    return (_jsx("div", { "data-component-area": `sidebar-${sb.placement}`, "data-placement": sb.placement, "data-collapsible": sb.sidebarConfig.isCollapsible, "data-collapsed": sb.isCollapsed, "data-responsive-policy": sb.sidebarConfig.responsivePolicy, "data-breakpoint": currentBreakpoint, className: `
+        ${sb.sidebarConfig.placementClass} border-surface-sunken-border bg-surface-sunken text-surface-sunken-foreground transition-all duration-[var(--motion-duration-normal)] motion-reduce:transition-none
+      `, style: { width: `${sb.sidebarConfig.currentWidth}px` }, children: _jsxs("aside", { "aria-label": tComponent(FrontendComponentType.APPLICATION_LEVEL_SIDEBAR, 'sidebarLabel'), className: "h-full flex flex-col", children: [renderCollapseButton(), renderSidebarContent()] }) }));
+};
+//# sourceMappingURL=sidebar.js.map

package/dist/esm/components/navigation/app-level/sidebar.js.map

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

package/dist/esm/components/navigation/app-level/status-bar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ApplicationLevelProps_StatusBar } from '@wildo-ai/saas-frontend-lib';
+export declare const ApplicationLevelPreset_StatusBar_Default: React.FC<ApplicationLevelProps_StatusBar>;
+//# sourceMappingURL=status-bar.d.ts.map

package/dist/esm/components/navigation/app-level/status-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-bar.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/status-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAmBvC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAEnF,eAAO,MAAM,wCAAwC,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAwL9F,CAAC"}

package/dist/esm/components/navigation/app-level/status-bar.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { VerticalPlacement } from '@wildo-ai/presets-components-models';
+import { ButtonSize } from '@wildo-ai/presets-components-models';
+import { FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { Button, ButtonVariants_Variant, Link, Text, TextVariant, useI18n, IconSize, StandardIconReference, useIconRegistry, useStatusBarBehavior, StatusBarDisplayInteractionType, WebSocketStatus, } from '@wildo-ai/saas-frontend-lib';
+export const ApplicationLevelPreset_StatusBar_Default = ({ placement = VerticalPlacement.BOTTOM, content, children, className }) => {
+    const behavior = useStatusBarBehavior(placement);
+    const { tComponent } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_STATUS_BAR });
+    const { renderIcon } = useIconRegistry();
+    const { connectionStatus, shouldShowConnectionStatus, shouldShowNotificationCount, memoryUsageLabel, notificationCountLabel, notificationCountAriaLabel, connectionStatusLabel, statusItems, dimensions, statusBarConfig, customStyle, currentBreakpoint, } = behavior;
+    const statusBarLabel = tComponent(FrontendComponentType.APPLICATION_LEVEL_STATUS_BAR, 'statusBarLabel');
+    const connectionIcon = useMemo(() => {
+        const iconReference = connectionStatus === WebSocketStatus.CONNECTED
+            ? StandardIconReference.CHECK
+            : connectionStatus === WebSocketStatus.CONNECTING || connectionStatus === WebSocketStatus.RECONNECTING
+                ? StandardIconReference.LOADING
+                : StandardIconReference.WARNING;
+        const className = connectionStatus === WebSocketStatus.CONNECTED
+            ? 'text-success'
+            : connectionStatus === WebSocketStatus.CONNECTING || connectionStatus === WebSocketStatus.RECONNECTING
+                ? 'text-warning'
+                : 'text-destructive';
+        return renderIcon(iconReference, { size: IconSize.XS, className });
+    }, [connectionStatus, renderIcon]);
+    const notificationIcon = useMemo(() => {
+        return renderIcon(StandardIconReference.NOTIFICATION, { size: IconSize.XS });
+    }, [renderIcon]);
+    // ===================================================================
+    // Component Renderers
+    // ===================================================================
+    const renderDefaultContent = () => {
+        return (_jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsx("div", { className: "flex items-center gap-item", children: memoryUsageLabel && (_jsx(Text, { className: "text-xs", variant: TextVariant.MUTED, children: memoryUsageLabel })) }), _jsxs("div", { className: "flex items-center gap-item", children: [shouldShowNotificationCount && (_jsxs("div", { className: "flex items-center gap-item-xs", role: "status", "aria-label": notificationCountAriaLabel, children: [notificationIcon, _jsx(Text, { className: "text-xs", variant: TextVariant.MUTED, children: notificationCountLabel })] })), shouldShowConnectionStatus && (_jsxs("div", { className: "flex items-center gap-item", role: "status", children: [connectionIcon, _jsx(Text, { className: "text-xs", variant: TextVariant.MUTED, children: connectionStatusLabel })] }))] })] }));
+    };
+    const renderCustomContent = () => {
+        if (content) {
+            return content;
+        }
+        if (children) {
+            return children;
+        }
+        return renderDefaultContent();
+    };
+    const renderStatusItems = () => {
+        if (statusItems.length > 0) {
+            return (_jsx("div", { className: "flex items-center gap-field w-full", children: statusItems.map((item) => (_jsxs("div", { className: "flex items-center gap-item-xs", children: [item.iconReference && renderIcon(item.iconReference, { size: IconSize.XS }), item.interaction.type === StatusBarDisplayInteractionType.LINK ? (_jsx(Link, { href: item.interaction.href, className: "text-xs hover:underline", children: item.label })) : item.interaction.type === StatusBarDisplayInteractionType.BUTTON ? (_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: item.interaction.onClick, className: "text-xs p-item h-auto", children: item.label })) : (_jsx(Text, { className: "text-xs", variant: TextVariant.MUTED, children: item.label })), item.valueText !== undefined && (_jsx(Text, { className: "text-xs font-medium", children: item.valueText }))] }, item.id))) }));
+        }
+        return renderCustomContent();
+    };
+    // ===================================================================
+    // Render
+    // ===================================================================
+    return (_jsx("div", { role: "contentinfo", "aria-label": statusBarLabel, "data-component-area": `status-bar-${placement}`, "data-placement": placement, "data-viewport-responsive": true, "data-breakpoint": currentBreakpoint, className: `
+        ${statusBarConfig.backgroundClassName}
+        ${statusBarConfig.showBorder ? (statusBarConfig.isTop ? 'border-b' : 'border-t') : ''}
+        ${statusBarConfig.showBorder ? 'border-surface-sunken-border' : ''}
+        flex items-center
+        ${statusBarConfig.isMobile ? 'px-card-sm' : 'px-card'}
+        ${statusBarConfig.isBottom ? 'safe-area-bottom' : statusBarConfig.isTop ? 'safe-area-top' : ''}
+        ${className ?? ''}
+      `, style: {
+            height: `${dimensions.height}px`,
+            ...(customStyle ?? {})
+        }, children: _jsx("div", { className: `h-full flex items-center w-full ${statusBarConfig.textClassName}`, children: renderStatusItems() }) }));
+};
+//# sourceMappingURL=status-bar.js.map

package/dist/esm/components/navigation/app-level/status-bar.js.map

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

package/dist/esm/components/navigation/app-level/toolbar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ApplicationLevelProps_Toolbar } from '@wildo-ai/saas-frontend-lib';
+export declare const ApplicationLevelPreset_Toolbar_Default: React.FC<ApplicationLevelProps_Toolbar>;
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/esm/components/navigation/app-level/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAEjF,eAAO,MAAM,sCAAsC,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA2C1F,CAAC"}

package/dist/esm/components/navigation/app-level/toolbar.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { DisplayDirection } from '@wildo-ai/zod-decorators';
+import { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';
+import { Button, ButtonVariants_Variant, Separator, useI18n, useToolbarBehavior, } from '@wildo-ai/saas-frontend-lib';
+export const ApplicationLevelPreset_Toolbar_Default = () => {
+    const { tComponent } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_TOOLBAR });
+    const { tools, toolbarConfig, shouldRender, currentBreakpoint } = useToolbarBehavior();
+    if (!shouldRender) {
+        return null;
+    }
+    return (_jsx("div", { "data-component-type": "toolbar", "data-breakpoint": currentBreakpoint, role: "toolbar", "aria-label": tComponent(FrontendComponentType.APPLICATION_LEVEL_TOOLBAR, 'toolbarLabel'), "aria-orientation": "horizontal", className: `
+        bg-surface-sunken text-surface-sunken-foreground border-surface-sunken-border
+        ${toolbarConfig.placement === 'bottom' ? 'border-t' : 'border-b'}
+        ${toolbarConfig.compact ? 'px-card-sm py-item-xs' : 'px-card py-card-sm'}
+        flex items-center gap-element
+      `, children: _jsx("div", { className: "flex items-center gap-element flex-1", children: tools.map((tool, index) => (_jsxs(React.Fragment, { children: [index > 0 && toolbarConfig.showSeparator && (_jsx(Separator, { orientation: DisplayDirection.VERTICAL, className: "h-6" })), _jsxs(Button, { variant: ButtonVariants_Variant.GHOST, size: toolbarConfig.compact ? ButtonSize.SM : ButtonSize.MD, onClick: tool.onClick, className: "flex items-center gap-element", "aria-label": tool.label, children: [tool.icon && _jsx("span", { className: "flex-shrink-0", children: tool.icon }), !toolbarConfig.compact && (!tool.iconOnly || !tool.icon) && _jsx("span", { children: tool.label })] })] }, tool.id))) }) }));
+};
+//# sourceMappingURL=toolbar.js.map

package/dist/esm/components/navigation/app-level/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAExF,OAAO,EACL,MAAM,EAAE,sBAAsB,EAC9B,SAAS,EACT,OAAO,EACP,kBAAkB,GACnB,MAAM,6BAA6B,CAAC;AAIrC,MAAM,CAAC,MAAM,sCAAsC,GAA4C,GAAG,EAAE;IAClG,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,yBAAyB,EAAE,CAAC,CAAC;IAC/F,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvF,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,qCACsB,SAAS,qBACZ,iBAAiB,EAClC,IAAI,EAAC,SAAS,gBACF,UAAU,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,cAAc,CAAC,sBACtE,YAAY,EAC7B,SAAS,EAAE;;UAEP,aAAa,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;UAC9D,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,oBAAoB;;OAEzE,YAED,cAAK,SAAS,EAAC,sCAAsC,YAClD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,MAAC,KAAK,CAAC,QAAQ,eACZ,KAAK,GAAG,CAAC,IAAI,aAAa,CAAC,aAAa,IAAI,CAC3C,KAAC,SAAS,IAAC,WAAW,EAAE,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAC,KAAK,GAAG,CACtE,EACD,MAAC,MAAM,IACL,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,EAC3D,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAC,+BAA+B,gBAC7B,IAAI,CAAC,KAAK,aAErB,IAAI,CAAC,IAAI,IAAI,eAAM,SAAS,EAAC,eAAe,YAAE,IAAI,CAAC,IAAI,GAAQ,EAC/D,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,yBAAO,IAAI,CAAC,KAAK,GAAQ,IAC/E,KAbU,IAAI,CAAC,EAAE,CAcX,CAClB,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/navigation/app-level/utility-panel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ApplicationLevelProps_UtilityPanel } from '@wildo-ai/saas-frontend-lib';
+export declare const ApplicationLevelPreset_UtilityPanel_Default: React.FC<ApplicationLevelProps_UtilityPanel>;
+//# sourceMappingURL=utility-panel.d.ts.map

package/dist/esm/components/navigation/app-level/utility-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utility-panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/app-level/utility-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA2B1B,OAAO,KAAK,EAAE,kCAAkC,EAAyB,MAAM,6BAA6B,CAAC;AA2B7G,eAAO,MAAM,2CAA2C,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CA2GpG,CAAC"}

package/dist/esm/components/navigation/app-level/utility-panel.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { HorizontalPlacement, ButtonSize, FrontendComponentType, CorePresetNames, PlacementSide, resolvePlacementSideToRadix, } from '@wildo-ai/presets-components-models';
+import { Button, ButtonVariants_Variant, ComponentRegistryService, IconSize, ScrollArea, Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger, StandardIconReference, useI18n, useIconRegistry, useUtilityPanelBehavior, } from '@wildo-ai/saas-frontend-lib';
+function resolveComponentLabel(tComponent, key, fallback) {
+    const componentType = FrontendComponentType.APPLICATION_LEVEL_UTILITY_PANEL;
+    const resolved = tComponent(componentType, key);
+    const baseKey = `components.${componentType}.${key}`;
+    return resolved === baseKey ? fallback : resolved;
+}
+/**
+ * Maps horizontal placement to logical placement side.
+ * Physical side resolution is delegated to the shared RTL-aware helper.
+ */
+function getSheetPlacementSideFromPlacement(placement) {
+    return placement === HorizontalPlacement.START ? PlacementSide.START : PlacementSide.END;
+}
+function getUtilityPanelIconReference(placement) {
+    return placement === HorizontalPlacement.START
+        ? StandardIconReference.PANEL_LEFT
+        : StandardIconReference.CHEVRON_RIGHT;
+}
+export const ApplicationLevelPreset_UtilityPanel_Default = ({ position = HorizontalPlacement.END, items, }) => {
+    const behavior = useUtilityPanelBehavior(position, items);
+    const { tComponent } = useI18n({ component: FrontendComponentType.APPLICATION_LEVEL_UTILITY_PANEL });
+    const { renderIcon } = useIconRegistry();
+    const { isOpen, setIsOpen, items: resolvedItems, position: resolvedPosition, currentBreakpoint, } = behavior;
+    const titleLabel = resolveComponentLabel(tComponent, 'title', 'Utility panel');
+    const toggleLabel = resolveComponentLabel(tComponent, 'toggle', 'Toggle utility panel');
+    const emptyStateLabel = resolveComponentLabel(tComponent, 'emptyState', 'Nothing available');
+    // Follow the engine convention: keep logical placement until the last moment,
+    // then resolve it against the current document direction.
+    const sheetPlacementSide = getSheetPlacementSideFromPlacement(resolvedPosition);
+    const dir = (typeof document !== 'undefined' ? document.documentElement?.dir : undefined) || 'ltr';
+    const sheetSide = resolvePlacementSideToRadix(sheetPlacementSide, dir);
+    // Utility panel icon (panel icon for side panel concept)
+    const panelIcon = renderIcon(getUtilityPanelIconReference(resolvedPosition), { size: IconSize.MD });
+    /**
+     * Renders a single utility panel item.
+     *
+     * Custom components render inline today. The only deferred part is FE-5:
+     * when a rendered utility view triggers navigation, it should be able to
+     * stay inside a dedicated utility-panel navigation zone.
+     */
+    const renderItem = (item, index) => {
+        const itemIcon = renderIcon(item.icon, { size: IconSize.SM });
+        const CustomComponent = item.componentType
+            ? ComponentRegistryService.resolve(item.componentType, CorePresetNames.DEFAULT)
+            : null;
+        return (_jsxs("div", { className: "border rounded-md p-card-sm space-y-item", "data-utility-item": item.componentRef, children: [_jsxs("div", { className: "flex items-center gap-element-sm", children: [itemIcon, _jsx("span", { className: "text-sm font-medium", children: item.label })] }), CustomComponent ? (_jsx(React.Suspense, { fallback: _jsx("div", { className: "h-8 animate-pulse motion-reduce:animate-none bg-muted rounded", "aria-hidden": "true" }), children: _jsx(CustomComponent, {}) })) : (_jsx("div", { className: "text-xs text-muted-foreground bg-muted/50 p-card-sm rounded", children: _jsx("code", { children: item.label }) }))] }, `${item.componentRef}:${index}`));
+    };
+    return (_jsx("div", { "data-component-type": "utility-panel", "data-breakpoint": currentBreakpoint, children: _jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, "aria-label": toggleLabel, className: "relative", children: panelIcon }) }), _jsxs(SheetContent, { side: sheetSide, className: "w-80", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: titleLabel }) }), _jsx(ScrollArea, { className: "h-[calc(100vh-120px)] mt-field", children: _jsxs("div", { className: "space-y-field pe-card", children: [resolvedItems.length > 0 && (_jsx("div", { className: "space-y-item", children: resolvedItems.map(renderItem) })), resolvedItems.length === 0 && (_jsx("div", { className: "text-sm text-muted-foreground text-center py-section-xl", children: emptyStateLabel }))] }) })] })] }) }));
+};
+//# sourceMappingURL=utility-panel.js.map

package/dist/esm/components/navigation/app-level/utility-panel.js.map

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

package/dist/esm/components/navigation/breadcrumb.d.ts

@@ -0,0 +1,3 @@
+import { type BreadcrumbCompound } from "@wildo-ai/saas-frontend-lib";
+export declare const Breadcrumb: BreadcrumbCompound;
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/esm/components/navigation/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/breadcrumb.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA8F,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AA8GjK,eAAO,MAAM,UAAU,oBAOrB,CAAA"}

package/dist/esm/components/navigation/breadcrumb.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { cn, useIconRegistry, StandardIconReference, IconSize, useI18n, useUI, createCompoundPreset } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, TypographyVariant, InteractiveVariant } from "@wildo-ai/presets-components-models";
+function BreadcrumbRoot({ ...props }) {
+    const { tComponent } = useI18n({ component: FrontendComponentType.LOW_LEVEL_BREADCRUMB });
+    const ariaLabel = tComponent(FrontendComponentType.LOW_LEVEL_BREADCRUMB, 'ariaLabel');
+    return _jsx("nav", { "aria-label": ariaLabel, "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
+    return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", recipe.base, className), ...props }));
+}
+function BreadcrumbItem({ className, ...props }) {
+    return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn("inline-flex items-center gap-1.5", className), ...props }));
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+    const Comp = asChild ? Slot : "a";
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.LINK);
+    return (_jsx(Comp, { "data-slot": "breadcrumb-link", className: cn("hover:text-foreground", recipe.motion.transition, className), ...props }));
+}
+function BreadcrumbPage({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("text-foreground font-normal", className), ...props }));
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+    const { renderIcon } = useIconRegistry();
+    return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children ?? renderIcon(StandardIconReference.CHEVRON_RIGHT, { size: IconSize.SM, className: "rtl:rotate-180" }) }));
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+    const { renderIcon } = useIconRegistry();
+    const { tComponent } = useI18n({ component: FrontendComponentType.LOW_LEVEL_BREADCRUMB });
+    const moreLabel = tComponent(FrontendComponentType.LOW_LEVEL_BREADCRUMB, 'more');
+    return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn("flex size-9 items-center justify-center", className), ...props, children: [renderIcon(StandardIconReference.MORE_HORIZONTAL, { size: IconSize.SM }), _jsx("span", { className: "sr-only", children: moreLabel })] }));
+}
+export const Breadcrumb = createCompoundPreset(BreadcrumbRoot, {
+    List: BreadcrumbList,
+    Item: BreadcrumbItem,
+    Link: BreadcrumbLink,
+    Page: BreadcrumbPage,
+    Separator: BreadcrumbSeparator,
+    Ellipsis: BreadcrumbEllipsis,
+});
+//# sourceMappingURL=breadcrumb.js.map

package/dist/esm/components/navigation/breadcrumb.js.map

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

package/dist/esm/components/navigation/command.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Dialog, type CommandCompound } from "@wildo-ai/saas-frontend-lib";
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): React.JSX.Element | null;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare const Command: CommandCompound;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+//# sourceMappingURL=command.d.ts.map

package/dist/esm/components/navigation/command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAA;AAElD,OAAO,EAOL,MAAM,EAMN,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAA;AA0BpC,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAwB3B;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmBzE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWxE;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQzE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAWzE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAW7E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkBxE;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAelD;AAID,QAAA,MAAM,OAAO,iBASX,CAAA;AAEF,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAA"}

package/dist/esm/components/navigation/command.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Command as CommandPrimitive } from "cmdk";
+import { cn, useIconRegistry, StandardIconReference, IconSize, useI18n, useUI, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, createCompoundPreset, } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { UIBehavior, SurfaceVariant, InteractiveVariant, TypographyVariant } from "@wildo-ai/presets-components-models";
+function CommandRoot({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const surfaceRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.RAISED);
+    return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn(
+        // Structure
+        "flex h-full w-full flex-col overflow-hidden rounded-md", 
+        // Style from SURFACE.RAISED
+        surfaceRecipe.base, className), ...props }));
+}
+function CommandDialog({ title, description, children, className, showCloseButton = true, ...props }) {
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_COMMAND });
+    if (!isReady)
+        return null;
+    const dialogTitle = title ?? tComponent(FrontendComponentType.LOW_LEVEL_COMMAND, 'title');
+    const dialogDescription = description ?? tComponent(FrontendComponentType.LOW_LEVEL_COMMAND, 'description');
+    return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: dialogTitle }), _jsx(DialogDescription, { children: dialogDescription })] }), _jsx(DialogContent, { className: cn("overflow-hidden p-0", className), showCloseButton: showCloseButton, children: _jsx(CommandRoot, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-card-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-card-sm [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-card-sm [&_[cmdk-item]]:py-card-sm [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) })] }));
+}
+function CommandInput({ className, ...props }) {
+    const { renderIcon } = useIconRegistry();
+    return (_jsxs("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-element border-b px-card-sm", children: [renderIcon(StandardIconReference.SEARCH, { size: IconSize.SM, className: "shrink-0 opacity-[var(--opacity-muted)]" }), _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-card-sm text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]", className), ...props })] }));
+}
+function CommandList({ className, ...props }) {
+    return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className), ...props }));
+}
+function CommandEmpty({ ...props }) {
+    return (_jsx(CommandPrimitive.Empty, { "data-slot": "command-empty", className: "py-section text-center text-sm", ...props }));
+}
+function CommandGroup({ className, ...props }) {
+    return (_jsx(CommandPrimitive.Group, { "data-slot": "command-group", className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-item [&_[cmdk-group-heading]]:px-card-sm [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className), ...props }));
+}
+function CommandSeparator({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const dividerRecipe = getRecipe(UIBehavior.DIVIDER);
+    return (_jsx(CommandPrimitive.Separator, { "data-slot": "command-separator", className: cn("-mx-item h-px", dividerRecipe.base, className), ...props }));
+}
+function CommandItem({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const ghostRecipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.GHOST);
+    return (_jsx(CommandPrimitive.Item, { "data-slot": "command-item", className: cn("relative flex cursor-default items-center gap-element rounded-sm px-card-sm py-card-sm text-sm outline-hidden select-none pointer-coarse:min-h-11 data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-[var(--opacity-disabled)] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", 
+        // Style — cmdk uses data-[selected=true] for highlighted items
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground", "[&_svg:not([class*='text-'])]:text-muted-foreground", ghostRecipe.motion.transition, className), ...props }));
+}
+function CommandShortcut({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
+    return (_jsx("span", { "data-slot": "command-shortcut", className: cn("ms-auto text-xs tracking-widest", descRecipe.base, className), ...props }));
+}
+// --- Compound assembly ---
+const Command = createCompoundPreset(CommandRoot, {
+    Dialog: CommandDialog,
+    Input: CommandInput,
+    List: CommandList,
+    Empty: CommandEmpty,
+    Group: CommandGroup,
+    Item: CommandItem,
+    Shortcut: CommandShortcut,
+    Separator: CommandSeparator,
+});
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+//# sourceMappingURL=command.js.map

package/dist/esm/components/navigation/command.js.map

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