@orcestr/ui 0.0.1

package/dist/components/Text/Text.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 Text = forwardRef(function Text({ as: Component = 'span', className, style, tone, testId, ...props }, ref) {
+    const { systemStyle, restProps } = splitSystemProps(props);
+    return (_jsx(Component, { ref: ref, className: cn('oui-text', tone && `oui-text-${tone}`, className), "data-testid": testId, style: { ...systemStyle, ...style }, ...restProps }));
+});

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,15 @@
+import { type TextareaHTMLAttributes } from 'react';
+import { type SystemProps, type UiSize } from '../../theme/systemProps';
+export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & SystemProps & {
+    size?: UiSize;
+    invalid?: boolean;
+    autoResize?: boolean;
+    testId?: string;
+};
+export declare const TextArea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & SystemProps & {
+    size?: UiSize;
+    invalid?: boolean;
+    autoResize?: boolean;
+    testId?: string;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=TextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,sBAAsB,EAC9B,MAAM,OAAO,CAAC;AAIf,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GACnE,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,QAAQ;WANN,MAAM;cACH,OAAO;iBACJ,OAAO;aACX,MAAM;uDAwCtB,CAAC"}

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useLayoutEffect, useRef, } from 'react';
+import { cn } from '../../utils/cn';
+import { composeRefs } from '../../utils/composeRefs';
+import { splitSystemProps, } from '../../theme/systemProps';
+export const TextArea = forwardRef(function TextArea({ className, style, size = 2, invalid = false, autoResize = false, value, testId, ...props }, ref) {
+    const localRef = useRef(null);
+    const { systemStyle, restProps } = splitSystemProps(props);
+    useLayoutEffect(() => {
+        if (!autoResize || !localRef.current)
+            return;
+        localRef.current.style.height = 'auto';
+        localRef.current.style.height = `${localRef.current.scrollHeight}px`;
+    }, [autoResize, value]);
+    return (_jsx("textarea", { ref: composeRefs(ref, localRef), className: cn('oui-text-area', className), "data-size": size, "data-invalid": invalid ? 'true' : undefined, "data-testid": testId, "aria-invalid": invalid || undefined, value: value, style: { ...systemStyle, ...style }, ...restProps }));
+});

package/dist/components/TextField/TextField.d.ts

@@ -0,0 +1,25 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import { type SystemProps, type UiSize } from '../../theme/systemProps';
+export type TextFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & SystemProps & {
+    size?: UiSize;
+    invalid?: boolean;
+    fullWidth?: boolean;
+    leftSlot?: ReactNode;
+    rightSlot?: ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
+    clearLabel?: string;
+    testId?: string;
+};
+export declare const TextField: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & SystemProps & {
+    size?: UiSize;
+    invalid?: boolean;
+    fullWidth?: boolean;
+    leftSlot?: ReactNode;
+    rightSlot?: ReactNode;
+    clearable?: boolean;
+    onClear?: () => void;
+    clearLabel?: string;
+    testId?: string;
+} & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=TextField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAMf,OAAO,EAEH,KAAK,WAAW,EAChB,KAAK,MAAM,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG,IAAI,CAC7B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACT,GACG,WAAW,GAAG;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,eAAO,MAAM,SAAS;WAXP,MAAM;cACH,OAAO;gBACL,OAAO;eACR,SAAS;gBACR,SAAS;gBACT,OAAO;cACT,MAAM,IAAI;iBACP,MAAM;aACV,MAAM;oDA4FtB,CAAC"}

