@orcestr/ui 0.0.3 → 0.1.0

package/dist/theme/systemProps.d.ts

@@ -1,46 +1,65 @@
 import type { CSSProperties } from 'react';
-export type Tone = 'neutral' | 'brand' | 'success' | 'warning' | 'danger' | 'info';
-export type UiSize = 1 | 2 | 3 | 4;
+export type SemanticTone = 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+export type ColorTone = 'blue' | 'sky' | 'cyan' | 'teal' | 'indigo' | 'violet' | 'purple' | 'iris' | 'green' | 'jade' | 'mint' | 'grass' | 'lime' | 'yellow' | 'amber' | 'orange' | 'brown' | 'red' | 'ruby' | 'crimson' | 'pink' | 'tomato';
+export type Tone = SemanticTone | ColorTone;
+export type ToneInput = Tone | 'muted' | 'gray' | 'mauve' | 'slate' | 'sage' | 'olive' | 'sand' | 'blue' | 'sky' | 'cyan' | 'teal' | 'indigo' | 'violet' | 'purple' | 'iris' | 'green' | 'jade' | 'mint' | 'grass' | 'lime' | 'yellow' | 'amber' | 'orange' | 'brown' | 'red' | 'ruby' | 'crimson' | 'pink' | 'tomato' | (string & {});
+export type UiSize = 1 | 2 | 3 | 4 | '1' | '2' | '3' | '4';
 export type RadiusScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
