@orcestr/ui 0.0.1

package/dist/components/AppShell/AppShell.js

@@ -0,0 +1,96 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useEffect, useState, } from 'react';
+import { LuMenu, LuX } from 'react-icons/lu';
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { splitSystemProps } from '../../theme/systemProps';
+import { cn } from '../../utils/cn';
+import { Badge } from '../Badge/Badge';
+import { Drawer } from '../Drawer/Drawer';
+import { IconButton } from '../IconButton/IconButton';
+import { ScrollArea } from '../ScrollArea/ScrollArea';
+import { Separator } from '../Separator/Separator';
+import { Text } from '../Text/Text';
+export const AppShell = forwardRef(function AppShell({ className, style, sidebar, header, sidebarOpen = false, onSidebarOpenChange, sidebarWidth = 260, maxWidth = 1440, contentInset = 28, children, testId, ...props }, ref) {
+    const [drawerMode, setDrawerMode] = useState(false);
+    const { systemStyle, restProps } = splitSystemProps(props);
+    const shellStyle = {
+        '--oui-app-shell-sidebar-width': shellSizeValue(sidebarWidth),
+        '--oui-app-shell-max-width': shellSizeValue(maxWidth),
+        '--oui-app-shell-inset': shellSizeValue(contentInset),
+        ...systemStyle,
+        ...style,
+    };
+    useEffect(() => {
+        const media = window.matchMedia('(max-width: 860px)');
+        const update = () => setDrawerMode(media.matches);
+        update();
+        media.addEventListener('change', update);
+        return () => media.removeEventListener('change', update);
+    }, []);
+    return (_jsxs("div", { ref: ref, className: cn('oui-app-shell', className), "data-sidebar-open": sidebarOpen ? 'true' : 'false', "data-testid": testId, style: shellStyle, ...restProps, children: [header, _jsxs("div", { className: 'oui-app-shell-frame', children: [!drawerMode ? (_jsx("div", { className: 'oui-app-shell-sidebar-desktop', children: sidebar })) : null, drawerMode ? (_jsx(Drawer, { open: sidebarOpen, onOpenChange: (nextOpen) => onSidebarOpenChange?.(nextOpen), side: 'left', size: sidebarWidth, showCloseButton: false, panelClassName: 'oui-app-shell-sidebar-drawer-panel', bodyClassName: 'oui-app-shell-sidebar-drawer-body', testId: testId ? `${testId}-sidebar-drawer` : undefined, children: sidebar })) : null, _jsx("main", { className: 'oui-app-shell-main', children: children })] })] }));
+});
+export const AppShellHeader = forwardRef(function AppShellHeader({ className, style, title, actions, sidebarOpen = false, onSidebarOpenChange, navigationLabel, visibility = 'always', children, testId, ...props }, ref) {
+    const { copy } = useOrcestrUiLocale();
+    const actualNavigationLabel = navigationLabel ??
+        (sidebarOpen ? copy.common.closeNavigation : copy.common.openNavigation);
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsxs("header", { ref: ref, className: cn('oui-app-shell-header', className), "data-visibility": visibility, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [onSidebarOpenChange ? (_jsx(IconButton, { v: 'pad', icon: sidebarOpen ? _jsx(LuX, { size: 19 }) : _jsx(LuMenu, { size: 19 }), "aria-label": actualNavigationLabel, "aria-expanded": sidebarOpen, onClick: () => onSidebarOpenChange(!sidebarOpen) })) : null, title ? _jsx("div", { className: 'oui-app-shell-header-title', children: title }) : null, children, actions ? _jsx("div", { className: 'oui-app-shell-header-actions', children: actions }) : null] }));
+});
+export const AppShellSidebar = forwardRef(function AppShellSidebar({ className, style, title, description, footer, onClose, closeLabel, children, testId, ...props }, ref) {
+    const { copy } = useOrcestrUiLocale();
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsxs("aside", { ref: ref, className: cn('oui-app-shell-sidebar', className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [title || description || onClose ? (_jsxs("div", { className: 'oui-app-shell-sidebar-head', children: [_jsxs("div", { className: 'oui-app-shell-sidebar-head-main', children: [title ? (_jsx("div", { className: 'oui-app-shell-sidebar-title', children: title })) : null, description ? (_jsx(Text, { className: 'oui-app-shell-sidebar-description', color: 'var(--oui-muted)', fs: '13px', lh: 1.45, children: description })) : null] }), onClose ? (_jsx(IconButton, { className: 'oui-app-shell-sidebar-close', v: 'ghost', icon: _jsx(LuX, { size: 18 }), "aria-label": closeLabel ?? copy.common.closeNavigation, onClick: onClose })) : null] })) : null, (title || description) && children ? (_jsx(Separator, { className: 'oui-app-shell-sidebar-separator' })) : null, _jsx(ScrollArea, { className: 'oui-app-shell-sidebar-scroll', highlights: true, highlightH: 52, highlightColor: 'var(--oui-app-shell-sidebar-highlight-bg)', highlightTop: {
+                    start: 50,
+                    fadeDistance: 200,
+                    maxOpacity: 0.92,
+                }, highlightBottom: {
+                    start: 16,
+                    fadeDistance: 140,
+                    maxOpacity: 0.92,
+                }, children: _jsx("div", { className: 'oui-app-shell-sidebar-body', children: children }) }), footer ? _jsx("div", { className: 'oui-app-shell-sidebar-footer', children: footer }) : null] }));
+});
+export const AppShellContent = forwardRef(function AppShellContent({ className, style, scroll = true, children, testId, ...props }, ref) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    const content = (_jsx("div", { ref: ref, className: cn('oui-app-shell-content', className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: children }));
+    if (!scroll)
+        return content;
+    return (_jsx(ScrollArea, { className: 'oui-app-shell-content-scroll', highlights: true, highlightH: 52, highlightColor: 'var(--oui-bg)', highlightTop: {
+            start: 50,
+            fadeDistance: 200,
+            maxOpacity: 0.94,
+        }, highlightBottom: {
+            start: 16,
+            fadeDistance: 140,
+            maxOpacity: 0.94,
+        }, children: content }));
+});
+export const AppShellNav = forwardRef(function AppShellNav({ className, style, items, onNavigate, label, testId, ...props }, ref) {
+    const { copy } = useOrcestrUiLocale();
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx("nav", { ref: ref, className: cn('oui-app-shell-nav', className), "aria-label": label ?? copy.common.primaryNavigation, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: items.map((item) => (_jsx(AppShellNavButton, { item: item, onNavigate: onNavigate, testId: testId ? `${testId}-${item.key}` : undefined }, item.key))) }));
+});
+export const PageTitleBlock = forwardRef(function PageTitleBlock({ className, style, title, caption, action, badge, testId, ...props }, ref) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsxs("div", { ref: ref, className: cn('oui-page-title-block', className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps, children: [_jsxs("div", { className: 'oui-page-title-main', children: [_jsxs("div", { className: 'oui-page-title-row', children: [_jsx("h1", { className: 'oui-page-title', children: title }), badge ? _jsx(Badge, { tone: 'brand', children: badge }) : null] }), caption ? _jsx("p", { className: 'oui-page-title-caption', children: caption }) : null] }), action ? _jsx("div", { className: 'oui-page-title-actions', children: action }) : null] }));
+});
+function AppShellNavButton({ item, onNavigate, testId, }) {
+    const content = (_jsxs(_Fragment, { children: [item.icon ? _jsx("span", { className: 'oui-app-shell-nav-icon', children: item.icon }) : null, _jsxs("span", { className: 'oui-app-shell-nav-text', children: [_jsx("span", { className: 'oui-app-shell-nav-label', children: item.label }), item.caption ? (_jsx("span", { className: 'oui-app-shell-nav-caption', children: item.caption })) : null] }), item.badge ? _jsx("span", { className: 'oui-app-shell-nav-badge', children: item.badge }) : null] }));
+    const commonProps = {
+        className: 'oui-app-shell-nav-item',
+        'data-active': item.active ? 'true' : undefined,
+        'data-testid': testId,
+        'aria-current': item.active ? 'page' : undefined,
+        onClick: () => {
+            item.onSelect?.();
+            onNavigate?.(item);
+        },
+    };
+    if (item.href && !item.disabled) {
+        return (_jsx("a", { href: item.href, ...commonProps, children: content }));
+    }
+    return (_jsx("button", { type: 'button', disabled: item.disabled, ...commonProps, children: content }));
+}
+function shellSizeValue(value) {
+    return typeof value === 'number' ? `${value}px` : value;
+}

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,15 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import { type SystemProps, type Tone, type UiSize } from '../../theme/systemProps';
+export type BadgeProps = ComponentPropsWithoutRef<'span'> & SystemProps & {
+    tone?: Tone;
+    size?: UiSize;
+    v?: 'soft' | 'solid' | 'outline';
+    testId?: string;
+};
+export declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & SystemProps & {
+    tone?: Tone;
+    size?: UiSize;
+    v?: "soft" | "solid" | "outline";
+    testId?: string;
+} & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAC,MAAM,OAAO,CAAC;AAGhE,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,IAAI,EACT,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,MAAM,CAAC,GACrD,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,KAAK;WANH,IAAI;WACJ,MAAM;QACT,MAAM,GAAG,OAAO,GAAG,SAAS;aACvB,MAAM;mDA4BrB,CAAC"}

