@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

package/dist/components/StatusIndicators.cjs.js

@@ -3,24 +3,24 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
-const Txt = require('../Txt-C7rZCmrg.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
+const Txt = require('../Txt-B4-2nLaI.cjs');
 const React = require('react');
-const popover = require('../popover-CGB4qBAn.cjs');
-const tooltip = require('../tooltip-_cda-a7s.cjs');
+const popover = require('../popover-lBqKiPtp.cjs');
+const tooltip = require('../tooltip-FvWL16Xn.cjs');
 
 const TONE_FILL = {
   success: "bg-notice-success",
   progress: "bg-notice-warning",
   error: "bg-notice-destructive",
   idle: "bg-notice-info",
-  neutral: "bg-neutral4"
+  neutral: "bg-muted-foreground"
 };
 const PROGRESS_DECORATION = "relative motion-safe:animate-pulse before:absolute before:-inset-1 before:rounded-full before:border before:border-notice-warning/20 before:border-t-notice-warning before:content-[''] motion-safe:before:animate-spin motion-reduce:before:animate-none";
 const GLYPH_CLASS = {
   circle: "rounded-full",
   square: "rounded-xs",
-  dashed: "border-neutral4 rounded-full border border-dashed bg-transparent"
+  dashed: "border-muted-foreground rounded-full border border-dashed bg-transparent"
 };
 function statusToneFill(tone) {
   return TONE_FILL[tone];
@@ -36,9 +36,9 @@ function statusDotClass({ tone, glyph = "circle" }, className) {
 }
 
 function Status({ presentation, children, className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils_cn.cn("inline-flex items-center gap-2 text-neutral5", className), ...props, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils_cn.cn("inline-flex items-center gap-2 text-foreground", className), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: statusDotClass(presentation), "aria-hidden": true }),
-    children ?? /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "ui-xs", children: presentation.label })
+    children ?? /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", children: presentation.label })
   ] });
 }
 
@@ -90,12 +90,12 @@ function StatusDotPopoverInner({
         side: "top",
         align: "start",
         sideOffset: 6,
-        className: "text-ui-xs text-neutral6 w-auto max-w-xs px-2.5 py-1.5",
+        className: "text-meta text-foreground w-auto max-w-xs px-2.5 py-1.5",
         onMouseEnter: onHoverOpen,
         onMouseLeave: onHoverScheduleClose,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral6 font-medium", children: resolved.label }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-1 text-pretty", children: resolved.description })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground text-column", children: resolved.label }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1 text-pretty", children: resolved.description })
         ]
       }
     )

