@humain/ui 2.2.7 → 2.2.9

package/dist/wc-react/selection-group.js

@@ -1,5 +1,5 @@
 import { f as i } from "./_shared.js";
-import { t as x } from "./minus.js";
+import { t as v } from "./minus.js";
 import { t as b } from "./dist.js";
 import * as u from "react";
 import { jsx as s } from "react/jsx-runtime";
@@ -20,7 +20,7 @@ function _(a = {}) {
     r
   ])];
 }
-var v = {
+var x = {
   primary: {
     indicator: "border-primary",
     indicatorChecked: "bg-primary",
@@ -119,7 +119,7 @@ function C({ className: a }) {
   });
 }
 var w = u.forwardRef(({ type: a, checked: e = !1, disabled: t = !1, size: r = "sm", color: d = "primary", className: o, indeterminate: c = !1 }, n) => {
-  const l = v[d];
+  const l = x[d];
   return a === "checkbox" ? /* @__PURE__ */ s("span", {
     ref: n,
     "data-slot": "selection-indicator",
@@ -127,7 +127,7 @@ var w = u.forwardRef(({ type: a, checked: e = !1, disabled: t = !1, size: r = "s
     "data-checked": e,
     className: i(y({ size: r }), e ? i(l.indicatorChecked, l.border, l.text, "border", "delight-check-bounce") : "border-border bg-background", t && "opacity-50", o),
     "aria-hidden": "true",
-    children: e && (c ? /* @__PURE__ */ s(x, {
+    children: e && (c ? /* @__PURE__ */ s(v, {
       className: i(m[r], "animate-[scale-in_150ms_ease-out] motion-reduce:animate-none"),
       strokeWidth: 3
     }) : /* @__PURE__ */ s(C, { className: m[r] }))
@@ -155,10 +155,10 @@ var S = {
   return /* @__PURE__ */ s("div", {
     ref: r,
     "data-slot": "featured-icon",
-    className: i("shrink-0 rounded-md border border-border bg-card/60", "flex items-center justify-center", "dark:bg-foreground/60 dark:border-border", d, t),
+    className: i("shrink-0 rounded-md border border-border bg-card/60", "flex items-center justify-center", "dark:border-border", d, t),
     style: { boxShadow: "var(--shadow-inset-ring)" },
     children: /* @__PURE__ */ s("div", {
-      className: i("text-secondary-foreground dark:text-text-quaternary", o),
+      className: i("text-secondary-foreground", o),
       children: a
     })
   });
@@ -190,7 +190,7 @@ var N = {
 });
 R.displayName = "ColorDot";
 export {
-  v as a,
+  x as a,
   _ as c,
   w as i,
   W as l,

package/dist/wc-react/selection-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-group.js","names":[],"sources":["../../src/components/ui/selection-group.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Minus } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type SelectionColor =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'warning'\n  | 'info'\n  | 'destructive';\n\nexport type SelectionSize = 'sm' | 'md' | 'lg';\n\nexport type SelectionVariant =\n  | 'default'\n  | 'card'\n  | 'pill'\n  | 'stacked'\n  | 'icon-simple'\n  | 'icon-card'\n  | 'avatar'\n  | 'payment'\n  | 'simple'\n  | 'chip';\n\nexport interface SelectionItem {\n  /** Unique value for the option */\n  value: string;\n  /** Display label */\n  label: string;\n  /** Whether this option is disabled */\n  disabled?: boolean;\n  /** Secondary text (e.g., \"$10/month\") */\n  subtext?: string;\n  /** Supporting description text */\n  description?: string;\n  /** Leading icon component */\n  icon?: React.ReactNode;\n  /** Avatar element */\n  avatar?: React.ReactNode;\n  /** Image URL */\n  image?: string;\n  /** Alt text for the image (defaults to \"\" if omitted) */\n  imageAlt?: string;\n  /** Position of the image */\n  imagePosition?: 'top' | 'left' | 'trailing';\n  /** Badge element */\n  badge?: React.ReactNode;\n  /** Dot color for chip variant (named color or hex) */\n  dotColor?: string;\n  /** Price display (e.g., \"$10\") */\n  price?: string;\n  /** Price period (e.g., \"per month\") */\n  pricePeriod?: string;\n  /** Payment icon element */\n  paymentIcon?: React.ReactNode;\n  /** Action buttons */\n  actions?: React.ReactNode;\n}\n\n// =============================================================================\n// Hooks\n// =============================================================================\n\ninterface UseSelectionStateOptions {\n  /** Controlled value */\n  value?: string;\n  /** Default value for uncontrolled mode */\n  defaultValue?: string;\n  /** Callback when value changes */\n  onValueChange?: (value: string) => void;\n}\n\n/**\n * Hook for managing single selection state (radio behavior).\n * Supports both controlled and uncontrolled modes.\n */\nexport function useSelectionState(\n  options: UseSelectionStateOptions = {},\n): [string | undefined, (value: string) => void] {\n  const { value: controlledValue, defaultValue, onValueChange } = options;\n\n  const [internalValue, setInternalValue] = React.useState<string | undefined>(\n    defaultValue,\n  );\n\n  const isControlled = controlledValue !== undefined;\n  const selectedValue = isControlled ? controlledValue : internalValue;\n\n  const setValue = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setInternalValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [isControlled, onValueChange],\n  );\n\n  return [selectedValue, setValue];\n}\n\ninterface UseMultiSelectionStateOptions {\n  /** Controlled value */\n  value?: string[];\n  /** Default value for uncontrolled mode */\n  defaultValue?: string[];\n  /** Callback when value changes */\n  onValueChange?: (value: string[]) => void;\n}\n\n/**\n * Hook for managing multi selection state (checkbox behavior).\n * Supports both controlled and uncontrolled modes.\n */\nexport function useMultiSelectionState(\n  options: UseMultiSelectionStateOptions = {},\n): [string[], (value: string, checked: boolean) => void] {\n  const { value: controlledValue, defaultValue = [], onValueChange } = options;\n\n  const [internalValue, setInternalValue] =\n    React.useState<string[]>(defaultValue);\n\n  const isControlled = controlledValue !== undefined;\n  const selectedValues = isControlled ? controlledValue : internalValue;\n\n  const setValue = React.useCallback(\n    (itemValue: string, checked: boolean) => {\n      const newValue = checked\n        ? [...selectedValues, itemValue]\n        : selectedValues.filter((v) => v !== itemValue);\n\n      if (!isControlled) {\n        setInternalValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [isControlled, selectedValues, onValueChange],\n  );\n\n  return [selectedValues, setValue];\n}\n\n// =============================================================================\n// Color Mappings\n// =============================================================================\n\nexport const selectionColorClasses: Record<\n  SelectionColor,\n  {\n    indicator: string;\n    indicatorChecked: string;\n    border: string;\n    bg: string;\n    text: string;\n  }\n> = {\n  primary: {\n    indicator: 'border-primary',\n    indicatorChecked: 'bg-primary',\n    border: 'border-primary',\n    bg: 'bg-primary',\n    text: 'text-primary-foreground',\n  },\n  secondary: {\n    indicator: 'border-secondary',\n    indicatorChecked: 'bg-secondary',\n    border: 'border-secondary',\n    bg: 'bg-secondary',\n    text: 'text-secondary-foreground',\n  },\n  success: {\n    indicator: 'border-success',\n    indicatorChecked: 'bg-success',\n    border: 'border-success',\n    bg: 'bg-success',\n    text: 'text-primary-foreground',\n  },\n  warning: {\n    indicator: 'border-warning',\n    indicatorChecked: 'bg-warning',\n    border: 'border-warning',\n    bg: 'bg-warning',\n    text: 'text-primary-foreground',\n  },\n  info: {\n    indicator: 'border-info',\n    indicatorChecked: 'bg-info',\n    border: 'border-info',\n    bg: 'bg-info',\n    text: 'text-primary-foreground',\n  },\n  destructive: {\n    indicator: 'border-destructive',\n    indicatorChecked: 'bg-destructive',\n    border: 'border-destructive',\n    bg: 'bg-destructive',\n    text: 'text-primary-foreground',\n  },\n};\n\n// =============================================================================\n// CVA Variants\n// =============================================================================\n\n/**\n * Selection group container variants.\n * Used for the outer wrapper of a group of selection items.\n */\nexport const selectionGroupVariants = cva('flex', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row flex-wrap',\n      vertical: 'flex-col',\n    },\n    gap: {\n      sm: 'gap-2',\n      md: 'gap-3',\n      lg: 'gap-4',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    gap: 'md',\n  },\n});\n\n/**\n * Selection indicator variants (for both radio and checkbox).\n * Renders as a rounded indicator with border.\n */\nexport const selectionIndicatorVariants = cva(\n  'shrink-0 rounded-full border-2 transition-all flex items-center justify-center',\n  {\n    variants: {\n      size: {\n        sm: 'size-4',\n        md: 'size-5',\n        lg: 'size-6',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/**\n * Checkbox indicator variants (square with rounded corners).\n */\nexport const checkboxIndicatorVariants = cva(\n  'shrink-0 border transition-[border-color,background-color,color,box-shadow] duration-200 ease-out motion-reduce:transition-none flex items-center justify-center',\n  {\n    variants: {\n      size: {\n        sm: 'size-4 rounded-[4px]',\n        md: 'size-5 rounded-[5px]',\n        lg: 'size-6 rounded-[6px]',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/**\n * Inner dot sizes for radio indicators when checked.\n */\nexport const innerDotSizes: Record<SelectionSize, string> = {\n  sm: 'size-1.5',\n  md: 'size-2',\n  lg: 'size-2.5',\n};\n\n/**\n * Text size classes for selection labels.\n */\nexport const textSizeClasses: Record<SelectionSize, string> = {\n  sm: 'text-sm',\n  md: 'text-sm',\n  lg: 'text-base',\n};\n\n/**\n * Icon size classes for checkbox indicators.\n */\nexport const iconSizeClasses: Record<SelectionSize, string> = {\n  sm: 'size-3',\n  md: 'size-3.5',\n  lg: 'size-4',\n};\n\n// =============================================================================\n// Draw-on checkmark SVG (shared delight animation)\n// =============================================================================\n\nexport const CHECKMARK_PATH = 'M4 12l5 5L20 6';\n\nexport function DrawCheck({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn(className, 'delight-check-draw')}\n    >\n      <path d={CHECKMARK_PATH} />\n    </svg>\n  );\n}\n\n// =============================================================================\n// SelectionIndicator Component\n// =============================================================================\n\nexport interface SelectionIndicatorProps {\n  /** Type of indicator to render */\n  type: 'checkbox' | 'radio';\n  /** Whether the indicator is checked */\n  checked?: boolean;\n  /** Whether the indicator is disabled */\n  disabled?: boolean;\n  /** Size of the indicator */\n  size?: SelectionSize;\n  /** Color of the indicator */\n  color?: SelectionColor;\n  /** Additional CSS classes */\n  className?: string;\n  /** Whether the checkbox is in indeterminate state (checkbox only) */\n  indeterminate?: boolean;\n}\n\n/**\n * SelectionIndicator renders either a checkbox or radio indicator based on type.\n * For checkbox: renders a check icon when checked.\n * For radio: renders an inner dot when checked.\n */\nconst SelectionIndicator = React.forwardRef<\n  HTMLSpanElement,\n  SelectionIndicatorProps\n>(\n  (\n    {\n      type,\n      checked = false,\n      disabled = false,\n      size = 'sm',\n      color = 'primary',\n      className,\n      indeterminate = false,\n    },\n    ref,\n  ) => {\n    const colors = selectionColorClasses[color];\n\n    if (type === 'checkbox') {\n      return (\n        <span\n          ref={ref}\n          data-slot=\"selection-indicator\"\n          data-type=\"checkbox\"\n          data-checked={checked}\n          className={cn(\n            checkboxIndicatorVariants({ size }),\n            checked\n              ? cn(\n                  colors.indicatorChecked,\n                  colors.border,\n                  colors.text,\n                  'border',\n                  'delight-check-bounce',\n                )\n              : 'border-border bg-background',\n            disabled && 'opacity-50',\n            className,\n          )}\n          aria-hidden=\"true\"\n        >\n          {checked &&\n            (indeterminate ? (\n              <Minus\n                className={cn(\n                  iconSizeClasses[size],\n                  'animate-[scale-in_150ms_ease-out] motion-reduce:animate-none',\n                )}\n                strokeWidth={3}\n              />\n            ) : (\n              <DrawCheck className={iconSizeClasses[size]} />\n            ))}\n        </span>\n      );\n    }\n\n    // Radio type\n    return (\n      <span\n        ref={ref}\n        data-slot=\"selection-indicator\"\n        data-type=\"radio\"\n        data-checked={checked}\n        className={cn(\n          selectionIndicatorVariants({ size }),\n          'transition-[background-color,border-color] duration-150 motion-reduce:transition-none',\n          checked\n            ? cn(colors.indicatorChecked, 'border-transparent')\n            : 'border-border bg-background',\n          disabled && 'opacity-50',\n          className,\n        )}\n        aria-hidden=\"true\"\n      >\n        <span\n          className={cn(\n            'bg-background rounded-full transition-transform duration-150 ease-out motion-reduce:transition-none',\n            innerDotSizes[size],\n            checked ? 'scale-100' : 'scale-0',\n          )}\n        />\n      </span>\n    );\n  },\n);\n\nSelectionIndicator.displayName = 'SelectionIndicator';\n\n// =============================================================================\n// FeaturedIcon Component\n// =============================================================================\n\nexport interface FeaturedIconProps {\n  /** The icon content to display */\n  children: React.ReactNode;\n  /** Size of the featured icon container */\n  size?: SelectionSize;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n// Hoisted outside component to avoid recreation on every render\nconst featuredIconContainerSizes: Record<SelectionSize, string> = {\n  sm: 'size-8',\n  md: 'size-10',\n  lg: 'size-12',\n};\n\nconst featuredIconInnerSizes: Record<SelectionSize, string> = {\n  sm: 'size-4',\n  md: 'size-5',\n  lg: 'size-6',\n};\n\n/**\n * FeaturedIcon is a container for icons with border and shadow.\n * Used in icon-simple and icon-card variants.\n */\nconst FeaturedIcon = React.forwardRef<HTMLDivElement, FeaturedIconProps>(\n  ({ children, size = 'sm', className }, ref) => {\n    const containerSize = featuredIconContainerSizes[size];\n    const innerSize = featuredIconInnerSizes[size];\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"featured-icon\"\n        className={cn(\n          'shrink-0 rounded-md border border-border bg-card/60',\n          'flex items-center justify-center',\n          'dark:bg-foreground/60 dark:border-border',\n          containerSize,\n          className,\n        )}\n        style={{\n          boxShadow: 'var(--shadow-inset-ring)',\n        }}\n      >\n        <div\n          className={cn(\n            'text-secondary-foreground dark:text-text-quaternary',\n            innerSize,\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\n\nFeaturedIcon.displayName = 'FeaturedIcon';\n\n// =============================================================================\n// ColorDot Component\n// =============================================================================\n\nexport type ColorDotColor =\n  | 'gray'\n  | 'orange'\n  | 'red'\n  | 'darkRed'\n  | 'brand'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | string; // Allow custom hex colors\n\nconst dotColorMap: Record<string, string> = {\n  gray: 'bg-muted',\n  orange: 'bg-warning',\n  red: 'bg-destructive',\n  darkRed: 'bg-destructive-hover',\n  brand: 'bg-primary/10',\n  success: 'bg-success/10',\n  warning: 'bg-warning/10',\n  error: 'bg-destructive/10',\n};\n\nconst dotSizeMap: Record<SelectionSize, string> = {\n  sm: 'size-[10px]',\n  md: 'size-3',\n  lg: 'size-3.5',\n};\n\nexport interface ColorDotProps {\n  /** Color of the dot (named color or hex) */\n  color?: ColorDotColor;\n  /** Size of the dot */\n  size?: SelectionSize;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * ColorDot renders a colored dot for chip variant.\n * Supports named colors (gray, orange, red, etc.) and hex colors.\n */\nconst ColorDot = React.forwardRef<HTMLSpanElement, ColorDotProps>(\n  ({ color, size = 'sm', className }, ref) => {\n    if (!color) return null;\n\n    const colorClass = dotColorMap[color];\n    const isHexColor = color.startsWith('#');\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"color-dot\"\n        className={cn(\n          'shrink-0 rounded-full',\n          dotSizeMap[size],\n          !isHexColor && colorClass,\n          className,\n        )}\n        style={isHexColor ? { backgroundColor: color } : undefined}\n        aria-hidden=\"true\"\n      />\n    );\n  },\n);\n\nColorDot.displayName = 'ColorDot';\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ColorDot, FeaturedIcon, SelectionIndicator };\n"],"mappings":"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"}
+{"version":3,"file":"selection-group.js","names":[],"sources":["../../src/components/ui/selection-group.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Minus } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type SelectionColor =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'warning'\n  | 'info'\n  | 'destructive';\n\nexport type SelectionSize = 'sm' | 'md' | 'lg';\n\nexport type SelectionVariant =\n  | 'default'\n  | 'card'\n  | 'pill'\n  | 'stacked'\n  | 'icon-simple'\n  | 'icon-card'\n  | 'avatar'\n  | 'payment'\n  | 'simple'\n  | 'chip';\n\nexport interface SelectionItem {\n  /** Unique value for the option */\n  value: string;\n  /** Display label */\n  label: string;\n  /** Whether this option is disabled */\n  disabled?: boolean;\n  /** Secondary text (e.g., \"$10/month\") */\n  subtext?: string;\n  /** Supporting description text */\n  description?: string;\n  /** Leading icon component */\n  icon?: React.ReactNode;\n  /** Avatar element */\n  avatar?: React.ReactNode;\n  /** Image URL */\n  image?: string;\n  /** Alt text for the image (defaults to \"\" if omitted) */\n  imageAlt?: string;\n  /** Position of the image */\n  imagePosition?: 'top' | 'left' | 'trailing';\n  /** Badge element */\n  badge?: React.ReactNode;\n  /** Dot color for chip variant (named color or hex) */\n  dotColor?: string;\n  /** Price display (e.g., \"$10\") */\n  price?: string;\n  /** Price period (e.g., \"per month\") */\n  pricePeriod?: string;\n  /** Payment icon element */\n  paymentIcon?: React.ReactNode;\n  /** Action buttons */\n  actions?: React.ReactNode;\n}\n\n// =============================================================================\n// Hooks\n// =============================================================================\n\ninterface UseSelectionStateOptions {\n  /** Controlled value */\n  value?: string;\n  /** Default value for uncontrolled mode */\n  defaultValue?: string;\n  /** Callback when value changes */\n  onValueChange?: (value: string) => void;\n}\n\n/**\n * Hook for managing single selection state (radio behavior).\n * Supports both controlled and uncontrolled modes.\n */\nexport function useSelectionState(\n  options: UseSelectionStateOptions = {},\n): [string | undefined, (value: string) => void] {\n  const { value: controlledValue, defaultValue, onValueChange } = options;\n\n  const [internalValue, setInternalValue] = React.useState<string | undefined>(\n    defaultValue,\n  );\n\n  const isControlled = controlledValue !== undefined;\n  const selectedValue = isControlled ? controlledValue : internalValue;\n\n  const setValue = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setInternalValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [isControlled, onValueChange],\n  );\n\n  return [selectedValue, setValue];\n}\n\ninterface UseMultiSelectionStateOptions {\n  /** Controlled value */\n  value?: string[];\n  /** Default value for uncontrolled mode */\n  defaultValue?: string[];\n  /** Callback when value changes */\n  onValueChange?: (value: string[]) => void;\n}\n\n/**\n * Hook for managing multi selection state (checkbox behavior).\n * Supports both controlled and uncontrolled modes.\n */\nexport function useMultiSelectionState(\n  options: UseMultiSelectionStateOptions = {},\n): [string[], (value: string, checked: boolean) => void] {\n  const { value: controlledValue, defaultValue = [], onValueChange } = options;\n\n  const [internalValue, setInternalValue] =\n    React.useState<string[]>(defaultValue);\n\n  const isControlled = controlledValue !== undefined;\n  const selectedValues = isControlled ? controlledValue : internalValue;\n\n  const setValue = React.useCallback(\n    (itemValue: string, checked: boolean) => {\n      const newValue = checked\n        ? [...selectedValues, itemValue]\n        : selectedValues.filter((v) => v !== itemValue);\n\n      if (!isControlled) {\n        setInternalValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [isControlled, selectedValues, onValueChange],\n  );\n\n  return [selectedValues, setValue];\n}\n\n// =============================================================================\n// Color Mappings\n// =============================================================================\n\nexport const selectionColorClasses: Record<\n  SelectionColor,\n  {\n    indicator: string;\n    indicatorChecked: string;\n    border: string;\n    bg: string;\n    text: string;\n  }\n> = {\n  primary: {\n    indicator: 'border-primary',\n    indicatorChecked: 'bg-primary',\n    border: 'border-primary',\n    bg: 'bg-primary',\n    text: 'text-primary-foreground',\n  },\n  secondary: {\n    indicator: 'border-secondary',\n    indicatorChecked: 'bg-secondary',\n    border: 'border-secondary',\n    bg: 'bg-secondary',\n    text: 'text-secondary-foreground',\n  },\n  success: {\n    indicator: 'border-success',\n    indicatorChecked: 'bg-success',\n    border: 'border-success',\n    bg: 'bg-success',\n    text: 'text-primary-foreground',\n  },\n  warning: {\n    indicator: 'border-warning',\n    indicatorChecked: 'bg-warning',\n    border: 'border-warning',\n    bg: 'bg-warning',\n    text: 'text-primary-foreground',\n  },\n  info: {\n    indicator: 'border-info',\n    indicatorChecked: 'bg-info',\n    border: 'border-info',\n    bg: 'bg-info',\n    text: 'text-primary-foreground',\n  },\n  destructive: {\n    indicator: 'border-destructive',\n    indicatorChecked: 'bg-destructive',\n    border: 'border-destructive',\n    bg: 'bg-destructive',\n    text: 'text-primary-foreground',\n  },\n};\n\n// =============================================================================\n// CVA Variants\n// =============================================================================\n\n/**\n * Selection group container variants.\n * Used for the outer wrapper of a group of selection items.\n */\nexport const selectionGroupVariants = cva('flex', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row flex-wrap',\n      vertical: 'flex-col',\n    },\n    gap: {\n      sm: 'gap-2',\n      md: 'gap-3',\n      lg: 'gap-4',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    gap: 'md',\n  },\n});\n\n/**\n * Selection indicator variants (for both radio and checkbox).\n * Renders as a rounded indicator with border.\n */\nexport const selectionIndicatorVariants = cva(\n  'shrink-0 rounded-full border-2 transition-all flex items-center justify-center',\n  {\n    variants: {\n      size: {\n        sm: 'size-4',\n        md: 'size-5',\n        lg: 'size-6',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/**\n * Checkbox indicator variants (square with rounded corners).\n */\nexport const checkboxIndicatorVariants = cva(\n  'shrink-0 border transition-[border-color,background-color,color,box-shadow] duration-200 ease-out motion-reduce:transition-none flex items-center justify-center',\n  {\n    variants: {\n      size: {\n        sm: 'size-4 rounded-[4px]',\n        md: 'size-5 rounded-[5px]',\n        lg: 'size-6 rounded-[6px]',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/**\n * Inner dot sizes for radio indicators when checked.\n */\nexport const innerDotSizes: Record<SelectionSize, string> = {\n  sm: 'size-1.5',\n  md: 'size-2',\n  lg: 'size-2.5',\n};\n\n/**\n * Text size classes for selection labels.\n */\nexport const textSizeClasses: Record<SelectionSize, string> = {\n  sm: 'text-sm',\n  md: 'text-sm',\n  lg: 'text-base',\n};\n\n/**\n * Icon size classes for checkbox indicators.\n */\nexport const iconSizeClasses: Record<SelectionSize, string> = {\n  sm: 'size-3',\n  md: 'size-3.5',\n  lg: 'size-4',\n};\n\n// =============================================================================\n// Draw-on checkmark SVG (shared delight animation)\n// =============================================================================\n\nexport const CHECKMARK_PATH = 'M4 12l5 5L20 6';\n\nexport function DrawCheck({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn(className, 'delight-check-draw')}\n    >\n      <path d={CHECKMARK_PATH} />\n    </svg>\n  );\n}\n\n// =============================================================================\n// SelectionIndicator Component\n// =============================================================================\n\nexport interface SelectionIndicatorProps {\n  /** Type of indicator to render */\n  type: 'checkbox' | 'radio';\n  /** Whether the indicator is checked */\n  checked?: boolean;\n  /** Whether the indicator is disabled */\n  disabled?: boolean;\n  /** Size of the indicator */\n  size?: SelectionSize;\n  /** Color of the indicator */\n  color?: SelectionColor;\n  /** Additional CSS classes */\n  className?: string;\n  /** Whether the checkbox is in indeterminate state (checkbox only) */\n  indeterminate?: boolean;\n}\n\n/**\n * SelectionIndicator renders either a checkbox or radio indicator based on type.\n * For checkbox: renders a check icon when checked.\n * For radio: renders an inner dot when checked.\n */\nconst SelectionIndicator = React.forwardRef<\n  HTMLSpanElement,\n  SelectionIndicatorProps\n>(\n  (\n    {\n      type,\n      checked = false,\n      disabled = false,\n      size = 'sm',\n      color = 'primary',\n      className,\n      indeterminate = false,\n    },\n    ref,\n  ) => {\n    const colors = selectionColorClasses[color];\n\n    if (type === 'checkbox') {\n      return (\n        <span\n          ref={ref}\n          data-slot=\"selection-indicator\"\n          data-type=\"checkbox\"\n          data-checked={checked}\n          className={cn(\n            checkboxIndicatorVariants({ size }),\n            checked\n              ? cn(\n                  colors.indicatorChecked,\n                  colors.border,\n                  colors.text,\n                  'border',\n                  'delight-check-bounce',\n                )\n              : 'border-border bg-background',\n            disabled && 'opacity-50',\n            className,\n          )}\n          aria-hidden=\"true\"\n        >\n          {checked &&\n            (indeterminate ? (\n              <Minus\n                className={cn(\n                  iconSizeClasses[size],\n                  'animate-[scale-in_150ms_ease-out] motion-reduce:animate-none',\n                )}\n                strokeWidth={3}\n              />\n            ) : (\n              <DrawCheck className={iconSizeClasses[size]} />\n            ))}\n        </span>\n      );\n    }\n\n    // Radio type\n    return (\n      <span\n        ref={ref}\n        data-slot=\"selection-indicator\"\n        data-type=\"radio\"\n        data-checked={checked}\n        className={cn(\n          selectionIndicatorVariants({ size }),\n          'transition-[background-color,border-color] duration-150 motion-reduce:transition-none',\n          checked\n            ? cn(colors.indicatorChecked, 'border-transparent')\n            : 'border-border bg-background',\n          disabled && 'opacity-50',\n          className,\n        )}\n        aria-hidden=\"true\"\n      >\n        <span\n          className={cn(\n            'bg-background rounded-full transition-transform duration-150 ease-out motion-reduce:transition-none',\n            innerDotSizes[size],\n            checked ? 'scale-100' : 'scale-0',\n          )}\n        />\n      </span>\n    );\n  },\n);\n\nSelectionIndicator.displayName = 'SelectionIndicator';\n\n// =============================================================================\n// FeaturedIcon Component\n// =============================================================================\n\nexport interface FeaturedIconProps {\n  /** The icon content to display */\n  children: React.ReactNode;\n  /** Size of the featured icon container */\n  size?: SelectionSize;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n// Hoisted outside component to avoid recreation on every render\nconst featuredIconContainerSizes: Record<SelectionSize, string> = {\n  sm: 'size-8',\n  md: 'size-10',\n  lg: 'size-12',\n};\n\nconst featuredIconInnerSizes: Record<SelectionSize, string> = {\n  sm: 'size-4',\n  md: 'size-5',\n  lg: 'size-6',\n};\n\n/**\n * FeaturedIcon is a container for icons with border and shadow.\n * Used in icon-simple and icon-card variants.\n */\nconst FeaturedIcon = React.forwardRef<HTMLDivElement, FeaturedIconProps>(\n  ({ children, size = 'sm', className }, ref) => {\n    const containerSize = featuredIconContainerSizes[size];\n    const innerSize = featuredIconInnerSizes[size];\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"featured-icon\"\n        className={cn(\n          'shrink-0 rounded-md border border-border bg-card/60',\n          'flex items-center justify-center',\n          'dark:border-border',\n          containerSize,\n          className,\n        )}\n        style={{\n          boxShadow: 'var(--shadow-inset-ring)',\n        }}\n      >\n        <div className={cn('text-secondary-foreground', innerSize)}>\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\n\nFeaturedIcon.displayName = 'FeaturedIcon';\n\n// =============================================================================\n// ColorDot Component\n// =============================================================================\n\nexport type ColorDotColor =\n  | 'gray'\n  | 'orange'\n  | 'red'\n  | 'darkRed'\n  | 'brand'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | string; // Allow custom hex colors\n\nconst dotColorMap: Record<string, string> = {\n  gray: 'bg-muted',\n  orange: 'bg-warning',\n  red: 'bg-destructive',\n  darkRed: 'bg-destructive-hover',\n  brand: 'bg-primary/10',\n  success: 'bg-success/10',\n  warning: 'bg-warning/10',\n  error: 'bg-destructive/10',\n};\n\nconst dotSizeMap: Record<SelectionSize, string> = {\n  sm: 'size-[10px]',\n  md: 'size-3',\n  lg: 'size-3.5',\n};\n\nexport interface ColorDotProps {\n  /** Color of the dot (named color or hex) */\n  color?: ColorDotColor;\n  /** Size of the dot */\n  size?: SelectionSize;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * ColorDot renders a colored dot for chip variant.\n * Supports named colors (gray, orange, red, etc.) and hex colors.\n */\nconst ColorDot = React.forwardRef<HTMLSpanElement, ColorDotProps>(\n  ({ color, size = 'sm', className }, ref) => {\n    if (!color) return null;\n\n    const colorClass = dotColorMap[color];\n    const isHexColor = color.startsWith('#');\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"color-dot\"\n        className={cn(\n          'shrink-0 rounded-full',\n          dotSizeMap[size],\n          !isHexColor && colorClass,\n          className,\n        )}\n        style={isHexColor ? { backgroundColor: color } : undefined}\n        aria-hidden=\"true\"\n      />\n    );\n  },\n);\n\nColorDot.displayName = 'ColorDot';\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ColorDot, FeaturedIcon, SelectionIndicator };\n"],"mappings":"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"}

package/dist/wc-react/syntax-highlight.js

@@ -1,14 +1,14 @@
 var r = {
   "--sh-class": "var(--blue-700)",
   "--sh-identifier": "var(--foreground)",
-  "--sh-sign": "var(--muted-foreground)",
+  "--sh-sign": "var(--secondary-foreground)",
   "--sh-property": "var(--pink-600)",
   "--sh-entity": "var(--purple-700)",
   "--sh-jsxliterals": "var(--cyan-700)",
   "--sh-string": "var(--green-700)",
   "--sh-keyword": "var(--indigo-700)",
-  "--sh-comment": "var(--text-quaternary)"
-}, a = {
+  "--sh-comment": "var(--secondary-foreground)"
+}, s = {
   "--sh-class": "var(--blue-200)",
   "--sh-identifier": "var(--primary-foreground)",
   "--sh-sign": "var(--primary-foreground)",
@@ -21,7 +21,7 @@ var r = {
 };
 export {
   r as n,
-  a as t
+  s as t
 };
 
 //# sourceMappingURL=syntax-highlight.js.map

package/dist/wc-react/syntax-highlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"syntax-highlight.js","names":[],"sources":["../../src/lib/syntax-highlight.ts"],"sourcesContent":["import type * as React from 'react';\n\nexport const SUGAR_HIGH_STYLE = {\n  '--sh-class': 'var(--blue-700)',\n  '--sh-identifier': 'var(--foreground)',\n  '--sh-sign': 'var(--muted-foreground)',\n  '--sh-property': 'var(--pink-600)',\n  '--sh-entity': 'var(--purple-700)',\n  '--sh-jsxliterals': 'var(--cyan-700)',\n  '--sh-string': 'var(--green-700)',\n  '--sh-keyword': 'var(--indigo-700)',\n  '--sh-comment': 'var(--text-quaternary)',\n} as React.CSSProperties;\n\nexport const INVERTED_SUGAR_HIGH_STYLE = {\n  '--sh-class': 'var(--blue-200)',\n  '--sh-identifier': 'var(--primary-foreground)',\n  '--sh-sign': 'var(--primary-foreground)',\n  '--sh-property': 'var(--pink-300)',\n  '--sh-entity': 'var(--purple-300)',\n  '--sh-jsxliterals': 'var(--cyan-300)',\n  '--sh-string': 'var(--green-300)',\n  '--sh-keyword': 'var(--indigo-300)',\n  '--sh-comment': 'var(--primary-foreground)',\n} as React.CSSProperties;\n"],"mappings":"AAEA,IAAa,IAAmB;AAAA,EAC9B,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAEa,IAA4B;AAAA,EACvC,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAClB"}
+{"version":3,"file":"syntax-highlight.js","names":[],"sources":["../../src/lib/syntax-highlight.ts"],"sourcesContent":["import type * as React from 'react';\n\nexport const SUGAR_HIGH_STYLE = {\n  '--sh-class': 'var(--blue-700)',\n  '--sh-identifier': 'var(--foreground)',\n  '--sh-sign': 'var(--secondary-foreground)',\n  '--sh-property': 'var(--pink-600)',\n  '--sh-entity': 'var(--purple-700)',\n  '--sh-jsxliterals': 'var(--cyan-700)',\n  '--sh-string': 'var(--green-700)',\n  '--sh-keyword': 'var(--indigo-700)',\n  '--sh-comment': 'var(--secondary-foreground)',\n} as React.CSSProperties;\n\nexport const INVERTED_SUGAR_HIGH_STYLE = {\n  '--sh-class': 'var(--blue-200)',\n  '--sh-identifier': 'var(--primary-foreground)',\n  '--sh-sign': 'var(--primary-foreground)',\n  '--sh-property': 'var(--pink-300)',\n  '--sh-entity': 'var(--purple-300)',\n  '--sh-jsxliterals': 'var(--cyan-300)',\n  '--sh-string': 'var(--green-300)',\n  '--sh-keyword': 'var(--indigo-300)',\n  '--sh-comment': 'var(--primary-foreground)',\n} as React.CSSProperties;\n"],"mappings":"AAEA,IAAa,IAAmB;AAAA,EAC9B,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAEa,IAA4B;AAAA,EACvC,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAClB"}

package/dist/wc-react/workflow-step-renderer.js

@@ -1,12 +1,12 @@
 import { d as W, f } from "./_shared.js";
 import { t as E } from "./createLucideIcon.js";
 import { t as A } from "./check.js";
-import { t as q } from "./chevron-down.js";
-import { t as V } from "./chevron-right.js";
+import { t as V } from "./chevron-down.js";
+import { t as P } from "./chevron-right.js";
 import { t as $ } from "./circle-alert.js";
 import { t as D } from "./dist.js";
-import { t as P } from "./react.js";
-import { t as _ } from "./AnimatePresence.js";
+import { t as _ } from "./react.js";
+import { t as q } from "./AnimatePresence.js";
 import { t as F } from "./use-reduced-motion2.js";
 import * as c from "react";
 import { Fragment as B, jsx as t, jsxs as g } from "react/jsx-runtime";
@@ -61,11 +61,11 @@ var K = [
 function G(e) {
   const r = Math.max(0, Math.round(e));
   if (r < 1e3) return `${r}ms`;
-  const a = Math.round(r / 1e3), n = Math.floor(a / 3600), o = Math.floor(a % 3600 / 60), d = a % 60;
-  return n > 0 ? [n ? `${n}h` : "", o ? `${o}m` : ""].filter(Boolean).join(" ") : o > 0 ? `${o}m${d ? ` ${d}s` : ""}` : `${a}s`;
+  const o = Math.round(r / 1e3), n = Math.floor(o / 3600), a = Math.floor(o % 3600 / 60), d = o % 60;
+  return n > 0 ? [n ? `${n}h` : "", a ? `${a}m` : ""].filter(Boolean).join(" ") : a > 0 ? `${a}m${d ? ` ${d}s` : ""}` : `${o}s`;
 }
 var H = {
-  pending: "text-muted-foreground",
+  pending: "text-secondary-foreground",
   running: "text-primary",
   suspended: "text-warning",
   completed: "text-success",
@@ -100,11 +100,11 @@ var H = {
   }
 };
 function N(e, r) {
-  const a = new Set(e);
-  return r.flatMap((n) => a.has(n.id) ? [n.id] : []);
+  const o = new Set(e);
+  return r.flatMap((n) => o.has(n.id) ? [n.id] : []);
 }
 function Y(e, r) {
-  return e.length === r.length && e.every((a, n) => a === r[n]);
+  return e.length === r.length && e.every((o, n) => o === r[n]);
 }
 function Z(e) {
   return typeof e == "object" && e !== null && Symbol.iterator in e && typeof e[Symbol.iterator] == "function";
@@ -114,16 +114,16 @@ function ee(e) {
 }
 var M = /* @__PURE__ */ new WeakMap();
 function te(e, r) {
-  const a = [];
-  let n = !1, o = !Array.isArray(e);
+  const o = [];
+  let n = !1, a = !Array.isArray(e);
   for (let d = r.next(); !d.done; d = r.next()) {
     const u = z(d.value);
-    a.push(u.content), n ||= u.hasRenderableContent, o ||= u.changed;
+    o.push(u.content), n ||= u.hasRenderableContent, a ||= u.changed;
   }
   return {
-    content: o ? a : e,
+    content: a ? o : e,
     hasRenderableContent: n,
-    changed: o
+    changed: a
   };
 }
 function z(e) {
@@ -151,13 +151,13 @@ function z(e) {
     };
   }
   if (Z(e)) {
-    const r = e[Symbol.iterator](), a = ee(r) ? r : null;
-    if (a !== null) {
-      const o = M.get(a);
-      if (o !== void 0) return o;
+    const r = e[Symbol.iterator](), o = ee(r) ? r : null;
+    if (o !== null) {
+      const a = M.get(o);
+      if (a !== void 0) return a;
     }
     const n = te(e, r);
-    return a !== null && M.set(a, n), n;
+    return o !== null && M.set(o, n), n;
   }
   return {
     content: e,
@@ -184,8 +184,8 @@ function ne(e) {
       return W(e);
   }
 }
-function j({ status: e, index: r, className: a }) {
-  const n = f(Q({ status: e }), a);
+function j({ status: e, index: r, className: o }) {
+  const n = f(Q({ status: e }), o);
   switch (e) {
     case "pending":
       return /* @__PURE__ */ t("div", {
@@ -225,8 +225,8 @@ function j({ status: e, index: r, className: a }) {
   }
 }
 j.displayName = "WorkflowStepStatusIcon";
-function L({ step: e, index: r, isLast: a, appearance: n = "contained", itemSlot: o = "workflow-step-item", expandable: d = !0, expanded: u, active: k = !1, onExpandedChange: S }) {
-  const y = c.useId(), l = c.useId(), h = z(e.content), C = h.hasRenderableContent, p = re(e.error), m = p !== void 0, v = C || m, w = v && d, I = F(), x = X[n], i = { duration: I ? 0 : 0.2 }, s = /* @__PURE__ */ g(B, { children: [
+function L({ step: e, index: r, isLast: o, appearance: n = "contained", itemSlot: a = "workflow-step-item", expandable: d = !0, expanded: u, active: y = !1, onExpandedChange: S }) {
+  const k = c.useId(), l = c.useId(), h = z(e.content), C = h.hasRenderableContent, p = re(e.error), m = p !== void 0, v = C || m, w = v && d, I = F(), x = X[n], i = { duration: I ? 0 : 0.2 }, s = /* @__PURE__ */ g(B, { children: [
     /* @__PURE__ */ t(j, {
       status: e.status,
       index: r
@@ -242,7 +242,7 @@ function L({ step: e, index: r, isLast: a, appearance: n = "contained", itemSlot
             children: e.contextLabel
           }),
           /* @__PURE__ */ t("span", {
-            className: f("text-sm font-medium", e.status === "pending" ? "text-text-quaternary" : "text-foreground"),
+            className: f("text-sm font-medium", e.status === "pending" ? "text-secondary-foreground" : "text-foreground"),
             children: e.title
           }),
           /* @__PURE__ */ t("span", {
@@ -250,45 +250,45 @@ function L({ step: e, index: r, isLast: a, appearance: n = "contained", itemSlot
             children: ne(e.status)
           }),
           e.durationMs !== void 0 && /* @__PURE__ */ t("span", {
-            className: "text-xs text-muted-foreground",
+            className: "text-xs text-secondary-foreground",
             children: G(e.durationMs)
           })
         ]
       }), e.description && /* @__PURE__ */ t("p", {
-        className: "mt-0.5 text-xs text-text-quaternary",
+        className: "mt-0.5 text-xs text-secondary-foreground",
         children: e.description
       })]
     }),
     w && /* @__PURE__ */ t("div", {
       className: "shrink-0",
-      children: u ? /* @__PURE__ */ t(q, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ t(V, { className: "size-4 text-muted-foreground rtl:rotate-180" })
+      children: u ? /* @__PURE__ */ t(V, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ t(P, { className: "size-4 text-muted-foreground rtl:rotate-180" })
     })
   ] });
   return /* @__PURE__ */ g("div", {
-    "data-slot": o,
+    "data-slot": a,
     "data-step-status": e.status,
     "data-appearance": n,
-    className: f(x.rootClassName, x.hasDivider && !a && "border-b border-border"),
+    className: f(x.rootClassName, x.hasDivider && !o && "border-b border-border"),
     children: [
       w ? /* @__PURE__ */ t("button", {
         type: "button",
         onClick: S,
-        "aria-current": k ? "step" : void 0,
+        "aria-current": y ? "step" : void 0,
         "aria-expanded": u,
-        "aria-controls": y,
+        "aria-controls": k,
         "aria-describedby": m ? l : void 0,
         className: f(R({ status: e.status }), "w-full cursor-pointer hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring"),
         children: s
       }) : /* @__PURE__ */ t("div", {
-        "aria-current": k ? "step" : void 0,
+        "aria-current": y ? "step" : void 0,
         "aria-describedby": m ? l : void 0,
         className: f(R({ status: e.status }), "w-full"),
         children: s
       }),
-      /* @__PURE__ */ t(_, {
+      /* @__PURE__ */ t(q, {
         initial: !1,
-        children: u && v && /* @__PURE__ */ t(P.div, {
-          id: y,
+        children: u && v && /* @__PURE__ */ t(_.div, {
+          id: k,
           "data-slot": "workflow-step-panel",
           initial: {
             height: 0,
@@ -327,7 +327,7 @@ function L({ step: e, index: r, isLast: a, appearance: n = "contained", itemSlot
         className: "sr-only",
         children: p
       }),
-      x.hasConnector && !a && /* @__PURE__ */ t("div", {
+      x.hasConnector && !o && /* @__PURE__ */ t("div", {
         "data-slot": "workflow-step-connector",
         "aria-hidden": "true",
         className: "absolute top-8 -bottom-3 start-6 w-px bg-border"
@@ -336,7 +336,7 @@ function L({ step: e, index: r, isLast: a, appearance: n = "contained", itemSlot
   });
 }
 L.displayName = "WorkflowStepItem";
-function ae({ steps: e, appearance: r = "contained", itemSlot: a = "workflow-step-item", expandable: n = !0, activeStepId: o, expandedStepIds: d, defaultExpandedStepIds: u = [], onExpandedStepIdsChange: k, className: S, renderItems: y = !0 }) {
+function oe({ steps: e, appearance: r = "contained", itemSlot: o = "workflow-step-item", expandable: n = !0, activeStepId: a, expandedStepIds: d, defaultExpandedStepIds: u = [], onExpandedStepIdsChange: y, className: S, renderItems: k = !0 }) {
   const l = d !== void 0, h = l ? [...d] : void 0, [C, p] = c.useState(() => N(u, e)), m = c.useRef(h ?? []), v = c.useRef(l), w = N(l ? d : C, e), I = new Set(w);
   c.useLayoutEffect(() => {
     h !== void 0 && (m.current = h);
@@ -351,9 +351,9 @@ function ae({ steps: e, appearance: r = "contained", itemSlot: a = "workflow-ste
     const s = new Set(w);
     s.has(i) ? s.delete(i) : s.add(i);
     const b = N([...s], e);
-    l || p([...b]), k?.([...b]);
+    l || p([...b]), y?.([...b]);
   };
-  return y ? /* @__PURE__ */ t("ol", {
+  return k ? /* @__PURE__ */ t("ol", {
     "data-slot": "workflow-step-list",
     "data-appearance": r,
     className: f("m-0 list-none p-0", S),
@@ -362,18 +362,18 @@ function ae({ steps: e, appearance: r = "contained", itemSlot: a = "workflow-ste
       index: s,
       isLast: s === e.length - 1,
       appearance: r,
-      itemSlot: a,
+      itemSlot: o,
       expandable: n,
       expanded: I.has(i.id),
-      active: o === i.id,
+      active: a === i.id,
       onExpandedChange: () => x(i.id)
     }) }, i.id))
   }) : null;
 }
-ae.displayName = "WorkflowStepRenderer";
+oe.displayName = "WorkflowStepRenderer";
 export {
   G as i,
-  ae as n,
+  oe as n,
   j as r,
   L as t
 };

package/dist/wc-react/workflow-step-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-step-renderer.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/loader.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/pause.mjs","../../src/components/organisms/ai/_shared/format-ai-duration.ts","../../src/components/organisms/ai/_shared/workflow-step-renderer.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 2v4\", key: \"3427ic\" }],\n  [\"path\", { d: \"m16.2 7.8 2.9-2.9\", key: \"r700ao\" }],\n  [\"path\", { d: \"M18 12h4\", key: \"wj9ykh\" }],\n  [\"path\", { d: \"m16.2 16.2 2.9 2.9\", key: \"1bxg5t\" }],\n  [\"path\", { d: \"M12 18v4\", key: \"jadmvz\" }],\n  [\"path\", { d: \"m4.9 19.1 2.9-2.9\", key: \"bwix9q\" }],\n  [\"path\", { d: \"M2 12h4\", key: \"j09sii\" }],\n  [\"path\", { d: \"m4.9 4.9 2.9 2.9\", key: \"giyufr\" }]\n];\nconst Loader = createLucideIcon(\"loader\", __iconNode);\n\nexport { __iconNode, Loader as default };\n//# sourceMappingURL=loader.mjs.map\n","/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { x: \"14\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"kaeet6\" }],\n  [\"rect\", { x: \"5\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"1wsw3u\" }]\n];\nconst Pause = createLucideIcon(\"pause\", __iconNode);\n\nexport { __iconNode, Pause as default };\n//# sourceMappingURL=pause.mjs.map\n","export function formatAIDuration(durationMs: number): string {\n  const normalizedMs = Math.max(0, Math.round(durationMs));\n  if (normalizedMs < 1000) return `${normalizedMs}ms`;\n\n  const totalSeconds = Math.round(normalizedMs / 1000);\n  const hours = Math.floor(totalSeconds / 3600);\n  const minutes = Math.floor((totalSeconds % 3600) / 60);\n  const seconds = totalSeconds % 60;\n\n  if (hours > 0) {\n    return [hours ? `${hours}h` : '', minutes ? `${minutes}m` : '']\n      .filter(Boolean)\n      .join(' ');\n  }\n  if (minutes > 0) {\n    return `${minutes}m${seconds ? ` ${seconds}s` : ''}`;\n  }\n  return `${totalSeconds}s`;\n}\n","import { cva } from 'class-variance-authority';\nimport {\n  AlertCircle,\n  Check,\n  ChevronDown,\n  ChevronRight,\n  Loader,\n  Pause,\n} from 'lucide-react';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport * as React from 'react';\nimport { assertNever, cn } from '@/lib/utils';\nimport { formatAIDuration } from './format-ai-duration';\n\nexport type WorkflowStepStatus =\n  | 'pending'\n  | 'running'\n  | 'suspended'\n  | 'completed'\n  | 'error';\n\nexport type WorkflowStepAppearance = 'contained' | 'embedded' | 'timeline';\n\nexport interface WorkflowStepViewModel {\n  id: string;\n  title: string;\n  description?: string;\n  contextLabel?: string;\n  status: WorkflowStepStatus;\n  content?: React.ReactNode;\n  durationMs?: number;\n  error?: string;\n}\n\nexport interface WorkflowStepRendererProps {\n  steps: readonly WorkflowStepViewModel[];\n  appearance?: WorkflowStepAppearance;\n  itemSlot?: string;\n  expandable?: boolean;\n  activeStepId?: string;\n  expandedStepIds?: readonly string[];\n  defaultExpandedStepIds?: readonly string[];\n  onExpandedStepIdsChange?: (ids: readonly string[]) => void;\n  className?: string;\n}\n\ninterface PrivateWorkflowStepRendererProps extends WorkflowStepRendererProps {\n  renderItems?: boolean;\n}\n\nconst workflowStepItemStatusClasses = {\n  pending: 'text-muted-foreground',\n  running: 'text-primary',\n  suspended: 'text-warning',\n  completed: 'text-success',\n  error: 'text-destructive',\n} as const satisfies Record<WorkflowStepStatus, string>;\n\nconst workflowStepIconStatusClasses = {\n  pending: 'bg-accent text-muted-foreground',\n  running: 'bg-primary/20 text-primary',\n  suspended: 'bg-warning/20 text-warning',\n  completed: 'bg-success/20 text-success',\n  error: 'bg-destructive/20 text-destructive',\n} as const satisfies Record<WorkflowStepStatus, string>;\n\nexport const workflowStepItemVariants = cva(\n  'flex items-start gap-3 px-4 py-3 transition-colors motion-reduce:transition-none',\n  {\n    variants: {\n      status: workflowStepItemStatusClasses,\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nexport const workflowStepIconVariants = cva(\n  'size-5 shrink-0 flex items-center justify-center rounded-full',\n  {\n    variants: {\n      status: workflowStepIconStatusClasses,\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nconst workflowStepAppearanceConfig = {\n  contained: {\n    rootClassName: 'relative',\n    hasDivider: true,\n    hasConnector: false,\n  },\n  embedded: {\n    rootClassName: 'relative',\n    hasDivider: true,\n    hasConnector: false,\n  },\n  timeline: {\n    rootClassName: 'relative',\n    hasDivider: false,\n    hasConnector: true,\n  },\n} as const satisfies Record<\n  WorkflowStepAppearance,\n  { rootClassName: string; hasDivider: boolean; hasConnector: boolean }\n>;\n\nexport function normalizeExpandedWorkflowStepIds(\n  ids: readonly string[],\n  steps: readonly WorkflowStepViewModel[],\n): string[] {\n  const requested = new Set(ids);\n  return steps.flatMap((step) => (requested.has(step.id) ? [step.id] : []));\n}\n\nfunction areWorkflowStepIdsEqual(\n  left: readonly string[],\n  right: readonly string[],\n): boolean {\n  return (\n    left.length === right.length &&\n    left.every((id, index) => id === right[index])\n  );\n}\n\nfunction isIterableWorkflowStepContent(\n  content: React.ReactNode,\n): content is Iterable<React.ReactNode> {\n  return (\n    typeof content === 'object' &&\n    content !== null &&\n    Symbol.iterator in content &&\n    typeof (content as Iterable<React.ReactNode>)[Symbol.iterator] ===\n      'function'\n  );\n}\n\nfunction isIteratorWorkflowStepContent(\n  content: unknown,\n): content is Iterator<React.ReactNode> {\n  return (\n    typeof (content as Partial<Iterator<React.ReactNode>>).next === 'function'\n  );\n}\n\ninterface NormalizedWorkflowStepContent {\n  content: React.ReactNode;\n  hasRenderableContent: boolean;\n  changed: boolean;\n}\n\nconst normalizedOneShotWorkflowStepContent = new WeakMap<\n  object,\n  NormalizedWorkflowStepContent\n>();\n\nfunction normalizeIterableWorkflowStepContent(\n  content: Iterable<React.ReactNode>,\n  iterator: Iterator<React.ReactNode>,\n): NormalizedWorkflowStepContent {\n  const normalizedChildren: React.ReactNode[] = [];\n  let hasRenderableContent = false;\n  let changed = !Array.isArray(content);\n\n  for (let result = iterator.next(); !result.done; result = iterator.next()) {\n    const normalizedChild = normalizeWorkflowStepContent(result.value);\n    normalizedChildren.push(normalizedChild.content);\n    hasRenderableContent ||= normalizedChild.hasRenderableContent;\n    changed ||= normalizedChild.changed;\n  }\n\n  return {\n    content: changed ? normalizedChildren : content,\n    hasRenderableContent,\n    changed,\n  };\n}\n\nfunction normalizeWorkflowStepContent(\n  content: React.ReactNode,\n): NormalizedWorkflowStepContent {\n  if (\n    content === null ||\n    content === undefined ||\n    typeof content === 'boolean' ||\n    content === ''\n  ) {\n    return { content, hasRenderableContent: false, changed: false };\n  }\n\n  if (\n    typeof content === 'string' ||\n    typeof content === 'number' ||\n    typeof content === 'bigint'\n  ) {\n    return { content, hasRenderableContent: true, changed: false };\n  }\n\n  if (React.isValidElement<{ children?: React.ReactNode }>(content)) {\n    if (content.type !== React.Fragment) {\n      return { content, hasRenderableContent: true, changed: false };\n    }\n\n    const normalizedChildren = normalizeWorkflowStepContent(\n      content.props.children,\n    );\n    return {\n      content: normalizedChildren.changed\n        ? React.cloneElement(content, undefined, normalizedChildren.content)\n        : content,\n      hasRenderableContent: normalizedChildren.hasRenderableContent,\n      changed: normalizedChildren.changed,\n    };\n  }\n\n  if (isIterableWorkflowStepContent(content)) {\n    const iterator = content[Symbol.iterator]();\n    const oneShotCacheKey = isIteratorWorkflowStepContent(iterator)\n      ? (iterator as object)\n      : null;\n\n    if (oneShotCacheKey !== null) {\n      const cached = normalizedOneShotWorkflowStepContent.get(oneShotCacheKey);\n      if (cached !== undefined) return cached;\n    }\n\n    const normalized = normalizeIterableWorkflowStepContent(content, iterator);\n    if (oneShotCacheKey !== null) {\n      normalizedOneShotWorkflowStepContent.set(oneShotCacheKey, normalized);\n    }\n    return normalized;\n  }\n\n  return { content, hasRenderableContent: true, changed: false };\n}\n\nfunction getNonBlankWorkflowStepError(\n  error: string | undefined,\n): string | undefined {\n  return error?.trim() ? error : undefined;\n}\n\nfunction getWorkflowStepStatusLabel(status: WorkflowStepStatus): string {\n  switch (status) {\n    case 'pending':\n      return 'Pending';\n    case 'running':\n      return 'Running';\n    case 'suspended':\n      return 'Paused';\n    case 'completed':\n      return 'Completed';\n    case 'error':\n      return 'Error';\n    default:\n      return assertNever(status);\n  }\n}\n\nexport interface WorkflowStepStatusIconProps {\n  status: WorkflowStepStatus;\n  index: number;\n  className?: string;\n}\n\nexport function WorkflowStepStatusIcon({\n  status,\n  index,\n  className,\n}: WorkflowStepStatusIconProps) {\n  const iconClass = cn(workflowStepIconVariants({ status }), className);\n\n  switch (status) {\n    case 'pending':\n      return (\n        <div data-slot=\"workflow-step-icon\" className={iconClass}>\n          <span className=\"text-xs font-medium\">{index + 1}</span>\n        </div>\n      );\n    case 'running':\n      return (\n        <div\n          data-slot=\"workflow-step-icon\"\n          className={cn(\n            iconClass,\n            'delight-status-pulse motion-reduce:!animate-none',\n          )}\n        >\n          <Loader className=\"size-3 animate-spin motion-reduce:animate-none\" />\n        </div>\n      );\n    case 'suspended':\n      return (\n        <div data-slot=\"workflow-step-icon\" className={iconClass}>\n          <Pause className=\"size-3\" />\n        </div>\n      );\n    case 'completed':\n      return (\n        <div\n          data-slot=\"workflow-step-icon\"\n          className={cn(\n            iconClass,\n            'delight-check-bounce motion-reduce:!animate-none',\n          )}\n        >\n          <Check className=\"size-3\" />\n        </div>\n      );\n    case 'error':\n      return (\n        <div\n          data-slot=\"workflow-step-icon\"\n          className={cn(iconClass, 'delight-shake motion-reduce:!animate-none')}\n        >\n          <AlertCircle className=\"size-3\" />\n        </div>\n      );\n    default:\n      return assertNever(status);\n  }\n}\n\nWorkflowStepStatusIcon.displayName = 'WorkflowStepStatusIcon';\n\nexport interface WorkflowStepItemProps {\n  step: WorkflowStepViewModel;\n  index: number;\n  isLast: boolean;\n  appearance?: WorkflowStepAppearance;\n  itemSlot?: string;\n  expandable?: boolean;\n  expanded: boolean;\n  active?: boolean;\n  onExpandedChange: () => void;\n}\n\nexport function WorkflowStepItem({\n  step,\n  index,\n  isLast,\n  appearance = 'contained',\n  itemSlot = 'workflow-step-item',\n  expandable = true,\n  expanded,\n  active = false,\n  onExpandedChange,\n}: WorkflowStepItemProps) {\n  const contentId = React.useId();\n  const errorDescriptionId = React.useId();\n  const normalizedContent = normalizeWorkflowStepContent(step.content);\n  const hasContent = normalizedContent.hasRenderableContent;\n  const error = getNonBlankWorkflowStepError(step.error);\n  const hasError = error !== undefined;\n  const hasExpandableDetails = hasContent || hasError;\n  const isDisclosureControl = hasExpandableDetails && expandable;\n  const prefersReducedMotion = useReducedMotion();\n  const appearanceConfig = workflowStepAppearanceConfig[appearance];\n  const disclosureTransition = {\n    duration: prefersReducedMotion ? 0 : 0.2,\n  };\n  const stepContent = (\n    <>\n      <WorkflowStepStatusIcon status={step.status} index={index} />\n\n      <div className=\"min-w-0 flex-1 text-start\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {step.contextLabel && (\n            <span\n              data-slot=\"workflow-step-context\"\n              className=\"rounded-full border border-border px-2 py-0.5 text-[0.6875rem] font-medium leading-none text-secondary-foreground\"\n            >\n              {step.contextLabel}\n            </span>\n          )}\n          <span\n            className={cn(\n              'text-sm font-medium',\n              step.status === 'pending'\n                ? 'text-text-quaternary'\n                : 'text-foreground',\n            )}\n          >\n            {step.title}\n          </span>\n          <span className=\"text-xs text-secondary-foreground\">\n            {getWorkflowStepStatusLabel(step.status)}\n          </span>\n          {step.durationMs !== undefined && (\n            <span className=\"text-xs text-muted-foreground\">\n              {formatAIDuration(step.durationMs)}\n            </span>\n          )}\n        </div>\n        {step.description && (\n          <p className=\"mt-0.5 text-xs text-text-quaternary\">\n            {step.description}\n          </p>\n        )}\n      </div>\n\n      {isDisclosureControl && (\n        <div className=\"shrink-0\">\n          {expanded ? (\n            <ChevronDown className=\"size-4 text-muted-foreground\" />\n          ) : (\n            <ChevronRight className=\"size-4 text-muted-foreground rtl:rotate-180\" />\n          )}\n        </div>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      data-slot={itemSlot}\n      data-step-status={step.status}\n      data-appearance={appearance}\n      className={cn(\n        appearanceConfig.rootClassName,\n        appearanceConfig.hasDivider && !isLast && 'border-b border-border',\n      )}\n    >\n      {isDisclosureControl ? (\n        <button\n          type=\"button\"\n          onClick={onExpandedChange}\n          aria-current={active ? 'step' : undefined}\n          aria-expanded={expanded}\n          aria-controls={contentId}\n          aria-describedby={hasError ? errorDescriptionId : undefined}\n          className={cn(\n            workflowStepItemVariants({ status: step.status }),\n            'w-full cursor-pointer hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring',\n          )}\n        >\n          {stepContent}\n        </button>\n      ) : (\n        <div\n          aria-current={active ? 'step' : undefined}\n          aria-describedby={hasError ? errorDescriptionId : undefined}\n          className={cn(\n            workflowStepItemVariants({ status: step.status }),\n            'w-full',\n          )}\n        >\n          {stepContent}\n        </div>\n      )}\n\n      <AnimatePresence initial={false}>\n        {expanded && hasExpandableDetails && (\n          <motion.div\n            id={contentId}\n            data-slot=\"workflow-step-panel\"\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={disclosureTransition}\n            className=\"overflow-hidden motion-reduce:transition-none\"\n          >\n            <div className=\"px-4 pb-3 ps-12\">\n              {hasError && (\n                <div className=\"rounded-lg border border-destructive/50 bg-destructive/10 p-3\">\n                  <div className=\"flex items-start gap-2\">\n                    <AlertCircle className=\"mt-0.5 size-4 shrink-0 text-destructive\" />\n                    <p className=\"text-sm text-destructive\">{error}</p>\n                  </div>\n                </div>\n              )}\n              {hasContent && (\n                <div className={hasError ? 'mt-3' : undefined}>\n                  {normalizedContent.content}\n                </div>\n              )}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n\n      {hasError && (\n        <span id={errorDescriptionId} className=\"sr-only\">\n          {error}\n        </span>\n      )}\n\n      {appearanceConfig.hasConnector && !isLast && (\n        <div\n          data-slot=\"workflow-step-connector\"\n          aria-hidden=\"true\"\n          className=\"absolute top-8 -bottom-3 start-6 w-px bg-border\"\n        />\n      )}\n    </div>\n  );\n}\n\nWorkflowStepItem.displayName = 'WorkflowStepItem';\n\nexport function WorkflowStepRenderer({\n  steps,\n  appearance = 'contained',\n  itemSlot = 'workflow-step-item',\n  expandable = true,\n  activeStepId,\n  expandedStepIds: controlledExpandedStepIds,\n  defaultExpandedStepIds = [],\n  onExpandedStepIdsChange,\n  className,\n  renderItems = true,\n}: PrivateWorkflowStepRendererProps) {\n  const isControlled = controlledExpandedStepIds !== undefined;\n  const controlledSnapshot = isControlled\n    ? [...controlledExpandedStepIds]\n    : undefined;\n  const [uncontrolledExpandedStepIds, setUncontrolledExpandedStepIds] =\n    React.useState<readonly string[]>(() =>\n      normalizeExpandedWorkflowStepIds(defaultExpandedStepIds, steps),\n    );\n  const lastControlledExpandedStepIdsRef = React.useRef<readonly string[]>(\n    controlledSnapshot ?? [],\n  );\n  const wasControlledRef = React.useRef(isControlled);\n  const rawExpandedStepIds = isControlled\n    ? controlledExpandedStepIds\n    : uncontrolledExpandedStepIds;\n  const visibleExpandedStepIds = normalizeExpandedWorkflowStepIds(\n    rawExpandedStepIds,\n    steps,\n  );\n  const expandedSet = new Set(visibleExpandedStepIds);\n\n  React.useLayoutEffect(() => {\n    if (controlledSnapshot !== undefined) {\n      lastControlledExpandedStepIdsRef.current = controlledSnapshot;\n    }\n  }, [controlledSnapshot]);\n\n  React.useLayoutEffect(() => {\n    const wasControlled = wasControlledRef.current;\n    wasControlledRef.current = isControlled;\n    if (isControlled) return;\n\n    setUncontrolledExpandedStepIds((current) => {\n      const source = wasControlled\n        ? lastControlledExpandedStepIdsRef.current\n        : current;\n      const reconciled = normalizeExpandedWorkflowStepIds(source, steps);\n      return areWorkflowStepIdsEqual(reconciled, current)\n        ? current\n        : reconciled;\n    });\n  }, [isControlled, steps]);\n\n  const toggleStep = (id: string) => {\n    const next = new Set(visibleExpandedStepIds);\n    if (next.has(id)) next.delete(id);\n    else next.add(id);\n    const normalizedNext = normalizeExpandedWorkflowStepIds([...next], steps);\n    if (!isControlled) {\n      setUncontrolledExpandedStepIds([...normalizedNext]);\n    }\n    onExpandedStepIdsChange?.([...normalizedNext]);\n  };\n\n  if (!renderItems) return null;\n\n  return (\n    <ol\n      data-slot=\"workflow-step-list\"\n      data-appearance={appearance}\n      className={cn('m-0 list-none p-0', className)}\n    >\n      {steps.map((step, index) => (\n        <li key={step.id}>\n          <WorkflowStepItem\n            step={step}\n            index={index}\n            isLast={index === steps.length - 1}\n            appearance={appearance}\n            itemSlot={itemSlot}\n            expandable={expandable}\n            expanded={expandedSet.has(step.id)}\n            active={activeStepId === step.id}\n            onExpandedChange={() => toggleStep(step.id)}\n          />\n        </li>\n      ))}\n    </ol>\n  );\n}\n\nWorkflowStepRenderer.displayName = 'WorkflowStepRenderer';\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
+{"version":3,"file":"workflow-step-renderer.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/loader.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/pause.mjs","../../src/components/organisms/ai/_shared/format-ai-duration.ts","../../src/components/organisms/ai/_shared/workflow-step-renderer.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 2v4\", key: \"3427ic\" }],\n  [\"path\", { d: \"m16.2 7.8 2.9-2.9\", key: \"r700ao\" }],\n  [\"path\", { d: \"M18 12h4\", key: \"wj9ykh\" }],\n  [\"path\", { d: \"m16.2 16.2 2.9 2.9\", key: \"1bxg5t\" }],\n  [\"path\", { d: \"M12 18v4\", key: \"jadmvz\" }],\n  [\"path\", { d: \"m4.9 19.1 2.9-2.9\", key: \"bwix9q\" }],\n  [\"path\", { d: \"M2 12h4\", key: \"j09sii\" }],\n  [\"path\", { d: \"m4.9 4.9 2.9 2.9\", key: \"giyufr\" }]\n];\nconst Loader = createLucideIcon(\"loader\", __iconNode);\n\nexport { __iconNode, Loader as default };\n//# sourceMappingURL=loader.mjs.map\n","/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { x: \"14\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"kaeet6\" }],\n  [\"rect\", { x: \"5\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"1wsw3u\" }]\n];\nconst Pause = createLucideIcon(\"pause\", __iconNode);\n\nexport { __iconNode, Pause as default };\n//# sourceMappingURL=pause.mjs.map\n","export function formatAIDuration(durationMs: number): string {\n  const normalizedMs = Math.max(0, Math.round(durationMs));\n  if (normalizedMs < 1000) return `${normalizedMs}ms`;\n\n  const totalSeconds = Math.round(normalizedMs / 1000);\n  const hours = Math.floor(totalSeconds / 3600);\n  const minutes = Math.floor((totalSeconds % 3600) / 60);\n  const seconds = totalSeconds % 60;\n\n  if (hours > 0) {\n    return [hours ? `${hours}h` : '', minutes ? `${minutes}m` : '']\n      .filter(Boolean)\n      .join(' ');\n  }\n  if (minutes > 0) {\n    return `${minutes}m${seconds ? ` ${seconds}s` : ''}`;\n  }\n  return `${totalSeconds}s`;\n}\n","import { cva } from 'class-variance-authority';\nimport {\n  AlertCircle,\n  Check,\n  ChevronDown,\n  ChevronRight,\n  Loader,\n  Pause,\n} from 'lucide-react';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport * as React from 'react';\nimport { assertNever, cn } from '@/lib/utils';\nimport { formatAIDuration } from './format-ai-duration';\n\nexport type WorkflowStepStatus =\n  | 'pending'\n  | 'running'\n  | 'suspended'\n  | 'completed'\n  | 'error';\n\nexport type WorkflowStepAppearance = 'contained' | 'embedded' | 'timeline';\n\nexport interface WorkflowStepViewModel {\n  id: string;\n  title: string;\n  description?: string;\n  contextLabel?: string;\n  status: WorkflowStepStatus;\n  content?: React.ReactNode;\n  durationMs?: number;\n  error?: string;\n}\n\nexport interface WorkflowStepRendererProps {\n  steps: readonly WorkflowStepViewModel[];\n  appearance?: WorkflowStepAppearance;\n  itemSlot?: string;\n  expandable?: boolean;\n  activeStepId?: string;\n  expandedStepIds?: readonly string[];\n  defaultExpandedStepIds?: readonly string[];\n  onExpandedStepIdsChange?: (ids: readonly string[]) => void;\n  className?: string;\n}\n\ninterface PrivateWorkflowStepRendererProps extends WorkflowStepRendererProps {\n  renderItems?: boolean;\n}\n\nconst workflowStepItemStatusClasses = {\n  pending: 'text-secondary-foreground',\n  running: 'text-primary',\n  suspended: 'text-warning',\n  completed: 'text-success',\n  error: 'text-destructive',\n} as const satisfies Record<WorkflowStepStatus, string>;\n\nconst workflowStepIconStatusClasses = {\n  pending: 'bg-accent text-muted-foreground',\n  running: 'bg-primary/20 text-primary',\n  suspended: 'bg-warning/20 text-warning',\n  completed: 'bg-success/20 text-success',\n  error: 'bg-destructive/20 text-destructive',\n} as const satisfies Record<WorkflowStepStatus, string>;\n\nexport const workflowStepItemVariants = cva(\n  'flex items-start gap-3 px-4 py-3 transition-colors motion-reduce:transition-none',\n  {\n    variants: {\n      status: workflowStepItemStatusClasses,\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nexport const workflowStepIconVariants = cva(\n  'size-5 shrink-0 flex items-center justify-center rounded-full',\n  {\n    variants: {\n      status: workflowStepIconStatusClasses,\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nconst workflowStepAppearanceConfig = {\n  contained: {\n    rootClassName: 'relative',\n    hasDivider: true,\n    hasConnector: false,\n  },\n  embedded: {\n    rootClassName: 'relative',\n    hasDivider: true,\n    hasConnector: false,\n  },\n  timeline: {\n    rootClassName: 'relative',\n    hasDivider: false,\n    hasConnector: true,\n  },\n} as const satisfies Record<\n  WorkflowStepAppearance,\n  { rootClassName: string; hasDivider: boolean; hasConnector: boolean }\n>;\n\nexport function normalizeExpandedWorkflowStepIds(\n  ids: readonly string[],\n  steps: readonly WorkflowStepViewModel[],\n): string[] {\n  const requested = new Set(ids);\n  return steps.flatMap((step) => (requested.has(step.id) ? [step.id] : []));\n}\n\nfunction areWorkflowStepIdsEqual(\n  left: readonly string[],\n  right: readonly string[],\n): boolean {\n  return (\n    left.length === right.length &&\n    left.every((id, index) => id === right[index])\n  );\n}\n\nfunction isIterableWorkflowStepContent(\n  content: React.ReactNode,\n): content is Iterable<React.ReactNode> {\n  return (\n    typeof content === 'object' &&\n    content !== null &&\n    Symbol.iterator in content &&\n    typeof (content as Iterable<React.ReactNode>)[Symbol.iterator] ===\n      'function'\n  );\n}\n\nfunction isIteratorWorkflowStepContent(\n  content: unknown,\n): content is Iterator<React.ReactNode> {\n  return (\n    typeof (content as Partial<Iterator<React.ReactNode>>).next === 'function'\n  );\n}\n\ninterface NormalizedWorkflowStepContent {\n  content: React.ReactNode;\n  hasRenderableContent: boolean;\n  changed: boolean;\n}\n\nconst normalizedOneShotWorkflowStepContent = new WeakMap<\n  object,\n  NormalizedWorkflowStepContent\n>();\n\nfunction normalizeIterableWorkflowStepContent(\n  content: Iterable<React.ReactNode>,\n  iterator: Iterator<React.ReactNode>,\n): NormalizedWorkflowStepContent {\n  const normalizedChildren: React.ReactNode[] = [];\n  let hasRenderableContent = false;\n  let changed = !Array.isArray(content);\n\n  for (let result = iterator.next(); !result.done; result = iterator.next()) {\n    const normalizedChild = normalizeWorkflowStepContent(result.value);\n    normalizedChildren.push(normalizedChild.content);\n    hasRenderableContent ||= normalizedChild.hasRenderableContent;\n    changed ||= normalizedChild.changed;\n  }\n\n  return {\n    content: changed ? normalizedChildren : content,\n    hasRenderableContent,\n    changed,\n  };\n}\n\nfunction normalizeWorkflowStepContent(\n  content: React.ReactNode,\n): NormalizedWorkflowStepContent {\n  if (\n    content === null ||\n    content === undefined ||\n    typeof content === 'boolean' ||\n    content === ''\n  ) {\n    return { content, hasRenderableContent: false, changed: false };\n  }\n\n  if (\n    typeof content === 'string' ||\n    typeof content === 'number' ||\n    typeof content === 'bigint'\n  ) {\n    return { content, hasRenderableContent: true, changed: false };\n  }\n\n  if (React.isValidElement<{ children?: React.ReactNode }>(content)) {\n    if (content.type !== React.Fragment) {\n      return { content, hasRenderableContent: true, changed: false };\n    }\n\n    const normalizedChildren = normalizeWorkflowStepContent(\n      content.props.children,\n    );\n    return {\n      content: normalizedChildren.changed\n        ? React.cloneElement(content, undefined, normalizedChildren.content)\n        : content,\n      hasRenderableContent: normalizedChildren.hasRenderableContent,\n      changed: normalizedChildren.changed,\n    };\n  }\n\n  if (isIterableWorkflowStepContent(content)) {\n    const iterator = content[Symbol.iterator]();\n    const oneShotCacheKey = isIteratorWorkflowStepContent(iterator)\n      ? (iterator as object)\n      : null;\n\n    if (oneShotCacheKey !== null) {\n      const cached = normalizedOneShotWorkflowStepContent.get(oneShotCacheKey);\n      if (cached !== undefined) return cached;\n    }\n\n    const normalized = normalizeIterableWorkflowStepContent(content, iterator);\n    if (oneShotCacheKey !== null) {\n      normalizedOneShotWorkflowStepContent.set(oneShotCacheKey, normalized);\n    }\n    return normalized;\n  }\n\n  return { content, hasRenderableContent: true, changed: false };\n}\n\nfunction getNonBlankWorkflowStepError(\n  error: string | undefined,\n): string | undefined {\n  return error?.trim() ? error : undefined;\n}\n\nfunction getWorkflowStepStatusLabel(status: WorkflowStepStatus): string {\n  switch (status) {\n    case 'pending':\n      return 'Pending';\n    case 'running':\n      return 'Running';\n    case 'suspended':\n      return 'Paused';\n    case 'completed':\n      return 'Completed';\n    case 'error':\n      return 'Error';\n    default:\n      return assertNever(status);\n  }\n}\n\nexport interface WorkflowStepStatusIconProps {\n  status: WorkflowStepStatus;\n  index: number;\n  className?: string;\n}\n\nexport function WorkflowStepStatusIcon({\n  status,\n  index,\n  className,\n}: WorkflowStepStatusIconProps) {\n  const iconClass = cn(workflowStepIconVariants({ status }), className);\n\n  switch (status) {\n    case 'pending':\n      return (\n        <div data-slot=\"workflow-step-icon\" className={iconClass}>\n          <span className=\"text-xs font-medium\">{index + 1}</span>\n        </div>\n      );\n    case 'running':\n      return (\n        <div\n          data-slot=\"workflow-step-icon\"\n          className={cn(\n            iconClass,\n            'delight-status-pulse motion-reduce:!animate-none',\n          )}\n        >\n          <Loader className=\"size-3 animate-spin motion-reduce:animate-none\" />\n        </div>\n      );\n    case 'suspended':\n      return (\n        <div data-slot=\"workflow-step-icon\" className={iconClass}>\n          <Pause className=\"size-3\" />\n        </div>\n      );\n    case 'completed':\n      return (\n        <div\n          data-slot=\"workflow-step-icon\"\n          className={cn(\n            iconClass,\n            'delight-check-bounce motion-reduce:!animate-none',\n          )}\n        >\n          <Check className=\"size-3\" />\n        </div>\n      );\n    case 'error':\n      return (\n        <div\n          data-slot=\"workflow-step-icon\"\n          className={cn(iconClass, 'delight-shake motion-reduce:!animate-none')}\n        >\n          <AlertCircle className=\"size-3\" />\n        </div>\n      );\n    default:\n      return assertNever(status);\n  }\n}\n\nWorkflowStepStatusIcon.displayName = 'WorkflowStepStatusIcon';\n\nexport interface WorkflowStepItemProps {\n  step: WorkflowStepViewModel;\n  index: number;\n  isLast: boolean;\n  appearance?: WorkflowStepAppearance;\n  itemSlot?: string;\n  expandable?: boolean;\n  expanded: boolean;\n  active?: boolean;\n  onExpandedChange: () => void;\n}\n\nexport function WorkflowStepItem({\n  step,\n  index,\n  isLast,\n  appearance = 'contained',\n  itemSlot = 'workflow-step-item',\n  expandable = true,\n  expanded,\n  active = false,\n  onExpandedChange,\n}: WorkflowStepItemProps) {\n  const contentId = React.useId();\n  const errorDescriptionId = React.useId();\n  const normalizedContent = normalizeWorkflowStepContent(step.content);\n  const hasContent = normalizedContent.hasRenderableContent;\n  const error = getNonBlankWorkflowStepError(step.error);\n  const hasError = error !== undefined;\n  const hasExpandableDetails = hasContent || hasError;\n  const isDisclosureControl = hasExpandableDetails && expandable;\n  const prefersReducedMotion = useReducedMotion();\n  const appearanceConfig = workflowStepAppearanceConfig[appearance];\n  const disclosureTransition = {\n    duration: prefersReducedMotion ? 0 : 0.2,\n  };\n  const stepContent = (\n    <>\n      <WorkflowStepStatusIcon status={step.status} index={index} />\n\n      <div className=\"min-w-0 flex-1 text-start\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {step.contextLabel && (\n            <span\n              data-slot=\"workflow-step-context\"\n              className=\"rounded-full border border-border px-2 py-0.5 text-[0.6875rem] font-medium leading-none text-secondary-foreground\"\n            >\n              {step.contextLabel}\n            </span>\n          )}\n          <span\n            className={cn(\n              'text-sm font-medium',\n              step.status === 'pending'\n                ? 'text-secondary-foreground'\n                : 'text-foreground',\n            )}\n          >\n            {step.title}\n          </span>\n          <span className=\"text-xs text-secondary-foreground\">\n            {getWorkflowStepStatusLabel(step.status)}\n          </span>\n          {step.durationMs !== undefined && (\n            <span className=\"text-xs text-secondary-foreground\">\n              {formatAIDuration(step.durationMs)}\n            </span>\n          )}\n        </div>\n        {step.description && (\n          <p className=\"mt-0.5 text-xs text-secondary-foreground\">\n            {step.description}\n          </p>\n        )}\n      </div>\n\n      {isDisclosureControl && (\n        <div className=\"shrink-0\">\n          {expanded ? (\n            <ChevronDown className=\"size-4 text-muted-foreground\" />\n          ) : (\n            <ChevronRight className=\"size-4 text-muted-foreground rtl:rotate-180\" />\n          )}\n        </div>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      data-slot={itemSlot}\n      data-step-status={step.status}\n      data-appearance={appearance}\n      className={cn(\n        appearanceConfig.rootClassName,\n        appearanceConfig.hasDivider && !isLast && 'border-b border-border',\n      )}\n    >\n      {isDisclosureControl ? (\n        <button\n          type=\"button\"\n          onClick={onExpandedChange}\n          aria-current={active ? 'step' : undefined}\n          aria-expanded={expanded}\n          aria-controls={contentId}\n          aria-describedby={hasError ? errorDescriptionId : undefined}\n          className={cn(\n            workflowStepItemVariants({ status: step.status }),\n            'w-full cursor-pointer hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring',\n          )}\n        >\n          {stepContent}\n        </button>\n      ) : (\n        <div\n          aria-current={active ? 'step' : undefined}\n          aria-describedby={hasError ? errorDescriptionId : undefined}\n          className={cn(\n            workflowStepItemVariants({ status: step.status }),\n            'w-full',\n          )}\n        >\n          {stepContent}\n        </div>\n      )}\n\n      <AnimatePresence initial={false}>\n        {expanded && hasExpandableDetails && (\n          <motion.div\n            id={contentId}\n            data-slot=\"workflow-step-panel\"\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={disclosureTransition}\n            className=\"overflow-hidden motion-reduce:transition-none\"\n          >\n            <div className=\"px-4 pb-3 ps-12\">\n              {hasError && (\n                <div className=\"rounded-lg border border-destructive/50 bg-destructive/10 p-3\">\n                  <div className=\"flex items-start gap-2\">\n                    <AlertCircle className=\"mt-0.5 size-4 shrink-0 text-destructive\" />\n                    <p className=\"text-sm text-destructive\">{error}</p>\n                  </div>\n                </div>\n              )}\n              {hasContent && (\n                <div className={hasError ? 'mt-3' : undefined}>\n                  {normalizedContent.content}\n                </div>\n              )}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n\n      {hasError && (\n        <span id={errorDescriptionId} className=\"sr-only\">\n          {error}\n        </span>\n      )}\n\n      {appearanceConfig.hasConnector && !isLast && (\n        <div\n          data-slot=\"workflow-step-connector\"\n          aria-hidden=\"true\"\n          className=\"absolute top-8 -bottom-3 start-6 w-px bg-border\"\n        />\n      )}\n    </div>\n  );\n}\n\nWorkflowStepItem.displayName = 'WorkflowStepItem';\n\nexport function WorkflowStepRenderer({\n  steps,\n  appearance = 'contained',\n  itemSlot = 'workflow-step-item',\n  expandable = true,\n  activeStepId,\n  expandedStepIds: controlledExpandedStepIds,\n  defaultExpandedStepIds = [],\n  onExpandedStepIdsChange,\n  className,\n  renderItems = true,\n}: PrivateWorkflowStepRendererProps) {\n  const isControlled = controlledExpandedStepIds !== undefined;\n  const controlledSnapshot = isControlled\n    ? [...controlledExpandedStepIds]\n    : undefined;\n  const [uncontrolledExpandedStepIds, setUncontrolledExpandedStepIds] =\n    React.useState<readonly string[]>(() =>\n      normalizeExpandedWorkflowStepIds(defaultExpandedStepIds, steps),\n    );\n  const lastControlledExpandedStepIdsRef = React.useRef<readonly string[]>(\n    controlledSnapshot ?? [],\n  );\n  const wasControlledRef = React.useRef(isControlled);\n  const rawExpandedStepIds = isControlled\n    ? controlledExpandedStepIds\n    : uncontrolledExpandedStepIds;\n  const visibleExpandedStepIds = normalizeExpandedWorkflowStepIds(\n    rawExpandedStepIds,\n    steps,\n  );\n  const expandedSet = new Set(visibleExpandedStepIds);\n\n  React.useLayoutEffect(() => {\n    if (controlledSnapshot !== undefined) {\n      lastControlledExpandedStepIdsRef.current = controlledSnapshot;\n    }\n  }, [controlledSnapshot]);\n\n  React.useLayoutEffect(() => {\n    const wasControlled = wasControlledRef.current;\n    wasControlledRef.current = isControlled;\n    if (isControlled) return;\n\n    setUncontrolledExpandedStepIds((current) => {\n      const source = wasControlled\n        ? lastControlledExpandedStepIdsRef.current\n        : current;\n      const reconciled = normalizeExpandedWorkflowStepIds(source, steps);\n      return areWorkflowStepIdsEqual(reconciled, current)\n        ? current\n        : reconciled;\n    });\n  }, [isControlled, steps]);\n\n  const toggleStep = (id: string) => {\n    const next = new Set(visibleExpandedStepIds);\n    if (next.has(id)) next.delete(id);\n    else next.add(id);\n    const normalizedNext = normalizeExpandedWorkflowStepIds([...next], steps);\n    if (!isControlled) {\n      setUncontrolledExpandedStepIds([...normalizedNext]);\n    }\n    onExpandedStepIdsChange?.([...normalizedNext]);\n  };\n\n  if (!renderItems) return null;\n\n  return (\n    <ol\n      data-slot=\"workflow-step-list\"\n      data-appearance={appearance}\n      className={cn('m-0 list-none p-0', className)}\n    >\n      {steps.map((step, index) => (\n        <li key={step.id}>\n          <WorkflowStepItem\n            step={step}\n            index={index}\n            isLast={index === steps.length - 1}\n            appearance={appearance}\n            itemSlot={itemSlot}\n            expandable={expandable}\n            expanded={expandedSet.has(step.id)}\n            active={activeStepId === step.id}\n            onExpandedChange={() => toggleStep(step.id)}\n          />\n        </li>\n      ))}\n    </ol>\n  );\n}\n\nWorkflowStepRenderer.displayName = 'WorkflowStepRenderer';\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humain/ui",
-  "version": "2.2.7",
+  "version": "2.2.9",
   "description": "HUMAIN UI React components, design tokens, Web Components, and agent skills.",
   "license": "Apache-2.0",
   "type": "module",

package/skills/humain-ui/SKILL.md

@@ -3,7 +3,7 @@ name: humain-ui
 description: Use when building, migrating, auditing, or bootstrapping React UI with @humain/ui, including pages, dashboards, app shells, forms, dialogs, data tables, charts, AI chat workspaces, or Figma-to-Humain mapping.
 ---
 
-# Humain Foundation UI (v2.2.7)
+# Humain Foundation UI (v2.2.9)
 
 Build product UI with `@humain/ui`, a React 18/19 component library with Tailwind v4, dark mode, design tokens, Web Component projections, and AI-facing references.
 

package/skills/humain-ui-wc/SKILL.md

@@ -3,7 +3,7 @@ name: humain-ui-wc
 description: Use when building browser-native prototypes, iframe artifacts, static HTML, custom-element demos, framework-neutral integrations, or any HUMAIN UI that must use hf-* Web Components instead of React JSX.
 ---
 
-# Humain Foundation UI Web Components (v2.2.7)
+# Humain Foundation UI Web Components (v2.2.9)
 
 **Identity** - You build HUMAIN interfaces with `hf-*` custom elements. You keep the same product taste, spacing discipline, and component intent as the React `humain-ui` skill, but you only use Web Component APIs that actually exist in the manifest.