package/dist/components/Badge/Badge.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../utils/cn';
+import { splitSystemProps, } from '../../theme/systemProps';
+export const Badge = forwardRef(function Badge({ className, style, tone = 'neutral', size = 2, v = 'soft', testId, ...props }, ref) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx("span", { ref: ref, className: cn('oui-badge', className), "data-tone": tone, "data-size": size, "data-variant": v, "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
+});

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithoutRef, type ElementType } from 'react';
+import { type SystemProps } from '../../theme/systemProps';
+export type BoxProps = ComponentPropsWithoutRef<'div'> & SystemProps & {
+    as?: ElementType;
+    testId?: string;
+};
+export declare const Box: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SystemProps & {
+    as?: ElementType;
+    testId?: string;
+} & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Box.d.ts.map

package/dist/components/Box/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EACnB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAE3E,MAAM,MAAM,QAAQ,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAClD,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,GAAG;SAJH,WAAW;aACP,MAAM;+CAiBrB,CAAC"}

package/dist/components/Box/Box.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, } from 'react';
+import { cn } from '../../utils/cn';
+import { splitSystemProps } from '../../theme/systemProps';
+export const Box = forwardRef(function Box({ as: Component = 'div', className, style, testId, ...props }, ref) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx(Component, { ref: ref, className: cn('oui-box', className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
+});

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,27 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import { type SystemProps, type Tone, type UiSize } from '../../theme/systemProps';
+import type { ButtonPressAnimation } from '../../theme/themeTypes';
+export type ButtonVariant = 'solid' | 'soft' | 'surface' | 'pad' | 'ghost' | 'outline';
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & SystemProps & {
+    size?: UiSize;
+    v?: ButtonVariant;
+    tone?: Tone;
+    loading?: boolean;
+    fullWidth?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    pressAnimation?: ButtonPressAnimation;
+    testId?: string;
+};
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & SystemProps & {
+    size?: UiSize;
+    v?: ButtonVariant;
+    tone?: Tone;
+    loading?: boolean;
+    fullWidth?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    pressAnimation?: ButtonPressAnimation;
+    testId?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAGf,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,IAAI,EACT,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAGjE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;AAEvF,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAC7D,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,MAAM;WAXJ,MAAM;QACT,aAAa;WACV,IAAI;cACD,OAAO;gBACL,OAAO;eACR,SAAS;gBACR,SAAS;qBACJ,oBAAoB;aAC5B,MAAM;qDAgDrB,CAAC"}

package/dist/components/Button/Button.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext, } from 'react';
+import { cn } from '../../utils/cn';
+import { splitSystemProps, } from '../../theme/systemProps';
+import { OrcestrThemeContext } from '../../theme/useTheme';
+import { Spinner } from '../Spinner/Spinner';
+export const Button = forwardRef(function Button({ className, style, size = 3, v = 'solid', tone = 'neutral', loading = false, fullWidth = false, leftIcon, rightIcon, pressAnimation, testId, children, disabled, type = 'button', ...props }, ref) {
+    const themeContext = useContext(OrcestrThemeContext);
+    const actualPressAnimation = pressAnimation ?? themeContext?.theme.motion.pressAnimation ?? 'soft';
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsxs("button", { ref: ref, type: type, className: cn('oui-button', fullWidth && 'oui-button-full', className), "data-size": size, "data-variant": v, "data-tone": tone, "data-press-animation": actualPressAnimation, "data-loading": loading ? 'true' : undefined, "data-testid": testId, "aria-busy": loading ? 'true' : undefined, disabled: disabled || loading, style: { ...systemStyle, ...style }, ...restProps, children: [loading ? _jsx(Spinner, { size: 1 }) : leftIcon, _jsx("span", { className: 'oui-button-label', children: children }), rightIcon] }));
+});

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,10 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
+    label?: ReactNode;
+    testId?: string;
+};
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    label?: ReactNode;
+    testId?: string;
+} & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC9E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,QAAQ;YAJT,SAAS;aACR,MAAM;oDA+ClB,CAAC"}

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, } from 'react';
+import { LuCheck } from 'react-icons/lu';
+import { cn } from '../../utils/cn';
+export const Checkbox = forwardRef(function Checkbox({ className, label, children, checked, defaultChecked, disabled, onChange, testId, ...props }, ref) {
+    const [internalChecked, setInternalChecked] = useState(Boolean(defaultChecked));
+    const actualChecked = checked ?? internalChecked;
+    const handleChange = (event) => {
+        if (checked === undefined)
+            setInternalChecked(event.target.checked);
+        onChange?.(event);
+    };
+    return (_jsxs("label", { className: cn('oui-checkbox', className), "data-checked": actualChecked ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, "data-testid": testId, children: [_jsx("input", { ref: ref, type: 'checkbox', checked: actualChecked, disabled: disabled, onChange: handleChange, ...props }), _jsx("span", { className: 'oui-checkbox-box', children: _jsx(LuCheck, { size: 13 }) }), label || children ? _jsx("span", { children: label ?? children }) : null] }));
+});

