mada-design-system 0.7.1 → 0.8.0

package/index.es498.js

@@ -0,0 +1,114 @@
+import { COMMENT as B, DECLARATION as F, RULESET as G } from "./index.es494.js";
+import { strlen as E, append as L, charat as I, replace as M, indexof as H, sizeof as J, substr as O, abs as K, trim as P, from as q } from "./index.es495.js";
+import { dealloc as Q, alloc as V, next as R, peek as x, delimit as y, identifier as W, commenter as X, escaping as Y, whitespace as Z, node as D, char as _, prev as $, caret as z } from "./index.es497.js";
+function ca(e) {
+  return Q(N("", null, null, null, [""], e = V(e), 0, [0], e));
+}
+function N(e, o, n, f, m, w, T, v, g) {
+  for (var l = 0, d = 0, r = T, h = 0, u = 0, b = 0, s = 1, A = 1, i = 1, c = 0, k = "", C = m, p = w, t = f, a = k; A; )
+    switch (b = c, c = R()) {
+      case 40:
+        if (b != 108 && I(a, r - 1) == 58) {
+          H(a += M(y(c), "&", "&\f"), "&\f") != -1 && (i = -1);
+          break;
+        }
+      case 34:
+      case 39:
+      case 91:
+        a += y(c);
+        break;
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        a += Z(b);
+        break;
+      case 92:
+        a += Y(z() - 1, 7);
+        continue;
+      case 47:
+        switch (x()) {
+          case 42:
+          case 47:
+            L(j(X(R(), z()), o, n), g);
+            break;
+          default:
+            a += "/";
+        }
+        break;
+      case 123 * s:
+        v[l++] = E(a) * i;
+      case 125 * s:
+      case 59:
+      case 0:
+        switch (c) {
+          case 0:
+          case 125:
+            A = 0;
+          case 59 + d:
+            i == -1 && (a = M(a, /\f/g, "")), u > 0 && E(a) - r && L(u > 32 ? U(a + ";", f, n, r - 1) : U(M(a, " ", "") + ";", f, n, r - 2), g);
+            break;
+          case 59:
+            a += ";";
+          default:
+            if (L(t = S(a, o, n, l, d, m, v, k, C = [], p = [], r), w), c === 123)
+              if (d === 0)
+                N(a, o, t, t, C, w, r, v, p);
+              else
+                switch (h === 99 && I(a, 3) === 110 ? 100 : h) {
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    N(e, t, t, f && L(S(e, t, t, 0, 0, m, v, k, m, C = [], r), p), m, p, r, v, f ? C : p);
+                    break;
+                  default:
+                    N(a, t, t, t, [""], p, 0, v, p);
+                }
+        }
+        l = d = u = 0, s = i = 1, k = a = "", r = T;
+        break;
+      case 58:
+        r = 1 + E(a), u = b;
+      default:
+        if (s < 1) {
+          if (c == 123)
+            --s;
+          else if (c == 125 && s++ == 0 && $() == 125)
+            continue;
+        }
+        switch (a += q(c), c * s) {
+          case 38:
+            i = d > 0 ? 1 : (a += "\f", -1);
+            break;
+          case 44:
+            v[l++] = (E(a) - 1) * i, i = 1;
+            break;
+          case 64:
+            x() === 45 && (a += y(R())), h = x(), d = r = E(k = a += W(z())), c++;
+            break;
+          case 45:
+            b === 45 && E(a) == 2 && (s = 0);
+        }
+    }
+  return w;
+}
+function S(e, o, n, f, m, w, T, v, g, l, d) {
+  for (var r = m - 1, h = m === 0 ? w : [""], u = J(h), b = 0, s = 0, A = 0; b < f; ++b)
+    for (var i = 0, c = O(e, r + 1, r = K(s = T[b])), k = e; i < u; ++i)
+      (k = P(s > 0 ? h[i] + " " + c : M(c, /&\f/g, h[i]))) && (g[A++] = k);
+  return D(e, o, n, m === 0 ? G : v, g, l, d);
+}
+function j(e, o, n) {
+  return D(e, o, n, B, q(_()), O(e, 2, -2), 0);
+}
+function U(e, o, n, f) {
+  return D(e, o, n, F, O(e, 0, f), O(e, f + 1, -1), f);
+}
+export {
+  j as comment,
+  ca as compile,
+  U as declaration,
+  N as parse,
+  S as ruleset
+};