package/dist/components/TextField/TextField.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, useRef, useState, } from 'react';
+import { LuX } from 'react-icons/lu';
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { cn } from '../../utils/cn';
+import { composeRefs } from '../../utils/composeRefs';
+import { splitSystemProps, } from '../../theme/systemProps';
+export const TextField = forwardRef(function TextField({ className, style, size = 3, invalid = false, fullWidth = true, leftSlot, rightSlot, clearable = false, onClear, clearLabel, testId, value, defaultValue, onChange, disabled, id, ...props }, ref) {
+    const { copy } = useOrcestrUiLocale();
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    const localRef = useRef(null);
+    const { systemStyle, restProps } = splitSystemProps(props);
+    const [internalValue, setInternalValue] = useState(defaultValue ?? '');
+    const actualValue = value ?? internalValue;
+    const canClear = clearable && !disabled && String(actualValue ?? '').length > 0;
+    const handleChange = (event) => {
+        if (value === undefined)
+            setInternalValue(event.target.value);
+        onChange?.(event);
+    };
+    return (_jsxs("span", { className: cn('oui-text-field', fullWidth && 'oui-text-field-full', className), "data-size": size, "data-invalid": invalid ? 'true' : undefined, "data-disabled": disabled ? 'true' : undefined, style: { ...systemStyle, ...style }, children: [leftSlot ? (_jsx("span", { className: 'oui-text-field-slot', children: leftSlot })) : null, _jsx("input", { ref: composeRefs(ref, localRef), id: inputId, className: 'oui-text-field-input', "data-testid": testId, value: actualValue, onChange: handleChange, disabled: disabled, "aria-invalid": invalid || undefined, ...restProps }), canClear ? (_jsx("button", { type: 'button', className: 'oui-text-field-clear', "aria-label": clearLabel ?? copy.common.clear, onClick: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    if (value === undefined)
+                        setInternalValue('');
+                    localRef.current?.focus();
+                    onClear?.();
+                }, children: _jsx(LuX, { size: 14 }) })) : null, rightSlot ? (_jsx("span", { className: 'oui-text-field-slot', children: rightSlot })) : null] }));
+});

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,43 @@
+import { type ReactNode } from 'react';
+export type ToastTone = 'info' | 'success' | 'warning' | 'danger';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export type ToastAction = {
+    label: string;
+    onClick: () => void;
+    closeOnClick?: boolean;
+};
+export type ToastOptions = {
+    title: ReactNode;
+    message?: ReactNode;
+    tone?: ToastTone;
+    position?: ToastPosition;
+    background?: string;
+    blur?: number | string | false;
+    borderColor?: string;
+    shadow?: string;
+    progressColor?: string;
+    action?: ToastAction;
+    duration?: number | null;
+    dedupeKey?: string;
+    dismissible?: boolean;
+    closeButton?: boolean;
+};
+export type ToastInput = string | ToastOptions;
+type ToastContextValue = {
+    push: (input: ToastInput, tone?: ToastTone) => number;
+    success: (input: ToastInput) => number;
+    error: (input: ToastInput) => number;
+    warning: (input: ToastInput) => number;
+    info: (input: ToastInput) => number;
+    dismiss: (id: number) => void;
+    clear: () => void;
+};
+export declare function ToastProvider({ children, defaultPosition, maxVisible, testId, }: {
+    children: ReactNode;
+    defaultPosition?: ToastPosition;
+    maxVisible?: number;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useToast(): ToastContextValue;
+export {};
+//# sourceMappingURL=Toast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EASH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AASf,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAClE,MAAM,MAAM,aAAa,GACnB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAErB,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,CAAC;AAU/C,KAAK,iBAAiB,GAAG;IACrB,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,SAAS,KAAK,MAAM,CAAC;IACtD,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACvC,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACvC,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAmCF,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,eAAwC,EACxC,UAA+B,EAC/B,MAAM,GACT,EAAE;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAoJA;AAED,wBAAgB,QAAQ,sBAMvB"}

package/dist/components/Toast/Toast.js

@@ -0,0 +1,205 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
+import { LuX } from 'react-icons/lu';
+import { useOrcestrUiLocale } from '../../locale/LocaleProvider';
+import { Button } from '../Button/Button';
+import { IconButton } from '../IconButton/IconButton';
+import { useOverlayContext } from '../Overlay/OverlayProvider';
+import { Portal } from '../Portal/Portal';
+const ToastContext = createContext(null);
+const DEFAULT_TOAST_DURATION = 4200;
+const MAX_VISIBLE_TOASTS = 4;
+const TOAST_EXIT_FALLBACK_MS = 5000;
+const DEFAULT_TOAST_POSITION = 'bottom-right';
+const toastPositions = [
+    'top-left',
+    'top-center',
+    'top-right',
+    'bottom-left',
+    'bottom-center',
+    'bottom-right',
+];
+function normalizeToast(input, tone, defaultPosition = DEFAULT_TOAST_POSITION) {
+    if (typeof input === 'string') {
+        return {
+            title: input,
+            tone: tone ?? 'info',
+            position: defaultPosition,
+        };
+    }
+    return {
+        ...input,
+        tone: tone ?? input.tone ?? 'info',
+        position: input.position ?? defaultPosition,
+    };
+}
+export function ToastProvider({ children, defaultPosition = DEFAULT_TOAST_POSITION, maxVisible = MAX_VISIBLE_TOASTS, testId, }) {
+    const overlay = useOverlayContext();
+    const [items, setItems] = useState([]);
+    const itemsRef = useRef([]);
+    const nextId = useRef(1);
+    const timeoutIds = useRef(new Map());
+    const removalIds = useRef(new Map());
+    const setToastItems = useCallback((update) => {
+        setItems((current) => {
+            const next = update(current);
+            itemsRef.current = next;
+            return next;
+        });
+    }, []);
+    const clearTimer = useCallback((id) => {
+        const timeoutId = timeoutIds.current.get(id);
+        if (timeoutId !== undefined) {
+            window.clearTimeout(timeoutId);
+            timeoutIds.current.delete(id);
+        }
+    }, []);
+    const clearRemovalTimer = useCallback((id) => {
+        const timeoutId = removalIds.current.get(id);
+        if (timeoutId !== undefined) {
+            window.clearTimeout(timeoutId);
+            removalIds.current.delete(id);
+        }
+    }, []);
+    const removeToast = useCallback((id) => {
+        clearRemovalTimer(id);
+        setToastItems((current) => current.filter((item) => item.id !== id));
+    }, [clearRemovalTimer, setToastItems]);
+    const dismiss = useCallback((id) => {
+        clearTimer(id);
+        setToastItems((current) => current.map((item) => item.id === id ? { ...item, state: 'closing' } : item));
+        clearRemovalTimer(id);
+        const removalId = window.setTimeout(() => {
+            removeToast(id);
+        }, TOAST_EXIT_FALLBACK_MS);
+        removalIds.current.set(id, removalId);
+    }, [clearRemovalTimer, clearTimer, removeToast, setToastItems]);
+    const clear = useCallback(() => {
+        timeoutIds.current.forEach((timeoutId) => window.clearTimeout(timeoutId));
+        timeoutIds.current.clear();
+        removalIds.current.forEach((timeoutId) => window.clearTimeout(timeoutId));
+        removalIds.current.clear();
+        setToastItems(() => []);
+    }, [setToastItems]);
+    const scheduleDismiss = useCallback((item) => {
+        clearTimer(item.id);
+        if (item.duration === null)
+            return;
+        const duration = item.duration ?? DEFAULT_TOAST_DURATION;
+        if (duration <= 0)
+            return;
+        const timeoutId = window.setTimeout(() => dismiss(item.id), duration);
+        timeoutIds.current.set(item.id, timeoutId);
+    }, [clearTimer, dismiss]);
+    const push = useCallback((input, tone) => {
+        const normalized = normalizeToast(input, tone, defaultPosition);
+        const existingItem = normalized.dedupeKey
+            ? itemsRef.current.find((item) => item.dedupeKey === normalized.dedupeKey)
+            : null;
+        if (existingItem)
+            clearRemovalTimer(existingItem.id);
+        const item = {
+            ...normalized,
+            id: existingItem?.id ?? nextId.current++,
+            createdAt: Date.now(),
+            state: 'open',
+        };
+        setToastItems((current) => {
+            const nextItems = existingItem
+                ? current.map((currentItem) => currentItem.id === existingItem.id ? item : currentItem)
+                : [...current, item];
+            return limitToastItems(nextItems, maxVisible);
+        });
+        scheduleDismiss(item);
+        return item.id;
+    }, [
+        clearRemovalTimer,
+        defaultPosition,
+        maxVisible,
+        scheduleDismiss,
+        setToastItems,
+    ]);
+    const value = useMemo(() => ({
+        push,
+        success: (input) => push(input, 'success'),
+        error: (input) => push(input, 'danger'),
+        warning: (input) => push(input, 'warning'),
+        info: (input) => push(input, 'info'),
+        dismiss,
+        clear,
+    }), [clear, dismiss, push]);
+    useEffect(() => clear, [clear]);
+    return (_jsxs(ToastContext.Provider, { value: value, children: [children, _jsx(Portal, { children: toastPositions.map((position) => {
+                    const positionItems = items.filter((item) => item.position === position);
+                    if (positionItems.length === 0)
+                        return null;
+                    return (_jsx("div", { className: 'oui-toast-viewport', "data-position": position, "data-testid": testId ? `${testId}-${position}` : undefined, "aria-live": 'polite', "aria-relevant": 'additions text', style: { zIndex: overlay.zIndex.toast }, children: positionItems.map((item) => (_jsx(ToastCard, { item: item, onDismiss: dismiss, onExited: removeToast, testId: testId ? `${testId}-${item.id}` : undefined }, item.id))) }, position));
+                }) })] }));
+}
+export function useToast() {
+    const context = useContext(ToastContext);
+    if (!context) {
+        throw new Error('useToast must be used inside ToastProvider');
+    }
+    return context;
+}
+function ToastCard({ item, onDismiss, onExited, testId, }) {
+    const { copy } = useOrcestrUiLocale();
+    const duration = toastDuration(item);
+    const hasProgress = item.duration !== null && duration > 0;
+    const effectiveBlur = item.blur !== undefined ? cssLength(item.blur) : 'var(--oui-toast-blur, 14px)';
+    const style = {
+        ...(item.background ? { '--oui-toast-bg': item.background } : null),
+        '--oui-toast-effective-blur': effectiveBlur,
+        ...(item.borderColor ? { '--oui-toast-custom-border-color': item.borderColor } : null),
+        ...(item.shadow ? { '--oui-toast-shadow': item.shadow } : null),
+        ...(item.progressColor ? { '--oui-toast-progress-color': item.progressColor } : null),
+    };
+    const blurStyle = {
+        backdropFilter: `blur(${effectiveBlur})`,
+        WebkitBackdropFilter: `blur(${effectiveBlur})`,
+    };
+    return (_jsxs("div", { className: 'oui-toast-frame', "data-position": item.position, "data-state": item.state, style: style, onAnimationEnd: (event) => {
+            if (event.animationName === 'ouiToastOut') {
+                onExited(item.id);
+            }
+        }, children: [_jsx("span", { className: 'oui-toast-backdrop', "aria-hidden": 'true', style: blurStyle }), _jsxs("div", { className: 'oui-toast', "data-tone": item.tone, "data-state": item.state, "data-position": item.position, "data-clickable": item.dismissible === false ? undefined : 'true', "data-testid": testId, role: item.tone === 'danger' ? 'alert' : 'status', style: blurStyle, onClick: () => {
+                    if (item.dismissible !== false)
+                        onDismiss(item.id);
+                }, children: [_jsxs("div", { className: 'oui-toast-main', children: [_jsx("div", { className: 'oui-toast-title', children: item.title }), item.message ? (_jsx("div", { className: 'oui-toast-message', children: item.message })) : null, item.action ? (_jsx(Button, { className: 'oui-toast-action', size: 1, v: 'surface', tone: item.tone, onClick: (event) => {
+                                    event.stopPropagation();
+                                    item.action?.onClick();
+                                    if (item.action?.closeOnClick !== false) {
+                                        onDismiss(item.id);
+                                    }
+                                }, children: item.action.label })) : null] }), item.closeButton ? (_jsx(IconButton, { className: 'oui-toast-close', size: 1, v: 'ghost', icon: _jsx(LuX, { size: 14 }), "aria-label": copy.common.dismissNotification, onClick: (event) => {
+                            event.stopPropagation();
+                            onDismiss(item.id);
+                        } })) : null, hasProgress ? (_jsx("span", { className: 'oui-toast-progress', style: { '--oui-toast-duration': `${duration}ms` } }, item.createdAt)) : null] })] }));
+}
+function cssLength(value) {
+    if (value === false)
+        return '0px';
+    return typeof value === 'number' ? `${value}px` : value;
+}
+function toastDuration(item) {
+    return item.duration ?? DEFAULT_TOAST_DURATION;
+}
+function limitToastItems(items, maxVisible) {
+    if (maxVisible <= 0)
+        return items;
+    const buckets = new Map();
+    for (const item of items) {
+        const bucket = buckets.get(item.position) ?? [];
+        bucket.push(item);
+        buckets.set(item.position, bucket);
+    }
+    const visibleIds = new Set();
+    for (const bucket of buckets.values()) {
+        for (const item of bucket.slice(-maxVisible)) {
+            visibleIds.add(item.id);
+        }
+    }
+    return items.filter((item) => visibleIds.has(item.id));
+}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+import { type FloatingSide } from '../../hooks/useFloatingPosition';
+export declare function Tooltip({ content, children, side, className, testId, }: {
+    content: ReactNode;
+    children: ReactNode;
+    side?: FloatingSide;
+    className?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,iCAAiC,CAAC;AAMlE,wBAAgB,OAAO,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,IAAY,EACZ,SAAS,EACT,MAAM,GACT,EAAE;IACC,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,2CAmDA"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import {} from '../../hooks/useFloatingPosition';
+import { useFloatingLayer } from '../../hooks/useFloatingLayer';
+import { cn } from '../../utils/cn';
+import { useOverlayContext, useOverlayLayerIndex } from '../Overlay/OverlayProvider';
+import { Portal } from '../Portal/Portal';
+export function Tooltip({ content, children, side = 'top', className, testId, }) {
+    const overlay = useOverlayContext();
+    const [open, setOpen] = useState(false);
+    const { triggerRef, contentRef, present, state, style, } = useFloatingLayer({
+        open,
+        presenceDuration: 140,
+        side,
+        align: 'center',
+        sideOffset: 8,
+    });
+    const layerIndex = useOverlayLayerIndex(present);
+    return (_jsxs(_Fragment, { children: [_jsx("span", { ref: triggerRef, className: 'oui-tooltip-trigger', "data-testid": testId, onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false), onFocus: () => setOpen(true), onBlur: () => setOpen(false), children: children }), present ? (_jsx(Portal, { children: _jsx("div", { ref: contentRef, role: 'tooltip', className: cn('oui-tooltip-content', className), "data-state": state, "data-layer": 'dropdown', "data-testid": testId ? `${testId}-content` : undefined, style: {
+                        ...style,
+                        zIndex: overlay.zIndex.dropdown + layerIndex * 10,
+                    }, children: content }) })) : null] }));
+}

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,wBAAwB,EAAC,MAAM,OAAO,CAAC;AAIhE,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAAG;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc;aAHd,MAAM;mDAclB,CAAC"}

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../../utils/cn';
+export const VisuallyHidden = forwardRef(function VisuallyHidden({ className, testId, ...props }, ref) {
+    return (_jsx("span", { ref: ref, className: cn('oui-visually-hidden', className), "data-testid": testId, ...props }));
+});

package/dist/components/Workflow/Workflow.d.ts

@@ -0,0 +1,82 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { Tone } from '../../theme/systemProps';
+import type { OrcestrActionItem } from '../Action/ActionTypes';
+export type StatusBadgeProps = {
+    children: ReactNode;
+    tone?: Tone;
+    size?: 1 | 2 | 3 | 4;
+    testId?: string;
+};
+export declare function StatusBadge({ children, tone, size, testId }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export type TimelineItem = {
+    key: string;
+    title: ReactNode;
+    description?: ReactNode;
+    meta?: ReactNode;
+    tone?: Tone;
+    icon?: ReactNode;
+};
+export declare function Timeline({ items, className, testId, ...props }: HTMLAttributes<HTMLOListElement> & {
+    items: ReadonlyArray<TimelineItem>;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export type WorkflowStepStatus = 'active' | 'blocked' | 'done' | 'error' | 'pending' | 'processing';
+export type PipelineStep = {
+    key: string;
+    label?: ReactNode;
+    title?: ReactNode;
+    detail?: ReactNode;
+    description?: ReactNode;
+    meta?: ReactNode;
+    tooltip?: ReactNode;
+    disabledReason?: ReactNode;
+    status?: WorkflowStepStatus;
+    tone?: Tone;
+    active?: boolean;
+    complete?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    onSelect?: () => void;
+};
+export declare function Pipeline({ steps, loading, loadingSteps, disabled, className, testId, ...props }: HTMLAttributes<HTMLDivElement> & {
+    steps?: ReadonlyArray<PipelineStep>;
+    loading?: boolean;
+    loadingSteps?: number;
+    disabled?: boolean;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export type WorkflowSummaryBadge = {
+    key: string;
+    label: ReactNode;
+    value?: ReactNode;
+    tone?: Tone;
+};
+export declare function WorkflowSummaryBar({ items, className, testId, }: {
+    items: ReadonlyArray<WorkflowSummaryBadge>;
+    className?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export type LifecycleBlockReason = {
+    key: string;
+    title?: ReactNode;
+    message: ReactNode;
+    tone?: Exclude<Tone, 'brand'>;
+    actionLabel?: ReactNode;
+    onAction?: () => void;
+};
+export declare function LifecycleBlockReasonCallout({ reason, }: {
+    reason: LifecycleBlockReason;
+}): import("react/jsx-runtime").JSX.Element;
+export type LifecycleAction = Omit<OrcestrActionItem, 'children' | 'onSelect'> & {
+    disabledReason?: ReactNode;
+    onSelect: () => void;
+};
+export declare function LifecycleActionPanel({ title, meta, reasons, actions, className, testId, }: {
+    title?: ReactNode;
+    meta?: ReactNode;
+    reasons?: ReadonlyArray<LifecycleBlockReason>;
+    actions: ReadonlyArray<LifecycleAction>;
+    className?: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Workflow.d.ts.map

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

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

package/dist/components/Workflow/Workflow.js

@@ -0,0 +1,73 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LuArrowRight, LuCheck, LuCircleAlert, LuRefreshCw } from 'react-icons/lu';
+import { cn } from '../../utils/cn';
+import { Alert } from '../Alert/Alert';
+import { Badge } from '../Badge/Badge';
+import { Button } from '../Button/Button';
+import { Skeleton } from '../Skeleton/Skeleton';
+import { Tooltip } from '../Tooltip/Tooltip';
+export function StatusBadge({ children, tone = 'neutral', size = 2, testId }) {
+    return (_jsx(Badge, { tone: tone, size: size, testId: testId, children: children }));
+}
+export function Timeline({ items, className, testId, ...props }) {
+    return (_jsx("ol", { className: cn('oui-timeline', className), "data-testid": testId, ...props, children: items.map((item) => (_jsxs("li", { className: 'oui-timeline-item', "data-tone": item.tone ?? 'neutral', children: [_jsx("span", { className: 'oui-timeline-marker', children: item.icon }), _jsxs("div", { className: 'oui-timeline-content', children: [_jsxs("div", { className: 'oui-timeline-title-row', children: [_jsx("strong", { children: item.title }), item.meta ? _jsx("span", { children: item.meta }) : null] }), item.description ? _jsx("p", { children: item.description }) : null] })] }, item.key))) }));
+}
+export function Pipeline({ steps, loading = false, loadingSteps = 5, disabled = false, className, testId, ...props }) {
+    if (loading) {
+        return (_jsx("div", { className: cn('oui-pipeline', className), "data-testid": testId, ...props, children: Array.from({ length: loadingSteps }).map((_, index) => (_jsxs("div", { className: 'oui-pipeline-step', "data-loading": 'true', children: [_jsx(Skeleton, { w: 16, h: 16, r: 7 }), _jsxs("span", { className: 'oui-pipeline-step-main', children: [_jsx(Skeleton, { w: '70%', h: 14 }), _jsx(Skeleton, { w: '46%', h: 12 })] })] }, index))) }));
+    }
+    return (_jsx("div", { className: cn('oui-pipeline', className), "data-testid": testId, ...props, children: (steps ?? []).map((step) => (_jsx(PipelineStepView, { step: step, disabled: disabled }, step.key))) }));
+}
+export function WorkflowSummaryBar({ items, className, testId, }) {
+    return (_jsx("div", { className: cn('oui-workflow-summary', className), "data-testid": testId, children: items.map((item) => (_jsxs(StatusBadge, { tone: item.tone ?? 'neutral', children: [item.label, item.value !== undefined ? _jsx("strong", { children: item.value }) : null] }, item.key))) }));
+}
+export function LifecycleBlockReasonCallout({ reason, }) {
+    return (_jsx(Alert, { tone: reason.tone ?? 'warning', title: reason.title, icon: _jsx(LuCircleAlert, {}), action: reason.onAction ? (_jsx(Button, { size: 1, v: 'surface', tone: reason.tone ?? 'warning', onClick: reason.onAction, children: reason.actionLabel })) : null, children: reason.message }));
+}
+export function LifecycleActionPanel({ title, meta, reasons = [], actions, className, testId, }) {
+    return (_jsxs("div", { className: cn('oui-lifecycle-panel', className), "data-testid": testId, children: [title || meta ? (_jsxs("div", { className: 'oui-lifecycle-panel-head', children: [title ? _jsx("strong", { children: title }) : null, meta ? _jsx("span", { children: meta }) : null] })) : null, reasons.length ? (_jsx("div", { className: 'oui-lifecycle-reasons', children: reasons.map((reason) => (_jsx(LifecycleBlockReasonCallout, { reason: reason }, reason.key))) })) : null, _jsx("div", { className: 'oui-lifecycle-panel-actions', children: actions.map((action) => (_jsx(LifecycleActionButton, { action: action }, action.key))) })] }));
+}
+function PipelineStepView({ step, disabled, }) {
+    const status = pipelineStepStatus(step);
+    const label = step.label ?? step.title;
+    const isDisabled = disabled || step.disabled || !step.onSelect || step.loading;
+    const content = (_jsxs("button", { type: 'button', className: 'oui-pipeline-step', "data-tone": step.tone ?? workflowStatusTone(status), "data-status": status, "data-active": status === 'active' ? 'true' : undefined, "data-complete": status === 'done' ? 'true' : undefined, "data-clickable": !isDisabled ? 'true' : undefined, disabled: isDisabled, onClick: step.onSelect, children: [_jsx("span", { className: 'oui-pipeline-dot', children: workflowStatusIcon(status) }), _jsxs("span", { className: 'oui-pipeline-step-main', children: [_jsx("span", { className: 'oui-pipeline-label', children: label }), step.detail ? _jsx("span", { className: 'oui-pipeline-detail', children: step.detail }) : null, step.description ? (_jsx("span", { className: 'oui-pipeline-description', children: step.description })) : null] }), step.meta ? _jsx("span", { className: 'oui-pipeline-meta', children: step.meta }) : null] }));
+    const tooltip = step.tooltip ?? step.disabledReason;
+    if (!tooltip)
+        return content;
+    return (_jsx(Tooltip, { content: tooltip, children: _jsx("span", { className: 'oui-pipeline-tooltip-wrap', children: content }) }));
+}
+function LifecycleActionButton({ action }) {
+    const button = (_jsx(Button, { size: 1, v: 'surface', tone: action.tone, disabled: action.disabled, loading: action.loading, leftIcon: action.icon, onClick: action.onSelect, children: action.label }));
+    if (!action.disabledReason)
+        return button;
+    return (_jsx(Tooltip, { content: action.disabledReason, children: _jsx("span", { className: 'oui-lifecycle-action-tooltip-wrap', children: button }) }));
+}
+function pipelineStepStatus(step) {
+    if (step.status)
+        return step.status;
+    if (step.complete)
+        return 'done';
+    if (step.active)
+        return 'active';
+    return 'pending';
+}
+function workflowStatusTone(status) {
+    if (status === 'done')
+        return 'success';
+    if (status === 'active' || status === 'processing')
+        return 'info';
+    if (status === 'blocked')
+        return 'warning';
+    if (status === 'error')
+        return 'danger';
+    return 'neutral';
+}
+function workflowStatusIcon(status) {
+    if (status === 'done')
+        return _jsx(LuCheck, { "aria-hidden": true });
+    if (status === 'active' || status === 'processing')
+        return _jsx(LuRefreshCw, { "aria-hidden": true });
+    return _jsx(LuArrowRight, { "aria-hidden": true });
+}

package/dist/example/CodePreview.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from 'react';
+import { type CodeExample } from './codeSamples';
+export declare function CodeInfoButton({ title, code, onOpen, }: CodeExample & {
+    onOpen: (example: CodeExample) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ExampleTileHeader({ title, code, onOpen, }: CodeExample & {
+    onOpen: (example: CodeExample) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ExampleTile({ id, title, code, onOpen, className, children, }: CodeExample & {
+    id?: string;
+    onOpen: (example: CodeExample) => void;
+    className?: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InlineCodeBlock({ code }: {
+    code: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlock({ code }: {
+    code: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CodePreviewModal({ example, onClose, }: {
+    example: CodeExample | null;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CodePreview.d.ts.map

package/dist/example/CodePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodePreview.d.ts","sourceRoot":"","sources":["../../src/example/CodePreview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,SAAS,EAEjB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,eAAe,CAAC;AA+B/C,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,MAAM,GACT,EAAE,WAAW,GAAG;IACb,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C,2CAYA;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,MAAM,GACT,EAAE,WAAW,GAAG;IACb,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C,2CAMA;AAED,wBAAgB,WAAW,CAAC,EACxB,EAAE,EACF,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,GACX,EAAE,WAAW,GAAG;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB,2CAUA;AAED,wBAAgB,eAAe,CAAC,EAAC,IAAI,EAAC,EAAE;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,2CA+DrD;AAQD,wBAAgB,SAAS,CAAC,EAAC,IAAI,EAAC,EAAE;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,2CAQ/C;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,OAAO,EACP,OAAO,GACV,EAAE;IACC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,2CAcA"}