-export type AlignShort = 's' | 'c' | 'e' | 'st' | 'b';
-export type JustifyShort = 's' | 'c' | 'e' | 'sb' | 'sa' | 'se';
+export type AlignShort = 's' | 'c' | 'e' | 'st' | 'b' | 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+export type JustifyShort = 's' | 'c' | 'e' | 'sb' | 'sa' | 'se' | 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export type ResponsiveValue<T> = T | {
+    initial?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+};
 export type SystemProps = {
-    m?: number | string;
-    mt?: number | string;
-    mr?: number | string;
-    mb?: number | string;
-    ml?: number | string;
-    mx?: number | string;
-    my?: number | string;
-    p?: number | string;
-    pt?: number | string;
-    pr?: number | string;
-    pb?: number | string;
-    pl?: number | string;
-    px?: number | string;
-    py?: number | string;
-    g?: number | string;
-    w?: number | string;
-    minW?: number | string;
-    maxW?: number | string;
-    size?: number | string;
-    h?: number | string;
-    minH?: number | string;
-    maxH?: number | string;
+    m?: ResponsiveValue<number | string>;
+    mt?: ResponsiveValue<number | string>;
+    mr?: ResponsiveValue<number | string>;
+    mb?: ResponsiveValue<number | string>;
+    ml?: ResponsiveValue<number | string>;
+    mx?: ResponsiveValue<number | string>;
+    my?: ResponsiveValue<number | string>;
+    p?: ResponsiveValue<number | string>;
+    pt?: ResponsiveValue<number | string>;
+    pr?: ResponsiveValue<number | string>;
+    pb?: ResponsiveValue<number | string>;
+    pl?: ResponsiveValue<number | string>;
+    px?: ResponsiveValue<number | string>;
+    py?: ResponsiveValue<number | string>;
+    g?: ResponsiveValue<number | string>;
+    w?: ResponsiveValue<number | string>;
+    minW?: ResponsiveValue<number | string>;
+    minWidth?: ResponsiveValue<number | string>;
+    maxW?: ResponsiveValue<number | string>;
+    maxWidth?: ResponsiveValue<number | string>;
+    size?: ResponsiveValue<number | string>;
+    h?: ResponsiveValue<number | string>;
+    minH?: ResponsiveValue<number | string>;
+    minHeight?: ResponsiveValue<number | string>;
+    maxH?: ResponsiveValue<number | string>;
+    maxHeight?: ResponsiveValue<number | string>;
     display?: CSSProperties['display'];
     position?: CSSProperties['position'];
     overflow?: CSSProperties['overflow'];
     flex?: CSSProperties['flex'];
+    flexGrow?: CSSProperties['flexGrow'];
+    flexShrink?: CSSProperties['flexShrink'];
+    flexBasis?: CSSProperties['flexBasis'];
+    alignSelf?: CSSProperties['alignSelf'];
     a?: AlignShort;
     j?: JustifyShort;
     row?: boolean;
     col?: boolean;
+    direction?: CSSProperties['flexDirection'];
     wrap?: boolean;
     nowrap?: boolean;
     inline?: boolean;
-    fs?: number | string;
+    fs?: ResponsiveValue<number | string>;
     fw?: CSSProperties['fontWeight'];
-    lh?: number | string;
+    lh?: ResponsiveValue<number | string>;
     ta?: CSSProperties['textAlign'];
     color?: CSSProperties['color'];
     r?: RadiusScale | `${RadiusScale}` | string;
@@ -50,4 +69,5 @@ export declare function splitSystemProps<P extends Record<string, unknown>>(prop
     systemStyle: CSSProperties;
     restProps: Omit<P, keyof SystemProps>;
 };
+export declare function normalizeTone(value: ToneInput | undefined, fallback?: Tone): Tone;
 //# sourceMappingURL=systemProps.d.ts.map

package/dist/theme/systemProps.d.ts.map

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

package/dist/theme/systemProps.js

@@ -16,19 +16,28 @@ const systemKeys = new Set([
     'g',
     'w',
     'minW',
+    'minWidth',
     'maxW',
+    'maxWidth',
     'size',
     'h',
     'minH',
+    'minHeight',
     'maxH',
+    'maxHeight',
     'display',
     'position',
     'overflow',
     'flex',
+    'flexGrow',
+    'flexShrink',
+    'flexBasis',
+    'alignSelf',
     'a',
     'j',
     'row',
     'col',
+    'direction',
     'wrap',
     'nowrap',
     'inline',
@@ -40,13 +49,30 @@ const systemKeys = new Set([
     'r',
     'truncate',
 ]);
-const spacing = ['0', '4px', '8px', '12px', '16px', '20px', '24px', '32px', '40px'];
+const spacing = [
+    '0',
+    '4px',
+    '8px',
+    '12px',
+    '16px',
+    '24px',
+    '32px',
+    '40px',
+    '48px',
+    '64px',
+];
 const radiusScale = ['0', '2px', '4px', '6px', '8px', '10px', '12px', '999px'];
 function sizeValue(value) {
     if (value === undefined)
         return undefined;
+    if (typeof value === 'object') {
+        return sizeValue(value.initial ?? value.md ?? value.lg ?? value.sm ?? value.xl);
+    }
     if (typeof value === 'number')
         return spacing[value] ?? `${value}px`;
+    const normalized = value.trim();
+    if (/^[0-9]$/.test(normalized))
+        return spacing[Number(normalized)];
     return value;
 }
 function radiusValue(value) {
@@ -61,30 +87,41 @@ function radiusValue(value) {
 }
 function alignValue(value) {
     switch (value) {
+        case 'start':
         case 's':
             return 'flex-start';
+        case 'center':
         case 'c':
             return 'center';
+        case 'end':
         case 'e':
             return 'flex-end';
+        case 'stretch':
         case 'st':
             return 'stretch';
+        case 'baseline':
         case 'b':
             return 'baseline';
     }
 }
 function justifyValue(value) {
     switch (value) {
+        case 'start':
         case 's':
             return 'flex-start';
+        case 'center':
         case 'c':
             return 'center';
+        case 'end':
         case 'e':
             return 'flex-end';
+        case 'between':
         case 'sb':
             return 'space-between';
+        case 'around':
         case 'sa':
             return 'space-around';
+        case 'evenly':
         case 'se':
             return 'space-evenly';
     }
@@ -149,9 +186,11 @@ export function splitSystemProps(props) {
                 systemStyle.width = sizeValue(value);
                 break;
             case 'minW':
+            case 'minWidth':
                 systemStyle.minWidth = sizeValue(value);
                 break;
             case 'maxW':
+            case 'maxWidth':
                 systemStyle.maxWidth = sizeValue(value);
                 break;
             case 'size': {
@@ -164,9 +203,11 @@ export function splitSystemProps(props) {
                 systemStyle.height = sizeValue(value);
                 break;
             case 'minH':
+            case 'minHeight':
                 systemStyle.minHeight = sizeValue(value);
                 break;
             case 'maxH':
+            case 'maxHeight':
                 systemStyle.maxHeight = sizeValue(value);
                 break;
             case 'display':
@@ -181,6 +222,18 @@ export function splitSystemProps(props) {
             case 'flex':
                 systemStyle.flex = value;
                 break;
+            case 'flexGrow':
+                systemStyle.flexGrow = value;
+                break;
+            case 'flexShrink':
+                systemStyle.flexShrink = value;
+                break;
+            case 'flexBasis':
+                systemStyle.flexBasis = value;
+                break;
+            case 'alignSelf':
+                systemStyle.alignSelf = value;
+                break;
             case 'a':
                 systemStyle.alignItems = alignValue(value);
                 break;
@@ -195,6 +248,9 @@ export function splitSystemProps(props) {
                 if (value)
                     systemStyle.flexDirection = 'column';
                 break;
+            case 'direction':
+                systemStyle.flexDirection = value;
+                break;
             case 'wrap':
                 if (value)
                     systemStyle.flexWrap = 'wrap';
@@ -238,3 +294,49 @@ export function splitSystemProps(props) {
     }
     return { systemStyle, restProps: restProps };
 }
+export function normalizeTone(value, fallback = 'neutral') {
+    switch (value) {
+        case undefined:
+        case 'muted':
+        case 'gray':
+        case 'mauve':
+        case 'slate':
+        case 'sage':
+        case 'olive':
+        case 'sand':
+            return value === undefined ? fallback : 'neutral';
+        default:
+            return isTone(value) ? value : fallback;
+    }
+}
+function isTone(value) {
+    return (value === 'neutral' ||
+        value === 'primary' ||
+        value === 'secondary' ||
+        value === 'success' ||
+        value === 'warning' ||
+        value === 'danger' ||
+        value === 'info' ||
+        value === 'blue' ||
+        value === 'sky' ||
+        value === 'cyan' ||
+        value === 'teal' ||
+        value === 'indigo' ||
+        value === 'violet' ||
+        value === 'purple' ||
+        value === 'iris' ||
+        value === 'green' ||
+        value === 'jade' ||
+        value === 'mint' ||
+        value === 'grass' ||
+        value === 'lime' ||
+        value === 'yellow' ||
+        value === 'amber' ||
+        value === 'orange' ||
+        value === 'brown' ||
+        value === 'red' ||
+        value === 'ruby' ||
+        value === 'crimson' ||
+        value === 'pink' ||
+        value === 'tomato');
+}

package/dist/theme/themeTypes.d.ts

@@ -3,6 +3,13 @@ export type OrcestrThemeMode = 'dark' | 'light';
 export type OrcestrThemeSurface = 'orcestr' | 'operations' | 'media' | 'catalog';
 export type ButtonPressAnimation = 'translate' | 'scale' | 'soft' | 'none';
 export type ModalAnimation = 'zoom-blur' | 'rise' | 'fade';
+export type OrcestrThemeColorRole = {
+    base: string;
+    text: string;
+    surface: string;
+    border: string;
+    contrast: string;
+};
 export type OrcestrTheme = {
     mode: OrcestrThemeMode;
     surface: OrcestrThemeSurface;
@@ -16,20 +23,13 @@ export type OrcestrTheme = {
         muted: string;
         border: string;
         borderStrong: string;
-        brand: string;
-        brandStrong: string;
-        brandSolid: string;
-        brandSolidHover: string;
-        brandSoft: string;
-        brandText: string;
-        danger: string;
-        dangerSoft: string;
-        success: string;
-        successSoft: string;
-        warning: string;
-        warningSoft: string;
-        info: string;
-        infoSoft: string;
+        primary: OrcestrThemeColorRole;
+        secondary: OrcestrThemeColorRole;
+        neutral: OrcestrThemeColorRole;
+        danger: OrcestrThemeColorRole;
+        success: OrcestrThemeColorRole;
+        warning: OrcestrThemeColorRole;
+        info: OrcestrThemeColorRole;
         selected: string;
         focusRing: string;
         disabled: string;
@@ -89,7 +89,8 @@ export type OrcestrTheme = {
     };
     status: {
         neutral: OrcestrThemeStatus;
-        brand: OrcestrThemeStatus;
+        primary: OrcestrThemeStatus;
+        secondary: OrcestrThemeStatus;
         success: OrcestrThemeStatus;
         warning: OrcestrThemeStatus;
         danger: OrcestrThemeStatus;
@@ -145,11 +146,10 @@ export type OrcestrTheme = {
         tableHeaderHeight: string;
         fieldGap: string;
         modalMaxWidth: string;
-        pipelineStepMinWidth: string;
     };
 };
 export type OrcestrThemeOverrides = Partial<Omit<OrcestrTheme, 'colors' | 'mode' | 'surface' | 'motion' | 'radii' | 'spacing' | 'breakpoints' | 'shadows' | 'density' | 'zIndex' | 'toast' | 'typography' | 'status' | 'states' | 'components'>> & {
-    colors?: Partial<OrcestrTheme['colors']>;
+    colors?: PartialColorOverrides;
     radii?: Partial<OrcestrTheme['radii']>;
     spacing?: Partial<OrcestrTheme['spacing']>;
     breakpoints?: Partial<OrcestrTheme['breakpoints']>;
@@ -172,10 +172,14 @@ export type OrcestrThemeStatus = {
 type PartialStatusOverrides = Partial<{
     [K in keyof OrcestrTheme['status']]: Partial<OrcestrThemeStatus>;
 }>;
+type PartialColorOverrides = Partial<Omit<OrcestrTheme['colors'], 'primary' | 'secondary' | 'neutral' | 'danger' | 'success' | 'warning' | 'info'>> & {
+    [K in 'primary' | 'secondary' | 'neutral' | 'danger' | 'success' | 'warning' | 'info']?: Partial<OrcestrThemeColorRole>;
+};
 export type OrcestrThemeContextValue = {
     mode: OrcestrThemeMode;
     surface: OrcestrThemeSurface;
     theme: OrcestrTheme;
+    cssVariables: CSSProperties;
     setMode: (mode: OrcestrThemeMode) => void;
     setSurface: (surface: OrcestrThemeSurface) => void;
     toggleMode: () => void;

package/dist/theme/themeTypes.d.ts.map

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

package/dist/utils/slot.d.ts

@@ -0,0 +1,11 @@
+import { type CSSProperties, type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from 'react';
+type SlotChildProps = HTMLAttributes<HTMLElement> & {
+    ref?: Ref<HTMLElement>;
+    disabled?: boolean;
+};
+export declare function renderSlot(children: ReactNode, props: SlotChildProps & {
+    ref?: Ref<HTMLElement>;
+    style?: CSSProperties;
+}): ReactElement<SlotChildProps, string | import("react").JSXElementConstructor<any>> | null;
+export {};
+//# sourceMappingURL=slot.d.ts.map

package/dist/utils/slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/utils/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,GAAG,EACX,MAAM,OAAO,CAAC;AAKf,KAAK,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAChD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CACtB,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,cAAc,GAAG;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,4FAgBJ"}

package/dist/utils/slot.js

@@ -0,0 +1,18 @@
+import { cloneElement, isValidElement, } from 'react';
+import { cn } from './cn';
+import { composeRefs } from './composeRefs';
+export function renderSlot(children, props) {
+    if (!isValidElement(children))
+        return null;
+    const child = children;
+    const { className, style, ref, ...restProps } = props;
+    return cloneElement(child, {
+        ...restProps,
+        ref: composeRefs(child.props.ref, ref),
+        className: cn(className, child.props.className),
+        style: {
+            ...style,
+            ...child.props.style,
+        },
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orcestr/ui",
-  "version": "0.0.3",
+  "version": "0.1.0",
   "description": "Shared React UI package for Orcestr products.",
   "license": "UNLICENSED",
   "type": "module",

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

@@ -1,82 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,73 +0,0 @@
-'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 });
-}