@orcestr/ui 0.0.1

package/dist/components/Section/Section.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../utils/cn';
+import { Flex } from '../Flex/Flex';
+function opacityValue(value) {
+    if (typeof value === 'string')
+        return value;
+    if (value <= 1)
+        return `${value * 100}%`;
+    return `${value}%`;
+}
+export const Section = forwardRef(function Section({ className, style, sectionColor, sectionOpacity, ...props }, ref) {
+    const sectionStyle = { ...style };
+    if (sectionColor !== undefined)
+        sectionStyle['--oui-section-bg'] = sectionColor;
+    if (sectionOpacity !== undefined) {
+        sectionStyle['--oui-section-opacity'] = opacityValue(sectionOpacity);
+    }
+    return (_jsx(Flex, { ref: ref, col: true, className: cn('oui-section', className), style: sectionStyle, ...props }));
+});

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,13 @@
+export type SegmentedControlItem = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export declare function SegmentedControl({ value, onValueChange, items, className, testId, }: {
+    value: string;
+    onValueChange: (value: string) => void;
+    items: ReadonlyArray<SegmentedControlItem>;
+    className?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC7B,KAAK,EACL,aAAa,EACb,KAAK,EACL,SAAS,EACT,MAAM,GACT,EAAE;IACC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAkBA"}

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+export function SegmentedControl({ value, onValueChange, items, className, testId, }) {
+    return (_jsx("div", { className: cn('oui-segmented', className), "data-testid": testId, children: items.map((item) => (_jsx("button", { type: 'button', className: 'oui-segmented-item', "data-active": value === item.value ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}` : undefined, disabled: item.disabled, onClick: () => onValueChange(item.value), children: item.label }, item.value))) }));
+}

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,27 @@
+import { type ReactNode } from 'react';
+import type { UiSize } from '../../theme/systemProps';
+export type SelectItem<V extends string = string> = {
+    value: V;
+    label: ReactNode;
+    searchText?: string;
+    triggerLabel?: ReactNode;
+    disabled?: boolean;
+};
+export declare function Select<V extends string = string>({ items, value, onValueChange, placeholder, selectedFallbackLabel, clearable, disabled, emptyText, size, maxHeight, onClear, className, showChevron, clearLabel, testId, }: {
+    items: ReadonlyArray<SelectItem<V>>;
+    value: V | null;
+    onValueChange: (value: V | null) => void;
+    placeholder?: string;
+    selectedFallbackLabel?: ReactNode;
+    clearable?: boolean;
+    disabled?: boolean;
+    emptyText?: ReactNode;
+    size?: UiSize;
+    maxHeight?: number;
+    onClear?: () => void;
+    className?: string;
+    showChevron?: boolean;
+    clearLabel?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAKpD,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAChD,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC9C,KAAK,EACL,KAAK,EACL,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,SAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,IAAQ,EACR,SAAe,EACf,OAAO,EACP,SAAS,EACT,WAAkB,EAClB,UAAU,EACV,MAAM,GACT,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAoNA"}

package/dist/components/Select/Select.js

@@ -0,0 +1,142 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useMemo, useRef, useState, } from 'react';
+import { LuCheck, LuChevronsUpDown, LuX } from 'react-icons/lu';
+import { Button } from '../Button/Button';
+import { Popover } from '../Popover/Popover';
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { useListNavigation } from '../../hooks/useListNavigation';
+import { useTypeahead } from '../../hooks/useTypeahead';
+export function Select({ items, value, onValueChange, placeholder, selectedFallbackLabel, clearable = false, disabled = false, emptyText, size = 3, maxHeight = 280, onClear, className, showChevron = true, clearLabel, testId, }) {
+    const { copy } = useOrcestrUiLocale();
+    const actualPlaceholder = placeholder ?? copy.common.selectValue;
+    const actualEmptyText = emptyText ?? copy.common.noOptions;
+    const [open, setOpen] = useState(false);
+    const listboxId = useId();
+    const optionsRef = useRef(null);
+    const navigationItems = useMemo(() => items.map((item) => ({
+        value: item.value,
+        disabled: item.disabled,
+        searchText: labelText(item),
+    })), [items]);
+    const navigation = useListNavigation(navigationItems, { value });
+    const selected = useMemo(() => items.find((item) => item.value === value) ?? null, [items, value]);
+    const highlighted = navigation.highlightedValue;
+    useEffect(() => {
+        if (!open || highlighted === null)
+            return;
+        const node = optionsRef.current?.querySelector(`[data-oui-select-value="${cssAttr(highlighted)}"]`);
+        node?.scrollIntoView({ block: 'nearest' });
+    }, [highlighted, open]);
+    const commit = useCallback((next) => {
+        onValueChange(next);
+        setOpen(false);
+        navigation.reset();
+    }, [navigation, onValueChange]);
+    const handleTypeahead = useTypeahead((query) => {
+        const match = navigation.enabledItems.find((item) => item.searchText?.toLowerCase().startsWith(query));
+        if (match)
+            navigation.setHighlightedValue(match.value);
+    }, 600);
+    const close = useCallback(() => {
+        setOpen(false);
+        navigation.reset();
+    }, [navigation]);
+    const openList = useCallback(() => {
+        setOpen(true);
+    }, []);
+    const handleKeyDown = useCallback((event) => {
+        if (!open && ['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {
+            event.preventDefault();
+            openList();
+            return;
+        }
+        if (!open)
+            return;
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                navigation.move(1);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                navigation.move(-1);
+                break;
+            case 'Home':
+                event.preventDefault();
+                navigation.first();
+                break;
+            case 'End':
+                event.preventDefault();
+                navigation.last();
+                break;
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                if (highlighted !== null)
+                    commit(highlighted);
+                break;
+            case 'Escape':
+                event.preventDefault();
+                close();
+                break;
+            default:
+                if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {
+                    handleTypeahead(event.key);
+                }
+        }
+    }, [close, commit, handleTypeahead, highlighted, navigation, open, openList]);
+    const hasSelectedValue = value !== null;
+    const canClear = clearable && hasSelectedValue && !disabled;
+    const triggerLabel = selected?.triggerLabel ?? selected?.label ?? selectedFallbackLabel ?? null;
+    return (_jsx(Popover, { open: open, onOpenChange: (next) => {
+            setOpen(next);
+            if (!next)
+                navigation.reset();
+        }, trigger: _jsx(Button, { type: 'button', v: 'surface', size: size, disabled: disabled, fullWidth: true, pressAnimation: 'none', className: 'oui-combobox-trigger', "data-state": open ? 'open' : 'closed', testId: testId, "aria-haspopup": 'listbox', "aria-expanded": open, "aria-controls": listboxId, onKeyDown: handleKeyDown, rightIcon: _jsxs("span", { className: 'oui-combobox-trigger-actions', children: [canClear ? (_jsx("span", { "aria-label": clearLabel ?? copy.common.clear, className: 'oui-combobox-clear', onPointerDown: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                        }, onClick: (event) => {
+                            event.preventDefault();
+                            event.stopPropagation();
+                            close();
+                            if (onClear)
+                                onClear();
+                            else
+                                onValueChange(null);
+                        }, children: _jsx(LuX, { size: 14 }) })) : null, showChevron ? _jsx(LuChevronsUpDown, { size: 15 }) : null] }), children: _jsx("span", { className: triggerLabel ? 'oui-combobox-trigger-label' : 'oui-combobox-placeholder', children: triggerLabel ?? actualPlaceholder }) }), className: className ? `oui-select-content ${className}` : 'oui-select-content', testId: testId ? `${testId}-popover` : undefined, align: 'start', sideOffset: 4, matchTriggerWidth: true, disabled: disabled, children: _jsx("div", { ref: optionsRef, role: 'listbox', id: listboxId, tabIndex: -1, className: 'oui-combobox-scroll oui-combobox-options', "data-testid": testId ? `${testId}-listbox` : undefined, style: { maxHeight }, onKeyDown: handleKeyDown, children: items.length === 0 ? (_jsx("div", { className: 'oui-combobox-empty', children: actualEmptyText })) : (items.map((item) => {
+                const isSelected = item.value === value;
+                const isHighlighted = item.value === highlighted;
+                return (_jsxs("button", { type: 'button', role: 'option', "aria-selected": isSelected, disabled: item.disabled, className: 'oui-combobox-option', "data-oui-select-value": item.value, "data-selected": isSelected ? 'true' : 'false', "data-highlighted": isHighlighted ? 'true' : 'false', onMouseEnter: () => {
+                        if (!item.disabled) {
+                            navigation.setHighlightedValue(item.value);
+                        }
+                    }, onClick: () => {
+                        if (!item.disabled)
+                            commit(item.value);
+                    }, children: [_jsx("span", { className: 'oui-combobox-option-main', children: item.label }), isSelected ? (_jsx(LuCheck, { className: 'oui-combobox-check', size: 15 })) : null] }, item.value));
+            })) }) }));
+}
+function labelText(item) {
+    if (item.searchText)
+        return item.searchText;
+    return reactNodeText(item.label);
+}
+function reactNodeText(value) {
+    if (value === null || value === undefined || value === false)
+        return '';
+    if (typeof value === 'string')
+        return value;
+    if (typeof value === 'number')
+        return String(value);
+    if (Array.isArray(value))
+        return value.map(reactNodeText).join('');
+    if (typeof value === 'object' && 'props' in value) {
+        const props = value.props;
+        return reactNodeText(props.children);
+    }
+    return '';
+}
+function cssAttr(value) {
+    return value.replace(/"/g, '\\"');
+}

package/dist/components/Separator/Separator.d.ts

@@ -0,0 +1,6 @@
+export declare function Separator({ orientation, className, testId, }: {
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,EACtB,WAA0B,EAC1B,SAAS,EACT,MAAM,GACT,EAAE;IACC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAUA"}

package/dist/components/Separator/Separator.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+export function Separator({ orientation = 'horizontal', className, testId, }) {
+    return (_jsx("span", { className: cn('oui-separator', className), "data-orientation": orientation, "data-testid": testId, role: 'separator', "aria-orientation": orientation }));
+}

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import { type SystemProps } from '../../theme/systemProps';
+export type SkeletonProps = ComponentPropsWithoutRef<'span'> & SystemProps & {
+    testId?: string;
+};
+export declare const Skeleton: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & SystemProps & {
+    testId?: string;
+} & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAC,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAmB,KAAK,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAE3E,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,MAAM,CAAC,GACxD,WAAW,GAAG;IACV,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,QAAQ;aAHJ,MAAM;mDAkBrB,CAAC"}

package/dist/components/Skeleton/Skeleton.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 Skeleton = forwardRef(function Skeleton({ className, style, testId, ...props }, ref) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx("span", { ref: ref, className: cn('oui-skeleton', className), "data-testid": testId, style: { ...systemStyle, ...style }, "aria-hidden": 'true', ...restProps }));
+});

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,7 @@
+import type { UiSize } from '../../theme/systemProps';
+export declare function Spinner({ size, className, testId, }: {
+    size?: UiSize;
+    className?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,yBAAyB,CAAC;AAEpD,wBAAgB,OAAO,CAAC,EACpB,IAAQ,EACR,SAAS,EACT,MAAM,GACT,EAAE;IACC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAEA"}

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn';
+export function Spinner({ size = 2, className, testId, }) {
+    return _jsx("span", { className: cn('oui-spinner', className), "data-size": size, "data-testid": testId });
+}

package/dist/components/Stack/Stack.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAC,MAAM,OAAO,CAAC;AAIhE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEzD,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,CAAC,GACpD,WAAW,GAAG;IACV,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,KAAK;aAHD,MAAM;kDAgBrB,CAAC"}

package/dist/components/Stack/Stack.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../utils/cn';
+import { Flex } from '../Flex/Flex';
+export const Stack = forwardRef(function Stack({ className, g = 2, ...props }, ref) {
+    return (_jsx(Flex, { ref: ref, col: true, g: g, className: cn('oui-stack', className), ...props }));
+});

package/dist/components/State/State.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { SystemProps, Tone } from '../../theme/systemProps';
+export type StateCardTone = Tone;
+export type StateCardProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+    tone?: StateCardTone;
+    icon?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    titleFs?: SystemProps['fs'];
+    descriptionFs?: SystemProps['fs'];
+    action?: ReactNode;
+    compact?: boolean;
+    testId?: string;
+};
+export declare function StateCard({ tone, icon, title, description, titleFs, descriptionFs, action, compact, className, children, testId, ...props }: StateCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ title, ...props }: Omit<StateCardProps, 'tone'>): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingState({ title, description, ...props }: Omit<StateCardProps, 'icon' | 'tone'>): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorState({ title, retryLabel, onRetry, action, ...props }: Omit<StateCardProps, 'tone'> & {
+    retryLabel?: ReactNode;
+    onRetry?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AccessDeniedState(props: Omit<StateCardProps, 'icon' | 'tone'>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=State.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../src/components/State/State.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAKrD,OAAO,KAAK,EAAC,WAAW,EAAE,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAO/D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACzE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAC5B,aAAa,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACtB,IAAgB,EAChB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,aAAsB,EACtB,MAAM,EACN,OAAe,EACf,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACX,EAAE,cAAc,2CAkChB;AAED,wBAAgB,UAAU,CAAC,EAAC,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,2CAGzE;AAED,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC,2CAWvC;AAED,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,UAAU,EACV,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,2CAgBA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC,2CAE7E"}

package/dist/components/State/State.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LuLock } from 'react-icons/lu';
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { cn } from '../../utils/cn';
+import { Button } from '../Button/Button';
+import { IconText } from '../IconText/IconText';
+import { Spinner } from '../Spinner/Spinner';
+import { Text } from '../Text/Text';
+import { stateIcon } from './stateIcon';
+export function StateCard({ tone = 'neutral', icon, title, description, titleFs, descriptionFs = '13px', action, compact = false, className, children, testId, ...props }) {
+    const hasBody = description || children;
+    const actualTitleFs = titleFs ?? (compact ? '14px' : '15px');
+    return (_jsxs("div", { className: cn('oui-state-card', className), "data-tone": tone, "data-compact": compact ? 'true' : undefined, "data-testid": testId, ...props, children: [_jsxs("div", { className: 'oui-state-card-main', children: [_jsx(IconText, { fw: 760, fs: actualTitleFs, icon: icon ?? stateIcon(tone), iconTone: tone === 'neutral' ? 'muted' : tone, children: title }), hasBody ? (_jsxs("div", { className: 'oui-state-card-body', children: [description ? (_jsx(Text, { className: 'oui-state-card-description', fs: descriptionFs, children: description })) : null, children] })) : null] }), action ? _jsx("div", { className: 'oui-state-card-action', children: action }) : null] }));
+}
+export function EmptyState({ title, ...props }) {
+    const { copy } = useOrcestrUiLocale();
+    return _jsx(StateCard, { tone: 'neutral', title: title ?? copy.common.noData, ...props });
+}
+export function LoadingState({ title, description, ...props }) {
+    const { copy } = useOrcestrUiLocale();
+    return (_jsx(StateCard, { tone: 'info', icon: _jsx(Spinner, {}), title: title ?? copy.common.loading, description: description, ...props }));
+}
+export function ErrorState({ title, retryLabel, onRetry, action, ...props }) {
+    const { copy } = useOrcestrUiLocale();
+    return (_jsx(StateCard, { tone: 'danger', title: title ?? copy.table.unableToLoad, action: onRetry ? (_jsx(Button, { size: 1, v: 'surface', tone: 'danger', onClick: onRetry, children: retryLabel ?? copy.common.retry })) : action, ...props }));
+}
+export function AccessDeniedState(props) {
+    return _jsx(StateCard, { tone: 'warning', icon: _jsx(LuLock, {}), ...props });
+}

package/dist/components/State/stateIcon.d.ts

@@ -0,0 +1,3 @@
+import type { Tone } from '../../theme/systemProps';
+export declare function stateIcon(tone: Tone): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stateIcon.d.ts.map

package/dist/components/State/stateIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateIcon.d.ts","sourceRoot":"","sources":["../../../src/components/State/stateIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAElD,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,2CAKnC"}

package/dist/components/State/stateIcon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LuCircleAlert, LuCircleCheck, LuCircleX, LuInfo } from 'react-icons/lu';
+export function stateIcon(tone) {
+    if (tone === 'success')
+        return _jsx(LuCircleCheck, {});
+    if (tone === 'warning')
+        return _jsx(LuCircleAlert, {});
+    if (tone === 'danger')
+        return _jsx(LuCircleX, {});
+    return _jsx(LuInfo, {});
+}

package/dist/components/StepperInput/StepperInput.d.ts

@@ -0,0 +1,13 @@
+export declare function StepperInput({ value, onChange, min, max, step, disabled, unit, decreaseLabel, increaseLabel, testId, }: {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    unit?: string;
+    decreaseLabel?: string;
+    increaseLabel?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepperInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepperInput.d.ts","sourceRoot":"","sources":["../../../src/components/StepperInput/StepperInput.tsx"],"names":[],"mappings":"AASA,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAQ,EACR,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,aAAa,EACb,MAAM,GACT,EAAE;IACC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAmDA"}

package/dist/components/StepperInput/StepperInput.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { LuMinus, LuPlus } from 'react-icons/lu';
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { IconButton } from '../IconButton/IconButton';
+import { TextField } from '../TextField/TextField';
+export function StepperInput({ value, onChange, min, max, step = 1, disabled, unit, decreaseLabel, increaseLabel, testId, }) {
+    const { copy } = useOrcestrUiLocale();
+    const canDecrease = min === undefined || value > min;
+    const canIncrease = max === undefined || value < max;
+    const displayValue = useMemo(() => String(value), [value]);
+    const commit = (next) => {
+        const clamped = Math.max(min ?? next, Math.min(max ?? next, next));
+        onChange(clamped);
+    };
+    return (_jsxs("span", { className: 'oui-stepper', "data-testid": testId, children: [_jsx(IconButton, { size: 1, v: 'surface', icon: _jsx(LuMinus, { size: 14 }), round: false, pressAnimation: 'none', className: 'oui-stepper-button oui-stepper-decrease', "aria-label": decreaseLabel ?? copy.common.decrease, testId: testId ? `${testId}-decrease` : undefined, disabled: disabled || !canDecrease, onClick: () => commit(value - step) }), _jsx(TextField, { value: displayValue, disabled: disabled, className: 'oui-stepper-field', size: 1, testId: testId ? `${testId}-input` : undefined, onChange: (event) => {
+                    const next = Number(event.target.value);
+                    if (Number.isFinite(next))
+                        commit(next);
+                }, rightSlot: unit ? _jsx("span", { children: unit }) : null, w: '86px' }), _jsx(IconButton, { size: 1, v: 'surface', icon: _jsx(LuPlus, { size: 14 }), round: false, pressAnimation: 'none', className: 'oui-stepper-button oui-stepper-increase', "aria-label": increaseLabel ?? copy.common.increase, testId: testId ? `${testId}-increase` : undefined, disabled: disabled || !canIncrease, onClick: () => commit(value + step) })] }));
+}

package/dist/components/Switch/Switch.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC5E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,MAAM;YAJP,SAAS;aACR,MAAM;oDA6CjB,CAAC"}

package/dist/components/Switch/Switch.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, } from 'react';
+import { cn } from '../../utils/cn';
+export const Switch = forwardRef(function Switch({ 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-switch', 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-switch-track', children: _jsx("span", { className: 'oui-switch-thumb' }) }), label || children ? _jsx("span", { children: label ?? children }) : null] }));
+});

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+export type TabItem = {
+    value: string;
+    label: ReactNode;
+    content: ReactNode;
+    icon?: ReactNode;
+    badge?: ReactNode;
+};
+export declare function Tabs({ items, value, onValueChange, className, listClassName, contentClassName, testId, }: {
+    items: ReadonlyArray<TabItem>;
+    value: string;
+    onValueChange: (value: string) => void;
+    className?: string;
+    listClassName?: string;
+    contentClassName?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,OAAO,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AASF,wBAAgB,IAAI,CAAC,EACjB,KAAK,EACL,KAAK,EACL,aAAa,EACb,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,MAAM,GACT,EAAE;IACC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,kDAgKA"}

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,104 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useLayoutEffect, useRef, useState, } from 'react';
+import { cn } from '../../utils/cn';
+import { Collapse } from '../Collapse/Collapse';
+export function Tabs({ items, value, onValueChange, className, listClassName, contentClassName, testId, }) {
+    const active = items.find((item) => item.value === value) ?? items[0];
+    const listRef = useRef(null);
+    const triggerRefs = useRef(new Map());
+    const [hoveredValue, setHoveredValue] = useState(null);
+    const [activeRect, setActiveRect] = useState(null);
+    const [hoverRect, setHoverRect] = useState(null);
+    const [hoverVisible, setHoverVisible] = useState(false);
+    const measure = useCallback(() => {
+        const list = listRef.current;
+        if (!list)
+            return;
+        const readRect = (nextValue) => {
+            if (!nextValue)
+                return null;
+            const trigger = triggerRefs.current.get(nextValue);
+            if (!trigger)
+                return null;
+            return {
+                left: trigger.offsetLeft,
+                top: trigger.offsetTop,
+                width: trigger.offsetWidth,
+                height: trigger.offsetHeight,
+            };
+        };
+        setActiveRect(readRect(active?.value));
+        setHoverRect((current) => readRect(hoveredValue) ?? current);
+        setHoverVisible(Boolean(hoveredValue && readRect(hoveredValue)));
+    }, [active?.value, hoveredValue]);
+    const moveFocus = (currentValue, direction) => {
+        const currentIndex = items.findIndex((item) => item.value === currentValue);
+        if (currentIndex === -1)
+            return;
+        const nextIndex = (currentIndex + direction + items.length) % items.length;
+        const next = items[nextIndex];
+        if (!next)
+            return;
+        triggerRefs.current.get(next.value)?.focus();
+        onValueChange(next.value);
+    };
+    const focusEdge = (edge) => {
+        const next = edge === 'first' ? items[0] : items[items.length - 1];
+        if (!next)
+            return;
+        triggerRefs.current.get(next.value)?.focus();
+        onValueChange(next.value);
+    };
+    useLayoutEffect(() => {
+        measure();
+    }, [items, measure]);
+    useLayoutEffect(() => {
+        const list = listRef.current;
+        if (!list || typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(() => measure());
+        observer.observe(list);
+        triggerRefs.current.forEach((trigger) => observer.observe(trigger));
+        return () => observer.disconnect();
+    }, [items, measure]);
+    if (!active)
+        return null;
+    return (_jsxs("div", { className: cn('oui-tabs', className), "data-testid": testId, children: [_jsx("div", { className: 'oui-tabs-shell', children: _jsxs("div", { ref: listRef, className: cn('oui-tabs-list', listClassName), role: 'tablist', "data-testid": testId ? `${testId}-list` : undefined, onMouseLeave: () => setHoveredValue(null), children: [activeRect ? (_jsx("span", { "aria-hidden": true, className: 'oui-tabs-active-indicator', style: indicatorStyle(activeRect) })) : null, hoverRect ? (_jsx("span", { "aria-hidden": true, className: 'oui-tabs-hover-indicator', "data-visible": hoverVisible ? 'true' : undefined, style: indicatorStyle(hoverRect) })) : null, items.map((item) => {
+                            const isActive = active.value === item.value;
+                            return (_jsxs("button", { ref: (element) => {
+                                    if (element)
+                                        triggerRefs.current.set(item.value, element);
+                                    else
+                                        triggerRefs.current.delete(item.value);
+                                }, type: 'button', role: 'tab', "aria-selected": isActive, className: 'oui-tabs-trigger', "data-active": isActive ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}` : undefined, onMouseEnter: () => setHoveredValue(item.value), onFocus: () => setHoveredValue(item.value), onBlur: () => setHoveredValue(null), onKeyDown: (event) => {
+                                    if (event.key === 'ArrowRight') {
+                                        event.preventDefault();
+                                        moveFocus(item.value, 1);
+                                    }
+                                    if (event.key === 'ArrowLeft') {
+                                        event.preventDefault();
+                                        moveFocus(item.value, -1);
+                                    }
+                                    if (event.key === 'Home') {
+                                        event.preventDefault();
+                                        focusEdge('first');
+                                    }
+                                    if (event.key === 'End') {
+                                        event.preventDefault();
+                                        focusEdge('last');
+                                    }
+                                }, onClick: () => onValueChange(item.value), children: [item.icon ? (_jsx("span", { className: 'oui-tabs-trigger-icon', "aria-hidden": true, children: item.icon })) : null, _jsx("span", { className: 'oui-tabs-trigger-label', children: item.label }), item.badge ? (_jsx("span", { className: 'oui-tabs-trigger-badge', children: item.badge })) : null] }, item.value));
+                        })] }) }), _jsx("div", { className: cn('oui-tabs-content', contentClassName), "data-testid": testId ? `${testId}-content` : undefined, children: items.map((item) => {
+                    const open = active.value === item.value;
+                    return (_jsx(Collapse, { open: open, children: _jsx("div", { role: 'tabpanel', className: 'oui-tabs-panel', "data-active": open ? 'true' : undefined, "data-testid": testId ? `${testId}-${item.value}-panel` : undefined, children: item.content }) }, item.value));
+                }) })] }));
+}
+function indicatorStyle(rect) {
+    return {
+        left: rect.left,
+        top: rect.top + 4,
+        width: rect.width,
+        height: Math.max(0, rect.height - 8),
+    };
+}

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentPropsWithoutRef, type ElementType } from 'react';
+import { type SystemProps, type Tone } from '../../theme/systemProps';
+export type TextProps = ComponentPropsWithoutRef<'span'> & SystemProps & {
+    as?: ElementType;
+    tone?: Tone | 'muted';
+    testId?: string;
+};
+export declare const Text: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & SystemProps & {
+    as?: ElementType;
+    tone?: Tone | "muted";
+    testId?: string;
+} & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EACnB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAEtF,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,MAAM,CAAC,GACpD,WAAW,GAAG;IACV,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,IAAI;SALJ,WAAW;WACT,IAAI,GAAG,OAAO;aACZ,MAAM;+CAiBrB,CAAC"}