@orcestr/ui 0.0.3 → 0.1.1

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;
@@ -41,7 +41,7 @@ export type OrcestrTheme = {
         padHover: string;
         skeletonShimmer: string;
     };
-    radii: {
+    radius: {
         sm: string;
         md: string;
         lg: string;
@@ -72,24 +72,25 @@ export type OrcestrTheme = {
         section: string;
         focus: string;
     };
-    typography: {
-        fontFamily: string;
-        monoFontFamily: string;
-        titleSize: string;
-        headingSize: string;
-        bodySize: string;
-        compactSize: string;
-        labelSize: string;
-        lineHeight: string;
-        headingLineHeight: string;
-        weightRegular: number;
-        weightMedium: number;
-        weightBold: number;
+    text: {
+        family: string;
+        mono: string;
+        title: string;
+        heading: string;
+        body: string;
+        compact: string;
+        label: string;
+        line: string;
+        headingLine: string;
+        regular: number;
+        medium: number;
+        bold: number;
         letterSpacing: string;
     };
     status: {
         neutral: OrcestrThemeStatus;
-        brand: OrcestrThemeStatus;
+        primary: OrcestrThemeStatus;
+        secondary: OrcestrThemeStatus;
         success: OrcestrThemeStatus;
         warning: OrcestrThemeStatus;
         danger: OrcestrThemeStatus;
@@ -110,12 +111,16 @@ export type OrcestrTheme = {
     toast: {
         background: string;
         blur: number | string | false;
-        borderColor: string;
         shadow: string;
         animationDuration: string;
         exitDuration: string;
         progressHeight: string;
     };
+    scrollbar: {
+        thumb: string;
+        thumbHover: string;
+        track: string;
+    };
     states: {
         hoverOpacity: number;
         activeOpacity: number;
@@ -145,21 +150,21 @@ 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']>;
-    radii?: Partial<OrcestrTheme['radii']>;
+export type OrcestrThemeOverrides = Partial<Omit<OrcestrTheme, 'colors' | 'mode' | 'surface' | 'motion' | 'radius' | 'spacing' | 'breakpoints' | 'shadows' | 'density' | 'zIndex' | 'toast' | 'scrollbar' | 'text' | 'status' | 'states' | 'components'>> & {
+    colors?: PartialColorOverrides;
+    radius?: Partial<OrcestrTheme['radius']>;
     spacing?: Partial<OrcestrTheme['spacing']>;
     breakpoints?: Partial<OrcestrTheme['breakpoints']>;
     shadows?: Partial<OrcestrTheme['shadows']>;
-    typography?: Partial<OrcestrTheme['typography']>;
+    text?: Partial<OrcestrTheme['text']>;
     status?: PartialStatusOverrides;
     motion?: Partial<OrcestrTheme['motion']>;
     density?: Partial<OrcestrTheme['density']>;
     zIndex?: Partial<OrcestrTheme['zIndex']>;
     toast?: Partial<OrcestrTheme['toast']>;
+    scrollbar?: Partial<OrcestrTheme['scrollbar']>;
     states?: Partial<OrcestrTheme['states']>;
     components?: Partial<OrcestrTheme['components']>;
 };
@@ -172,10 +177,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.1",
   "description": "Shared React UI package for Orcestr products.",
   "license": "UNLICENSED",
   "type": "module",
@@ -46,6 +46,8 @@
     "build": "npm run clean && tsc -p tsconfig.build.json && npm run build:styles",
     "build:styles": "sass src/styles/orcestr-ui.sass dist/styles/orcestr-ui.css --no-source-map && sass src/example/styles.sass dist/example/styles.css --no-source-map",
     "check": "npm run typecheck",
+    "format": "prettier --write \"**/*.{ts,tsx,mts,cts,js,jsx,mjs,cjs,json,md,yml,yaml}\"",
+    "format:check": "prettier --check \"**/*.{ts,tsx,mts,cts,js,jsx,mjs,cjs,json,md,yml,yaml}\"",
     "pack:dry-run": "npm pack --dry-run",
     "release:patch": "node scripts/release.mjs patch",
     "release:minor": "node scripts/release.mjs minor",
@@ -69,6 +71,7 @@
     "@types/node": "25.6.0",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
+    "prettier": "^3.9.4",
     "react": "19.2.5",
     "react-dom": "19.2.5",
     "react-icons": "5.6.0",

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