package/index.es499.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/index.es50.js

@@ -1,26 +1,26 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { cva as N } from "./index.es109.js";
+import { cva as N } from "./index.es111.js";
 import { createContext as C, useState as T, useEffect as b, useContext as z } from "react";
-import { useMediaQuery as D } from "./index.es105.js";
-import { THEME as l } from "./index.es157.js";
+import { useMediaQuery as D } from "./index.es106.js";
+import { THEME as l } from "./index.es164.js";
 import "./index.es2.js";
-import { cn as p, formatterTime as u } from "./index.es88.js";
-import k from "./index.es158.js";
-import I from "./index.es139.js";
-import H from "./index.es153.js";
-import A from "./index.es154.js";
-import w from "./index.es155.js";
-import V from "./index.es156.js";
-import { useThemeStore as M } from "./index.es99.js";
-import R from "./index.es159.js";
-import G from "./index.es160.js";
+import { cn as p, formatterTime as u } from "./index.es89.js";
+import k from "./index.es165.js";
+import I from "./index.es142.js";
+import H from "./index.es160.js";
+import A from "./index.es161.js";
+import w from "./index.es162.js";
+import V from "./index.es163.js";
+import { useThemeStore as M } from "./index.es100.js";
+import R from "./index.es166.js";
+import G from "./index.es167.js";
 import { Badge as L } from "./index.es21.js";
-import B from "./index.es161.js";
-import E from "./index.es92.js";
-import F from "./index.es89.js";
+import B from "./index.es168.js";
+import E from "./index.es93.js";
+import F from "./index.es90.js";
 import { ShouldRender as g } from "./index.es15.js";
 import { Button as m } from "./index.es23.js";