package/dist/components/Collapse/Collapse.d.ts

@@ -0,0 +1,11 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type CollapseProps = {
+    open: boolean;
+    children: ReactNode;
+    animate?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    testId?: string;
+};
+export declare function Collapse({ open, children, animate, className, style, testId, }: CollapseProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Collapse.d.ts.map

package/dist/components/Collapse/Collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../../src/components/Collapse/Collapse.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,aAAa,EAClB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,OAAc,EACd,SAAS,EACT,KAAK,EACL,MAAM,GACT,EAAE,aAAa,2CAyCf"}

package/dist/components/Collapse/Collapse.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useLayoutEffect, useRef, useState, } from 'react';
+import { cn } from '../../utils/cn';
+export function Collapse({ open, children, animate = true, className, style, testId, }) {
+    const contentRef = useRef(null);
+    const [contentHeight, setContentHeight] = useState(null);
+    const measure = useCallback(() => {
+        const element = contentRef.current;
+        if (!element)
+            return;
+        const nextHeight = element.scrollHeight;
+        setContentHeight((current) => (current === nextHeight ? current : nextHeight));
+    }, []);
+    useLayoutEffect(() => {
+        measure();
+    }, [children, measure, open]);
+    useLayoutEffect(() => {
+        const element = contentRef.current;
+        if (!element || typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(() => measure());
+        observer.observe(element);
+        return () => observer.disconnect();
+    }, [measure]);
+    return (_jsx("div", { className: cn('oui-collapse', className), "data-state": open ? 'open' : 'closed', "data-testid": testId, style: {
+            height: open ? (contentHeight ?? undefined) : 0,
+            transition: animate
+                ? 'height 220ms cubic-bezier(0.22, 1, 0.36, 1)'
+                : 'none',
+            ...style,
+        }, children: _jsx("div", { ref: contentRef, className: 'oui-collapse-content', children: children }) }));
+}

package/dist/components/Combobox/Combobox.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+import { type ListboxItem } from '../Listbox/Listbox';
+export declare function Combobox({ items, value, onValueChange, placeholder, selectedFallbackLabel, searchPlaceholder, emptyText, clearLabel, disabled, clearable, showChevron, testId, }: {
+    items: ReadonlyArray<ListboxItem>;
+    value: string | null;
+    onValueChange: (value: string | null) => void;
+    placeholder?: string;
+    selectedFallbackLabel?: ReactNode;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    clearLabel?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    showChevron?: boolean;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/components/Combobox/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAKxD,OAAO,EAAU,KAAK,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAI7D,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,KAAK,EACL,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,QAAgB,EAChB,SAAgB,EAChB,WAAkB,EAClB,MAAM,GACT,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CA2FA"}

package/dist/components/Combobox/Combobox.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { LuChevronsUpDown, LuX } from 'react-icons/lu';
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { Button } from '../Button/Button';
+import { Listbox } from '../Listbox/Listbox';
+import { Popover } from '../Popover/Popover';
+import { TextField } from '../TextField/TextField';
+export function Combobox({ items, value, onValueChange, placeholder, selectedFallbackLabel, searchPlaceholder, emptyText, clearLabel, disabled = false, clearable = true, showChevron = true, testId, }) {
+    const { copy } = useOrcestrUiLocale();
+    const [open, setOpen] = useState(false);
+    const [query, setQuery] = useState('');
+    const selected = items.find((item) => item.value === value);
+    const filtered = useMemo(() => items.filter((item) => item.label.toLowerCase().includes(query.toLowerCase())), [items, query]);
+    return (_jsxs(Popover, { open: open, onOpenChange: (next) => {
+            setOpen(next);
+            if (!next)
+                setQuery('');
+        }, trigger: _jsx(Button, { v: 'surface', fullWidth: true, disabled: disabled, pressAnimation: 'none', className: 'oui-combobox-trigger', "data-state": open ? 'open' : 'closed', testId: testId, rightIcon: _jsxs("span", { className: 'oui-combobox-trigger-actions', children: [clearable && selected ? (_jsx("span", { "aria-label": clearLabel ?? copy.common.clear, className: 'oui-combobox-clear', onPointerDown: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                        }, onClick: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                            onValueChange(null);
+                        }, children: _jsx(LuX, { size: 14 }) })) : null, showChevron ? _jsx(LuChevronsUpDown, { size: 15 }) : null] }), children: _jsx("span", { className: selected || selectedFallbackLabel ? 'oui-combobox-trigger-label' : 'oui-combobox-placeholder', children: selected?.label ?? selectedFallbackLabel ?? placeholder ?? copy.common.selectValue }) }), className: 'oui-combobox-content', testId: testId ? `${testId}-popover` : undefined, align: 'start', sideOffset: 4, matchTriggerWidth: true, disabled: disabled, children: [_jsx("div", { className: 'oui-combobox-search-wrap', children: _jsx(TextField, { autoFocus: true, size: 1, value: query, testId: testId ? `${testId}-search` : undefined, placeholder: searchPlaceholder ?? copy.common.search, onChange: (event) => setQuery(event.target.value) }) }), filtered.length === 0 ? (_jsx("div", { className: 'oui-combobox-empty', children: emptyText ?? copy.common.noOptions })) : (_jsx(Listbox, { className: 'oui-combobox-options', items: filtered, value: value, testId: testId ? `${testId}-listbox` : undefined, onValueChange: (next) => {
+                    onValueChange(next);
+                    setOpen(false);
+                    setQuery('');
+                } }))] }));
+}

package/dist/components/CommandPalette/CommandPalette.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from 'react';
+import { type OrcestrActionItem } from '../Action/ActionTypes';
+export type CommandPaletteItem = OrcestrActionItem & {
+    group?: string;
+    keywords?: string[];
+};
+export declare function CommandPalette({ open, onOpenChange, items, recentItems, onSelect, title, description, placeholder, emptyText, recentTitle, globalOpenEvents, testId, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    items: ReadonlyArray<CommandPaletteItem>;
+    recentItems?: ReadonlyArray<CommandPaletteItem>;
+    onSelect: (value: string) => void;
+    title?: ReactNode;
+    description?: ReactNode;
+    placeholder?: string;
+    emptyText?: ReactNode;
+    recentTitle?: string;
+    globalOpenEvents?: ReadonlyArray<string>;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommandPalette.d.ts.map

package/dist/components/CommandPalette/CommandPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAIf,OAAO,EAGH,KAAK,iBAAiB,EACzB,MAAM,uBAAuB,CAAC;AAO/B,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB,CAAC;AAQF,wBAAgB,cAAc,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAgB,EAChB,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,WAAW,EACX,gBAAqB,EACrB,MAAM,GACT,EAAE;IACC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CA2QA"}

package/dist/components/CommandPalette/CommandPalette.js

@@ -0,0 +1,168 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useMemo, useRef, useState, } from 'react';
+import { LuSearch } from 'react-icons/lu';
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { actionItemSearchText, isActionItemDisabled, } from '../Action/ActionTypes';
+import { ActionConfirmModal } from '../Action/ActionConfirmModal';
+import { Collapse } from '../Collapse/Collapse';
+import { Modal } from '../Modal/Modal';
+import { Spinner } from '../Spinner/Spinner';
+import { TextField } from '../TextField/TextField';
+export function CommandPalette({ open, onOpenChange, items, recentItems = [], onSelect, title, description, placeholder, emptyText, recentTitle, globalOpenEvents = [], testId, }) {
+    const { copy } = useOrcestrUiLocale();
+    const actualTitle = title ?? copy.command.title;
+    const actualDescription = description ?? copy.command.description;
+    const actualPlaceholder = placeholder ?? copy.command.placeholder;
+    const actualEmptyText = emptyText ?? copy.command.empty;
+    const actualRecentTitle = recentTitle ?? copy.command.recent;
+    const listboxId = useId();
+    const [query, setQuery] = useState('');
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [confirmItem, setConfirmItem] = useState(null);
+    const optionsRef = useRef(null);
+    const normalizedQuery = query.trim().toLowerCase();
+    const filtered = useMemo(() => items.filter((item) => {
+        if (!normalizedQuery)
+            return true;
+        return [
+            actionItemSearchText(item),
+            item.group,
+            ...(item.keywords ?? []),
+        ]
+            .filter(Boolean)
+            .some((value) => value.toLowerCase().includes(normalizedQuery));
+    }), [items, normalizedQuery]);
+    const groups = useMemo(() => {
+        const result = [];
+        const grouped = new Map();
+        if (!normalizedQuery && recentItems.length > 0) {
+            result.push({
+                group: actualRecentTitle,
+                items: [...recentItems],
+                recent: true,
+            });
+        }
+        for (const item of filtered) {
+            const group = item.group ?? copy.command.group;
+            grouped.set(group, [...(grouped.get(group) ?? []), item]);
+        }
+        return [
+            ...result,
+            ...Array.from(grouped.entries()).map(([group, groupItems]) => ({
+                group,
+                items: groupItems,
+            })),
+        ];
+    }, [actualRecentTitle, copy.command.group, filtered, normalizedQuery, recentItems]);
+    const options = useMemo(() => groups.flatMap((group) => group.items), [groups]);
+    const actualSelectedIndex = options.length === 0
+        ? 0
+        : Math.min(selectedIndex, options.length - 1);
+    const selectedItem = options[actualSelectedIndex] ?? null;
+    const close = useCallback(() => {
+        onOpenChange(false);
+        setQuery('');
+        setSelectedIndex(0);
+    }, [onOpenChange]);
+    const selectItem = useCallback((item) => {
+        if (isActionItemDisabled(item))
+            return;
+        if (item.confirm) {
+            close();
+            setConfirmItem(item);
+            return;
+        }
+        item.onSelect?.();
+        onSelect(item.key);
+        close();
+    }, [close, onSelect]);
+    const moveSelected = useCallback((delta) => {
+        setSelectedIndex((current) => {
+            if (options.length === 0)
+                return 0;
+            return (current + delta + options.length) % options.length;
+        });
+    }, [options.length]);
+    useEffect(() => {
+        if (!open || options.length === 0)
+            return;
+        const node = optionsRef.current?.querySelector(`[data-oui-command-index="${actualSelectedIndex}"]`);
+        node?.scrollIntoView({ block: 'nearest' });
+    }, [actualSelectedIndex, open, options.length]);
+    useEffect(() => {
+        if (!globalOpenEvents.length)
+            return;
+        const openPalette = () => onOpenChange(true);
+        for (const eventName of globalOpenEvents) {
+            window.addEventListener(eventName, openPalette);
+        }
+        return () => {
+            for (const eventName of globalOpenEvents) {
+                window.removeEventListener(eventName, openPalette);
+            }
+        };
+    }, [globalOpenEvents, onOpenChange]);
+    useEffect(() => {
+        const onKeyDown = (event) => {
+            const isShortcut = (event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'k';
+            if (!isShortcut)
+                return;
+            event.preventDefault();
+            onOpenChange(!open);
+        };
+        window.addEventListener('keydown', onKeyDown);
+        return () => window.removeEventListener('keydown', onKeyDown);
+    }, [onOpenChange, open]);
+    const handleKeyDown = (event) => {
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            moveSelected(1);
+            return;
+        }
+        if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            moveSelected(-1);
+            return;
+        }
+        if (event.key === 'Home') {
+            event.preventDefault();
+            setSelectedIndex(0);
+            return;
+        }
+        if (event.key === 'End') {
+            event.preventDefault();
+            setSelectedIndex(Math.max(options.length - 1, 0));
+            return;
+        }
+        if (event.key === 'Enter' && selectedItem) {
+            event.preventDefault();
+            selectItem(selectedItem);
+            return;
+        }
+        if (event.key === 'Escape' && query.length > 0) {
+            event.preventDefault();
+            setQuery('');
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Modal, { open: open, onOpenChange: (next) => {
+                    if (next)
+                        onOpenChange(true);
+                    else
+                        close();
+                }, title: actualTitle, description: actualDescription, maxWidth: 520, testId: testId, children: _jsxs("div", { className: 'oui-command-palette', "data-testid": testId ? `${testId}-panel` : undefined, onKeyDown: handleKeyDown, children: [_jsx(TextField, { autoFocus: true, className: 'oui-command-palette-search', leftSlot: _jsx(LuSearch, { size: 16 }), placeholder: actualPlaceholder, value: query, role: 'combobox', "aria-autocomplete": 'list', "aria-controls": listboxId, "aria-expanded": open, "aria-activedescendant": selectedItem
+                                ? commandOptionId(listboxId, actualSelectedIndex)
+                                : undefined, onChange: (event) => setQuery(event.target.value) }), _jsx("div", { ref: optionsRef, id: listboxId, className: 'oui-command-palette-results', role: 'listbox', "aria-label": copy.common.commandPaletteResults, children: _jsx(Collapse, { open: true, className: 'oui-command-palette-collapse', children: groups.length > 0 ? (groups.map((groupData) => (_jsxs("div", { className: 'oui-command-palette-group', children: [_jsx("div", { className: 'oui-command-palette-group-title', "data-recent": groupData.recent ? 'true' : undefined, children: groupData.group }), _jsx("div", { className: 'oui-command-palette-items', children: groupData.items.map((item) => {
+                                                const index = options.indexOf(item);
+                                                const selected = index === actualSelectedIndex;
+                                                return (_jsxs("button", { id: commandOptionId(listboxId, index), type: 'button', role: 'option', "aria-selected": selected, className: 'oui-command-palette-item', "data-selected": selected ? 'true' : undefined, "data-loading": item.loading ? 'true' : undefined, "data-tone": item.tone, "data-oui-command-index": index, "aria-busy": item.loading ? 'true' : undefined, disabled: isActionItemDisabled(item), onMouseEnter: () => setSelectedIndex(index), onClick: () => selectItem(item), children: [item.icon || item.loading ? (_jsx("span", { className: 'oui-command-palette-item-icon', children: item.loading ? _jsx(Spinner, { size: 1 }) : item.icon })) : null, _jsxs("span", { className: 'oui-command-palette-item-main', children: [_jsx("span", { className: 'oui-command-palette-item-label', children: item.label }), item.description ? (_jsx("span", { className: 'oui-command-palette-item-description', children: item.description })) : null] }), item.shortcut ? (_jsx("span", { className: 'oui-command-palette-shortcut', children: item.shortcut })) : null] }, `${groupData.group}-${item.key}`));
+                                            }) })] }, groupData.group)))) : (_jsx("div", { className: 'oui-command-palette-empty', children: actualEmptyText })) }) })] }) }), _jsx(ActionConfirmModal, { item: confirmItem, open: confirmItem !== null, onCancel: () => setConfirmItem(null), onConfirm: () => {
+                    confirmItem?.onSelect?.();
+                    if (confirmItem)
+                        onSelect(confirmItem.key);
+                    setConfirmItem(null);
+                } })] }));
+}
+function commandOptionId(listboxId, index) {
+    return `${listboxId}-option-${index}`;
+}

