@spark-ui/components 17.2.3 → 17.2.4-beta.0

package/dist/progress-tracker/index.mjs

@@ -1,385 +1,308 @@
-import { jsx as e, jsxs as j, Fragment as O } from "react/jsx-runtime";
-import { cx as y, cva as x } from "class-variance-authority";
-import { createContext as S, useContext as P, useState as $, useId as A, useEffect as E } from "react";
-import { Check as F } from "@spark-ui/icons/Check";
-import { I as M } from "../Icon-BO327oHU.mjs";
-const R = y([
-  "flex flex-nowrap items-start group/list",
-  "data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:w-full",
-  "data-[orientation=vertical]:flex-col"
-]), I = S(
-  {}
-), T = S(
-  {}
-), w = () => P(I), N = () => P(T), B = ":progress-tracker", C = ({
-  stepIndex: t = 0,
-  onStepClick: a,
-  readOnly: r = !1,
-  intent: n = "support",
-  size: s = "lg",
-  orientation: l = "horizontal",
-  children: o,
-  className: p,
-  ref: b,
-  ...d
-}) => {
-  const [g, v] = $(/* @__PURE__ */ new Map()), c = r ? "div" : "nav";
-  return /* @__PURE__ */ e(
-    I.Provider,
-    {
-      value: { stepIndex: t, onStepClick: a, steps: g, setSteps: v, size: s, intent: n, readOnly: r },
-      children: /* @__PURE__ */ e(
-        c,
-        {
-          ref: b,
-          "data-spark-component": "progress-tracker",
-          className: y("inline-flex", p),
-          ...d,
-          children: /* @__PURE__ */ e(
-            "ol",
-            {
-              "data-orientation": l,
-              className: R,
-              style: { counterReset: "step" },
-              children: o
-            }
-          )
-        }
-      )
-    }
-  );
+import { t as e } from "../icon-D05Uqh8_.mjs";
+import { cva as t, cx as n } from "class-variance-authority";
+import { createContext as r, useContext as i, useEffect as a, useId as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Check as d } from "@spark-ui/icons/Check";
+//#region src/progress-tracker/ProgressTracker.styles.ts
+var f = n([
+	"flex flex-nowrap items-start group/list",
+	"data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:w-full",
+	"data-[orientation=vertical]:flex-col"
+]), p = r({}), m = r({}), h = () => i(p), g = () => i(m), _ = ":progress-tracker", v = ({ stepIndex: e = 0, onStepClick: t, readOnly: r = !1, intent: i = "support", size: a = "lg", orientation: o = "horizontal", children: c, className: u, ref: d, ...m }) => {
+	let [h, g] = s(/* @__PURE__ */ new Map()), _ = r ? "div" : "nav";
+	return /* @__PURE__ */ l(p.Provider, {
+		value: {
+			stepIndex: e,
+			onStepClick: t,
+			steps: h,
+			setSteps: g,
+			size: a,
+			intent: i,
+			readOnly: r
+		},
+		children: /* @__PURE__ */ l(_, {
+			ref: d,
+			"data-spark-component": "progress-tracker",
+			className: n("inline-flex", u),
+			...m,
+			children: /* @__PURE__ */ l("ol", {
+				"data-orientation": o,
+				className: f,
+				style: { counterReset: "step" },
+				children: c
+			})
+		})
+	});
 };
-C.displayName = "ProgressTracker";
-const D = x(
-  [
-    "relative inline-flex items-start flex-auto first:grow-0 justify-center group/item",
-    // Progress Track
-    "after:absolute after:z-base",
-    "last:after:content-none",
-    "after:bg-outline",
-    "group-data-[orientation=horizontal]/list:before:bg-outline",
-    // Horizontal orientation
-    "group-data-[orientation=horizontal]/list:px-[1px]",
-    "group-data-[orientation=horizontal]/list:before:absolute group-data-[orientation=horizontal]/list:before:z-base",
-    "group-data-[orientation=horizontal]/list:before:left-0 group-data-[orientation=horizontal]/list:after:right-0",
-    "group-data-[orientation=horizontal]/list:before:h-[1px] group-data-[orientation=horizontal]/list:after:h-[1px]",
-    "first:group-data-[orientation=horizontal]/list:before:content-none",
-    // Vertical orientation
-    "group-data-[orientation=vertical]/list:py-[1px]",
-    "group-data-[orientation=vertical]/list:items-start",
-    "group-data-[orientation=vertical]/list:after:w-[1px] group-data-[orientation=vertical]/list:after:bottom-[-1px]"
-  ],
-  {
-    variants: {
-      size: {
-        sm: [
-          // Horizontal orientation
-          "group-data-[orientation=horizontal]/list:before:top-[8px] group-data-[orientation=horizontal]/list:after:top-[8px]",
-          "group-data-[orientation=horizontal]/list:before:right-[calc(50%+12px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+12px)]",
-          "first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+10px)]",
-          "last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+10px)]",
-          // Vertical orientation
-          "group-data-[orientation=vertical]/list:after:left-[8px]",
-          "group-data-[orientation=vertical]/list:after:top-[25px]",
-          "first:group-data-[orientation=vertical]/list:after:top-[21px]"
-        ],
-        md: [
-          // Horizontal orientation
-          "group-data-[orientation=horizontal]/list:before:top-[12px] group-data-[orientation=horizontal]/list:after:top-[12px]",
-          "group-data-[orientation=horizontal]/list:before:right-[calc(50%+16px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+16px)]",
-          "first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+14px)]",
-          "last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+14px)]",
-          // Vertical orientation
-          "group-data-[orientation=vertical]/list:after:left-[12px]",
-          "group-data-[orientation=vertical]/list:after:top-[33px]",
-          "first:group-data-[orientation=vertical]/list:after:top-[29px]"
-        ],
-        lg: [
-          // Horizontal orientation
-          "group-data-[orientation=horizontal]/list:before:top-[16px] group-data-[orientation=horizontal]/list:after:top-[16px]",
-          "group-data-[orientation=horizontal]/list:before:right-[calc(50%+20px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+20px)]",
-          "first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+18px)]",
-          "last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+18px)]",
-          // Vertical orientation
-          "group-data-[orientation=vertical]/list:after:left-[16px]",
-          "group-data-[orientation=vertical]/list:after:top-[41px]",
-          "first:group-data-[orientation=vertical]/list:after:top-[37px]"
-        ]
-      },
-      intent: {
-        support: "",
-        neutral: "",
-        success: ""
-      },
-      disabled: {
-        true: "before:opacity-dim-3",
-        false: ""
-      },
-      disabledAfter: {
-        true: "after:opacity-dim-3",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      disabled: !1,
-      disabledAfter: !1,
-      size: "lg",
-      intent: "support"
-    }
-  }
-), X = x(
-  [
-    "relative flex group/btn disabled:cursor-default",
-    // Horizontal orientation
-    "group-data-[orientation=horizontal]/list:flex-col group-data-[orientation=horizontal]/list:items-center",
-    "group-data-[orientation=horizontal]/list:text-center group-data-[orientation=horizontal]/list:mx-sm",
-    "group-first/item:group-data-[orientation=horizontal]/list:ml-0 group-last/item:group-data-[orientation=horizontal]/list:mr-0",
-    // Vertical orientation
-    "group-data-[orientation=vertical]/list:flex-row group-data-[orientation=vertical]/list:items-start",
-    "group-data-[orientation=vertical]/list:text-left group-data-[orientation=vertical]/list:my-sm",
-    "group-first/item:group-data-[orientation=vertical]/list:mt-0 group-last/item:group-data-[orientation=vertical]/list:mb-0"
-  ],
-  {
-    variants: {
-      size: {
-        sm: [
-          "group-data-[orientation=horizontal]/list:min-w-sz-16 group-data-[orientation=horizontal]/list:mt-[16px]",
-          "group-data-[orientation=vertical]/list:min-h-sz-16 group-data-[orientation=vertical]/list:ml-[16px]"
-        ],
-        md: [
-          "group-data-[orientation=horizontal]/list:min-w-sz-24 group-data-[orientation=horizontal]/list:mt-[24px]",
-          "group-data-[orientation=vertical]/list:min-h-sz-24 group-data-[orientation=vertical]/list:ml-[24px]"
-        ],
-        lg: [
-          "group-data-[orientation=horizontal]/list:min-w-sz-32 group-data-[orientation=horizontal]/list:mt-[32px]",
-          "group-data-[orientation=vertical]/list:min-h-sz-32 group-data-[orientation=vertical]/list:ml-[32px]"
-        ]
-      },
-      readOnly: {
-        true: "cursor-default",
-        false: "cursor-pointer"
-      }
-    },
-    defaultVariants: {
-      size: "lg",
-      readOnly: !1
-    }
-  }
-), _ = x(
-  [
-    "relative flex shrink-0 justify-center items-center",
-    "rounded-full",
-    "text-body-2 font-bold",
-    "group-disabled/btn:opacity-dim-3"
-  ],
-  {
-    variants: {
-      size: {
-        sm: [
-          "w-sz-16 h-sz-16",
-          "group-data-[orientation=horizontal]/list:mt-[-16px]",
-          "group-data-[orientation=vertical]/list:ml-[-16px]"
-        ],
-        md: [
-          "w-sz-24 h-sz-24",
-          "group-data-[orientation=horizontal]/list:mt-[-24px]",
-          "group-data-[orientation=vertical]/list:ml-[-24px]"
-        ],
-        lg: [
-          "w-sz-32 h-sz-32",
-          "group-data-[orientation=horizontal]/list:mt-[-32px]",
-          "group-data-[orientation=vertical]/list:ml-[-32px]"
-        ]
-      },
-      intent: {
-        support: "",
-        neutral: "",
-        success: ""
-      },
-      state: {
-        complete: "",
-        incomplete: "",
-        active: ""
-      }
-    },
-    /**
-     * Known type issue with CVA compoundVariants and VS Code/Intellisense:
-     * https://github.com/joe-bell/cva/discussions/195#discussioncomment-6750163
-     * */
-    /* @ts-ignore */
-    compoundVariants: [
-      // Support
-      {
-        intent: "support",
-        state: ["complete", "incomplete"],
-        class: [
-          "text-on-support-container bg-support-container",
-          "group-hover/btn:group-data-[interactive=true]/btn:bg-support-container-hovered",
-          "group-hover/btn:group-data-[interactive=false]/btn:bg-support-container"
-        ]
-      },
-      {
-        intent: "support",
-        state: "active",
-        class: "text-on-support bg-support"
-      },
-      // Neutral
-      {
-        intent: "neutral",
-        state: ["complete", "incomplete"],
-        class: [
-          "text-on-neutral-container bg-neutral-container",
-          "group-hover/btn:group-data-[interactive=true]/btn:bg-neutral-container-hovered",
-          "group-hover/btn:group-data-[interactive=false]/btn:bg-neutral-container"
-        ]
-      },
-      {
-        intent: "neutral",
-        state: "active",
-        class: "text-on-neutral bg-neutral"
-      },
-      // Success
-      {
-        intent: "success",
-        state: ["complete", "incomplete"],
-        class: [
-          "text-on-success-container bg-success-container",
-          "group-hover/btn:group-data-[interactive=true]/btn:bg-success-container-hovered",
-          "group-hover/btn:group-data-[interactive=false]/btn:bg-success-container"
-        ]
-      },
-      {
-        intent: "success",
-        state: "active",
-        class: "text-on-success bg-success"
-      }
-    ],
-    defaultVariants: {
-      size: "lg",
-      state: "incomplete",
-      intent: "support"
-    }
-  }
-), q = () => /* @__PURE__ */ e(M, { size: "sm", children: /* @__PURE__ */ e(F, {}) }), h = ({
-  complete: t,
-  incomplete: a,
-  className: r
-}) => {
-  const { size: n, intent: s } = w(), { index: l, state: o } = N();
-  return /* @__PURE__ */ e("span", { className: _({ size: n, intent: s, state: o, className: r }), "aria-hidden": "true", children: n !== "sm" && /* @__PURE__ */ j(O, { children: [
-    o === "complete" && (t === void 0 ? /* @__PURE__ */ e(q, {}) : t),
-    o !== "complete" && (a === void 0 ? `${l + 1}` : a)
-  ] }) });
+v.displayName = "ProgressTracker";
+//#endregion
+//#region src/progress-tracker/ProgressTrackerStep.styles.ts
+var y = t([
+	"relative inline-flex items-start flex-auto first:grow-0 justify-center group/item",
+	"after:absolute after:z-base",
+	"last:after:content-none",
+	"after:bg-outline",
+	"group-data-[orientation=horizontal]/list:before:bg-outline",
+	"group-data-[orientation=horizontal]/list:px-[1px]",
+	"group-data-[orientation=horizontal]/list:before:absolute group-data-[orientation=horizontal]/list:before:z-base",
+	"group-data-[orientation=horizontal]/list:before:left-0 group-data-[orientation=horizontal]/list:after:right-0",
+	"group-data-[orientation=horizontal]/list:before:h-[1px] group-data-[orientation=horizontal]/list:after:h-[1px]",
+	"first:group-data-[orientation=horizontal]/list:before:content-none",
+	"group-data-[orientation=vertical]/list:py-[1px]",
+	"group-data-[orientation=vertical]/list:items-start",
+	"group-data-[orientation=vertical]/list:after:w-[1px] group-data-[orientation=vertical]/list:after:bottom-[-1px]"
+], {
+	variants: {
+		size: {
+			sm: [
+				"group-data-[orientation=horizontal]/list:before:top-[8px] group-data-[orientation=horizontal]/list:after:top-[8px]",
+				"group-data-[orientation=horizontal]/list:before:right-[calc(50%+12px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+12px)]",
+				"first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+10px)]",
+				"last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+10px)]",
+				"group-data-[orientation=vertical]/list:after:left-[8px]",
+				"group-data-[orientation=vertical]/list:after:top-[25px]",
+				"first:group-data-[orientation=vertical]/list:after:top-[21px]"
+			],
+			md: [
+				"group-data-[orientation=horizontal]/list:before:top-[12px] group-data-[orientation=horizontal]/list:after:top-[12px]",
+				"group-data-[orientation=horizontal]/list:before:right-[calc(50%+16px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+16px)]",
+				"first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+14px)]",
+				"last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+14px)]",
+				"group-data-[orientation=vertical]/list:after:left-[12px]",
+				"group-data-[orientation=vertical]/list:after:top-[33px]",
+				"first:group-data-[orientation=vertical]/list:after:top-[29px]"
+			],
+			lg: [
+				"group-data-[orientation=horizontal]/list:before:top-[16px] group-data-[orientation=horizontal]/list:after:top-[16px]",
+				"group-data-[orientation=horizontal]/list:before:right-[calc(50%+20px)] group-data-[orientation=horizontal]/list:after:left-[calc(50%+20px)]",
+				"first:group-data-[orientation=horizontal]/list:after:left-[calc(50%+18px)]",
+				"last:group-data-[orientation=horizontal]/list:before:right-[calc(50%+18px)]",
+				"group-data-[orientation=vertical]/list:after:left-[16px]",
+				"group-data-[orientation=vertical]/list:after:top-[41px]",
+				"first:group-data-[orientation=vertical]/list:after:top-[37px]"
+			]
+		},
+		intent: {
+			support: "",
+			neutral: "",
+			success: ""
+		},
+		disabled: {
+			true: "before:opacity-dim-3",
+			false: ""
+		},
+		disabledAfter: {
+			true: "after:opacity-dim-3",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		disabled: !1,
+		disabledAfter: !1,
+		size: "lg",
+		intent: "support"
+	}
+}), b = t([
+	"relative flex group/btn disabled:cursor-default",
+	"group-data-[orientation=horizontal]/list:flex-col group-data-[orientation=horizontal]/list:items-center",
+	"group-data-[orientation=horizontal]/list:text-center group-data-[orientation=horizontal]/list:mx-sm",
+	"group-first/item:group-data-[orientation=horizontal]/list:ml-0 group-last/item:group-data-[orientation=horizontal]/list:mr-0",
+	"group-data-[orientation=vertical]/list:flex-row group-data-[orientation=vertical]/list:items-start",
+	"group-data-[orientation=vertical]/list:text-left group-data-[orientation=vertical]/list:my-sm",
+	"group-first/item:group-data-[orientation=vertical]/list:mt-0 group-last/item:group-data-[orientation=vertical]/list:mb-0"
+], {
+	variants: {
+		size: {
+			sm: ["group-data-[orientation=horizontal]/list:min-w-sz-16 group-data-[orientation=horizontal]/list:mt-[16px]", "group-data-[orientation=vertical]/list:min-h-sz-16 group-data-[orientation=vertical]/list:ml-[16px]"],
+			md: ["group-data-[orientation=horizontal]/list:min-w-sz-24 group-data-[orientation=horizontal]/list:mt-[24px]", "group-data-[orientation=vertical]/list:min-h-sz-24 group-data-[orientation=vertical]/list:ml-[24px]"],
+			lg: ["group-data-[orientation=horizontal]/list:min-w-sz-32 group-data-[orientation=horizontal]/list:mt-[32px]", "group-data-[orientation=vertical]/list:min-h-sz-32 group-data-[orientation=vertical]/list:ml-[32px]"]
+		},
+		readOnly: {
+			true: "cursor-default",
+			false: "cursor-pointer"
+		}
+	},
+	defaultVariants: {
+		size: "lg",
+		readOnly: !1
+	}
+}), x = t([
+	"relative flex shrink-0 justify-center items-center",
+	"rounded-full",
+	"text-body-2 font-bold",
+	"group-disabled/btn:opacity-dim-3"
+], {
+	variants: {
+		size: {
+			sm: [
+				"w-sz-16 h-sz-16",
+				"group-data-[orientation=horizontal]/list:mt-[-16px]",
+				"group-data-[orientation=vertical]/list:ml-[-16px]"
+			],
+			md: [
+				"w-sz-24 h-sz-24",
+				"group-data-[orientation=horizontal]/list:mt-[-24px]",
+				"group-data-[orientation=vertical]/list:ml-[-24px]"
+			],
+			lg: [
+				"w-sz-32 h-sz-32",
+				"group-data-[orientation=horizontal]/list:mt-[-32px]",
+				"group-data-[orientation=vertical]/list:ml-[-32px]"
+			]
+		},
+		intent: {
+			support: "",
+			neutral: "",
+			success: ""
+		},
+		state: {
+			complete: "",
+			incomplete: "",
+			active: ""
+		}
+	},
+	compoundVariants: [
+		{
+			intent: "support",
+			state: ["complete", "incomplete"],
+			class: [
+				"text-on-support-container bg-support-container",
+				"group-hover/btn:group-data-[interactive=true]/btn:bg-support-container-hovered",
+				"group-hover/btn:group-data-[interactive=false]/btn:bg-support-container"
+			]
+		},
+		{
+			intent: "support",
+			state: "active",
+			class: "text-on-support bg-support"
+		},
+		{
+			intent: "neutral",
+			state: ["complete", "incomplete"],
+			class: [
+				"text-on-neutral-container bg-neutral-container",
+				"group-hover/btn:group-data-[interactive=true]/btn:bg-neutral-container-hovered",
+				"group-hover/btn:group-data-[interactive=false]/btn:bg-neutral-container"
+			]
+		},
+		{
+			intent: "neutral",
+			state: "active",
+			class: "text-on-neutral bg-neutral"
+		},
+		{
+			intent: "success",
+			state: ["complete", "incomplete"],
+			class: [
+				"text-on-success-container bg-success-container",
+				"group-hover/btn:group-data-[interactive=true]/btn:bg-success-container-hovered",
+				"group-hover/btn:group-data-[interactive=false]/btn:bg-success-container"
+			]
+		},
+		{
+			intent: "success",
+			state: "active",
+			class: "text-on-success bg-success"
+		}
+	],
+	defaultVariants: {
+		size: "lg",
+		state: "incomplete",
+		intent: "support"
+	}
+}), S = () => /* @__PURE__ */ l(e, {
+	size: "sm",
+	children: /* @__PURE__ */ l(d, {})
+}), C = ({ complete: e, incomplete: t, className: n }) => {
+	let { size: r, intent: i } = h(), { index: a, state: o } = g();
+	return /* @__PURE__ */ l("span", {
+		className: x({
+			size: r,
+			intent: i,
+			state: o,
+			className: n
+		}),
+		"aria-hidden": "true",
+		children: r !== "sm" && /* @__PURE__ */ u(c, { children: [o === "complete" && (e === void 0 ? /* @__PURE__ */ l(S, {}) : e), o !== "complete" && (t === void 0 ? `${a + 1}` : t)] })
+	});
 };
-h.displayName = "ProgressTracker.StepIndicator";
-const z = ({
-  disabled: t = !1,
-  children: a,
-  "aria-label": r,
-  className: n,
-  ref: s,
-  ...l
-}) => {
-  const {
-    stepIndex: o,
-    steps: p,
-    onStepClick: b,
-    setSteps: d,
-    size: g,
-    intent: v,
-    readOnly: c
-  } = w(), f = `${B}-step-${A()}`, u = [...p.keys()].indexOf(f), V = (() => {
-    const i = [...p.keys()][u + 1];
-    return !!(i && p.get(i)?.includes("disabled"));
-  })(), m = u === o ? "active" : u < o ? "complete" : "incomplete";
-  return E(() => (d((i) => new Map(i).set(
-    f,
-    [m, t ? "disabled" : ""].filter((L) => !!L)
-  )), () => {
-    d((i) => (i.delete(f), i));
-  }), []), /* @__PURE__ */ e(
-    "li",
-    {
-      "data-spark-component": "progress-tracker-step",
-      id: f,
-      ref: s,
-      "data-state": m,
-      ...m === "active" && {
-        "aria-current": "step"
-      },
-      className: D({
-        size: g,
-        intent: v,
-        disabled: t,
-        disabledAfter: V
-      }),
-      ...l,
-      children: /* @__PURE__ */ e(
-        "button",
-        {
-          type: "button",
-          "aria-label": r,
-          "data-interactive": !t && !c,
-          ...!t && !c && {
-            onClick: () => b?.(u)
-          },
-          disabled: t,
-          className: X({
-            size: g,
-            readOnly: c,
-            className: n
-          }),
-          children: /* @__PURE__ */ e(
-            T.Provider,
-            {
-              value: {
-                index: u,
-                state: m
-              },
-              children: a || /* @__PURE__ */ e(h, {})
-            }
-          )
-        }
-      )
-    }
-  );
+C.displayName = "ProgressTracker.StepIndicator";
+//#endregion
+//#region src/progress-tracker/ProgressTrackerStep.tsx
+var w = ({ disabled: e = !1, children: t, "aria-label": n, className: r, ref: i, ...s }) => {
+	let { stepIndex: c, steps: u, onStepClick: d, setSteps: f, size: p, intent: g, readOnly: v } = h(), x = `${_}-step-${o()}`, S = [...u.keys()].indexOf(x), w = (() => {
+		let e = [...u.keys()][S + 1];
+		return !!(e && u.get(e)?.includes("disabled"));
+	})(), T = S === c ? "active" : S < c ? "complete" : "incomplete";
+	return a(() => (f((t) => new Map(t).set(x, [T, e ? "disabled" : ""].filter((e) => !!e))), () => {
+		f((e) => (e.delete(x), e));
+	}), []), /* @__PURE__ */ l("li", {
+		"data-spark-component": "progress-tracker-step",
+		id: x,
+		ref: i,
+		"data-state": T,
+		...T === "active" && { "aria-current": "step" },
+		className: y({
+			size: p,
+			intent: g,
+			disabled: e,
+			disabledAfter: w
+		}),
+		...s,
+		children: /* @__PURE__ */ l("button", {
+			type: "button",
+			"aria-label": n,
+			"data-interactive": !e && !v,
+			...!e && !v && { onClick: () => d?.(S) },
+			disabled: e,
+			className: b({
+				size: p,
+				readOnly: v,
+				className: r
+			}),
+			children: /* @__PURE__ */ l(m.Provider, {
+				value: {
+					index: S,
+					state: T
+				},
+				children: t || /* @__PURE__ */ l(C, {})
+			})
+		})
+	});
 };
-z.displayName = "ProgressTracker.Step";
-const G = x(
-  [
-    "flex text-body-2 ",
-    "text-on-surface group-disabled/btn:text-on-surface/dim-1",
-    "group-data-[orientation=horizontal]/list:mt-md",
-    "group-data-[orientation=vertical]/list:ml-md",
-    "group-data-[orientation=vertical]/list:my-auto"
-  ],
-  {
-    variants: {
-      state: {
-        complete: "",
-        incomplete: "",
-        active: "font-bold"
-      }
-    }
-  }
-), k = ({
-  className: t,
-  children: a
-}) => {
-  const { state: r } = N();
-  return /* @__PURE__ */ e("span", { className: G({ state: r, className: t }), children: a });
+w.displayName = "ProgressTracker.Step";
+//#endregion
+//#region src/progress-tracker/ProgressTrackerStepLabel.tsx
+var T = t([
+	"flex text-body-2 ",
+	"text-on-surface group-disabled/btn:text-on-surface/dim-1",
+	"group-data-[orientation=horizontal]/list:mt-md",
+	"group-data-[orientation=vertical]/list:ml-md",
+	"group-data-[orientation=vertical]/list:my-auto"
+], { variants: { state: {
+	complete: "",
+	incomplete: "",
+	active: "font-bold"
+} } }), E = ({ className: e, children: t }) => {
+	let { state: n } = g();
+	return /* @__PURE__ */ l("span", {
+		className: T({
+			state: n,
+			className: e
+		}),
+		children: t
+	});
 };
-k.displayName = "ProgressTracker.StepLabel";
-const H = Object.assign(C, {
-  Step: z,
-  StepLabel: k,
-  StepIndicator: h
+E.displayName = "ProgressTracker.StepLabel";
+//#endregion
+//#region src/progress-tracker/index.ts
+var D = Object.assign(v, {
+	Step: w,
+	StepLabel: E,
+	StepIndicator: C
 });
-H.displayName = "ProgressTracker";
-z.displayName = "ProgressTracker.Step";
-k.displayName = "ProgressTracker.StepLabel";
-h.displayName = "ProgressTracker.StepIndicator";
-export {
-  H as ProgressTracker
-};
-//# sourceMappingURL=index.mjs.map
+D.displayName = "ProgressTracker", w.displayName = "ProgressTracker.Step", E.displayName = "ProgressTracker.StepLabel", C.displayName = "ProgressTracker.StepIndicator";
+//#endregion
+export { D as ProgressTracker };
+
+//# sourceMappingURL=index.mjs.map