-import { strings as s } from "./index.es100.js";
+import { strings as s } from "./index.es101.js";
 const j = N("md:h-space-07    md:px-space-06 px-space-04 md:py-space-01 gap-space-02 py-space-02  [&>svg]:size-[20px] ", {
   variants: {
     colors: {

package/index.es500.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/index.es501.js

@@ -0,0 +1,75 @@
+import * as n from "react";
+import e from "./index.es209.js";
+import { clsx as a } from "./index.es133.js";
+import { jsx as u } from "react/jsx-runtime";
+function x(c) {
+  const {
+    className: m,
+    classes: i,
+    pulsate: p = !1,
+    rippleX: d,
+    rippleY: f,
+    rippleSize: s,
+    in: t,
+    onExited: l,
+    timeout: r
+  } = c, [o, b] = n.useState(!1), h = a(m, i.ripple, i.rippleVisible, p && i.ripplePulsate), N = {
+    width: s,
+    height: s,
+    top: -(s / 2) + f,
+    left: -(s / 2) + d
+  }, g = a(i.child, o && i.childLeaving, p && i.childPulsate);
+  return !t && !o && b(!0), n.useEffect(() => {
+    if (!t && l != null) {
+      const v = setTimeout(l, r);
+      return () => {
+        clearTimeout(v);
+      };
+    }
+  }, [l, t, r]), /* @__PURE__ */ u("span", {
+    className: h,
+    style: N,
+    children: /* @__PURE__ */ u("span", {
+      className: g
+    })
+  });
+}
+process.env.NODE_ENV !== "production" && (x.propTypes = {
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: e.object.isRequired,
+  className: e.string,
+  /**
+   * @ignore - injected from TransitionGroup
+   */
+  in: e.bool,
+  /**
+   * @ignore - injected from TransitionGroup
+   */
+  onExited: e.func,
+  /**
+   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
+   */
+  pulsate: e.bool,
+  /**
+   * Diameter of the ripple.
+   */
+  rippleSize: e.number,
+  /**
+   * Horizontal position of the ripple center.
+   */
+  rippleX: e.number,
+  /**
+   * Vertical position of the ripple center.
+   */
+  rippleY: e.number,
+  /**
+   * exit delay
+   */
+  timeout: e.number.isRequired
+});
+export {
+  x as default
+};

package/index.es502.js

@@ -0,0 +1,11 @@
+function f(t) {
+  if (t === void 0)
+    return {};
+  const e = {};
+  return Object.keys(t).filter((n) => !(n.match(/^on[A-Z]/) && typeof t[n] == "function")).forEach((n) => {
+    e[n] = t[n];
+  }), e;
+}
+export {
+  f as default
+};

package/index.es503.js

@@ -0,0 +1,9 @@
+import r from "./index.es231.js";
+import t from "./index.es232.js";
+function n(o) {
+  return r("MuiSvgIcon", o);
+}
+t("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+export {
+  n as getSvgIconUtilityClass
+};

package/index.es51.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as v, Fragment as P } from "react/jsx-runtime";
 import * as g from "react";
 import * as C from "recharts";
-import { cn as i } from "./index.es88.js";
+import { cn as i } from "./index.es89.js";
 const I = { light: "", dark: ".dark" }, j = g.createContext(null);
 function $() {
   const s = g.useContext(j);

package/index.es52.js

@@ -1,8 +1,8 @@
 import { jsx as u } from "react/jsx-runtime";
 import { Slot as f } from "@radix-ui/react-slot";
-import { cva as p } from "./index.es109.js";
+import { cva as p } from "./index.es111.js";
 import * as m from "react";
-import { cn as x } from "./index.es88.js";
+import { cn as x } from "./index.es89.js";
 const v = p(
   "inline-flex items-center gap-space-02 justify-center transition-colors focus:outline focus:outline-2 focus:outline-offset-1",
   {

package/index.es53.js

@@ -1,11 +1,11 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import g from "./index.es162.js";
-import d from "./index.es163.js";
+import g from "./index.es169.js";
+import d from "./index.es170.js";
 import "./index.es2.js";
-import p from "./index.es136.js";
-import u from "./index.es164.js";
-import h from "./index.es165.js";
-import { strings as e } from "./index.es100.js";
+import p from "./index.es138.js";
+import u from "./index.es171.js";
+import h from "./index.es172.js";
+import { strings as e } from "./index.es101.js";
 import { Collapsible as S, CollapsibleTrigger as f, CollapsibleContent as x } from "./index.es27.js";
 import { Stack as r } from "./index.es42.js";
 import { Link as D } from "./index.es52.js";

package/index.es54.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Slot as l } from "@radix-ui/react-slot";
-import { cva as g } from "./index.es109.js";
+import { cva as g } from "./index.es111.js";
 import * as f from "react";
-import { cn as t } from "./index.es88.js";
+import { cn as t } from "./index.es89.js";
 const m = g(
   "inline-flex items-center rounded-full gap-space-02 [&>svg]:size-space-05 font-medium text-body-02 justify-center focus:outline-border-black focus:outline focus:outline-2 focus:outline-offset-1 transition-colors  disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-disabled-text-default-disabled disabled:bg-disabled-background-disabled",
   {

package/index.es55.js

@@ -1,7 +1,7 @@
 import { jsxs as s, Fragment as f, jsx as t } from "react/jsx-runtime";
-import { cva as y } from "./index.es109.js";
+import { cva as y } from "./index.es111.js";
 import { forwardRef as g } from "react";
-import { cn as c } from "./index.es88.js";
+import { cn as c } from "./index.es89.js";
 import "./index.es2.js";
 import { ShouldRender as p } from "./index.es15.js";
 const u = y("text-body-02", {

package/index.es56.js

@@ -1,10 +1,10 @@
 import { jsx as c, jsxs as p } from "react/jsx-runtime";
 import { useState as n } from "react";
 import "./index.es2.js";
-import d from "./index.es166.js";
-import y from "./index.es167.js";
+import d from "./index.es173.js";
+import y from "./index.es174.js";
 import { Stack as x } from "./index.es42.js";
-import { cn as m } from "./index.es88.js";
+import { cn as m } from "./index.es89.js";
 function B({ max: e = 5, onChange: a, value: l = 0, className: t, ...r }) {
   const [s, i] = n(0);
   return /* @__PURE__ */ c(x, { gap: "none", className: m(t), children: Array.from({ length: e }, (u, o) => /* @__PURE__ */ c(

package/index.es57.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as u } from "react/jsx-runtime";
 import * as a from "react";
-import { cn as i } from "./index.es88.js";
-import { cva as b } from "./index.es109.js";
+import { cn as i } from "./index.es89.js";
+import { cva as b } from "./index.es111.js";
 import { ShouldRender as x } from "./index.es15.js";
-import h from "./index.es168.js";
+import h from "./index.es143.js";
 const f = b("group relative flex shrink-0 items-start justify-start ", {
   variants: {
     variant: {

package/index.es58.js

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as L } from "react/jsx-runtime";
-import Q from "./index.es169.js";
+import Q from "./index.es175.js";
 import * as t from "react";
 import { Button as D } from "./index.es23.js";
-import U from "./index.es118.js";
-import V from "./index.es119.js";
-import { cn as f } from "./index.es88.js";
+import U from "./index.es120.js";
+import V from "./index.es121.js";
+import { cn as f } from "./index.es89.js";
 const G = t.createContext(null);
 function X() {
   const c = t.useContext(G);

package/index.es59.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-hover-card";
 import * as s from "react";
-import { cn as d } from "./index.es88.js";
+import { cn as d } from "./index.es89.js";
 const v = a.Root, u = a.Trigger, l = s.forwardRef(({ className: t, align: o = "center", variant: e, sideOffset: i = 4, ...n }, p) => /* @__PURE__ */ r(
   a.Content,
   {

package/index.es6.js

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import * as l from "react";
-import { cn as n } from "./index.es88.js";
-import { strings as r } from "./index.es100.js";
-import c from "./index.es118.js";
-import m from "./index.es119.js";
-import d from "./index.es120.js";
+import { cn as n } from "./index.es89.js";
+import { strings as r } from "./index.es101.js";
+import c from "./index.es120.js";
+import m from "./index.es121.js";
+import d from "./index.es122.js";
 const v = ({ className: e, ...a }) => /* @__PURE__ */ t("nav", { role: "navigation", "aria-label": "pagination", className: n("mx-auto flex w-full justify-center", e), ...a }), p = l.forwardRef(({ className: e, ...a }, i) => /* @__PURE__ */ t("ul", { ref: i, className: n("flex flex-row items-center gap-space-02", e), ...a }));
 p.displayName = "PaginationContent";
 const f = l.forwardRef(({ className: e, ...a }, i) => /* @__PURE__ */ t("li", { ref: i, className: n("", e), ...a }));

package/index.es60.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-popover";
-import { cn as d } from "./index.es88.js";
+import { cn as d } from "./index.es89.js";
 function s({ ...o }) {
   return /* @__PURE__ */ t(e.Root, { "data-slot": "popover", ...o });
 }

package/index.es61.js

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-progress";
 import * as n from "react";
-import { cn as s } from "./index.es88.js";
+import { cn as s } from "./index.es89.js";
 const c = n.forwardRef(
   ({ className: d, value: a, colors: o = "bg-primary", rounded: t, icon: i, ...l }, m) => /* @__PURE__ */ f("div", { className: "relative w-full", children: [
     /* @__PURE__ */ r(

package/index.es62.js

@@ -1,55 +1,132 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-radio-group";
-import * as a from "react";
-import { cva as h } from "./index.es109.js";
-import { cn as s } from "./index.es88.js";
-import m from "./index.es134.js";
-const u = h(
-  "flex aspect-square   rounded-full enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect focus:ring-2 focus:ring-border-black focus:ring-offset-2 disabled:cursor-not-allowed disabled:border-border-disabled disabled:data-[state=checked]:text-control-disabled",
-  {
-    variants: {
-      colors: {
-        primary: `data-[state=checked]:border-control-primary-checked data-[state=checked]:text-control-primary-checked
-                enabled:hover:data-[state=checked]:border-control-primary-hovered enabled:hover:data-[state=checked]:text-control-primary-hovered
-                enabled:active:data-[state=checked]:border-control-primary-pressed active:data-[state=checked]:text-control-primary-pressed
-                `,
-        neutral: `data-[state=checked]:border-control-neutral-checked data-[state=checked]:text-control-neutral-checked
-                enabled:hover:data-[state=checked]:border-control-neutral-hovered enabled:hover:data-[state=checked]:text-control-neutral-hovered
-                enabled:active:data-[state=checked]:border-control-neutral-pressed enabled:active:data-[state=checked]:text-control-neutral-pressed
-                `
-      },
-      size: {
-        default: "h-space-05 w-space-05 [&>span>svg]:size-space-04",
-        sm: "h-[20px] w-[20px] [&>span>svg]:size-[14px]",
-        xs: "h-space-04 w-space-04 [&>span>svg]:size-space-03"
-      }
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { cva as c } from "./index.es111.js";
+import $ from "react";
+import { cn as s } from "./index.es89.js";
+import { strings as N } from "./index.es101.js";
+const w = c("relative flex gap-space-02 items-center", {
+  variants: {
+    colors: {
+      primary: "[&_.bg-circle]:stroke-background-neutral-200 [&_.progress-circle]:stroke-background-primary",
+      neutral: "[&_.bg-circle]:stroke-background-neutral-200 [&_.progress-circle]:stroke-background-black"
     },
-    defaultVariants: {
-      colors: "primary",
-      size: "default"
+    onColor: {
+      true: "[&_.progress-circle]:stroke-background-surface-oncolor",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    colors: "primary",
+    onColor: !1
+  }
+}), V = c("", {
+  variants: {
+    size: {
+      120: "w-[120px] h-[120px] [&_.bg-circle]:stroke-[10px] [&_.progress-circle]:stroke-[10px]",
+      80: "w-[80px] h-[80px] [&_.bg-circle]:stroke-[8px] [&_.progress-circle]:stroke-[8px]",
+      64: "w-[64px] h-[64px] [&_.bg-circle]:stroke-[6px] [&_.progress-circle]:stroke-[6px]",
+      48: "w-[48px] h-[48px] [&_.bg-circle]:stroke-[5px] [&_.progress-circle]:stroke-[5px]",
+      40: "w-[40px] h-[40px] [&_.bg-circle]:stroke-[4px] [&_.progress-circle]:stroke-[4px]"
+    }
+  }
+}), z = c("", {
+  variants: {
+    size: {
+      120: "[&>h3]:text-subtitle-02 [&>h3]:font-semibold [&>p]:text-body-01 [&>span]:text-body-01",
+      80: "[&>h3]:text-body-02 [&>h3]:font-semibold [&>p]:text-body-01 [&>span]:text-body-01",
+      64: "[&>h3]:text-body-01 [&>h3]:font-semibold [&>p]:text-caption-01 [&>span]:text-caption-01",
+      48: "[&>h3]:text-body-01 [&>h3]:font-semibold [&>p]:text-caption-01 [&>span]:text-caption-01",
+      40: "[&>h3]:text-caption-01 [&>h3]:font-semibold [&>p]:text-caption-02 [&>span]:text-caption-02"
     }
   }
-), l = a.createContext({
-  colors: "primary"
-}), b = a.forwardRef(({ className: o, colors: c, size: d, children: t, ...n }, i) => /* @__PURE__ */ e(r.Root, { className: s("grid gap-2", o), ...n, ref: i, children: /* @__PURE__ */ p(l.Provider, { value: { colors: c, size: d }, children: [
-  " ",
-  t
-] }) }));
-b.displayName = r.Root.displayName;
-const f = a.forwardRef(({ className: o, ...c }, d) => {
-  const t = a.useContext(l);
-  return /* @__PURE__ */ e("div", { className: "flex  items-center justify-center", children: /* @__PURE__ */ e(
-    r.Item,
-    {
-      ref: d,
-      className: s(u({ colors: t.colors, size: t.size, className: o })),
-      ...c,
-      children: /* @__PURE__ */ e(r.Indicator, { className: "flex h-full w-full items-center justify-center rounded-full", children: /* @__PURE__ */ e(m, {}) })
+}), R = c("", {
+  variants: {
+    size: {
+      120: "title-01",
+      80: "text-subtitle-01",
+      64: "text-body-01",
+      48: "text-[1.05rem]/[15px]",
+      40: "text-[0.875rem]/[12.5px]"
     }
-  ) });
-});
-f.displayName = r.Item.displayName;
+  }
+}), j = $.forwardRef(
+  ({ className: b, steps: e, activeStep: a, colors: f, size: l = 120, onColor: k, dir: p = "ltr", showDetails: u = !0, ...y }, _) => {
+    const r = l || 120, n = e.length > 0 ? a / e.length : 0, x = r === 120 ? 50 : r === 80 ? 35 : r === 64 ? 28 : r === 48 ? 20 : 18, d = 2 * Math.PI * x, v = d, h = d * (1 - n), g = r === 120 ? 60 : r === 80 ? 40 : r === 64 ? 32 : r === 48 ? 24 : 20, m = r === 120 ? 60 : r === 80 ? 40 : r === 64 ? 32 : r === 48 ? 24 : 20, t = (e == null ? void 0 : e[a - 1]) || e[0];
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        dir: p,
+        ref: _,
+        role: "progressbar",
+        "aria-label": `Step ${a} of ${e.length}`,
+        "aria-valuenow": a,
+        "aria-valuemin": 1,
+        "aria-valuemax": e.length,
+        "aria-valuetext": `Step ${a} of ${e.length}: ${(t == null ? void 0 : t.title) || ""}`,
+        className: s(w({ colors: f, onColor: k, className: b })),
+        ...y,
+        children: [
+          /* @__PURE__ */ o("div", { className: s("relative flex-shrink-0", V({ size: l })), children: [
+            /* @__PURE__ */ o(
+              "svg",
+              {
+                width: r,
+                height: r,
+                viewBox: `0 0 ${r} ${r}`,
+                className: "-rotate-90 transform",
+                role: "img",
+                "aria-label": `Progress circle showing ${Math.round(n * 100)}% completion`,
+                children: [
+                  /* @__PURE__ */ i("circle", { cx: g, cy: m, r: x, fill: "none", className: "bg-circle opacity-60", "aria-hidden": "true" }),
+                  /* @__PURE__ */ i(
+                    "circle",
+                    {
+                      cx: g,
+                      cy: m,
+                      r: x,
+                      fill: "none",
+                      strokeLinecap: "round",
+                      strokeDasharray: v,
+                      strokeDashoffset: p === "rtl" ? h : -h,
+                      className: "progress-circle transition-all duration-500 ease-in-out",
+                      "aria-label": `Progress: ${Math.round(n * 100)}%`
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ i("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ o(
+              "span",
+              {
+                className: s("font-bold text-text-paragraph-primary", R({ size: l })),
+                "aria-label": `Current step: ${a} of ${e.length}`,
+                children: [
+                  a,
+                  " ",
+                  N.Shared.Of,
+                  " ",
+                  e == null ? void 0 : e.length
+                ]
+              }
+            ) })
+          ] }),
+          t && u && /* @__PURE__ */ o(
+            "div",
+            {
+              className: s("flex flex-1 flex-col gap-space-01", z({ size: l })),
+              "aria-live": "polite",
+              "aria-label": `Step details for step ${a}`,
+              children: [
+                /* @__PURE__ */ i("h3", { className: "text-text-display", children: t == null ? void 0 : t.title }),
+                (t == null ? void 0 : t.description) && /* @__PURE__ */ i("p", { className: "text-text-paragraph-primary", children: t == null ? void 0 : t.description })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+j.displayName = "RadialStepper";
 export {
-  b as RadioGroup,
-  f as RadioGroupItem
+  j as RadialStepper
 };