agentic-ds-kit 0.1.0 → 0.2.0

package/{ui → dist/ui}/Progress/Progress.module.css

@@ -1,16 +1,16 @@
-.root {
+._root_60d1x_1 {
   display: grid;
   gap: var(--space-2);
   width: 100%;
   min-width: 0;
 }
 
-.circle,
-.semicircle {
+._circle_60d1x_8,
+._semicircle_60d1x_9 {
   width: fit-content;
 }
 
-.meta {
+._meta_60d1x_13 {
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -18,7 +18,7 @@
   min-width: 0;
 }
 
-.label {
+._label_60d1x_21 {
   min-width: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body-sm);
@@ -28,7 +28,7 @@
   overflow-wrap: anywhere;
 }
 
-.value {
+._value_60d1x_31 {
   flex-shrink: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
@@ -37,78 +37,78 @@
   color: var(--text-primary);
 }
 
-.track {
+._track_60d1x_40 {
   width: 100%;
   overflow: hidden;
   border-radius: var(--radius-pill);
 }
 
-.brand .track {
+._brand_60d1x_46 ._track_60d1x_40 {
   background-color: var(--fill-brand-subtle);
 }
 
-.brand .fill {
+._brand_60d1x_46 ._fill_60d1x_50 {
   background-color: var(--fill-brand);
 }
 
-.brand .trackArc {
+._brand_60d1x_46 ._trackArc_60d1x_54 {
   stroke: var(--fill-brand-subtle);
 }
 
-.brand .valueArc {
+._brand_60d1x_46 ._valueArc_60d1x_58 {
   stroke: var(--fill-brand);
 }
 
-.danger .track {
+._danger_60d1x_62 ._track_60d1x_40 {
   background-color: var(--fill-danger-subtle);
 }
 
-.danger .fill {
+._danger_60d1x_62 ._fill_60d1x_50 {
   background-color: var(--fill-danger);
 }
 
-.danger .trackArc {
+._danger_60d1x_62 ._trackArc_60d1x_54 {
   stroke: var(--fill-danger-subtle);
 }
 
-.danger .valueArc {
+._danger_60d1x_62 ._valueArc_60d1x_58 {
   stroke: var(--fill-danger);
 }
 
-.muted .track {
+._muted_60d1x_78 ._track_60d1x_40 {
   background-color: var(--fill-subtle);
 }
 
-.muted .fill {
+._muted_60d1x_78 ._fill_60d1x_50 {
   background-color: var(--fill-strong);
 }
 
-.muted .trackArc {
+._muted_60d1x_78 ._trackArc_60d1x_54 {
   stroke: var(--fill-subtle);
 }
 
-.muted .valueArc {
+._muted_60d1x_78 ._valueArc_60d1x_58 {
   stroke: var(--fill-strong);
 }
 
-.sm .track {
+._sm_60d1x_94 ._track_60d1x_40 {
   height: var(--space-1);
 }
 
-.md .track {
+._md_60d1x_98 ._track_60d1x_40 {
   height: var(--space-2);
 }
 
-.lg .track {
+._lg_60d1x_102 ._track_60d1x_40 {
   height: var(--space-3);
 }
 
-.overlay .track {
+._overlay_60d1x_106 ._track_60d1x_40 {
   height: var(--space-5);
   position: relative;
 }
 
-.overlayValue {
+._overlayValue_60d1x_111 {
   position: absolute;
   left: 50%;
   top: 50%;
@@ -126,59 +126,59 @@
   white-space: nowrap;
 }
 
-.row {
+._row_60d1x_129 {
   display: flex;
   align-items: center;
   gap: var(--space-2);
 }
 
-.row .track {
+._row_60d1x_129 ._track_60d1x_40 {
   flex: 1;
   min-width: 0;
 }
 
-.fill {
+._fill_60d1x_50 {
   height: 100%;
   border-radius: inherit;
   transform-origin: left center;
-  animation: progressLoad var(--motion-duration-400) var(--motion-ease-out) both;
+  animation: _progressLoad_60d1x_1 var(--motion-duration-400) var(--motion-ease-out) both;
   transition: width var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-.meter {
+._meter_60d1x_148 {
   position: relative;
   width: var(--progress-size);
   height: var(--progress-size);
   overflow: hidden;
 }
 
-.semicircle .meter {
+._semicircle_60d1x_9 ._meter_60d1x_148 {
   display: grid;
   align-items: end; /* U sits in the bottom half */
 }
 
-.ring {
+._ring_60d1x_160 {
   display: block;
   overflow: hidden;
 }
 
-.semicircle .ring {
+._semicircle_60d1x_9 ._ring_60d1x_160 {
   justify-self: stretch;
 }
 
-.trackArc,
-.valueArc {
+._trackArc_60d1x_54,
+._valueArc_60d1x_58 {
   fill: none;
   stroke-linecap: butt;
 }
 
-.valueArc {
+._valueArc_60d1x_58 {
   stroke-dashoffset: var(--progress-offset);
-  animation: progressArcLoad var(--motion-duration-400) var(--motion-ease-out) both;
+  animation: _progressArcLoad_60d1x_1 var(--motion-duration-400) var(--motion-ease-out) both;
   transition: stroke-dashoffset var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-.holeValue {
+._holeValue_60d1x_181 {
   position: absolute;
   left: 50%;
   top: 50%;
@@ -193,13 +193,13 @@
   white-space: nowrap;
 }
 
-.semicircle .holeValue {
+._semicircle_60d1x_9 ._holeValue_60d1x_181 {
   top: 50%;
   transform: translate(-50%, 0);
   padding-top: var(--space-2);
 }
 
-@keyframes progressLoad {
+@keyframes _progressLoad_60d1x_1 {
   from {
     transform: scaleX(0);
   }
@@ -208,7 +208,7 @@
   }
 }
 
-@keyframes progressArcLoad {
+@keyframes _progressArcLoad_60d1x_1 {
   from {
     stroke-dashoffset: var(--progress-c);
   }
@@ -218,8 +218,8 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .fill,
-  .valueArc {
+  ._fill_60d1x_50,
+  ._valueArc_60d1x_58 {
     animation: none;
     transition: none;
   }

package/dist/ui/Progress/Progress.module.js

@@ -0,0 +1,32 @@
+import "./Progress.module.css";
+//#region ui/Progress/Progress.module.css
+var e = "_root_60d1x_1", t = "_circle_60d1x_8", n = "_semicircle_60d1x_9", r = "_meta_60d1x_13", i = "_label_60d1x_21", a = "_value_60d1x_31", o = "_track_60d1x_40", s = "_brand_60d1x_46", c = "_fill_60d1x_50", l = "_trackArc_60d1x_54", u = "_valueArc_60d1x_58", d = "_danger_60d1x_62", f = "_muted_60d1x_78", p = "_sm_60d1x_94", m = "_md_60d1x_98", h = "_lg_60d1x_102", g = "_overlay_60d1x_106", _ = "_overlayValue_60d1x_111", v = "_row_60d1x_129", y = "_progressLoad_60d1x_1", b = "_meter_60d1x_148", x = "_ring_60d1x_160", S = "_progressArcLoad_60d1x_1", C = "_holeValue_60d1x_181", w = {
+	root: e,
+	circle: t,
+	semicircle: n,
+	meta: r,
+	label: i,
+	value: a,
+	track: o,
+	brand: s,
+	fill: c,
+	trackArc: l,
+	valueArc: u,
+	danger: d,
+	muted: f,
+	sm: p,
+	md: m,
+	lg: h,
+	overlay: g,
+	overlayValue: _,
+	row: v,
+	progressLoad: y,
+	meter: b,
+	ring: x,
+	progressArcLoad: S,
+	holeValue: C
+};
+//#endregion
+export { s as brand, t as circle, d as danger, w as default, c as fill, C as holeValue, i as label, h as lg, m as md, r as meta, b as meter, f as muted, g as overlay, _ as overlayValue, S as progressArcLoad, y as progressLoad, x as ring, e as root, v as row, n as semicircle, p as sm, o as track, l as trackArc, a as value, u as valueArc };
+
+//# sourceMappingURL=Progress.module.js.map

package/dist/ui/Progress/Progress.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.module.js","names":[],"sources":["../../../ui/Progress/Progress.module.css"],"sourcesContent":[".root {\n  display: grid;\n  gap: var(--space-2);\n  width: 100%;\n  min-width: 0;\n}\n\n.circle,\n.semicircle {\n  width: fit-content;\n}\n\n.meta {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--space-3);\n  min-width: 0;\n}\n\n.label {\n  min-width: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-body);\n  color: var(--text-primary);\n  overflow-wrap: anywhere;\n}\n\n.value {\n  flex-shrink: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  line-height: var(--type-line-body);\n  font-variant-numeric: tabular-nums;\n  color: var(--text-primary);\n}\n\n.track {\n  width: 100%;\n  overflow: hidden;\n  border-radius: var(--radius-pill);\n}\n\n.brand .track {\n  background-color: var(--fill-brand-subtle);\n}\n\n.brand .fill {\n  background-color: var(--fill-brand);\n}\n\n.brand .trackArc {\n  stroke: var(--fill-brand-subtle);\n}\n\n.brand .valueArc {\n  stroke: var(--fill-brand);\n}\n\n.danger .track {\n  background-color: var(--fill-danger-subtle);\n}\n\n.danger .fill {\n  background-color: var(--fill-danger);\n}\n\n.danger .trackArc {\n  stroke: var(--fill-danger-subtle);\n}\n\n.danger .valueArc {\n  stroke: var(--fill-danger);\n}\n\n.muted .track {\n  background-color: var(--fill-subtle);\n}\n\n.muted .fill {\n  background-color: var(--fill-strong);\n}\n\n.muted .trackArc {\n  stroke: var(--fill-subtle);\n}\n\n.muted .valueArc {\n  stroke: var(--fill-strong);\n}\n\n.sm .track {\n  height: var(--space-1);\n}\n\n.md .track {\n  height: var(--space-2);\n}\n\n.lg .track {\n  height: var(--space-3);\n}\n\n.overlay .track {\n  height: var(--space-5);\n  position: relative;\n}\n\n.overlayValue {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  padding: 0 var(--space-1);\n  border-radius: var(--radius-control-sm);\n  background: var(--surface-card);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-body);\n  font-variant-numeric: tabular-nums;\n  color: var(--text-primary);\n  white-space: nowrap;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n}\n\n.row .track {\n  flex: 1;\n  min-width: 0;\n}\n\n.fill {\n  height: 100%;\n  border-radius: inherit;\n  transform-origin: left center;\n  animation: progressLoad var(--motion-duration-400) var(--motion-ease-out) both;\n  transition: width var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.meter {\n  position: relative;\n  width: var(--progress-size);\n  height: var(--progress-size);\n  overflow: hidden;\n}\n\n.semicircle .meter {\n  display: grid;\n  align-items: end; /* U sits in the bottom half */\n}\n\n.ring {\n  display: block;\n  overflow: hidden;\n}\n\n.semicircle .ring {\n  justify-self: stretch;\n}\n\n.trackArc,\n.valueArc {\n  fill: none;\n  stroke-linecap: butt;\n}\n\n.valueArc {\n  stroke-dashoffset: var(--progress-offset);\n  animation: progressArcLoad var(--motion-duration-400) var(--motion-ease-out) both;\n  transition: stroke-dashoffset var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.holeValue {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-body);\n  font-variant-numeric: tabular-nums;\n  color: var(--text-primary);\n  white-space: nowrap;\n}\n\n.semicircle .holeValue {\n  top: 50%;\n  transform: translate(-50%, 0);\n  padding-top: var(--space-2);\n}\n\n@keyframes progressLoad {\n  from {\n    transform: scaleX(0);\n  }\n  to {\n    transform: scaleX(1);\n  }\n}\n\n@keyframes progressArcLoad {\n  from {\n    stroke-dashoffset: var(--progress-c);\n  }\n  to {\n    stroke-dashoffset: var(--progress-offset);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fill,\n  .valueArc {\n    animation: none;\n    transition: none;\n  }\n}\n"],"mappings":""}

package/{ui/Progress/Progress.types.ts → dist/ui/Progress/Progress.types.d.ts}

@@ -2,14 +2,13 @@ export type ProgressSize = "sm" | "md" | "lg";
 export type ProgressValuePosition = "overlay" | "end";
 export type ProgressTone = "brand" | "danger" | "muted";
 export type ProgressShape = "bar" | "circle" | "semicircle";
-
 export interface ProgressProps {
-  value?: number;
-  size?: ProgressSize;
-  shape?: ProgressShape;
-  label?: string;
-  showValue?: boolean;
-  valuePosition?: ProgressValuePosition;
-  tone?: ProgressTone;
-  ariaLabel?: string;
+    value?: number;
+    size?: ProgressSize;
+    shape?: ProgressShape;
+    label?: string;
+    showValue?: boolean;
+    valuePosition?: ProgressValuePosition;
+    tone?: ProgressTone;
+    ariaLabel?: string;
 }

package/dist/ui/Progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress } from './Progress';
+export type { ProgressProps, ProgressShape, ProgressSize, ProgressValuePosition, ProgressTone, } from './Progress.types';

package/dist/ui/ProgressSteps/ProgressSteps.d.ts

@@ -0,0 +1,3 @@
+import { ProgressStepsProps } from './ProgressSteps.types';
+export type { ProgressStepsItem, ProgressStepsOrientation, ProgressStepsProps, ProgressStepsSize, ProgressStepsStatus, } from './ProgressSteps.types';
+export declare function ProgressSteps({ steps, current, orientation, size, ariaLabel, className, }: ProgressStepsProps): import("react").JSX.Element | null;

package/dist/ui/ProgressSteps/ProgressSteps.js

@@ -0,0 +1,92 @@
+import e from "./ProgressSteps.module.js";
+import { Check as t, X as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region ui/ProgressSteps/ProgressSteps.tsx
+var a = {
+	sm: 12,
+	md: 14
+}, o = [
+	"complete",
+	"current",
+	"upcoming",
+	"error"
+];
+function s(e) {
+	return Number.isFinite(e) ? Math.max(0, Math.round(e)) : 0;
+}
+function c(e) {
+	return !!(e && o.includes(e));
+}
+function l(e, t, n) {
+	return c(e.status) ? e.status : t < n ? "complete" : t === n ? "current" : "upcoming";
+}
+function u(e) {
+	return e === "complete" ? "Completed" : e === "current" ? "Current" : e === "error" ? "Error" : "Upcoming";
+}
+function d({ steps: o, current: c = 0, orientation: d = "horizontal", size: f = "md", ariaLabel: p = "Progress", className: m = "" }) {
+	if (!o.length) return null;
+	let h = s(c), g = a[f], _ = o.map((e, t) => l(e, t, h));
+	return /* @__PURE__ */ r("nav", {
+		"aria-label": p,
+		className: `${e.root} ${e[d]} ${e[f]} ${m}`.trim(),
+		children: /* @__PURE__ */ r("ol", {
+			className: e.list,
+			children: o.map((a, s) => {
+				let c = _[s], l = s > 0 && _[s - 1] === "complete", f = c === "complete", p = `${e.line} ${e.lineStart} ${l ? e.lineComplete : ""}`.trim(), m = `${e.line} ${e.lineEnd} ${f ? e.lineComplete : ""}`.trim(), h = /* @__PURE__ */ r("span", {
+					className: e.marker,
+					children: c === "complete" ? /* @__PURE__ */ r(t, {
+						size: g,
+						strokeWidth: 2.5,
+						color: "currentColor",
+						"aria-hidden": !0
+					}) : c === "error" ? /* @__PURE__ */ r(n, {
+						size: g,
+						strokeWidth: 2.5,
+						color: "currentColor",
+						"aria-hidden": !0
+					}) : /* @__PURE__ */ r("span", {
+						className: e.number,
+						children: s + 1
+					})
+				});
+				return /* @__PURE__ */ i("li", {
+					className: `${e.step} ${e[c]}`,
+					"aria-current": c === "current" ? "step" : void 0,
+					children: [
+						/* @__PURE__ */ r("span", {
+							className: e.srOnly,
+							children: `${u(c)}, step ${s + 1} of ${o.length}`
+						}),
+						d === "horizontal" ? /* @__PURE__ */ i("div", {
+							className: e.markerRow,
+							"aria-hidden": "true",
+							children: [
+								/* @__PURE__ */ r("span", { className: p }),
+								h,
+								/* @__PURE__ */ r("span", { className: m })
+							]
+						}) : /* @__PURE__ */ i("span", {
+							className: e.rail,
+							"aria-hidden": "true",
+							children: [h, s < o.length - 1 ? /* @__PURE__ */ r("span", { className: m }) : null]
+						}),
+						/* @__PURE__ */ i("div", {
+							className: e.copy,
+							children: [/* @__PURE__ */ r("span", {
+								className: e.label,
+								children: a.label
+							}), a.description ? /* @__PURE__ */ r("span", {
+								className: e.description,
+								children: a.description
+							}) : null]
+						})
+					]
+				}, a.id);
+			})
+		})
+	});
+}
+//#endregion
+export { d as ProgressSteps };
+
+//# sourceMappingURL=ProgressSteps.js.map

package/dist/ui/ProgressSteps/ProgressSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSteps.js","names":[],"sources":["../../../ui/ProgressSteps/ProgressSteps.tsx"],"sourcesContent":["import { Check, X } from \"lucide-react\";\nimport type { ProgressStepsItem, ProgressStepsProps, ProgressStepsStatus } from \"./ProgressSteps.types\";\nimport styles from \"./ProgressSteps.module.css\";\n\nexport type {\n  ProgressStepsItem,\n  ProgressStepsOrientation,\n  ProgressStepsProps,\n  ProgressStepsSize,\n  ProgressStepsStatus,\n} from \"./ProgressSteps.types\";\n\nconst ICON_SIZE = { sm: 12, md: 14 } as const;\nconst STATUSES: readonly ProgressStepsStatus[] = [\"complete\", \"current\", \"upcoming\", \"error\"];\n\nfunction clampCurrent(value: number): number {\n  if (!Number.isFinite(value)) return 0;\n  return Math.max(0, Math.round(value));\n}\n\nfunction isStatus(value: ProgressStepsStatus | undefined): value is ProgressStepsStatus {\n  return Boolean(value && STATUSES.includes(value));\n}\n\nfunction resolveStatus(step: ProgressStepsItem, index: number, current: number): ProgressStepsStatus {\n  if (isStatus(step.status)) return step.status;\n  if (index < current) return \"complete\";\n  if (index === current) return \"current\";\n  return \"upcoming\";\n}\n\nfunction statusPhrase(status: ProgressStepsStatus): string {\n  if (status === \"complete\") return \"Completed\";\n  if (status === \"current\") return \"Current\";\n  if (status === \"error\") return \"Error\";\n  return \"Upcoming\";\n}\n\nexport function ProgressSteps({\n  steps,\n  current = 0,\n  orientation = \"horizontal\",\n  size = \"md\",\n  ariaLabel = \"Progress\",\n  className = \"\",\n}: ProgressStepsProps) {\n  if (!steps.length) return null;\n\n  const currentIndex = clampCurrent(current);\n  const iconPx = ICON_SIZE[size];\n  const statuses = steps.map((step, index) => resolveStatus(step, index, currentIndex));\n\n  return (\n    <nav aria-label={ariaLabel} className={`${styles.root} ${styles[orientation]} ${styles[size]} ${className}`.trim()}>\n      <ol className={styles.list}>\n        {steps.map((step, index) => {\n          const status = statuses[index];\n          const prevComplete = index > 0 && statuses[index - 1] === \"complete\";\n          const thisComplete = status === \"complete\";\n          const lineStartClass = `${styles.line} ${styles.lineStart} ${prevComplete ? styles.lineComplete : \"\"}`.trim();\n          const lineEndClass = `${styles.line} ${styles.lineEnd} ${thisComplete ? styles.lineComplete : \"\"}`.trim();\n          const marker = (\n            <span className={styles.marker}>\n              {status === \"complete\" ? (\n                <Check size={iconPx} strokeWidth={2.5} color=\"currentColor\" aria-hidden />\n              ) : status === \"error\" ? (\n                <X size={iconPx} strokeWidth={2.5} color=\"currentColor\" aria-hidden />\n              ) : (\n                <span className={styles.number}>{index + 1}</span>\n              )}\n            </span>\n          );\n\n          return (\n            <li\n              key={step.id}\n              className={`${styles.step} ${styles[status]}`}\n              aria-current={status === \"current\" ? \"step\" : undefined}\n            >\n              <span className={styles.srOnly}>\n                {`${statusPhrase(status)}, step ${index + 1} of ${steps.length}`}\n              </span>\n              {orientation === \"horizontal\" ? (\n                <div className={styles.markerRow} aria-hidden=\"true\">\n                  <span className={lineStartClass} />\n                  {marker}\n                  <span className={lineEndClass} />\n                </div>\n              ) : (\n                <span className={styles.rail} aria-hidden=\"true\">\n                  {marker}\n                  {index < steps.length - 1 ? <span className={lineEndClass} /> : null}\n                </span>\n              )}\n              <div className={styles.copy}>\n                <span className={styles.label}>{step.label}</span>\n                {step.description ? <span className={styles.description}>{step.description}</span> : null}\n              </div>\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n"],"mappings":"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"}

package/{ui → dist/ui}/ProgressSteps/ProgressSteps.module.css

@@ -1,9 +1,9 @@
-.root {
+._root_ootv2_1 {
   width: 100%;
   min-width: 0;
 }
 
-.list {
+._list_ootv2_6 {
   display: flex;
   width: 100%;
   margin: 0;
@@ -11,16 +11,16 @@
   list-style: none;
 }
 
-.horizontal .list {
+._horizontal_ootv2_14 ._list_ootv2_6 {
   align-items: flex-start;
 }
 
-.vertical .list {
+._vertical_ootv2_18 ._list_ootv2_6 {
   display: grid;
   width: 100%;
 }
 
-.step {
+._step_ootv2_23 {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -29,7 +29,7 @@
   min-width: 0;
 }
 
-.vertical .step {
+._vertical_ootv2_18 ._step_ootv2_23 {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
   column-gap: var(--space-4);
@@ -37,19 +37,19 @@
   flex: none;
 }
 
-.markerRow {
+._markerRow_ootv2_40 {
   display: flex;
   align-items: center;
   width: 100%;
 }
 
-.rail {
+._rail_ootv2_46 {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 
-.line {
+._line_ootv2_52 {
   flex: 1;
   min-width: var(--space-2);
   height: var(--border-width-medium);
@@ -57,16 +57,16 @@
   transition: background-color var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-.lineComplete {
+._lineComplete_ootv2_60 {
   background: var(--fill-strong);
 }
 
-.horizontal .step:first-child .lineStart,
-.horizontal .step:last-child .lineEnd {
+._horizontal_ootv2_14 ._step_ootv2_23:first-child ._lineStart_ootv2_64,
+._horizontal_ootv2_14 ._step_ootv2_23:last-child ._lineEnd_ootv2_65 {
   visibility: hidden;
 }
 
-.vertical .line {
+._vertical_ootv2_18 ._line_ootv2_52 {
   width: var(--border-width-medium);
   min-width: 0;
   min-height: var(--space-6);
@@ -74,7 +74,7 @@
   margin-block: var(--space-1);
 }
 
-.marker {
+._marker_ootv2_40 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -92,49 +92,49 @@
     box-shadow var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-.sm .marker {
+._sm_ootv2_95 ._marker_ootv2_40 {
   width: var(--space-6);
   height: var(--space-6);
   font-size: var(--type-size-caption);
 }
 
-.md .marker {
+._md_ootv2_101 ._marker_ootv2_40 {
   width: var(--space-8);
   height: var(--space-8);
   font-size: var(--type-size-body-sm);
 }
 
-.complete .marker {
+._complete_ootv2_107 ._marker_ootv2_40 {
   border: var(--border-width-medium) solid var(--fill-strong);
   background: var(--fill-strong);
   color: var(--icon-inverse);
 }
 
-.current .marker {
+._current_ootv2_113 ._marker_ootv2_40 {
   border: var(--border-width-medium) solid var(--border-brand);
   background: var(--surface-card);
   color: var(--text-brand);
   box-shadow: 0 0 0 var(--space-1) var(--fill-brand-subtle);
 }
 
-.upcoming .marker {
+._upcoming_ootv2_120 ._marker_ootv2_40 {
   border: var(--border-width-thin) solid var(--border-strong);
   background: var(--surface-card);
   color: var(--text-muted);
 }
 
-.error .marker {
+._error_ootv2_126 ._marker_ootv2_40 {
   border: var(--border-width-medium) solid var(--fill-danger);
   background: var(--fill-danger);
   color: var(--icon-inverse);
 }
 
-.number {
+._number_ootv2_132 {
   font: inherit;
   color: inherit;
 }
 
-.copy {
+._copy_ootv2_137 {
   display: grid;
   gap: var(--space-1);
   margin-top: var(--space-3);
@@ -144,7 +144,7 @@
   text-align: center;
 }
 
-.vertical .copy {
+._vertical_ootv2_18 ._copy_ootv2_137 {
   margin-top: 0;
   padding-inline: 0;
   padding-block-end: var(--space-6);
@@ -152,11 +152,11 @@
   align-self: start;
 }
 
-.vertical .step:last-child .copy {
+._vertical_ootv2_18 ._step_ootv2_23:last-child ._copy_ootv2_137 {
   padding-block-end: 0;
 }
 
-.label {
+._label_ootv2_159 {
   font-family: var(--font-sans);
   font-size: var(--type-size-label);
   font-weight: var(--type-weight-label);
@@ -165,19 +165,19 @@
   overflow-wrap: anywhere;
 }
 
-.sm .label {
+._sm_ootv2_95 ._label_ootv2_159 {
   font-size: var(--type-size-caption);
 }
 
-.upcoming .label {
+._upcoming_ootv2_120 ._label_ootv2_159 {
   color: var(--text-secondary);
 }
 
-.error .label {
+._error_ootv2_126 ._label_ootv2_159 {
   color: var(--text-danger);
 }
 
-.description {
+._description_ootv2_180 {
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
   font-weight: var(--type-weight-body);
@@ -186,11 +186,11 @@
   overflow-wrap: anywhere;
 }
 
-.upcoming .description {
+._upcoming_ootv2_120 ._description_ootv2_180 {
   color: var(--text-muted);
 }
 
-.srOnly {
+._srOnly_ootv2_193 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -203,8 +203,8 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .line,
-  .marker {
+  ._line_ootv2_52,
+  ._marker_ootv2_40 {
     transition: none;
   }
 }

package/dist/ui/ProgressSteps/ProgressSteps.module.js

@@ -0,0 +1,31 @@
+import "./ProgressSteps.module.css";
+//#region ui/ProgressSteps/ProgressSteps.module.css
+var e = "_root_ootv2_1", t = "_list_ootv2_6", n = "_horizontal_ootv2_14", r = "_vertical_ootv2_18", i = "_step_ootv2_23", a = "_markerRow_ootv2_40", o = "_rail_ootv2_46", s = "_line_ootv2_52", c = "_lineComplete_ootv2_60", l = "_lineStart_ootv2_64", u = "_lineEnd_ootv2_65", d = "_marker_ootv2_40", f = "_sm_ootv2_95", p = "_md_ootv2_101", m = "_complete_ootv2_107", h = "_current_ootv2_113", g = "_upcoming_ootv2_120", _ = "_error_ootv2_126", v = "_number_ootv2_132", y = "_copy_ootv2_137", b = "_label_ootv2_159", x = "_description_ootv2_180", S = "_srOnly_ootv2_193", C = {
+	root: e,
+	list: t,
+	horizontal: n,
+	vertical: r,
+	step: i,
+	markerRow: a,
+	rail: o,
+	line: s,
+	lineComplete: c,
+	lineStart: l,
+	lineEnd: u,
+	marker: d,
+	sm: f,
+	md: p,
+	complete: m,
+	current: h,
+	upcoming: g,
+	error: _,
+	number: v,
+	copy: y,
+	label: b,
+	description: x,
+	srOnly: S
+};
+//#endregion
+export { m as complete, y as copy, h as current, C as default, x as description, _ as error, n as horizontal, b as label, s as line, c as lineComplete, u as lineEnd, l as lineStart, t as list, d as marker, a as markerRow, p as md, v as number, o as rail, e as root, f as sm, S as srOnly, i as step, g as upcoming, r as vertical };
+
+//# sourceMappingURL=ProgressSteps.module.js.map