package/dist/components/ConfirmDialog/ConfirmDialog.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type { Tone } from '../../theme/systemProps';
+import { type ModalProps } from '../Modal/Modal';
+export type ConfirmDialogTone = Extract<Tone, 'danger' | 'info' | 'neutral' | 'success' | 'warning'>;
+export type ConfirmDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: ReactNode;
+    description?: ReactNode;
+    message?: ReactNode;
+    children?: ReactNode;
+    confirmLabel?: ReactNode;
+    cancelLabel?: ReactNode;
+    tone?: ConfirmDialogTone;
+    loading?: boolean;
+    confirmDisabled?: boolean;
+    cancelDisabled?: boolean;
+    closeOnOverlayClick?: boolean;
+    maxWidth?: ModalProps['maxWidth'];
+    testId?: string;
+    onConfirm: () => void;
+    onCancel?: () => void;
+};
+export declare function ConfirmDialog({ open, onOpenChange, title, description, message, children, confirmLabel, cancelLabel, tone, loading, confirmDisabled, cancelDisabled, closeOnOverlayClick, maxWidth, testId, onConfirm, onCancel, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrC,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAElD,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAGtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,IAAI,EACJ,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CACxD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,IAAgB,EAChB,OAAe,EACf,eAAuB,EACvB,cAAsB,EACtB,mBAAmB,EACnB,QAAc,EACd,MAAM,EACN,SAAS,EACT,QAAQ,GACX,EAAE,kBAAkB,2CAyDpB"}

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { Button } from '../Button/Button';
+import { Modal } from '../Modal/Modal';
+import { Text } from '../Text/Text';
+export function ConfirmDialog({ open, onOpenChange, title, description, message, children, confirmLabel, cancelLabel, tone = 'neutral', loading = false, confirmDisabled = false, cancelDisabled = false, closeOnOverlayClick, maxWidth = 420, testId, onConfirm, onCancel, }) {
+    const { copy } = useOrcestrUiLocale();
+    const actualCancelLabel = cancelLabel ?? copy.common.close;
+    const actualConfirmLabel = confirmLabel ?? copy.common.save;
+    const canClose = !loading && !cancelDisabled;
+    const cancel = () => {
+        if (!canClose)
+            return;
+        onCancel?.();
+        onOpenChange(false);
+    };
+    return (_jsxs(Modal, { open: open, onOpenChange: (nextOpen) => {
+            if (nextOpen) {
+                onOpenChange(true);
+                return;
+            }
+            cancel();
+        }, title: title, description: description, maxWidth: maxWidth, closeOnOverlayClick: closeOnOverlayClick ?? canClose, testId: testId, footer: (_jsxs(_Fragment, { children: [_jsx(Button, { v: 'surface', onClick: cancel, disabled: !canClose, testId: testId ? `${testId}-cancel` : undefined, children: actualCancelLabel }), _jsx(Button, { tone: tone, loading: loading, disabled: confirmDisabled, onClick: onConfirm, testId: testId ? `${testId}-confirm` : undefined, children: actualConfirmLabel })] })), children: [message ? (_jsx(Text, { as: 'p', tone: 'muted', lh: 1.5, children: message })) : null, children] }));
+}

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,11 @@
+import { type MouseEvent, type ReactElement } from 'react';
+import type { MenuItem } from '../Menu/Menu';
+export declare function ContextMenu({ children, items, className, testId, }: {
+    children: ReactElement<{
+        onContextMenu?: (event: MouseEvent) => void;
+    }>;
+    items: ReadonlyArray<MenuItem>;
+    className?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContextMenu.d.ts.map

package/dist/components/ContextMenu/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,UAAU,EACf,KAAK,YAAY,EACpB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAK3C,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,MAAM,GACT,EAAE;IACC,QAAQ,EAAE,YAAY,CAAC;QAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;KAAC,CAAC,CAAC;IACtE,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CA6EA"}