package/dist/components/StatusIndicators.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIndicators.cjs.js","sources":["../../src/ds/components/StatusIndicators/status-dot-styles.ts","../../src/ds/components/StatusIndicators/status.tsx","../../src/ds/components/StatusIndicators/status-dot.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type StatusTone = 'success' | 'progress' | 'error' | 'idle' | 'neutral';\nexport type StatusDotGlyph = 'circle' | 'square' | 'dashed';\n\nexport type StatusPresentation = {\n  label: string;\n  tone: StatusTone;\n  glyph?: StatusDotGlyph;\n  description: string;\n};\n\nexport type StatusPresentationFn<T> = (status: T | null) => StatusPresentation;\n\nconst TONE_FILL: Record<StatusTone, string> = {\n  success: 'bg-notice-success',\n  progress: 'bg-notice-warning',\n  error: 'bg-notice-destructive',\n  idle: 'bg-notice-info',\n  neutral: 'bg-neutral4',\n};\n\nconst PROGRESS_DECORATION =\n  \"relative motion-safe:animate-pulse before:absolute before:-inset-1 before:rounded-full before:border before:border-notice-warning/20 before:border-t-notice-warning before:content-[''] motion-safe:before:animate-spin motion-reduce:before:animate-none\";\n\nconst GLYPH_CLASS: Record<StatusDotGlyph, string> = {\n  circle: 'rounded-full',\n  square: 'rounded-xs',\n  dashed: 'border-neutral4 rounded-full border border-dashed bg-transparent',\n};\n\nexport function statusToneFill(tone: StatusTone): string {\n  return TONE_FILL[tone];\n}\n\nexport function statusDotClass(\n  { tone, glyph = 'circle' }: Pick<StatusPresentation, 'tone' | 'glyph'>,\n  className?: string,\n): string {\n  return cn(\n    'inline-block size-2 shrink-0',\n    TONE_FILL[tone],\n    tone === 'progress' && PROGRESS_DECORATION,\n    GLYPH_CLASS[glyph],\n    className,\n  );\n}\n","import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { statusDotClass, type StatusPresentation } from './status-dot-styles';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type StatusProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n  presentation: StatusPresentation;\n  children?: ReactNode;\n};\n\nexport function Status({ presentation, children, className, ...props }: StatusProps) {\n  return (\n    <span className={cn('inline-flex items-center gap-2 text-neutral5', className)} {...props}>\n      <span className={statusDotClass(presentation)} aria-hidden />\n      {children ?? (\n        <Txt as=\"span\" variant=\"ui-xs\">\n          {presentation.label}\n        </Txt>\n      )}\n    </span>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { statusDotClass, type StatusPresentation, type StatusPresentationFn } from './status-dot-styles';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nconst HOVER_POPOVER_LEAVE_MS = 120;\n\nfunction StatusDotPopoverInner<T>({\n  status,\n  presentation,\n}: {\n  status: T | null;\n  presentation: StatusPresentationFn<T>;\n}) {\n  const [open, setOpen] = useState(false);\n  const leaveTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const resolved = presentation(status);\n\n  useEffect(\n    () => () => {\n      if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n    },\n    [],\n  );\n\n  function onHoverOpen() {\n    if (leaveTimer.current !== undefined) {\n      clearTimeout(leaveTimer.current);\n      leaveTimer.current = undefined;\n    }\n    setOpen(true);\n  }\n\n  function onHoverScheduleClose() {\n    if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n    leaveTimer.current = setTimeout(() => setOpen(false), HOVER_POPOVER_LEAVE_MS);\n  }\n\n  return (\n    <span className=\"pointer-events-auto inline-flex\" onMouseEnter={onHoverOpen} onMouseLeave={onHoverScheduleClose}>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger\n          render={\n            <button\n              type=\"button\"\n              aria-label={resolved.label}\n              className={statusDotClass(\n                resolved,\n                'outline-hidden focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2',\n              )}\n            />\n          }\n        />\n        <PopoverContent\n          side=\"top\"\n          align=\"start\"\n          sideOffset={6}\n          className=\"text-ui-xs text-neutral6 w-auto max-w-xs px-2.5 py-1.5\"\n          onMouseEnter={onHoverOpen}\n          onMouseLeave={onHoverScheduleClose}\n        >\n          <p className=\"text-neutral6 font-medium\">{resolved.label}</p>\n          <p className=\"text-neutral3 mt-1 text-pretty\">{resolved.description}</p>\n        </PopoverContent>\n      </Popover>\n    </span>\n  );\n}\n\nexport function StatusDot<T>({\n  status,\n  presentation,\n  variant = 'popover',\n  decorative = false,\n  resolved,\n}: {\n  status: T | null;\n  presentation: StatusPresentationFn<T>;\n  variant?: 'popover' | 'static';\n  decorative?: boolean;\n  resolved?: StatusPresentation;\n}) {\n  if (decorative) {\n    const presented = resolved ?? presentation(status);\n    return <span className={statusDotClass(presented)} aria-hidden />;\n  }\n\n  if (variant === 'popover') {\n    return <StatusDotPopoverInner status={status} presentation={presentation} />;\n  }\n\n  const presented = resolved ?? presentation(status);\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <button\n            type=\"button\"\n            aria-label={presented.label}\n            className={statusDotClass(\n              presented,\n              'outline-hidden focus-visible:ring-ring focus-visible:ring-offset-background cursor-default focus-visible:ring-2 focus-visible:ring-offset-2',\n            )}\n          />\n        }\n      />\n      <TooltipContent side=\"top\" className=\"max-w-xs text-pretty\">\n        {presented.description}\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":["cn","jsxs","jsx","Txt","useState","useRef","useEffect","Popover","PopoverTrigger","PopoverContent","presented","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}
+{"version":3,"file":"StatusIndicators.cjs.js","sources":["../../src/ds/components/StatusIndicators/status-dot-styles.ts","../../src/ds/components/StatusIndicators/status.tsx","../../src/ds/components/StatusIndicators/status-dot.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type StatusTone = 'success' | 'progress' | 'error' | 'idle' | 'neutral';\nexport type StatusDotGlyph = 'circle' | 'square' | 'dashed';\n\nexport type StatusPresentation = {\n  label: string;\n  tone: StatusTone;\n  glyph?: StatusDotGlyph;\n  description: string;\n};\n\nexport type StatusPresentationFn<T> = (status: T | null) => StatusPresentation;\n\nconst TONE_FILL: Record<StatusTone, string> = {\n  success: 'bg-notice-success',\n  progress: 'bg-notice-warning',\n  error: 'bg-notice-destructive',\n  idle: 'bg-notice-info',\n  neutral: 'bg-muted-foreground',\n};\n\nconst PROGRESS_DECORATION =\n  \"relative motion-safe:animate-pulse before:absolute before:-inset-1 before:rounded-full before:border before:border-notice-warning/20 before:border-t-notice-warning before:content-[''] motion-safe:before:animate-spin motion-reduce:before:animate-none\";\n\nconst GLYPH_CLASS: Record<StatusDotGlyph, string> = {\n  circle: 'rounded-full',\n  square: 'rounded-xs',\n  dashed: 'border-muted-foreground rounded-full border border-dashed bg-transparent',\n};\n\nexport function statusToneFill(tone: StatusTone): string {\n  return TONE_FILL[tone];\n}\n\nexport function statusDotClass(\n  { tone, glyph = 'circle' }: Pick<StatusPresentation, 'tone' | 'glyph'>,\n  className?: string,\n): string {\n  return cn(\n    'inline-block size-2 shrink-0',\n    TONE_FILL[tone],\n    tone === 'progress' && PROGRESS_DECORATION,\n    GLYPH_CLASS[glyph],\n    className,\n  );\n}\n","import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { statusDotClass, type StatusPresentation } from './status-dot-styles';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type StatusProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n  presentation: StatusPresentation;\n  children?: ReactNode;\n};\n\nexport function Status({ presentation, children, className, ...props }: StatusProps) {\n  return (\n    <span className={cn('inline-flex items-center gap-2 text-foreground', className)} {...props}>\n      <span className={statusDotClass(presentation)} aria-hidden />\n      {children ?? (\n        <Txt as=\"span\" variant=\"meta\">\n          {presentation.label}\n        </Txt>\n      )}\n    </span>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { statusDotClass, type StatusPresentation, type StatusPresentationFn } from './status-dot-styles';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nconst HOVER_POPOVER_LEAVE_MS = 120;\n\nfunction StatusDotPopoverInner<T>({\n  status,\n  presentation,\n}: {\n  status: T | null;\n  presentation: StatusPresentationFn<T>;\n}) {\n  const [open, setOpen] = useState(false);\n  const leaveTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const resolved = presentation(status);\n\n  useEffect(\n    () => () => {\n      if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n    },\n    [],\n  );\n\n  function onHoverOpen() {\n    if (leaveTimer.current !== undefined) {\n      clearTimeout(leaveTimer.current);\n      leaveTimer.current = undefined;\n    }\n    setOpen(true);\n  }\n\n  function onHoverScheduleClose() {\n    if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n    leaveTimer.current = setTimeout(() => setOpen(false), HOVER_POPOVER_LEAVE_MS);\n  }\n\n  return (\n    <span className=\"pointer-events-auto inline-flex\" onMouseEnter={onHoverOpen} onMouseLeave={onHoverScheduleClose}>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger\n          render={\n            <button\n              type=\"button\"\n              aria-label={resolved.label}\n              className={statusDotClass(\n                resolved,\n                'outline-hidden focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2',\n              )}\n            />\n          }\n        />\n        <PopoverContent\n          side=\"top\"\n          align=\"start\"\n          sideOffset={6}\n          className=\"text-meta text-foreground w-auto max-w-xs px-2.5 py-1.5\"\n          onMouseEnter={onHoverOpen}\n          onMouseLeave={onHoverScheduleClose}\n        >\n          <p className=\"text-foreground text-column\">{resolved.label}</p>\n          <p className=\"text-muted-foreground mt-1 text-pretty\">{resolved.description}</p>\n        </PopoverContent>\n      </Popover>\n    </span>\n  );\n}\n\nexport function StatusDot<T>({\n  status,\n  presentation,\n  variant = 'popover',\n  decorative = false,\n  resolved,\n}: {\n  status: T | null;\n  presentation: StatusPresentationFn<T>;\n  variant?: 'popover' | 'static';\n  decorative?: boolean;\n  resolved?: StatusPresentation;\n}) {\n  if (decorative) {\n    const presented = resolved ?? presentation(status);\n    return <span className={statusDotClass(presented)} aria-hidden />;\n  }\n\n  if (variant === 'popover') {\n    return <StatusDotPopoverInner status={status} presentation={presentation} />;\n  }\n\n  const presented = resolved ?? presentation(status);\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <button\n            type=\"button\"\n            aria-label={presented.label}\n            className={statusDotClass(\n              presented,\n              'outline-hidden focus-visible:ring-ring focus-visible:ring-offset-background cursor-default focus-visible:ring-2 focus-visible:ring-offset-2',\n            )}\n          />\n        }\n      />\n      <TooltipContent side=\"top\" className=\"max-w-xs text-pretty\">\n        {presented.description}\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":["cn","jsxs","jsx","Txt","useState","useRef","useEffect","Popover","PopoverTrigger","PopoverContent","presented","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/components/StatusIndicators.es.js

@@ -1,22 +1,22 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as cn } from '../cn-C6s2yXwM.js';
-import { T as Txt } from '../Txt-hyo2FKuO.js';
+import { c as cn } from '../cn-65Adrsfj.js';
+import { T as Txt } from '../Txt-DTh3Pa_a.js';
 import { useState, useRef, useEffect } from 'react';
-import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-lj-OpKKH.js';
-import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-QuS0KEbc.js';
+import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-Dg70UGyn.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-BrDiP0RI.js';
 
 const TONE_FILL = {
   success: "bg-notice-success",
   progress: "bg-notice-warning",
   error: "bg-notice-destructive",
   idle: "bg-notice-info",
-  neutral: "bg-neutral4"
+  neutral: "bg-muted-foreground"
 };
 const PROGRESS_DECORATION = "relative motion-safe:animate-pulse before:absolute before:-inset-1 before:rounded-full before:border before:border-notice-warning/20 before:border-t-notice-warning before:content-[''] motion-safe:before:animate-spin motion-reduce:before:animate-none";
 const GLYPH_CLASS = {
   circle: "rounded-full",
   square: "rounded-xs",
-  dashed: "border-neutral4 rounded-full border border-dashed bg-transparent"
+  dashed: "border-muted-foreground rounded-full border border-dashed bg-transparent"
 };
 function statusToneFill(tone) {
   return TONE_FILL[tone];
@@ -32,9 +32,9 @@ function statusDotClass({ tone, glyph = "circle" }, className) {
 }
 
 function Status({ presentation, children, className, ...props }) {
-  return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center gap-2 text-neutral5", className), ...props, children: [
+  return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center gap-2 text-foreground", className), ...props, children: [
     /* @__PURE__ */ jsx("span", { className: statusDotClass(presentation), "aria-hidden": true }),
-    children ?? /* @__PURE__ */ jsx(Txt, { as: "span", variant: "ui-xs", children: presentation.label })
+    children ?? /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", children: presentation.label })
   ] });
 }
 
@@ -86,12 +86,12 @@ function StatusDotPopoverInner({
         side: "top",
         align: "start",
         sideOffset: 6,
-        className: "text-ui-xs text-neutral6 w-auto max-w-xs px-2.5 py-1.5",
+        className: "text-meta text-foreground w-auto max-w-xs px-2.5 py-1.5",
         onMouseEnter: onHoverOpen,
         onMouseLeave: onHoverScheduleClose,
         children: [
-          /* @__PURE__ */ jsx("p", { className: "text-neutral6 font-medium", children: resolved.label }),
-          /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-1 text-pretty", children: resolved.description })
+          /* @__PURE__ */ jsx("p", { className: "text-foreground text-column", children: resolved.label }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-pretty", children: resolved.description })
         ]
       }
     )

package/dist/components/StatusIndicators.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIndicators.es.js","sources":["../../src/ds/components/StatusIndicators/status-dot-styles.ts","../../src/ds/components/StatusIndicators/status.tsx","../../src/ds/components/StatusIndicators/status-dot.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type StatusTone = 'success' | 'progress' | 'error' | 'idle' | 'neutral';\nexport type StatusDotGlyph = 'circle' | 'square' | 'dashed';\n\nexport type StatusPresentation = {\n  label: string;\n  tone: StatusTone;\n  glyph?: StatusDotGlyph;\n  description: string;\n};\n\nexport type StatusPresentationFn<T> = (status: T | null) => StatusPresentation;\n\nconst TONE_FILL: Record<StatusTone, string> = {\n  success: 'bg-notice-success',\n  progress: 'bg-notice-warning',\n  error: 'bg-notice-destructive',\n  idle: 'bg-notice-info',\n  neutral: 'bg-neutral4',\n};\n\nconst PROGRESS_DECORATION =\n  \"relative motion-safe:animate-pulse before:absolute before:-inset-1 before:rounded-full before:border before:border-notice-warning/20 before:border-t-notice-warning before:content-[''] motion-safe:before:animate-spin motion-reduce:before:animate-none\";\n\nconst GLYPH_CLASS: Record<StatusDotGlyph, string> = {\n  circle: 'rounded-full',\n  square: 'rounded-xs',\n  dashed: 'border-neutral4 rounded-full border border-dashed bg-transparent',\n};\n\nexport function statusToneFill(tone: StatusTone): string {\n  return TONE_FILL[tone];\n}\n\nexport function statusDotClass(\n  { tone, glyph = 'circle' }: Pick<StatusPresentation, 'tone' | 'glyph'>,\n  className?: string,\n): string {\n  return cn(\n    'inline-block size-2 shrink-0',\n    TONE_FILL[tone],\n    tone === 'progress' && PROGRESS_DECORATION,\n    GLYPH_CLASS[glyph],\n    className,\n  );\n}\n","import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { statusDotClass, type StatusPresentation } from './status-dot-styles';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type StatusProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n  presentation: StatusPresentation;\n  children?: ReactNode;\n};\n\nexport function Status({ presentation, children, className, ...props }: StatusProps) {\n  return (\n    <span className={cn('inline-flex items-center gap-2 text-neutral5', className)} {...props}>\n      <span className={statusDotClass(presentation)} aria-hidden />\n      {children ?? (\n        <Txt as=\"span\" variant=\"ui-xs\">\n          {presentation.label}\n        </Txt>\n      )}\n    </span>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { statusDotClass, type StatusPresentation, type StatusPresentationFn } from './status-dot-styles';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nconst HOVER_POPOVER_LEAVE_MS = 120;\n\nfunction StatusDotPopoverInner<T>({\n  status,\n  presentation,\n}: {\n  status: T | null;\n  presentation: StatusPresentationFn<T>;\n}) {\n  const [open, setOpen] = useState(false);\n  const leaveTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const resolved = presentation(status);\n\n  useEffect(\n    () => () => {\n      if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n    },\n    [],\n  );\n\n  function onHoverOpen() {\n    if (leaveTimer.current !== undefined) {\n      clearTimeout(leaveTimer.current);\n      leaveTimer.current = undefined;\n    }\n    setOpen(true);\n  }\n\n  function onHoverScheduleClose() {\n    if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n    leaveTimer.current = setTimeout(() => setOpen(false), HOVER_POPOVER_LEAVE_MS);\n  }\n\n  return (\n    <span className=\"pointer-events-auto inline-flex\" onMouseEnter={onHoverOpen} onMouseLeave={onHoverScheduleClose}>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger\n          render={\n            <button\n              type=\"button\"\n              aria-label={resolved.label}\n              className={statusDotClass(\n                resolved,\n                'outline-hidden focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2',\n              )}\n            />\n          }\n        />\n        <PopoverContent\n          side=\"top\"\n          align=\"start\"\n          sideOffset={6}\n          className=\"text-ui-xs text-neutral6 w-auto max-w-xs px-2.5 py-1.5\"\n          onMouseEnter={onHoverOpen}\n          onMouseLeave={onHoverScheduleClose}\n        >\n          <p className=\"text-neutral6 font-medium\">{resolved.label}</p>\n          <p className=\"text-neutral3 mt-1 text-pretty\">{resolved.description}</p>\n        </PopoverContent>\n      </Popover>\n    </span>\n  );\n}\n\nexport function StatusDot<T>({\n  status,\n  presentation,\n  variant = 'popover',\n  decorative = false,\n  resolved,\n}: {\n  status: T | null;\n  presentation: StatusPresentationFn<T>;\n  variant?: 'popover' | 'static';\n  decorative?: boolean;\n  resolved?: StatusPresentation;\n}) {\n  if (decorative) {\n    const presented = resolved ?? presentation(status);\n    return <span className={statusDotClass(presented)} aria-hidden />;\n  }\n\n  if (variant === 'popover') {\n    return <StatusDotPopoverInner status={status} presentation={presentation} />;\n  }\n\n  const presented = resolved ?? presentation(status);\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <button\n            type=\"button\"\n            aria-label={presented.label}\n            className={statusDotClass(\n              presented,\n              'outline-hidden focus-visible:ring-ring focus-visible:ring-offset-background cursor-default focus-visible:ring-2 focus-visible:ring-offset-2',\n            )}\n          />\n        }\n      />\n      <TooltipContent side=\"top\" className=\"max-w-xs text-pretty\">\n        {presented.description}\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":["presented"],"mappings":"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"}
+{"version":3,"file":"StatusIndicators.es.js","sources":["../../src/ds/components/StatusIndicators/status-dot-styles.ts","../../src/ds/components/StatusIndicators/status.tsx","../../src/ds/components/StatusIndicators/status-dot.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type StatusTone = 'success' | 'progress' | 'error' | 'idle' | 'neutral';\nexport type StatusDotGlyph = 'circle' | 'square' | 'dashed';\n\nexport type StatusPresentation = {\n  label: string;\n  tone: StatusTone;\n  glyph?: StatusDotGlyph;\n  description: string;\n};\n\nexport type StatusPresentationFn<T> = (status: T | null) => StatusPresentation;\n\nconst TONE_FILL: Record<StatusTone, string> = {\n  success: 'bg-notice-success',\n  progress: 'bg-notice-warning',\n  error: 'bg-notice-destructive',\n  idle: 'bg-notice-info',\n  neutral: 'bg-muted-foreground',\n};\n\nconst PROGRESS_DECORATION =\n  \"relative motion-safe:animate-pulse before:absolute before:-inset-1 before:rounded-full before:border before:border-notice-warning/20 before:border-t-notice-warning before:content-[''] motion-safe:before:animate-spin motion-reduce:before:animate-none\";\n\nconst GLYPH_CLASS: Record<StatusDotGlyph, string> = {\n  circle: 'rounded-full',\n  square: 'rounded-xs',\n  dashed: 'border-muted-foreground rounded-full border border-dashed bg-transparent',\n};\n\nexport function statusToneFill(tone: StatusTone): string {\n  return TONE_FILL[tone];\n}\n\nexport function statusDotClass(\n  { tone, glyph = 'circle' }: Pick<StatusPresentation, 'tone' | 'glyph'>,\n  className?: string,\n): string {\n  return cn(\n    'inline-block size-2 shrink-0',\n    TONE_FILL[tone],\n    tone === 'progress' && PROGRESS_DECORATION,\n    GLYPH_CLASS[glyph],\n    className,\n  );\n}\n","import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { statusDotClass, type StatusPresentation } from './status-dot-styles';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type StatusProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n  presentation: StatusPresentation;\n  children?: ReactNode;\n};\n\nexport function Status({ presentation, children, className, ...props }: StatusProps) {\n  return (\n    <span className={cn('inline-flex items-center gap-2 text-foreground', className)} {...props}>\n      <span className={statusDotClass(presentation)} aria-hidden />\n      {children ?? (\n        <Txt as=\"span\" variant=\"meta\">\n          {presentation.label}\n        </Txt>\n      )}\n    </span>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { statusDotClass, type StatusPresentation, type StatusPresentationFn } from './status-dot-styles';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\n\nconst HOVER_POPOVER_LEAVE_MS = 120;\n\nfunction StatusDotPopoverInner<T>({\n  status,\n  presentation,\n}: {\n  status: T | null;\n  presentation: StatusPresentationFn<T>;\n}) {\n  const [open, setOpen] = useState(false);\n  const leaveTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const resolved = presentation(status);\n\n  useEffect(\n    () => () => {\n      if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n    },\n    [],\n  );\n\n  function onHoverOpen() {\n    if (leaveTimer.current !== undefined) {\n      clearTimeout(leaveTimer.current);\n      leaveTimer.current = undefined;\n    }\n    setOpen(true);\n  }\n\n  function onHoverScheduleClose() {\n    if (leaveTimer.current !== undefined) clearTimeout(leaveTimer.current);\n    leaveTimer.current = setTimeout(() => setOpen(false), HOVER_POPOVER_LEAVE_MS);\n  }\n\n  return (\n    <span className=\"pointer-events-auto inline-flex\" onMouseEnter={onHoverOpen} onMouseLeave={onHoverScheduleClose}>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger\n          render={\n            <button\n              type=\"button\"\n              aria-label={resolved.label}\n              className={statusDotClass(\n                resolved,\n                'outline-hidden focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2',\n              )}\n            />\n          }\n        />\n        <PopoverContent\n          side=\"top\"\n          align=\"start\"\n          sideOffset={6}\n          className=\"text-meta text-foreground w-auto max-w-xs px-2.5 py-1.5\"\n          onMouseEnter={onHoverOpen}\n          onMouseLeave={onHoverScheduleClose}\n        >\n          <p className=\"text-foreground text-column\">{resolved.label}</p>\n          <p className=\"text-muted-foreground mt-1 text-pretty\">{resolved.description}</p>\n        </PopoverContent>\n      </Popover>\n    </span>\n  );\n}\n\nexport function StatusDot<T>({\n  status,\n  presentation,\n  variant = 'popover',\n  decorative = false,\n  resolved,\n}: {\n  status: T | null;\n  presentation: StatusPresentationFn<T>;\n  variant?: 'popover' | 'static';\n  decorative?: boolean;\n  resolved?: StatusPresentation;\n}) {\n  if (decorative) {\n    const presented = resolved ?? presentation(status);\n    return <span className={statusDotClass(presented)} aria-hidden />;\n  }\n\n  if (variant === 'popover') {\n    return <StatusDotPopoverInner status={status} presentation={presentation} />;\n  }\n\n  const presented = resolved ?? presentation(status);\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <button\n            type=\"button\"\n            aria-label={presented.label}\n            className={statusDotClass(\n              presented,\n              'outline-hidden focus-visible:ring-ring focus-visible:ring-offset-background cursor-default focus-visible:ring-2 focus-visible:ring-offset-2',\n            )}\n          />\n        }\n      />\n      <TooltipContent side=\"top\" className=\"max-w-xs text-pretty\">\n        {presented.description}\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":["presented"],"mappings":"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"}

package/dist/components/Steps.cjs.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const spinner = require('../spinner-cX-ypfV2.cjs');
+const spinner = require('../spinner-CqP-NaB2.cjs');
 const primitives_transitions = require('../primitives/transitions.cjs.js');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 function getStatusIcon(status) {
   switch (status) {
@@ -22,7 +22,7 @@ function getStatusIcon(status) {
 }
 
 function PendingRing() {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", className: "text-neutral2", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", className: "text-placeholder", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
     "circle",
     {
       cx: "12",
@@ -57,14 +57,13 @@ function StepStatusMarker({ status, variant }) {
         "flex size-7 items-center justify-center self-center rounded-full motion-reduce:transition-none",
         primitives_transitions.transitions.colors,
         primitives_transitions.transitions.transform,
-        primitives_transitions.transitions.shadow,
         {
           "[&>svg]:text-notice-success-fg": status === "success",
           "[&>svg]:text-notice-destructive-fg": status === "failed",
-          "border border-dashed border-neutral2": status === "pending",
+          "border border-dashed border-placeholder": status === "pending",
           "[&>svg]:size-4": status !== "running",
-          "bg-accent1Dark shadow-glow-accent1": status === "success",
-          "bg-accent2Dark shadow-glow-accent2": status === "failed",
+          "bg-accent1Dark": status === "success",
+          "bg-accent2Dark": status === "failed",
           "scale-110": status === "success" || status === "failed"
         }
       ),
@@ -81,7 +80,7 @@ function ProcessStepListItem({ step, isActive, position, variant = "default" })
         primitives_transitions.transitions.colors,
         {
           "border border-transparent": variant === "default",
-          "border-dashed border-neutral2 bg-surface3": isActive && variant === "default"
+          "border-dashed border-placeholder bg-card": isActive && variant === "default"
         }
       ),
       children: [
@@ -89,9 +88,9 @@ function ProcessStepListItem({ step, isActive, position, variant = "default" })
           /* @__PURE__ */ jsxRuntime.jsxs(
             "span",
             {
-              className: utils_cn.cn("flex min-w-6 justify-end text-ui-md", primitives_transitions.transitions.colors, {
-                "text-neutral5": isActive || step.status === "success",
-                "text-neutral3": !isActive && step.status !== "success"
+              className: utils_cn.cn("flex min-w-6 justify-end text-body", primitives_transitions.transitions.colors, {
+                "text-foreground": isActive || step.status === "success",
+                "text-muted-foreground": !isActive && step.status !== "success"
               }),
               children: [
                 position,
@@ -103,14 +102,14 @@ function ProcessStepListItem({ step, isActive, position, variant = "default" })
             /* @__PURE__ */ jsxRuntime.jsx(
               "h4",
               {
-                className: utils_cn.cn("text-ui-md", primitives_transitions.transitions.colors, {
-                  "text-neutral5": isActive || step.status === "success",
-                  "text-neutral3": !isActive && step.status !== "success"
+                className: utils_cn.cn("text-body", primitives_transitions.transitions.colors, {
+                  "text-foreground": isActive || step.status === "success",
+                  "text-muted-foreground": !isActive && step.status !== "success"
                 }),
                 children: step.title
               }
             ),
-            step.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils_cn.cn("-mt-0.5 text-ui-md text-neutral2", { truncate: variant === "plain" }), children: step.description })
+            step.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils_cn.cn("-mt-0.5 text-body text-placeholder", { truncate: variant === "plain" }), children: step.description })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(StepStatusMarker, { status: step.status, variant })
@@ -138,14 +137,13 @@ function ProcessStepProgressBar({ steps }) {
             "div",
             {
               className: utils_cn.cn(
-                "absolute right-0 z-10 flex size-8 translate-x-1/2 items-center justify-center self-center rounded-full bg-surface3 text-ui-sm font-bold text-neutral3 motion-reduce:transition-none",
+                "absolute right-0 z-10 flex size-8 translate-x-1/2 items-center justify-center self-center rounded-full bg-fill text-column text-muted-foreground motion-reduce:transition-none",
                 primitives_transitions.transitions.colors,
                 primitives_transitions.transitions.transform,
-                primitives_transitions.transitions.shadow,
                 {
-                  "border border-dashed border-neutral2": step.status === "pending",
-                  "bg-accent1Dark text-notice-success-fg shadow-glow-accent1 scale-110": step.status === "success",
-                  "bg-accent2Dark text-notice-destructive-fg shadow-glow-accent2 scale-110": step.status === "failed"
+                  "border border-dashed border-placeholder": step.status === "pending",
+                  "bg-accent1Dark text-notice-success-fg scale-110": step.status === "success",
+                  "bg-accent2Dark text-notice-destructive-fg scale-110": step.status === "failed"
                 }
               ),
               children: step.status === "running" ? /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, {}) : idx + 1
@@ -155,7 +153,7 @@ function ProcessStepProgressBar({ steps }) {
         step.id
       );
     }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("text-center text-ui-sm text-neutral3", primitives_transitions.transitions.colors), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("text-center text-caption text-muted-foreground", primitives_transitions.transitions.colors), children: [
       completedSteps,
       " of ",
       totalSteps,

package/dist/components/Steps.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.cjs.js","sources":["../../src/ds/components/Steps/shared.tsx","../../src/ds/components/Steps/process-step-list-item.tsx","../../src/ds/components/Steps/process-step-list.tsx","../../src/ds/components/Steps/process-step-progress-bar.tsx"],"sourcesContent":["import { CheckIcon, XIcon } from 'lucide-react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport function getStatusIcon(status: string) {\n  switch (status) {\n    case 'running':\n      return <Spinner size=\"sm\" aria-hidden />;\n    case 'success':\n      return <CheckIcon aria-hidden />;\n    case 'failed':\n      return <XIcon aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport type ProcessStep = {\n  id: string;\n  status: string;\n  description: string;\n  title: string;\n  isActive: boolean;\n};\n","import { getStatusIcon } from './shared';\nimport type { ProcessStep } from './shared';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\ntype ProcessStepListItemVariant = 'default' | 'plain';\n\n/** Same ring geometry and stroke as `<Spinner size=\"sm\" />`, so pending and running read as one shape. */\nfunction PendingRing() {\n  return (\n    <svg viewBox=\"0 0 24 24\" className=\"text-neutral2\" aria-hidden>\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"8.5\"\n        pathLength=\"48\"\n        fill=\"none\"\n        stroke=\"currentcolor\"\n        strokeWidth=\"2.8\"\n        strokeLinecap=\"round\"\n        strokeDasharray=\"3 3\"\n      />\n    </svg>\n  );\n}\n\nfunction StepStatusMarker({ status, variant }: { status: string; variant: ProcessStepListItemVariant }) {\n  if (variant === 'plain') {\n    return (\n      <span\n        className={cn('flex size-4 items-center justify-center self-center [&>svg]:size-4', transitions.colors, {\n          '[&>svg]:text-positive1': status === 'success',\n          '[&>svg]:text-negative1': status === 'failed',\n        })}\n      >\n        {status === 'pending' ? <PendingRing /> : getStatusIcon(status)}\n      </span>\n    );\n  }\n\n  return (\n    <span\n      className={cn(\n        'flex size-7 items-center justify-center self-center rounded-full motion-reduce:transition-none',\n        transitions.colors,\n        transitions.transform,\n        transitions.shadow,\n        {\n          '[&>svg]:text-notice-success-fg': status === 'success',\n          '[&>svg]:text-notice-destructive-fg': status === 'failed',\n          'border border-dashed border-neutral2': status === 'pending',\n          '[&>svg]:size-4': status !== 'running',\n          'bg-accent1Dark shadow-glow-accent1': status === 'success',\n          'bg-accent2Dark shadow-glow-accent2': status === 'failed',\n          'scale-110': status === 'success' || status === 'failed',\n        },\n      )}\n    >\n      {getStatusIcon(status)}\n    </span>\n  );\n}\n\nexport type ProcessStepListItemProps = {\n  /** @deprecated Ignored — the heading comes from `step.title`. */\n  stepId?: string;\n  step: ProcessStep;\n  isActive: boolean;\n  position: number;\n  variant?: ProcessStepListItemVariant;\n};\n\nexport function ProcessStepListItem({ step, isActive, position, variant = 'default' }: ProcessStepListItemProps) {\n  return (\n    <div\n      className={cn(\n        'grid grid-cols-[1fr_auto] gap-6 rounded-lg px-4 py-3 motion-reduce:transition-none',\n        transitions.colors,\n        {\n          'border border-transparent': variant === 'default',\n          'border-dashed border-neutral2 bg-surface3': isActive && variant === 'default',\n        },\n      )}\n    >\n      <div className=\"grid min-w-0 grid-cols-[auto_1fr] gap-2\">\n        <span\n          className={cn('flex min-w-6 justify-end text-ui-md', transitions.colors, {\n            'text-neutral5': isActive || step.status === 'success',\n            'text-neutral3': !isActive && step.status !== 'success',\n          })}\n        >\n          {position}.\n        </span>\n        <div className=\"min-w-0\">\n          <h4\n            className={cn('text-ui-md', transitions.colors, {\n              'text-neutral5': isActive || step.status === 'success',\n              'text-neutral3': !isActive && step.status !== 'success',\n            })}\n          >\n            {step.title}\n          </h4>\n          {step.description && (\n            <p className={cn('-mt-0.5 text-ui-md text-neutral2', { truncate: variant === 'plain' })}>\n              {step.description}\n            </p>\n          )}\n        </div>\n      </div>\n      <StepStatusMarker status={step.status} variant={variant} />\n    </div>\n  );\n}\n","import { ProcessStepListItem } from './process-step-list-item';\nimport type { ProcessStep } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type ProcessStepListProps = {\n  currentStep: ProcessStep | null;\n  steps: ProcessStep[];\n  className?: string;\n};\n\nexport function ProcessStepList({ currentStep, steps = [], className }: ProcessStepListProps) {\n  return (\n    <div className={cn(className)}>\n      {steps.map((step: ProcessStep, idx: number) => (\n        <ProcessStepListItem key={step.id} step={step} isActive={currentStep?.id === step.id} position={idx + 1} />\n      ))}\n    </div>\n  );\n}\n","import type { ProcessStep } from './shared';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ProcessStepProgressBarProps = {\n  steps: ProcessStep[];\n};\n\nexport function ProcessStepProgressBar({ steps }: ProcessStepProgressBarProps) {\n  const totalSteps = steps.length;\n  const completedSteps = steps.filter(step => step.status === 'success').length;\n\n  return (\n    <div className=\"flex w-full flex-col content-center justify-center gap-4\">\n      <div className=\"grid w-full grid-cols-[0_repeat(9,1fr)]\">\n        {steps.map((step: ProcessStep, idx: number) => {\n          return (\n            <div\n              key={step.id}\n              className={cn('relative flex h-8 items-center justify-end', transitions.colors, {\n                'bg-accent1Dark': step.status === 'success' && steps?.[idx - 1]?.status === 'success',\n              })}\n            >\n              <div\n                className={cn(\n                  'absolute right-0 z-10 flex size-8 translate-x-1/2 items-center justify-center self-center rounded-full bg-surface3 text-ui-sm font-bold text-neutral3 motion-reduce:transition-none',\n                  transitions.colors,\n                  transitions.transform,\n                  transitions.shadow,\n                  {\n                    'border border-dashed border-neutral2': step.status === 'pending',\n                    'bg-accent1Dark text-notice-success-fg shadow-glow-accent1 scale-110': step.status === 'success',\n                    'bg-accent2Dark text-notice-destructive-fg shadow-glow-accent2 scale-110': step.status === 'failed',\n                  },\n                )}\n              >\n                {step.status === 'running' ? <Spinner /> : idx + 1}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n      <div className={cn('text-center text-ui-sm text-neutral3', transitions.colors)}>\n        {completedSteps} of {totalSteps} steps completed\n      </div>\n    </div>\n  );\n}\n"],"names":["jsx","Spinner","CheckIcon","XIcon","cn","transitions","jsxs"],"mappings":"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"}
+{"version":3,"file":"Steps.cjs.js","sources":["../../src/ds/components/Steps/shared.tsx","../../src/ds/components/Steps/process-step-list-item.tsx","../../src/ds/components/Steps/process-step-list.tsx","../../src/ds/components/Steps/process-step-progress-bar.tsx"],"sourcesContent":["import { CheckIcon, XIcon } from 'lucide-react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport function getStatusIcon(status: string) {\n  switch (status) {\n    case 'running':\n      return <Spinner size=\"sm\" aria-hidden />;\n    case 'success':\n      return <CheckIcon aria-hidden />;\n    case 'failed':\n      return <XIcon aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport type ProcessStep = {\n  id: string;\n  status: string;\n  description: string;\n  title: string;\n  isActive: boolean;\n};\n","import { getStatusIcon } from './shared';\nimport type { ProcessStep } from './shared';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\ntype ProcessStepListItemVariant = 'default' | 'plain';\n\n/** Same ring geometry and stroke as `<Spinner size=\"sm\" />`, so pending and running read as one shape. */\nfunction PendingRing() {\n  return (\n    <svg viewBox=\"0 0 24 24\" className=\"text-placeholder\" aria-hidden>\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"8.5\"\n        pathLength=\"48\"\n        fill=\"none\"\n        stroke=\"currentcolor\"\n        strokeWidth=\"2.8\"\n        strokeLinecap=\"round\"\n        strokeDasharray=\"3 3\"\n      />\n    </svg>\n  );\n}\n\nfunction StepStatusMarker({ status, variant }: { status: string; variant: ProcessStepListItemVariant }) {\n  if (variant === 'plain') {\n    return (\n      <span\n        className={cn('flex size-4 items-center justify-center self-center [&>svg]:size-4', transitions.colors, {\n          '[&>svg]:text-positive1': status === 'success',\n          '[&>svg]:text-negative1': status === 'failed',\n        })}\n      >\n        {status === 'pending' ? <PendingRing /> : getStatusIcon(status)}\n      </span>\n    );\n  }\n\n  return (\n    <span\n      className={cn(\n        'flex size-7 items-center justify-center self-center rounded-full motion-reduce:transition-none',\n        transitions.colors,\n        transitions.transform,\n        {\n          '[&>svg]:text-notice-success-fg': status === 'success',\n          '[&>svg]:text-notice-destructive-fg': status === 'failed',\n          'border border-dashed border-placeholder': status === 'pending',\n          '[&>svg]:size-4': status !== 'running',\n          'bg-accent1Dark': status === 'success',\n          'bg-accent2Dark': status === 'failed',\n          'scale-110': status === 'success' || status === 'failed',\n        },\n      )}\n    >\n      {getStatusIcon(status)}\n    </span>\n  );\n}\n\nexport type ProcessStepListItemProps = {\n  /** @deprecated Ignored — the heading comes from `step.title`. */\n  stepId?: string;\n  step: ProcessStep;\n  isActive: boolean;\n  position: number;\n  variant?: ProcessStepListItemVariant;\n};\n\nexport function ProcessStepListItem({ step, isActive, position, variant = 'default' }: ProcessStepListItemProps) {\n  return (\n    <div\n      className={cn(\n        'grid grid-cols-[1fr_auto] gap-6 rounded-lg px-4 py-3 motion-reduce:transition-none',\n        transitions.colors,\n        {\n          'border border-transparent': variant === 'default',\n          'border-dashed border-placeholder bg-card': isActive && variant === 'default',\n        },\n      )}\n    >\n      <div className=\"grid min-w-0 grid-cols-[auto_1fr] gap-2\">\n        <span\n          className={cn('flex min-w-6 justify-end text-body', transitions.colors, {\n            'text-foreground': isActive || step.status === 'success',\n            'text-muted-foreground': !isActive && step.status !== 'success',\n          })}\n        >\n          {position}.\n        </span>\n        <div className=\"min-w-0\">\n          <h4\n            className={cn('text-body', transitions.colors, {\n              'text-foreground': isActive || step.status === 'success',\n              'text-muted-foreground': !isActive && step.status !== 'success',\n            })}\n          >\n            {step.title}\n          </h4>\n          {step.description && (\n            <p className={cn('-mt-0.5 text-body text-placeholder', { truncate: variant === 'plain' })}>\n              {step.description}\n            </p>\n          )}\n        </div>\n      </div>\n      <StepStatusMarker status={step.status} variant={variant} />\n    </div>\n  );\n}\n","import { ProcessStepListItem } from './process-step-list-item';\nimport type { ProcessStep } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type ProcessStepListProps = {\n  currentStep: ProcessStep | null;\n  steps: ProcessStep[];\n  className?: string;\n};\n\nexport function ProcessStepList({ currentStep, steps = [], className }: ProcessStepListProps) {\n  return (\n    <div className={cn(className)}>\n      {steps.map((step: ProcessStep, idx: number) => (\n        <ProcessStepListItem key={step.id} step={step} isActive={currentStep?.id === step.id} position={idx + 1} />\n      ))}\n    </div>\n  );\n}\n","import type { ProcessStep } from './shared';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ProcessStepProgressBarProps = {\n  steps: ProcessStep[];\n};\n\nexport function ProcessStepProgressBar({ steps }: ProcessStepProgressBarProps) {\n  const totalSteps = steps.length;\n  const completedSteps = steps.filter(step => step.status === 'success').length;\n\n  return (\n    <div className=\"flex w-full flex-col content-center justify-center gap-4\">\n      <div className=\"grid w-full grid-cols-[0_repeat(9,1fr)]\">\n        {steps.map((step: ProcessStep, idx: number) => {\n          return (\n            <div\n              key={step.id}\n              className={cn('relative flex h-8 items-center justify-end', transitions.colors, {\n                'bg-accent1Dark': step.status === 'success' && steps?.[idx - 1]?.status === 'success',\n              })}\n            >\n              <div\n                className={cn(\n                  'absolute right-0 z-10 flex size-8 translate-x-1/2 items-center justify-center self-center rounded-full bg-fill text-column text-muted-foreground motion-reduce:transition-none',\n                  transitions.colors,\n                  transitions.transform,\n                  {\n                    'border border-dashed border-placeholder': step.status === 'pending',\n                    'bg-accent1Dark text-notice-success-fg scale-110': step.status === 'success',\n                    'bg-accent2Dark text-notice-destructive-fg scale-110': step.status === 'failed',\n                  },\n                )}\n              >\n                {step.status === 'running' ? <Spinner /> : idx + 1}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n      <div className={cn('text-center text-caption text-muted-foreground', transitions.colors)}>\n        {completedSteps} of {totalSteps} steps completed\n      </div>\n    </div>\n  );\n}\n"],"names":["jsx","Spinner","CheckIcon","XIcon","cn","transitions","jsxs"],"mappings":"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"}

package/dist/components/Steps.es.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { XIcon, CheckIcon } from 'lucide-react';
-import { S as Spinner } from '../spinner-SvnJqdcS.js';
+import { S as Spinner } from '../spinner-D2C2DYw8.js';
 import { transitions } from '../primitives/transitions.es.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 function getStatusIcon(status) {
   switch (status) {
@@ -18,7 +18,7 @@ function getStatusIcon(status) {
 }
 
 function PendingRing() {
-  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: "text-neutral2", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", className: "text-placeholder", "aria-hidden": true, children: /* @__PURE__ */ jsx(
     "circle",
     {
       cx: "12",
@@ -53,14 +53,13 @@ function StepStatusMarker({ status, variant }) {
         "flex size-7 items-center justify-center self-center rounded-full motion-reduce:transition-none",
         transitions.colors,
         transitions.transform,
-        transitions.shadow,
         {
           "[&>svg]:text-notice-success-fg": status === "success",
           "[&>svg]:text-notice-destructive-fg": status === "failed",
-          "border border-dashed border-neutral2": status === "pending",
+          "border border-dashed border-placeholder": status === "pending",
           "[&>svg]:size-4": status !== "running",
-          "bg-accent1Dark shadow-glow-accent1": status === "success",
-          "bg-accent2Dark shadow-glow-accent2": status === "failed",
+          "bg-accent1Dark": status === "success",
+          "bg-accent2Dark": status === "failed",
           "scale-110": status === "success" || status === "failed"
         }
       ),
@@ -77,7 +76,7 @@ function ProcessStepListItem({ step, isActive, position, variant = "default" })
         transitions.colors,
         {
           "border border-transparent": variant === "default",
-          "border-dashed border-neutral2 bg-surface3": isActive && variant === "default"
+          "border-dashed border-placeholder bg-card": isActive && variant === "default"
         }
       ),
       children: [
@@ -85,9 +84,9 @@ function ProcessStepListItem({ step, isActive, position, variant = "default" })
           /* @__PURE__ */ jsxs(
             "span",
             {
-              className: cn("flex min-w-6 justify-end text-ui-md", transitions.colors, {
-                "text-neutral5": isActive || step.status === "success",
-                "text-neutral3": !isActive && step.status !== "success"
+              className: cn("flex min-w-6 justify-end text-body", transitions.colors, {
+                "text-foreground": isActive || step.status === "success",
+                "text-muted-foreground": !isActive && step.status !== "success"
               }),
               children: [
                 position,
@@ -99,14 +98,14 @@ function ProcessStepListItem({ step, isActive, position, variant = "default" })
             /* @__PURE__ */ jsx(
               "h4",
               {
-                className: cn("text-ui-md", transitions.colors, {
-                  "text-neutral5": isActive || step.status === "success",
-                  "text-neutral3": !isActive && step.status !== "success"
+                className: cn("text-body", transitions.colors, {
+                  "text-foreground": isActive || step.status === "success",
+                  "text-muted-foreground": !isActive && step.status !== "success"
                 }),
                 children: step.title
               }
             ),
-            step.description && /* @__PURE__ */ jsx("p", { className: cn("-mt-0.5 text-ui-md text-neutral2", { truncate: variant === "plain" }), children: step.description })
+            step.description && /* @__PURE__ */ jsx("p", { className: cn("-mt-0.5 text-body text-placeholder", { truncate: variant === "plain" }), children: step.description })
           ] })
         ] }),
         /* @__PURE__ */ jsx(StepStatusMarker, { status: step.status, variant })
@@ -134,14 +133,13 @@ function ProcessStepProgressBar({ steps }) {
             "div",
             {
               className: cn(
-                "absolute right-0 z-10 flex size-8 translate-x-1/2 items-center justify-center self-center rounded-full bg-surface3 text-ui-sm font-bold text-neutral3 motion-reduce:transition-none",
+                "absolute right-0 z-10 flex size-8 translate-x-1/2 items-center justify-center self-center rounded-full bg-fill text-column text-muted-foreground motion-reduce:transition-none",
                 transitions.colors,
                 transitions.transform,
-                transitions.shadow,
                 {
-                  "border border-dashed border-neutral2": step.status === "pending",
-                  "bg-accent1Dark text-notice-success-fg shadow-glow-accent1 scale-110": step.status === "success",
-                  "bg-accent2Dark text-notice-destructive-fg shadow-glow-accent2 scale-110": step.status === "failed"
+                  "border border-dashed border-placeholder": step.status === "pending",
+                  "bg-accent1Dark text-notice-success-fg scale-110": step.status === "success",
+                  "bg-accent2Dark text-notice-destructive-fg scale-110": step.status === "failed"
                 }
               ),
               children: step.status === "running" ? /* @__PURE__ */ jsx(Spinner, {}) : idx + 1
@@ -151,7 +149,7 @@ function ProcessStepProgressBar({ steps }) {
         step.id
       );
     }) }),
-    /* @__PURE__ */ jsxs("div", { className: cn("text-center text-ui-sm text-neutral3", transitions.colors), children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("text-center text-caption text-muted-foreground", transitions.colors), children: [
       completedSteps,
       " of ",
       totalSteps,

package/dist/components/Steps.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.es.js","sources":["../../src/ds/components/Steps/shared.tsx","../../src/ds/components/Steps/process-step-list-item.tsx","../../src/ds/components/Steps/process-step-list.tsx","../../src/ds/components/Steps/process-step-progress-bar.tsx"],"sourcesContent":["import { CheckIcon, XIcon } from 'lucide-react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport function getStatusIcon(status: string) {\n  switch (status) {\n    case 'running':\n      return <Spinner size=\"sm\" aria-hidden />;\n    case 'success':\n      return <CheckIcon aria-hidden />;\n    case 'failed':\n      return <XIcon aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport type ProcessStep = {\n  id: string;\n  status: string;\n  description: string;\n  title: string;\n  isActive: boolean;\n};\n","import { getStatusIcon } from './shared';\nimport type { ProcessStep } from './shared';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\ntype ProcessStepListItemVariant = 'default' | 'plain';\n\n/** Same ring geometry and stroke as `<Spinner size=\"sm\" />`, so pending and running read as one shape. */\nfunction PendingRing() {\n  return (\n    <svg viewBox=\"0 0 24 24\" className=\"text-neutral2\" aria-hidden>\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"8.5\"\n        pathLength=\"48\"\n        fill=\"none\"\n        stroke=\"currentcolor\"\n        strokeWidth=\"2.8\"\n        strokeLinecap=\"round\"\n        strokeDasharray=\"3 3\"\n      />\n    </svg>\n  );\n}\n\nfunction StepStatusMarker({ status, variant }: { status: string; variant: ProcessStepListItemVariant }) {\n  if (variant === 'plain') {\n    return (\n      <span\n        className={cn('flex size-4 items-center justify-center self-center [&>svg]:size-4', transitions.colors, {\n          '[&>svg]:text-positive1': status === 'success',\n          '[&>svg]:text-negative1': status === 'failed',\n        })}\n      >\n        {status === 'pending' ? <PendingRing /> : getStatusIcon(status)}\n      </span>\n    );\n  }\n\n  return (\n    <span\n      className={cn(\n        'flex size-7 items-center justify-center self-center rounded-full motion-reduce:transition-none',\n        transitions.colors,\n        transitions.transform,\n        transitions.shadow,\n        {\n          '[&>svg]:text-notice-success-fg': status === 'success',\n          '[&>svg]:text-notice-destructive-fg': status === 'failed',\n          'border border-dashed border-neutral2': status === 'pending',\n          '[&>svg]:size-4': status !== 'running',\n          'bg-accent1Dark shadow-glow-accent1': status === 'success',\n          'bg-accent2Dark shadow-glow-accent2': status === 'failed',\n          'scale-110': status === 'success' || status === 'failed',\n        },\n      )}\n    >\n      {getStatusIcon(status)}\n    </span>\n  );\n}\n\nexport type ProcessStepListItemProps = {\n  /** @deprecated Ignored — the heading comes from `step.title`. */\n  stepId?: string;\n  step: ProcessStep;\n  isActive: boolean;\n  position: number;\n  variant?: ProcessStepListItemVariant;\n};\n\nexport function ProcessStepListItem({ step, isActive, position, variant = 'default' }: ProcessStepListItemProps) {\n  return (\n    <div\n      className={cn(\n        'grid grid-cols-[1fr_auto] gap-6 rounded-lg px-4 py-3 motion-reduce:transition-none',\n        transitions.colors,\n        {\n          'border border-transparent': variant === 'default',\n          'border-dashed border-neutral2 bg-surface3': isActive && variant === 'default',\n        },\n      )}\n    >\n      <div className=\"grid min-w-0 grid-cols-[auto_1fr] gap-2\">\n        <span\n          className={cn('flex min-w-6 justify-end text-ui-md', transitions.colors, {\n            'text-neutral5': isActive || step.status === 'success',\n            'text-neutral3': !isActive && step.status !== 'success',\n          })}\n        >\n          {position}.\n        </span>\n        <div className=\"min-w-0\">\n          <h4\n            className={cn('text-ui-md', transitions.colors, {\n              'text-neutral5': isActive || step.status === 'success',\n              'text-neutral3': !isActive && step.status !== 'success',\n            })}\n          >\n            {step.title}\n          </h4>\n          {step.description && (\n            <p className={cn('-mt-0.5 text-ui-md text-neutral2', { truncate: variant === 'plain' })}>\n              {step.description}\n            </p>\n          )}\n        </div>\n      </div>\n      <StepStatusMarker status={step.status} variant={variant} />\n    </div>\n  );\n}\n","import { ProcessStepListItem } from './process-step-list-item';\nimport type { ProcessStep } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type ProcessStepListProps = {\n  currentStep: ProcessStep | null;\n  steps: ProcessStep[];\n  className?: string;\n};\n\nexport function ProcessStepList({ currentStep, steps = [], className }: ProcessStepListProps) {\n  return (\n    <div className={cn(className)}>\n      {steps.map((step: ProcessStep, idx: number) => (\n        <ProcessStepListItem key={step.id} step={step} isActive={currentStep?.id === step.id} position={idx + 1} />\n      ))}\n    </div>\n  );\n}\n","import type { ProcessStep } from './shared';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ProcessStepProgressBarProps = {\n  steps: ProcessStep[];\n};\n\nexport function ProcessStepProgressBar({ steps }: ProcessStepProgressBarProps) {\n  const totalSteps = steps.length;\n  const completedSteps = steps.filter(step => step.status === 'success').length;\n\n  return (\n    <div className=\"flex w-full flex-col content-center justify-center gap-4\">\n      <div className=\"grid w-full grid-cols-[0_repeat(9,1fr)]\">\n        {steps.map((step: ProcessStep, idx: number) => {\n          return (\n            <div\n              key={step.id}\n              className={cn('relative flex h-8 items-center justify-end', transitions.colors, {\n                'bg-accent1Dark': step.status === 'success' && steps?.[idx - 1]?.status === 'success',\n              })}\n            >\n              <div\n                className={cn(\n                  'absolute right-0 z-10 flex size-8 translate-x-1/2 items-center justify-center self-center rounded-full bg-surface3 text-ui-sm font-bold text-neutral3 motion-reduce:transition-none',\n                  transitions.colors,\n                  transitions.transform,\n                  transitions.shadow,\n                  {\n                    'border border-dashed border-neutral2': step.status === 'pending',\n                    'bg-accent1Dark text-notice-success-fg shadow-glow-accent1 scale-110': step.status === 'success',\n                    'bg-accent2Dark text-notice-destructive-fg shadow-glow-accent2 scale-110': step.status === 'failed',\n                  },\n                )}\n              >\n                {step.status === 'running' ? <Spinner /> : idx + 1}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n      <div className={cn('text-center text-ui-sm text-neutral3', transitions.colors)}>\n        {completedSteps} of {totalSteps} steps completed\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Steps.es.js","sources":["../../src/ds/components/Steps/shared.tsx","../../src/ds/components/Steps/process-step-list-item.tsx","../../src/ds/components/Steps/process-step-list.tsx","../../src/ds/components/Steps/process-step-progress-bar.tsx"],"sourcesContent":["import { CheckIcon, XIcon } from 'lucide-react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport function getStatusIcon(status: string) {\n  switch (status) {\n    case 'running':\n      return <Spinner size=\"sm\" aria-hidden />;\n    case 'success':\n      return <CheckIcon aria-hidden />;\n    case 'failed':\n      return <XIcon aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport type ProcessStep = {\n  id: string;\n  status: string;\n  description: string;\n  title: string;\n  isActive: boolean;\n};\n","import { getStatusIcon } from './shared';\nimport type { ProcessStep } from './shared';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\ntype ProcessStepListItemVariant = 'default' | 'plain';\n\n/** Same ring geometry and stroke as `<Spinner size=\"sm\" />`, so pending and running read as one shape. */\nfunction PendingRing() {\n  return (\n    <svg viewBox=\"0 0 24 24\" className=\"text-placeholder\" aria-hidden>\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r=\"8.5\"\n        pathLength=\"48\"\n        fill=\"none\"\n        stroke=\"currentcolor\"\n        strokeWidth=\"2.8\"\n        strokeLinecap=\"round\"\n        strokeDasharray=\"3 3\"\n      />\n    </svg>\n  );\n}\n\nfunction StepStatusMarker({ status, variant }: { status: string; variant: ProcessStepListItemVariant }) {\n  if (variant === 'plain') {\n    return (\n      <span\n        className={cn('flex size-4 items-center justify-center self-center [&>svg]:size-4', transitions.colors, {\n          '[&>svg]:text-positive1': status === 'success',\n          '[&>svg]:text-negative1': status === 'failed',\n        })}\n      >\n        {status === 'pending' ? <PendingRing /> : getStatusIcon(status)}\n      </span>\n    );\n  }\n\n  return (\n    <span\n      className={cn(\n        'flex size-7 items-center justify-center self-center rounded-full motion-reduce:transition-none',\n        transitions.colors,\n        transitions.transform,\n        {\n          '[&>svg]:text-notice-success-fg': status === 'success',\n          '[&>svg]:text-notice-destructive-fg': status === 'failed',\n          'border border-dashed border-placeholder': status === 'pending',\n          '[&>svg]:size-4': status !== 'running',\n          'bg-accent1Dark': status === 'success',\n          'bg-accent2Dark': status === 'failed',\n          'scale-110': status === 'success' || status === 'failed',\n        },\n      )}\n    >\n      {getStatusIcon(status)}\n    </span>\n  );\n}\n\nexport type ProcessStepListItemProps = {\n  /** @deprecated Ignored — the heading comes from `step.title`. */\n  stepId?: string;\n  step: ProcessStep;\n  isActive: boolean;\n  position: number;\n  variant?: ProcessStepListItemVariant;\n};\n\nexport function ProcessStepListItem({ step, isActive, position, variant = 'default' }: ProcessStepListItemProps) {\n  return (\n    <div\n      className={cn(\n        'grid grid-cols-[1fr_auto] gap-6 rounded-lg px-4 py-3 motion-reduce:transition-none',\n        transitions.colors,\n        {\n          'border border-transparent': variant === 'default',\n          'border-dashed border-placeholder bg-card': isActive && variant === 'default',\n        },\n      )}\n    >\n      <div className=\"grid min-w-0 grid-cols-[auto_1fr] gap-2\">\n        <span\n          className={cn('flex min-w-6 justify-end text-body', transitions.colors, {\n            'text-foreground': isActive || step.status === 'success',\n            'text-muted-foreground': !isActive && step.status !== 'success',\n          })}\n        >\n          {position}.\n        </span>\n        <div className=\"min-w-0\">\n          <h4\n            className={cn('text-body', transitions.colors, {\n              'text-foreground': isActive || step.status === 'success',\n              'text-muted-foreground': !isActive && step.status !== 'success',\n            })}\n          >\n            {step.title}\n          </h4>\n          {step.description && (\n            <p className={cn('-mt-0.5 text-body text-placeholder', { truncate: variant === 'plain' })}>\n              {step.description}\n            </p>\n          )}\n        </div>\n      </div>\n      <StepStatusMarker status={step.status} variant={variant} />\n    </div>\n  );\n}\n","import { ProcessStepListItem } from './process-step-list-item';\nimport type { ProcessStep } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport type ProcessStepListProps = {\n  currentStep: ProcessStep | null;\n  steps: ProcessStep[];\n  className?: string;\n};\n\nexport function ProcessStepList({ currentStep, steps = [], className }: ProcessStepListProps) {\n  return (\n    <div className={cn(className)}>\n      {steps.map((step: ProcessStep, idx: number) => (\n        <ProcessStepListItem key={step.id} step={step} isActive={currentStep?.id === step.id} position={idx + 1} />\n      ))}\n    </div>\n  );\n}\n","import type { ProcessStep } from './shared';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type ProcessStepProgressBarProps = {\n  steps: ProcessStep[];\n};\n\nexport function ProcessStepProgressBar({ steps }: ProcessStepProgressBarProps) {\n  const totalSteps = steps.length;\n  const completedSteps = steps.filter(step => step.status === 'success').length;\n\n  return (\n    <div className=\"flex w-full flex-col content-center justify-center gap-4\">\n      <div className=\"grid w-full grid-cols-[0_repeat(9,1fr)]\">\n        {steps.map((step: ProcessStep, idx: number) => {\n          return (\n            <div\n              key={step.id}\n              className={cn('relative flex h-8 items-center justify-end', transitions.colors, {\n                'bg-accent1Dark': step.status === 'success' && steps?.[idx - 1]?.status === 'success',\n              })}\n            >\n              <div\n                className={cn(\n                  'absolute right-0 z-10 flex size-8 translate-x-1/2 items-center justify-center self-center rounded-full bg-fill text-column text-muted-foreground motion-reduce:transition-none',\n                  transitions.colors,\n                  transitions.transform,\n                  {\n                    'border border-dashed border-placeholder': step.status === 'pending',\n                    'bg-accent1Dark text-notice-success-fg scale-110': step.status === 'success',\n                    'bg-accent2Dark text-notice-destructive-fg scale-110': step.status === 'failed',\n                  },\n                )}\n              >\n                {step.status === 'running' ? <Spinner /> : idx + 1}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n      <div className={cn('text-center text-caption text-muted-foreground', transitions.colors)}>\n        {completedSteps} of {totalSteps} steps completed\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Switch.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const _switch = require('../switch-CkEdGkeB.cjs');
+const _switch = require('../switch-6125Oajw.cjs');
 
 
 

package/dist/components/Switch.es.js

@@ -1,2 +1,2 @@
-export { S as Switch } from '../switch-CkHq0TIf.js';
+export { S as Switch } from '../switch-CE9jTpUG.js';
 //# sourceMappingURL=Switch.es.js.map