@fabio.caffarello/react-design-system 1.14.2 → 1.14.3

package/dist/primitives/index.js

@@ -1,2874 +0,0 @@
-var ke = Object.defineProperty, Se = Object.defineProperties;
-var Ee = Object.getOwnPropertyDescriptors;
-var ue = Object.getOwnPropertySymbols;
-var pe = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable;
-var ge = (m, s, t) => s in m ? ke(m, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[s] = t, N = (m, s) => {
-  for (var t in s || (s = {}))
-    pe.call(s, t) && ge(m, t, s[t]);
-  if (ue)
-    for (var t of ue(s))
-      xe.call(s, t) && ge(m, t, s[t]);
-  return m;
-}, R = (m, s) => Se(m, Ee(s));
-var C = (m, s) => {
-  var t = {};
-  for (var r in m)
-    pe.call(m, r) && s.indexOf(r) < 0 && (t[r] = m[r]);
-  if (m != null && ue)
-    for (var r of ue(m))
-      s.indexOf(r) < 0 && xe.call(m, r) && (t[r] = m[r]);
-  return t;
-};
-import { getRadiusClass as z, getSpacingClass as u, getTypographyClasses as T, getTypographySize as E, getTypographyWeight as ie, getZIndexClass as $e, getBorderWidthClass as Le, getSwitchClasses as Fe, getAnimationClass as fe } from "../tokens/index.js";
-import { c as e, j as a, L as Ve, a as H, X as he, E as Re, b as Ce, C as Ae } from "../components-DEuqI-ld.js";
-import { forwardRef as O, memo as U, useMemo as d, useState as Y, useCallback as _, useRef as te, useEffect as ae, isValidElement as we, cloneElement as je, Children as Me } from "react";
-function cr(r) {
-  var o = r, {
-    variant: m = "info",
-    className: s
-  } = o, t = C(o, [
-    "variant",
-    "className"
-  ]);
-  const i = {
-    warning: e("bg-warning-bg", "text-warning-dark", "border-warning"),
-    error: e("bg-error-bg", "text-error-dark", "border-error"),
-    info: e("bg-info-bg", "text-info-dark", "border-info")
-  };
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    N({
-      role: "alert",
-      className: e(
-        "border",
-        u("base", "px"),
-        u("sm", "py"),
-        z("lg"),
-        i[m],
-        s
-      )
-    }, t)
-  );
-}
-const Ie = {
-  primary: {
-    // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
-    light: "text-indigo-400",
-    DEFAULT: "text-fg-brand",
-    // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
-    dark: "text-indigo-600",
-    contrast: "text-fg-inverse"
-  },
-  secondary: {
-    // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
-    light: "text-pink-300",
-    DEFAULT: "text-fg-brand-secondary",
-    // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
-    dark: "text-pink-600",
-    contrast: "text-fg-inverse"
-  },
-  success: {
-    // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
-    light: "text-green-300",
-    DEFAULT: "text-fg-success",
-    dark: "text-success-dark",
-    contrast: "text-fg-inverse"
-  },
-  warning: {
-    // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
-    light: "text-yellow-300",
-    DEFAULT: "text-fg-warning",
-    dark: "text-warning-dark",
-    contrast: "text-fg-inverse"
-  },
-  error: {
-    // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
-    light: "text-red-300",
-    DEFAULT: "text-fg-error",
-    dark: "text-error-dark",
-    contrast: "text-fg-inverse"
-  },
-  info: {
-    // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
-    light: "text-blue-300",
-    DEFAULT: "text-fg-info",
-    dark: "text-info-dark",
-    contrast: "text-fg-inverse"
-  },
-  neutral: {
-    light: "text-fg-tertiary",
-    DEFAULT: "text-fg-secondary",
-    dark: "text-fg-primary",
-    contrast: "text-fg-inverse"
-  }
-};
-function ze(x, p) {
-  var g = x, {
-    variant: m = "paragraph",
-    bold: s,
-    italic: t,
-    className: r,
-    as: o,
-    color: i,
-    colorRole: n = "neutral",
-    colorShade: c = "dark"
-  } = g, b = C(g, [
-    "variant",
-    "bold",
-    "italic",
-    "className",
-    "as",
-    "color",
-    "colorRole",
-    "colorShade"
-  ]);
-  const l = [];
-  let f;
-  if (o)
-    f = o;
-  else
-    switch (m) {
-      case "heading":
-        f = "h2";
-        break;
-      case "list":
-        f = "li";
-        break;
-      case "paragraph":
-      default:
-        f = "p";
-        break;
-    }
-  return m === "heading" ? l.push(T("h2")) : m === "body" || m === "paragraph" ? l.push(T("body")) : m === "bodySmall" ? l.push(T("bodySmall")) : m === "bodyLarge" ? l.push(T("bodyLarge")) : m === "caption" ? l.push(T("caption")) : m === "label" ? l.push(T("label")) : l.push(T("body")), s && l.push("font-bold"), t && l.push("italic"), l.push(Ie[n][c]), /* @__PURE__ */ a.jsx(f, N({ ref: p, className: e(...l, r) }, b));
-}
-const dr = O(ze), De = H("motion-safe:animate-spin", {
-  variants: {
-    size: {
-      sm: "h-4 w-4",
-      md: "h-5 w-5",
-      lg: "h-8 w-8"
-    },
-    variant: {
-      primary: "text-fg-brand",
-      secondary: "text-fg-brand-secondary",
-      neutral: "text-fg-secondary"
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "primary"
-  }
-}), Ne = U(function(n) {
-  var c = n, {
-    size: s = "md",
-    variant: t = "primary",
-    label: r,
-    className: o = ""
-  } = c, i = C(c, [
-    "size",
-    "variant",
-    "label",
-    "className"
-  ]);
-  return /* @__PURE__ */ a.jsxs(
-    "div",
-    R(N({
-      className: e("inline-flex", "items-center", o),
-      role: "status",
-      "aria-label": r || "Loading",
-      "aria-live": "polite"
-    }, i), {
-      children: [
-        /* @__PURE__ */ a.jsx(
-          Ve,
-          {
-            className: e(De({ size: s, variant: t })),
-            "aria-hidden": "true"
-          }
-        ),
-        r && /* @__PURE__ */ a.jsx(
-          "span",
-          {
-            className: e(
-              u("sm", "ml"),
-              E("bodySmall"),
-              "text-fg-secondary",
-              "sr-only"
-            ),
-            children: r
-          }
-        )
-      ]
-    })
-  );
-});
-Ne.displayName = "Spinner";
-const Te = H(
-  // Base classes
-  e(
-    "inline-flex",
-    "items-center",
-    "justify-center",
-    T("button").split(" ")[2] || "font-medium",
-    // Extract font-medium
-    z("md"),
-    "transition-colors",
-    "focus:outline-none",
-    "focus:ring-2",
-    "focus:ring-offset-2",
-    "disabled:opacity-50",
-    "disabled:cursor-not-allowed"
-  ),
-  {
-    variants: {
-      variant: {
-        primary: e(
-          "bg-surface-brand",
-          "text-fg-inverse",
-          "hover:opacity-90",
-          "focus:ring-line-brand"
-        ),
-        secondary: e(
-          "bg-surface-secondary",
-          "text-fg-inverse",
-          "hover:opacity-90",
-          "focus:ring-line-secondary"
-        ),
-        error: e(
-          "bg-error",
-          "text-fg-inverse",
-          "hover:opacity-90",
-          "focus:ring-error"
-        ),
-        outline: e(
-          "border-2",
-          "border-line-default",
-          "bg-transparent",
-          "text-fg-primary",
-          "hover:bg-surface-hover",
-          "focus:ring-line-focus"
-        ),
-        ghost: e(
-          "bg-transparent",
-          "text-fg-primary",
-          "hover:bg-surface-hover",
-          "focus:ring-line-focus"
-        ),
-        iconOnly: e(
-          "bg-transparent",
-          "text-fg-primary",
-          "hover:bg-surface-hover",
-          "focus:ring-line-focus",
-          "p-0"
-        )
-      },
-      size: {
-        sm: e(
-          u("md", "px"),
-          u("1.5", "py"),
-          E("bodySmall"),
-          u("1.5", "gap")
-        ),
-        md: e(
-          u("base", "px"),
-          u("sm", "py"),
-          E("body"),
-          u("sm", "gap")
-        ),
-        lg: e(
-          u("lg", "px"),
-          u("md", "py"),
-          E("bodyLarge"),
-          u("2.5", "gap")
-        )
-      }
-    },
-    compoundVariants: [
-      // IconOnly variant has different sizing
-      {
-        variant: "iconOnly",
-        size: "sm",
-        class: e("h-8", "w-8", "p-0")
-      },
-      {
-        variant: "iconOnly",
-        size: "md",
-        class: e("h-10", "w-10", "p-0")
-      },
-      {
-        variant: "iconOnly",
-        size: "lg",
-        class: e("h-12", "w-12", "p-0")
-      }
-    ],
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
-    }
-  }
-);
-function ye({
-  children: m,
-  position: s
-}) {
-  return m ? /* @__PURE__ */ a.jsx(
-    "span",
-    {
-      className: `inline-flex items-center ${s === "left" ? "mr-0" : "ml-0"}`,
-      children: m
-    }
-  ) : null;
-}
-const me = U(
-  O(function(j, h) {
-    var S = j, {
-      variant: s = "primary",
-      size: t = "md",
-      isLoading: r = !1,
-      loadingText: o,
-      loadingIcon: i,
-      leftIcon: n,
-      rightIcon: c,
-      fullWidth: b = !1,
-      as: p = "button",
-      className: x = "",
-      disabled: g = !1,
-      children: l,
-      "aria-label": f
-    } = S, y = C(S, [
-      "variant",
-      "size",
-      "isLoading",
-      "loadingText",
-      "loadingIcon",
-      "leftIcon",
-      "rightIcon",
-      "fullWidth",
-      "as",
-      "className",
-      "disabled",
-      "children",
-      "aria-label"
-    ]);
-    const k = d(
-      () => e(
-        Te({
-          variant: s,
-          size: t
-        }),
-        b && "w-full",
-        x
-      ),
-      [s, t, b, x]
-    ), L = d(
-      () => s === "iconOnly" || !l && (n || c),
-      [s, l, n, c]
-    ), A = d(
-      () => L && !f && !l ? "Button" : f,
-      [L, f, l]
-    ), v = d(() => s === "error" ? "primary" : s === "primary" || s === "secondary" ? "neutral" : "primary", [s]), F = d(
-      () => t === "sm" ? "sm" : t === "lg" ? "lg" : "md",
-      [t]
-    ), W = d(
-      () => i || /* @__PURE__ */ a.jsx(Ne, { size: F, variant: v }),
-      [i, F, v]
-    ), P = p === "button" && !y.type ? "button" : void 0, Z = N(N({
-      className: k,
-      disabled: g || r,
-      "aria-busy": r,
-      "aria-label": A,
-      "aria-disabled": g || r
-    }, P ? { type: P } : {}), y);
-    return /* @__PURE__ */ a.jsx(p, R(N({ ref: h }, Z), { children: r ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      W,
-      o && /* @__PURE__ */ a.jsx("span", { className: "ml-2", children: o }),
-      !o && l && /* @__PURE__ */ a.jsx("span", { className: "ml-2 opacity-0", children: l })
-    ] }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      n && /* @__PURE__ */ a.jsx(ye, { position: "left", children: n }),
-      l,
-      c && /* @__PURE__ */ a.jsx(ye, { position: "right", children: c })
-    ] }) }));
-  })
-);
-me.displayName = "Button";
-const Pe = U(function({
-  error: s,
-  success: t,
-  helperText: r,
-  errorId: o,
-  helperId: i
-}) {
-  const n = d(
-    () => e(
-      u("xs", "mt"),
-      T("caption"),
-      s && "text-fg-error",
-      t && "text-fg-success",
-      !s && !t && "text-fg-secondary"
-    ),
-    [s, t]
-  ), c = d(
-    () => r || (s ? "Error" : t ? "Success" : ""),
-    [r, s, t]
-  );
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      id: o || i,
-      className: n,
-      role: s || t ? "alert" : void 0,
-      children: c
-    }
-  );
-}), Be = U(
-  O(function(L, k) {
-    var A = L, {
-      id: s,
-      label: t,
-      error: r = !1,
-      success: o = !1,
-      helperText: i,
-      size: n = "md",
-      variant: c = "outlined",
-      leftIcon: b,
-      rightIcon: p,
-      showClearButton: x = !1,
-      onClear: g,
-      className: l = "",
-      disabled: f = !1,
-      type: y = "text",
-      value: h,
-      onChange: j
-    } = A, S = C(A, [
-      "id",
-      "label",
-      "error",
-      "success",
-      "helperText",
-      "size",
-      "variant",
-      "leftIcon",
-      "rightIcon",
-      "showClearButton",
-      "onClear",
-      "className",
-      "disabled",
-      "type",
-      "value",
-      "onChange"
-    ]);
-    const v = d(
-      () => s || `input-${Math.random().toString(36).substr(2, 9)}`,
-      [s]
-    ), F = d(
-      () => r ? `${v}-error` : void 0,
-      [r, v]
-    ), W = d(
-      () => i ? `${v}-helper` : void 0,
-      [i, v]
-    ), [P, Z] = Y(!1), V = d(() => y === "password", [y]), w = d(
-      () => V && P ? "text" : y,
-      [V, P, y]
-    ), B = d(
-      () => r ? "error" : o ? "success" : "default",
-      [r, o]
-    ), $ = d(
-      () => h != null && h !== "",
-      [h]
-    ), M = d(
-      () => x && $ && !f,
-      [x, $, f]
-    ), ne = d(() => "focus:border-line-focus", []), le = d(() => "focus:border-error", []), ce = d(() => "focus:border-success", []), de = d(
-      () => ne.replace("focus:border-", "focus:ring-"),
-      [ne]
-    ), re = _(
-      (D) => D === "error" ? le.replace("focus:border-", "focus:ring-") : ce.replace("focus:border-", "focus:ring-"),
-      [le, ce]
-    ), se = H(
-      // Base classes
-      e(
-        "w-full",
-        z("md"),
-        "transition-colors",
-        "focus:outline-none",
-        "focus:ring-2",
-        "focus:ring-offset-2",
-        "disabled:opacity-50",
-        "disabled:cursor-not-allowed"
-      ),
-      {
-        variants: {
-          variant: {
-            default: e(
-              "border-0",
-              "border-b-2",
-              "border-line-default",
-              "focus:border-line-focus"
-            ),
-            outlined: e(
-              "border",
-              "border-line-default",
-              "focus:border-line-focus"
-            ),
-            filled: e(
-              "bg-surface-muted",
-              "border-0",
-              "focus:bg-surface-base",
-              "focus:ring-2",
-              de
-            )
-          },
-          size: {
-            sm: e(
-              "h-8",
-              E("bodySmall"),
-              u("md", "px")
-            ),
-            md: e(
-              "h-10",
-              E("body"),
-              u("base", "px")
-            ),
-            lg: e(
-              "h-12",
-              E("bodyLarge"),
-              u("lg", "px")
-            )
-          },
-          state: {
-            default: "",
-            error: e(
-              "border-error",
-              "focus:border-error",
-              re("error")
-            ),
-            success: e(
-              "border-success",
-              "focus:border-success",
-              re("success")
-            )
-          }
-        },
-        defaultVariants: {
-          variant: "outlined",
-          size: "md",
-          state: "default"
-        }
-      }
-    ), K = d(
-      () => e(
-        se({ variant: c, size: n, state: B }),
-        // Icon padding - specific values for icon positioning
-        b && (n === "sm" ? "pl-9" : n === "lg" ? "pl-12" : "pl-10"),
-        (p || M || V) && (n === "sm" ? "pr-9" : n === "lg" ? "pr-12" : "pr-10"),
-        l
-      ),
-      [
-        c,
-        n,
-        B,
-        b,
-        p,
-        M,
-        V,
-        l
-      ]
-    ), ee = d(
-      () => e(
-        "block",
-        T("label"),
-        u("xs", "mb"),
-        f && "opacity-50"
-      ),
-      [f]
-    ), Q = d(
-      () => n === "sm" ? "h-4 w-4" : n === "lg" ? "h-5 w-5" : "h-4 w-4",
-      [n]
-    ), oe = d(
-      () => n === "sm" ? "top-2" : n === "lg" ? "top-3.5" : "top-2.5",
-      [n]
-    ), I = _(
-      (D) => {
-        var J;
-        if (D.stopPropagation(), g)
-          g();
-        else if (j) {
-          const G = (J = D.currentTarget.closest(".relative")) == null ? void 0 : J.querySelector("input");
-          if (G) {
-            const X = {
-              target: G,
-              currentTarget: G,
-              bubbles: !0,
-              cancelable: !0,
-              defaultPrevented: !1,
-              eventPhase: 2,
-              isTrusted: !1,
-              nativeEvent: new Event("change"),
-              preventDefault: () => {
-              },
-              stopPropagation: () => {
-              },
-              persist: () => {
-              },
-              timeStamp: Date.now()
-            };
-            Object.defineProperty(X.target, "value", {
-              value: "",
-              writable: !0
-            }), Object.defineProperty(X.currentTarget, "value", {
-              value: "",
-              writable: !0
-            }), j(X);
-          }
-        }
-      },
-      [g, j]
-    ), q = _(() => {
-      Z((D) => !D);
-    }, []);
-    return /* @__PURE__ */ a.jsxs("div", { className: "w-full", children: [
-      t && /* @__PURE__ */ a.jsx("label", { htmlFor: v, className: ee, children: t }),
-      /* @__PURE__ */ a.jsxs("div", { className: "relative", children: [
-        b && /* @__PURE__ */ a.jsx(
-          "div",
-          {
-            className: `absolute left-3 ${oe} text-fg-secondary opacity-60 pointer-events-none`,
-            children: /* @__PURE__ */ a.jsx("div", { className: Q, children: b })
-          }
-        ),
-        /* @__PURE__ */ a.jsx(
-          "input",
-          N({
-            id: v,
-            ref: k,
-            type: w,
-            className: K,
-            disabled: f,
-            value: h,
-            onChange: j,
-            "aria-invalid": r,
-            "aria-required": S.required,
-            "aria-describedby": F || W,
-            suppressHydrationWarning: !0
-          }, S)
-        ),
-        /* @__PURE__ */ a.jsxs("div", { className: "absolute right-3 top-0 bottom-0 flex items-center gap-1", children: [
-          M && /* @__PURE__ */ a.jsx(
-            me,
-            {
-              variant: "ghost",
-              size: "sm",
-              onClick: I,
-              className: "h-auto p-1",
-              "aria-label": "Clear input",
-              children: /* @__PURE__ */ a.jsx(he, { className: Q })
-            }
-          ),
-          V && /* @__PURE__ */ a.jsx(
-            me,
-            {
-              variant: "ghost",
-              size: "sm",
-              onClick: q,
-              className: "h-auto p-1",
-              "aria-label": P ? "Hide password" : "Show password",
-              children: P ? /* @__PURE__ */ a.jsx(Re, { className: Q }) : /* @__PURE__ */ a.jsx(Ce, { className: Q })
-            }
-          ),
-          p && !M && !V && /* @__PURE__ */ a.jsx(
-            "div",
-            {
-              className: `text-fg-secondary opacity-60 pointer-events-none ${Q}`,
-              children: p
-            }
-          )
-        ] })
-      ] }),
-      (r || o || i) && /* @__PURE__ */ a.jsx(
-        Pe,
-        {
-          error: r,
-          success: o,
-          helperText: i,
-          errorId: F,
-          helperId: W
-        }
-      )
-    ] });
-  })
-);
-Be.displayName = "Input";
-function Oe({
-  href: m,
-  active: s
-}) {
-  const t = d(() => s !== void 0 ? s : !1, [s]), r = d(() => {
-    try {
-      const o = (
-        // eslint-disable-next-line @typescript-eslint/no-require-imports
-        typeof require != "undefined" ? require("next/link") : null
-      );
-      return o == null ? void 0 : o.default;
-    } catch (o) {
-      return;
-    }
-  }, []);
-  return {
-    isActive: t,
-    NextLink: r
-  };
-}
-const qe = H(
-  // Base classes
-  e(
-    "inline-flex",
-    "items-center",
-    "transition-colors",
-    "focus:outline-none",
-    "focus:ring-2",
-    "focus:ring-offset-2",
-    "disabled:opacity-50",
-    "disabled:cursor-not-allowed",
-    "disabled:pointer-events-none",
-    "no-underline"
-  ),
-  {
-    variants: {
-      variant: {
-        default: e(
-          "text-fg-primary",
-          "hover:opacity-80",
-          "focus-visible:opacity-100",
-          "focus:ring-line-brand"
-        ),
-        underline: e(
-          "text-fg-primary",
-          "hover:opacity-80",
-          "focus-visible:opacity-100",
-          "border-b-2",
-          "border-transparent",
-          "hover:border-current",
-          "focus:ring-line-brand"
-        ),
-        background: e(
-          "text-fg-primary",
-          "hover:bg-surface-hover",
-          "rounded-md",
-          z("md"),
-          "focus:ring-line-brand"
-        )
-      },
-      size: {
-        sm: e(
-          u("sm", "px"),
-          u("xs", "py"),
-          E("bodySmall")
-        ),
-        md: e(
-          u("base", "px"),
-          u("sm", "py"),
-          E("body")
-        ),
-        lg: e(
-          u("lg", "px"),
-          u("md", "py"),
-          E("bodyLarge")
-        )
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md"
-    },
-    compoundVariants: [
-      {
-        variant: "underline",
-        size: "sm",
-        class: u("0.5", "pb")
-      },
-      {
-        variant: "underline",
-        size: "md",
-        class: u("xs", "pb")
-      },
-      {
-        variant: "underline",
-        size: "lg",
-        class: u("1.5", "pb")
-      },
-      {
-        variant: "background",
-        size: "sm",
-        class: u("xs", "px")
-      },
-      {
-        variant: "background",
-        size: "md",
-        class: u("sm", "px")
-      },
-      {
-        variant: "background",
-        size: "lg",
-        class: u("base", "px")
-      }
-    ]
-  }
-);
-function ur(l) {
-  var f = l, {
-    href: m,
-    children: s,
-    active: t,
-    disabled: r = !1,
-    variant: o = "default",
-    size: i = "md",
-    as: n,
-    className: c,
-    "aria-label": b,
-    onClick: p,
-    onKeyDown: x
-  } = f, g = C(f, [
-    "href",
-    "children",
-    "active",
-    "disabled",
-    "variant",
-    "size",
-    "as",
-    "className",
-    "aria-label",
-    "onClick",
-    "onKeyDown"
-  ]);
-  const y = d(() => t !== void 0 ? t : !1, [t]), { NextLink: h } = Oe({ href: m, active: y }), j = n || h || "a", S = d(() => {
-    if (!y) return "";
-    switch (o) {
-      case "underline":
-        return e("border-b-2", "border-line-brand", "text-fg-brand-emphasis");
-      case "background":
-        return e("bg-surface-brand-muted", "text-fg-brand-emphasis");
-      case "default":
-      default:
-        return e("text-fg-brand-emphasis", "font-semibold");
-    }
-  }, [y, o]), k = _(
-    (v) => {
-      if (r) {
-        v.preventDefault(), v.stopPropagation();
-        return;
-      }
-      p == null || p(v);
-    },
-    [r, p]
-  ), L = _(
-    (v) => {
-      if (r) {
-        (v.key === "Enter" || v.key === " ") && (v.preventDefault(), v.stopPropagation());
-        return;
-      }
-      x == null || x(v);
-    },
-    [r, x]
-  ), A = d(() => {
-    const v = N({
-      className: e(
-        qe({ variant: o, size: i }),
-        S,
-        r && "opacity-50 cursor-not-allowed pointer-events-none",
-        c
-      ),
-      "aria-current": y ? "page" : void 0,
-      "aria-disabled": r ? !0 : void 0,
-      "aria-label": b,
-      tabIndex: r ? -1 : void 0,
-      onClick: k,
-      onKeyDown: L,
-      "data-active": y,
-      "data-disabled": r
-    }, g);
-    return h && !n ? R(N({}, v), {
-      href: r ? void 0 : m
-    }) : R(N({}, v), {
-      href: r ? void 0 : m
-    });
-  }, [
-    o,
-    i,
-    S,
-    r,
-    c,
-    y,
-    b,
-    k,
-    L,
-    m,
-    h,
-    n,
-    g
-  ]);
-  return /* @__PURE__ */ a.jsx(j, R(N({}, A), { children: s }));
-}
-const He = H(
-  // Base classes
-  e(
-    "inline-flex",
-    "items-center",
-    "justify-center",
-    ie("label"),
-    z("md"),
-    "border"
-  ),
-  {
-    variants: {
-      variant: {
-        success: "",
-        warning: "",
-        error: "",
-        info: "",
-        neutral: "",
-        primary: "",
-        secondary: ""
-      },
-      size: {
-        sm: e(
-          u("1.5", "px"),
-          u("0.5", "py"),
-          E("caption")
-        ),
-        md: e(
-          u("sm", "px"),
-          u("xs", "py"),
-          E("caption")
-        ),
-        lg: e(
-          u("sm", "px"),
-          u("xs", "py"),
-          E("bodySmall")
-        )
-      },
-      style: {
-        solid: "",
-        outline: ""
-      }
-    },
-    compoundVariants: [
-      // Solid style variants
-      {
-        variant: "success",
-        style: "solid",
-        class: e("bg-success-bg", "text-success-dark", "border-success")
-      },
-      {
-        variant: "warning",
-        style: "solid",
-        class: e("bg-warning-bg", "text-warning-dark", "border-warning")
-      },
-      {
-        variant: "error",
-        style: "solid",
-        class: e("bg-error-bg", "text-error-dark", "border-error")
-      },
-      {
-        variant: "info",
-        style: "solid",
-        class: e("bg-info-bg", "text-info-dark", "border-info")
-      },
-      {
-        variant: "neutral",
-        style: "solid",
-        class: e("bg-surface-muted", "text-fg-primary", "border-line-default")
-      },
-      {
-        variant: "primary",
-        style: "solid",
-        class: e(
-          "bg-surface-brand",
-          "text-fg-brand-emphasis",
-          "border-line-brand"
-        )
-      },
-      {
-        variant: "secondary",
-        style: "solid",
-        // bg-pink-300: secondary solid badge — no semantic equivalent
-        // (would shift 2 shades to bg-surface-secondary). Kept literal until
-        // secondary brand surface palette expands beyond DEFAULT.
-        class: e(
-          "bg-pink-300",
-          "text-fg-brand-secondary-emphasis",
-          "border-line-secondary"
-        )
-      },
-      // Outline style variants
-      {
-        variant: "success",
-        style: "outline",
-        class: e("bg-transparent", "border-success", "text-fg-success")
-      },
-      {
-        variant: "warning",
-        style: "outline",
-        class: e("bg-transparent", "border-warning", "text-fg-warning")
-      },
-      {
-        variant: "error",
-        style: "outline",
-        class: e("bg-transparent", "border-error", "text-fg-error")
-      },
-      {
-        variant: "info",
-        style: "outline",
-        class: e("bg-transparent", "border-info", "text-fg-info")
-      },
-      {
-        variant: "neutral",
-        style: "outline",
-        class: e("bg-transparent", "border-line-default", "text-fg-secondary")
-      },
-      {
-        variant: "primary",
-        style: "outline",
-        class: e("bg-transparent", "border-line-brand", "text-fg-brand")
-      },
-      {
-        variant: "secondary",
-        style: "outline",
-        class: e(
-          "bg-transparent",
-          "border-line-secondary",
-          "text-fg-brand-secondary"
-        )
-      }
-    ],
-    defaultVariants: {
-      variant: "neutral",
-      size: "md",
-      style: "solid"
-    }
-  }
-), Ue = U(
-  O(function(p, b) {
-    var x = p, {
-      variant: s = "neutral",
-      size: t = "md",
-      style: r = "solid",
-      className: o = "",
-      children: i,
-      "aria-label": n
-    } = x, c = C(x, [
-      "variant",
-      "size",
-      "style",
-      "className",
-      "children",
-      "aria-label"
-    ]);
-    const g = d(
-      () => e(He({ variant: s, size: t, style: r }), o),
-      [s, t, r, o]
-    ), l = d(() => {
-      if (n) return n;
-      if (typeof i == "string") return i;
-      if (typeof i == "object" && i !== null && "props" in i) {
-        const f = i.props;
-        if (f != null && f.children && typeof f.children == "string")
-          return f.children;
-      }
-    }, [n, i]);
-    return /* @__PURE__ */ a.jsx(
-      "span",
-      R(N({
-        ref: b,
-        role: "status",
-        "aria-label": l,
-        className: g
-      }, c), {
-        children: i
-      })
-    );
-  })
-);
-Ue.displayName = "Badge";
-const _e = U(function({
-  error: s,
-  success: t,
-  helperText: r,
-  errorId: o,
-  helperId: i
-}) {
-  const n = d(
-    () => e(
-      u("xs", "mt"),
-      T("caption"),
-      s && "text-fg-error",
-      t && "text-fg-success",
-      !s && !t && "text-fg-secondary"
-    ),
-    [s, t]
-  ), c = d(
-    () => r || (s ? "Error" : t ? "Success" : ""),
-    [r, s, t]
-  );
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      id: o || i,
-      className: n,
-      role: s || t ? "alert" : void 0,
-      children: c
-    }
-  );
-}), We = U(
-  O(function(y, f) {
-    var h = y, {
-      options: s = [],
-      optionGroups: t,
-      placeholder: r,
-      label: o,
-      error: i = !1,
-      success: n = !1,
-      helperText: c,
-      size: b = "md",
-      className: p = "",
-      disabled: x = !1,
-      id: g
-    } = h, l = C(h, [
-      "options",
-      "optionGroups",
-      "placeholder",
-      "label",
-      "error",
-      "success",
-      "helperText",
-      "size",
-      "className",
-      "disabled",
-      "id"
-    ]);
-    const j = d(
-      () => g || `select-${Math.random().toString(36).substr(2, 9)}`,
-      [g]
-    ), S = d(
-      () => i ? `${j}-error` : void 0,
-      [i, j]
-    ), k = d(
-      () => c ? `${j}-helper` : void 0,
-      [c, j]
-    ), L = d(() => "focus:border-line-focus", []), A = d(() => "focus:border-error", []), v = d(() => "focus:border-success", []), F = _(
-      (w) => w === "error" ? A.replace("focus:border-", "focus:ring-") : w === "success" ? v.replace("focus:border-", "focus:ring-") : L.replace("focus:border-", "focus:ring-"),
-      [A, v, L]
-    ), W = H(
-      // Base classes
-      e(
-        "block",
-        "w-full",
-        z("md"),
-        "border",
-        "bg-surface-base",
-        "transition-colors",
-        "focus:outline-none",
-        "focus:ring-2",
-        "focus:ring-offset-2",
-        "disabled:opacity-50",
-        "disabled:cursor-not-allowed"
-      ),
-      {
-        variants: {
-          size: {
-            sm: e(
-              "h-8",
-              E("bodySmall"),
-              u("md", "px")
-            ),
-            md: e(
-              "h-10",
-              E("body"),
-              u("base", "px")
-            ),
-            lg: e(
-              "h-12",
-              E("bodyLarge"),
-              u("lg", "px")
-            )
-          },
-          state: {
-            default: e("border-line-default", F()),
-            error: e("border-error", F("error")),
-            success: e("border-success", F("success"))
-          }
-        },
-        defaultVariants: {
-          size: "md",
-          state: "default"
-        }
-      }
-    ), P = d(
-      () => i ? "error" : n ? "success" : "default",
-      [i, n]
-    ), Z = d(
-      () => e(W({ size: b, state: P }), p),
-      [b, P, p]
-    ), V = d(
-      () => e(
-        "block",
-        T("label"),
-        u("xs", "mb"),
-        x && "opacity-50"
-      ),
-      [x]
-    );
-    return /* @__PURE__ */ a.jsxs("div", { className: "w-full", children: [
-      o && /* @__PURE__ */ a.jsx("label", { htmlFor: j, className: V, children: o }),
-      /* @__PURE__ */ a.jsxs(
-        "select",
-        R(N({
-          id: j,
-          ref: f,
-          className: Z,
-          disabled: x,
-          "aria-invalid": i,
-          "aria-required": l.required,
-          "aria-describedby": S || k
-        }, l), {
-          children: [
-            r && /* @__PURE__ */ a.jsx("option", { value: "", disabled: !0, children: r }),
-            t && t.length > 0 ? t.map((w, B) => /* @__PURE__ */ a.jsx("optgroup", { label: w.label, children: (w.options || []).map(($) => /* @__PURE__ */ a.jsx(
-              "option",
-              {
-                value: $.value,
-                disabled: $.disabled,
-                children: $.label
-              },
-              $.value
-            )) }, B)) : (s || []).map((w) => /* @__PURE__ */ a.jsx(
-              "option",
-              {
-                value: w.value,
-                disabled: w.disabled,
-                children: w.label
-              },
-              w.value
-            ))
-          ]
-        })
-      ),
-      (i || n || c) && /* @__PURE__ */ a.jsx(
-        _e,
-        {
-          error: i,
-          success: n,
-          helperText: c,
-          errorId: S,
-          helperId: k
-        }
-      )
-    ] });
-  })
-);
-We.displayName = "Select";
-const Xe = U(
-  O(function(n, i) {
-    var c = n, { error: s = !1, resize: t = "vertical", className: r = "" } = c, o = C(c, ["error", "resize", "className"]);
-    const b = d(() => "focus:border-line-focus", []), p = d(() => "focus:border-error", []), x = d(
-      () => s ? p.replace("focus:border-", "focus:ring-") : b.replace("focus:border-", "focus:ring-"),
-      [s, p, b]
-    ), g = d(
-      () => ({
-        none: "resize-none",
-        both: "resize",
-        horizontal: "resize-x",
-        vertical: "resize-y"
-      }),
-      []
-    ), l = d(
-      () => e(
-        "block",
-        "w-full",
-        z("md"),
-        u("base", "px"),
-        u("md", "py"),
-        "border",
-        E("body"),
-        "focus:outline-none",
-        "focus:ring-2",
-        "focus:ring-offset-2",
-        g[t],
-        s ? e("border-error", x) : e("border-line-default", x),
-        r
-      ),
-      [t, g, s, x, r]
-    ), f = d(
-      () => s && o.id ? `${o.id}-error` : void 0,
-      [s, o.id]
-    );
-    return /* @__PURE__ */ a.jsx(
-      "textarea",
-      N({
-        ref: i,
-        className: l,
-        "aria-invalid": s,
-        "aria-describedby": f
-      }, o)
-    );
-  })
-);
-Xe.displayName = "Textarea";
-const Ze = U(
-  O(function(n, i) {
-    var c = n, { variant: s = "default", className: t = "", children: r } = c, o = C(c, ["variant", "className", "children"]);
-    const b = d(
-      () => e(
-        "block",
-        E("label"),
-        ie("label"),
-        "text-fg-primary"
-      ),
-      []
-    ), p = d(
-      () => ({
-        default: "",
-        required: e(
-          "after:content-['*']",
-          `after:${u("0.5", "ml")}`,
-          "after:text-fg-error"
-        ),
-        optional: e(
-          "after:content-['(optional)']",
-          "after:ml-1",
-          // xs spacing = 1 (4px) - note: test expects ml-1, not ml-0.5
-          "after:text-fg-tertiary",
-          "after:font-normal"
-        )
-      }),
-      []
-    ), x = d(
-      () => e(b, p[s], t),
-      [b, p, s, t]
-    );
-    return /* @__PURE__ */ a.jsx("label", R(N({ ref: i, className: x }, o), { children: r }));
-  })
-);
-Ze.displayName = "Label";
-function fr(o) {
-  var i = o, {
-    message: m,
-    id: s,
-    className: t = ""
-  } = i, r = C(i, [
-    "message",
-    "id",
-    "className"
-  ]);
-  const n = [
-    u("xs", "mt"),
-    E("bodySmall"),
-    "text-fg-error",
-    "flex",
-    "items-center",
-    u("xs", "gap")
-  ], c = e(...n, t);
-  return /* @__PURE__ */ a.jsxs("div", R(N({ role: "alert", id: s, className: c, "aria-live": "polite" }, r), { children: [
-    /* @__PURE__ */ a.jsx(Ae, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
-    /* @__PURE__ */ a.jsx("span", { children: m })
-  ] }));
-}
-function mr(b) {
-  var p = b, {
-    content: m,
-    children: s,
-    position: t = "top",
-    delay: r = 200,
-    className: o = "",
-    "aria-label": i,
-    preservePositioning: n = !1
-  } = p, c = C(p, [
-    "content",
-    "children",
-    "position",
-    "delay",
-    "className",
-    "aria-label",
-    "preservePositioning"
-  ]);
-  const [x, g] = Y(!1), l = te(null), f = te(null), y = te(null), h = `tooltip-${Math.random().toString(36).substr(2, 9)}`, j = () => {
-    const V = setTimeout(() => {
-      g(!0);
-    }, r);
-    l.current = V;
-  }, S = () => {
-    l.current && (clearTimeout(l.current), l.current = null), g(!1);
-  }, k = () => {
-    g(!0);
-  }, L = () => {
-    g(!1);
-  }, A = (V) => {
-    var w;
-    V.key === "Escape" && (g(!1), (w = y.current) == null || w.blur());
-  };
-  ae(() => () => {
-    l.current && (clearTimeout(l.current), l.current = null);
-  }, []), ae(() => {
-    if (!x) return;
-    const V = (w) => {
-      f.current && !f.current.contains(w.target) && y.current && !y.current.contains(w.target) && g(!1);
-    };
-    return document.addEventListener("mousedown", V), () => {
-      document.removeEventListener("mousedown", V);
-    };
-  }, [x]);
-  const v = (V) => ({
-    top: "border-t-surface-inverse",
-    bottom: "border-b-surface-inverse",
-    left: "border-l-surface-inverse",
-    right: "border-r-surface-inverse"
-  })[V], F = H(
-    e(
-      "absolute",
-      $e("tooltip"),
-      u("sm", "px"),
-      u("xs", "py"),
-      E("caption"),
-      "text-fg-inverse",
-      "bg-surface-inverse",
-      z("md"),
-      "shadow-lg",
-      "whitespace-nowrap"
-    ),
-    {
-      variants: {
-        position: {
-          top: e(
-            "bottom-full",
-            "left-1/2",
-            "transform",
-            "-translate-x-1/2",
-            u("sm", "mb")
-          ),
-          bottom: e(
-            "top-full",
-            "left-1/2",
-            "transform",
-            "-translate-x-1/2",
-            u("sm", "mt")
-          ),
-          left: e(
-            "right-full",
-            "top-1/2",
-            "transform",
-            "-translate-y-1/2",
-            u("sm", "mr")
-          ),
-          right: e(
-            "left-full",
-            "top-1/2",
-            "transform",
-            "-translate-y-1/2",
-            u("sm", "ml")
-          )
-        }
-      },
-      defaultVariants: {
-        position: "top"
-      }
-    }
-  ), W = H(
-    e(
-      "absolute",
-      "w-0",
-      "h-0",
-      Le("thick"),
-      "border-transparent"
-    ),
-    {
-      variants: {
-        position: {
-          top: e(
-            "top-full",
-            "left-1/2",
-            "transform",
-            "-translate-x-1/2",
-            v("top")
-          ),
-          bottom: e(
-            "bottom-full",
-            "left-1/2",
-            "transform",
-            "-translate-x-1/2",
-            v("bottom")
-          ),
-          left: e(
-            "left-full",
-            "top-1/2",
-            "transform",
-            "-translate-y-1/2",
-            v("left")
-          ),
-          right: e(
-            "right-full",
-            "top-1/2",
-            "transform",
-            "-translate-y-1/2",
-            v("right")
-          )
-        }
-      },
-      defaultVariants: {
-        position: "top"
-      }
-    }
-  ), P = we(s) ? (() => {
-    const V = s, w = V.props, B = w.ref;
-    return je(V, {
-      ref: ($) => {
-        y.current = $, typeof B == "function" ? B($) : B && typeof B == "object" && "current" in B && (B.current = $);
-      },
-      "aria-describedby": x ? h : w["aria-describedby"],
-      onMouseEnter: ($) => {
-        var M;
-        j(), (M = w.onMouseEnter) == null || M.call(w, $);
-      },
-      onMouseLeave: ($) => {
-        var M;
-        S(), (M = w.onMouseLeave) == null || M.call(w, $);
-      },
-      onFocus: ($) => {
-        var M;
-        k(), (M = w.onFocus) == null || M.call(w, $);
-      },
-      onBlur: ($) => {
-        var M;
-        L(), (M = w.onBlur) == null || M.call(w, $);
-      },
-      onKeyDown: ($) => {
-        var M;
-        A($), (M = w.onKeyDown) == null || M.call(w, $);
-      }
-    });
-  })() : s, Z = n ? e("static", "inline-block", o) : e("relative", "inline-block", o);
-  return /* @__PURE__ */ a.jsxs("div", R(N({ className: Z }, c), { children: [
-    P,
-    x && /* @__PURE__ */ a.jsxs(
-      "div",
-      {
-        ref: f,
-        id: h,
-        className: e(F({ position: t })),
-        role: "tooltip",
-        "aria-live": "polite",
-        children: [
-          m,
-          /* @__PURE__ */ a.jsx("div", { className: e(W({ position: t })), "aria-hidden": "true" })
-        ]
-      }
-    )
-  ] }));
-}
-function br(c) {
-  var b = c, {
-    variant: m = "text",
-    width: s,
-    height: t,
-    lines: r = 1,
-    className: o = "",
-    "aria-label": i
-  } = b, n = C(b, [
-    "variant",
-    "width",
-    "height",
-    "lines",
-    "className",
-    "aria-label"
-  ]);
-  const p = [
-    "motion-safe:animate-pulse",
-    "bg-surface-muted",
-    z("sm")
-  ], x = {
-    text: "h-4",
-    card: "h-32",
-    list: "h-12",
-    circle: "rounded-full"
-  }, g = e(...p, x[m], o), l = {};
-  s && (l.width = s), t && (l.height = t);
-  const f = i || `Loading ${m} content`;
-  return m === "text" && r > 1 ? /* @__PURE__ */ a.jsx(
-    "div",
-    R(N({
-      className: u("sm", "space-y"),
-      role: "status",
-      "aria-busy": "true",
-      "aria-label": f
-    }, n), {
-      children: Array.from({ length: r }).map((y, h) => /* @__PURE__ */ a.jsx(
-        "div",
-        {
-          className: g,
-          style: h === r - 1 ? { width: "75%" } : l,
-          "aria-hidden": "true"
-        },
-        h
-      ))
-    })
-  ) : /* @__PURE__ */ a.jsx(
-    "div",
-    N({
-      className: g,
-      style: l,
-      role: "status",
-      "aria-busy": "true",
-      "aria-label": f
-    }, n)
-  );
-}
-function Je({
-  defaultOpen: m = !0,
-  open: s,
-  onOpenChange: t,
-  storageKey: r
-}) {
-  const o = _(() => {
-    if (r && typeof window != "undefined") {
-      const x = localStorage.getItem(r);
-      if (x !== null)
-        return x === "true";
-    }
-    return m;
-  }, [m, r]), [i, n] = Y(o), c = s !== void 0 ? s : i;
-  ae(() => {
-    r && typeof window != "undefined" && s === void 0 && localStorage.setItem(r, String(i));
-  }, [i, r, s]);
-  const b = _(
-    (x) => {
-      s === void 0 && n(x), t == null || t(x);
-    },
-    [s, t]
-  ), p = _(() => {
-    b(!c);
-  }, [c, b]);
-  return {
-    isOpen: c,
-    toggle: p,
-    setOpen: b
-  };
-}
-function gr(x) {
-  var g = x, {
-    children: m,
-    trigger: s,
-    defaultOpen: t = !0,
-    open: r,
-    onOpenChange: o,
-    disabled: i = !1,
-    duration: n = 200,
-    storageKey: c,
-    className: b = ""
-  } = g, p = C(g, [
-    "children",
-    "trigger",
-    "defaultOpen",
-    "open",
-    "onOpenChange",
-    "disabled",
-    "duration",
-    "storageKey",
-    "className"
-  ]);
-  const { isOpen: l, toggle: f } = Je({
-    defaultOpen: t,
-    open: r,
-    onOpenChange: o,
-    storageKey: c
-  }), y = te(null), [h, j] = Y(l ? "auto" : 0);
-  ae(() => {
-    y.current && j(l ? y.current.scrollHeight : 0);
-  }, [l, m]), ae(() => {
-    if (!l || !y.current) return;
-    const k = new ResizeObserver(() => {
-      y.current && l && j(y.current.scrollHeight);
-    });
-    return k.observe(y.current), () => {
-      k.disconnect();
-    };
-  }, [l]);
-  const S = `collapsible-content-${Math.random().toString(36).substr(2, 9)}`;
-  return /* @__PURE__ */ a.jsxs("div", R(N({ className: b }, p), { children: [
-    /* @__PURE__ */ a.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: f,
-        onKeyDown: (k) => {
-          (k.key === "Enter" || k.key === " ") && (k.preventDefault(), i || f());
-        },
-        disabled: i,
-        "aria-expanded": l,
-        "aria-controls": S,
-        "aria-disabled": i,
-        className: e(
-          "w-full",
-          "text-left",
-          "focus:outline-none",
-          "focus:ring-2",
-          "focus:ring-line-brand",
-          "focus:ring-offset-2",
-          z("md")
-        ),
-        children: s
-      }
-    ),
-    /* @__PURE__ */ a.jsx(
-      "div",
-      {
-        id: S,
-        ref: y,
-        style: {
-          height: typeof h == "number" ? `${h}px` : h,
-          overflow: "hidden",
-          transition: `height ${n}ms ease-in-out`
-        },
-        "aria-hidden": !l,
-        children: /* @__PURE__ */ a.jsx("div", { children: m })
-      }
-    )
-  ] }));
-}
-const Qe = U(
-  O(function(x, p) {
-    var g = x, {
-      id: s,
-      label: t,
-      error: r = !1,
-      helperText: o,
-      className: i = "",
-      disabled: n = !1,
-      indeterminate: c = !1
-    } = g, b = C(g, [
-      "id",
-      "label",
-      "error",
-      "helperText",
-      "className",
-      "disabled",
-      "indeterminate"
-    ]);
-    const l = d(
-      () => s || `checkbox-${Math.random().toString(36).substr(2, 9)}`,
-      [s]
-    ), f = d(
-      () => r ? `${l}-error` : void 0,
-      [r, l]
-    ), y = d(
-      () => o ? `${l}-helper` : void 0,
-      [o, l]
-    ), h = d(() => "focus:border-line-focus", []), j = d(() => "focus:border-error", []), S = d(
-      () => r ? j.replace("focus:border-", "focus:ring-") : h.replace("focus:border-", "focus:ring-"),
-      [r, j, h]
-    ), k = d(
-      () => e(
-        "h-4",
-        "w-4",
-        z("sm"),
-        "border",
-        "border-line-default",
-        "text-fg-brand",
-        "focus:ring-2",
-        S,
-        "focus:ring-offset-2",
-        "disabled:opacity-50",
-        "disabled:cursor-not-allowed",
-        "cursor-pointer",
-        r && "border-error",
-        i
-      ),
-      [S, r, i]
-    ), L = d(
-      () => e(
-        T("label"),
-        u("sm", "ml"),
-        n ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
-      ),
-      [n]
-    ), A = te(null), v = _(
-      (F) => {
-        A.current = F, typeof p == "function" ? p(F) : p && (p.current = F), F && (F.indeterminate = c);
-      },
-      [p, c]
-    );
-    return ae(() => {
-      A.current && (A.current.indeterminate = c);
-    }, [c]), /* @__PURE__ */ a.jsxs("div", { className: e("flex", "flex-col", u("sm", "my")), children: [
-      /* @__PURE__ */ a.jsxs("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ a.jsx(
-          "input",
-          N({
-            type: "checkbox",
-            id: l,
-            ref: v,
-            className: k,
-            disabled: n,
-            "aria-invalid": r,
-            "aria-describedby": f || y || void 0,
-            "aria-label": t ? void 0 : "Checkbox"
-          }, b)
-        ),
-        t && /* @__PURE__ */ a.jsx("label", { htmlFor: l, className: L, children: t })
-      ] }),
-      (r || o) && /* @__PURE__ */ a.jsx(
-        "div",
-        {
-          id: f || y,
-          className: e(
-            u("xs", "mt"),
-            T("caption"),
-            r ? "text-fg-error" : "text-fg-secondary"
-          ),
-          role: r ? "alert" : void 0,
-          children: r ? o || "This field has an error" : o
-        }
-      )
-    ] });
-  })
-);
-Qe.displayName = "Checkbox";
-const Ye = U(
-  O(function(p, b) {
-    var x = p, {
-      id: s,
-      label: t,
-      error: r = !1,
-      helperText: o,
-      className: i = "",
-      disabled: n = !1
-    } = x, c = C(x, [
-      "id",
-      "label",
-      "error",
-      "helperText",
-      "className",
-      "disabled"
-    ]);
-    const g = d(
-      () => s || `radio-${Math.random().toString(36).substr(2, 9)}`,
-      [s]
-    ), l = d(
-      () => r ? `${g}-error` : void 0,
-      [r, g]
-    ), f = d(
-      () => o ? `${g}-helper` : void 0,
-      [o, g]
-    ), y = d(() => "focus:border-line-focus", []), h = d(() => "focus:border-error", []), j = d(
-      () => r ? h.replace("focus:border-", "focus:ring-") : y.replace("focus:border-", "focus:ring-"),
-      [r, h, y]
-    ), S = d(
-      () => e(
-        "h-4",
-        "w-4",
-        "border",
-        "border-line-default",
-        "text-fg-brand",
-        "focus:ring-2",
-        j,
-        "focus:ring-offset-2",
-        "disabled:opacity-50",
-        "disabled:cursor-not-allowed",
-        "cursor-pointer",
-        r && "border-error",
-        i
-      ),
-      [j, r, i]
-    ), k = d(
-      () => e(
-        T("label"),
-        u("sm", "ml"),
-        n ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
-      ),
-      [n]
-    );
-    return /* @__PURE__ */ a.jsxs("div", { className: e("flex", "flex-col", u("sm", "my")), children: [
-      /* @__PURE__ */ a.jsxs("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ a.jsx(
-          "input",
-          N({
-            type: "radio",
-            id: g,
-            ref: b,
-            className: S,
-            disabled: n,
-            "aria-invalid": r,
-            "aria-describedby": l || f || void 0,
-            "aria-label": t ? void 0 : "Radio button"
-          }, c)
-        ),
-        t && /* @__PURE__ */ a.jsx("label", { htmlFor: g, className: k, children: t })
-      ] }),
-      (r || o) && /* @__PURE__ */ a.jsx(
-        "div",
-        {
-          id: l || f,
-          className: e(
-            u("xs", "mt"),
-            T("caption"),
-            r ? "text-fg-error" : "text-fg-secondary"
-          ),
-          role: r ? "alert" : void 0,
-          children: r ? o || "This field has an error" : o
-        }
-      )
-    ] });
-  })
-);
-Ye.displayName = "Radio";
-const Ge = H("w-full", {
-  variants: {
-    size: {
-      sm: "h-1",
-      md: "h-2",
-      lg: "h-3"
-    },
-    variant: {
-      primary: "bg-surface-muted",
-      secondary: "bg-surface-muted",
-      success: "bg-success-bg-emphasis",
-      error: "bg-error-bg-emphasis",
-      warning: "bg-warning-bg-emphasis",
-      info: "bg-info-bg-emphasis"
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "primary"
-  }
-}), ve = H("transition-all", {
-  variants: {
-    variant: {
-      primary: "bg-surface-brand",
-      secondary: "bg-surface-secondary",
-      success: "bg-success",
-      error: "bg-error",
-      warning: "bg-warning",
-      info: "bg-info"
-    }
-  },
-  defaultVariants: {
-    variant: "primary"
-  }
-}), Ke = O(function(g, x) {
-  var l = g, {
-    value: s,
-    max: t = 100,
-    variant: r = "primary",
-    size: o = "md",
-    showLabel: i = !1,
-    label: n,
-    "aria-label": c,
-    className: b = ""
-  } = l, p = C(l, [
-    "value",
-    "max",
-    "variant",
-    "size",
-    "showLabel",
-    "label",
-    "aria-label",
-    "className"
-  ]);
-  const f = s === void 0, y = f ? void 0 : Math.min(Math.max(s / t * 100, 0), 100), h = c || (f ? "Loading in progress" : `Progress: ${y == null ? void 0 : y.toFixed(0)}%`);
-  return /* @__PURE__ */ a.jsxs("div", R(N({ ref: x, className: e("w-full", b) }, p), { children: [
-    i && (n || !f) && /* @__PURE__ */ a.jsxs(
-      "div",
-      {
-        className: e(
-          "flex",
-          "items-center",
-          "justify-between",
-          u("xs", "mb")
-        ),
-        children: [
-          n && /* @__PURE__ */ a.jsx(
-            "span",
-            {
-              className: e(
-                E("bodySmall"),
-                ie("label"),
-                "text-fg-primary"
-              ),
-              children: n
-            }
-          ),
-          !f && y !== void 0 && /* @__PURE__ */ a.jsxs(
-            "span",
-            {
-              className: e(
-                E("bodySmall"),
-                "text-fg-secondary"
-              ),
-              children: [
-                y.toFixed(0),
-                "%"
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ a.jsx(
-      "div",
-      {
-        role: "progressbar",
-        "aria-valuemin": f ? void 0 : 0,
-        "aria-valuemax": f ? void 0 : t,
-        "aria-valuenow": f ? void 0 : s,
-        "aria-label": h,
-        "aria-busy": f,
-        className: e(
-          "relative",
-          "w-full",
-          "overflow-hidden",
-          Ge({ size: o, variant: r }),
-          z("full")
-        ),
-        children: f ? /* @__PURE__ */ a.jsx(
-          "div",
-          {
-            className: e(
-              "absolute",
-              "top-0",
-              "left-0",
-              "bottom-0",
-              ve({ variant: r }),
-              z("full"),
-              "motion-reduce:animate-none"
-            ),
-            style: {
-              width: "30%",
-              animation: "progress-indeterminate 1.5s ease-in-out infinite"
-            }
-          }
-        ) : /* @__PURE__ */ a.jsx(
-          "div",
-          {
-            className: e(
-              "h-full",
-              ve({ variant: r }),
-              z("full"),
-              "transition-all",
-              "duration-300",
-              "ease-out"
-            ),
-            style: {
-              width: `${y}%`
-            },
-            "aria-hidden": "true"
-          }
-        )
-      }
-    )
-  ] }));
-});
-Ke.displayName = "Progress";
-const er = U(
-  O(function(l, g) {
-    var f = l, {
-      size: s = "md",
-      label: t,
-      description: r,
-      error: o = !1,
-      className: i = "",
-      disabled: n = !1,
-      checked: c,
-      onChange: b,
-      id: p
-    } = f, x = C(f, [
-      "size",
-      "label",
-      "description",
-      "error",
-      "className",
-      "disabled",
-      "checked",
-      "onChange",
-      "id"
-    ]);
-    const y = d(
-      () => p || `switch-${Math.random().toString(36).substr(2, 9)}`,
-      [p]
-    ), h = d(
-      () => t ? `${y}-label` : void 0,
-      [t, y]
-    ), j = d(
-      () => r ? `${y}-description` : void 0,
-      [r, y]
-    ), S = d(() => Fe(s), [s]), k = d(
-      () => "focus:border-line-focus".replace("focus:border-", "focus:ring-"),
-      []
-    ), L = d(
-      () => e(
-        "relative",
-        "inline-flex",
-        "shrink-0",
-        "cursor-pointer",
-        "rounded-full",
-        "border-2",
-        "border-transparent",
-        fe("base"),
-        "focus:outline-none",
-        "focus:ring-2",
-        k,
-        "focus:ring-offset-2",
-        S.track,
-        c ? "bg-surface-brand" : "bg-surface-muted",
-        o && !c && "border-error",
-        n && "opacity-50 cursor-not-allowed",
-        i
-      ),
-      [k, S.track, c, o, n, i]
-    ), A = d(
-      () => e(
-        "pointer-events-none",
-        "inline-block",
-        "rounded-full",
-        "bg-surface-base",
-        "shadow",
-        "transform",
-        fe("base"),
-        S.thumb,
-        c ? S.translate : "translate-x-0"
-      ),
-      [S.thumb, S.translate, c]
-    );
-    return /* @__PURE__ */ a.jsxs("div", { className: e("flex", "items-start", u("md", "gap")), children: [
-      /* @__PURE__ */ a.jsxs("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ a.jsx(
-          "button",
-          {
-            type: "button",
-            className: L,
-            role: "switch",
-            "aria-checked": c,
-            "aria-labelledby": h,
-            "aria-describedby": j,
-            disabled: n,
-            onClick: _(
-              (v) => {
-                if (!n && b) {
-                  const F = R(N({}, v), {
-                    target: R(N({}, v.target), { checked: !c }),
-                    currentTarget: R(N({}, v.currentTarget), { checked: !c })
-                  });
-                  b(F);
-                }
-              },
-              [n, b, c]
-            ),
-            onKeyDown: _(
-              (v) => {
-                if ((v.key === "Enter" || v.key === " ") && !n && b) {
-                  v.preventDefault();
-                  const F = R(N({}, v), {
-                    target: R(N({}, v.target), { checked: !c }),
-                    currentTarget: R(N({}, v.currentTarget), { checked: !c })
-                  });
-                  b(F);
-                }
-              },
-              [n, b, c]
-            ),
-            children: /* @__PURE__ */ a.jsx("span", { className: A })
-          }
-        ),
-        /* @__PURE__ */ a.jsx(
-          "input",
-          N({
-            ref: g,
-            type: "checkbox",
-            id: y,
-            checked: c,
-            onChange: b,
-            disabled: n,
-            className: "sr-only",
-            "aria-hidden": "true"
-          }, x)
-        )
-      ] }),
-      (t || r) && /* @__PURE__ */ a.jsxs("div", { className: "flex-1", children: [
-        t && /* @__PURE__ */ a.jsx(
-          "label",
-          {
-            id: h,
-            htmlFor: y,
-            className: e(
-              "block",
-              E("bodySmall"),
-              ie("label"),
-              o ? "text-fg-error" : "text-fg-primary",
-              n ? "opacity-50" : "cursor-pointer"
-            ),
-            children: t
-          }
-        ),
-        r && /* @__PURE__ */ a.jsx(
-          "p",
-          {
-            id: j,
-            className: e(
-              u("xs", "mt"),
-              E("bodySmall"),
-              o ? "text-fg-error" : "text-fg-secondary"
-            ),
-            children: r
-          }
-        )
-      ] })
-    ] });
-  })
-);
-er.displayName = "Switch";
-const rr = U(function(i) {
-  var n = i, {
-    orientation: s = "horizontal",
-    variant: t = "solid",
-    className: r = ""
-  } = n, o = C(n, [
-    "orientation",
-    "variant",
-    "className"
-  ]);
-  const c = d(() => {
-    const b = ["border-0", "border-line-default"], p = {
-      horizontal: "w-full border-t",
-      vertical: "h-full border-l self-stretch"
-    }, x = {
-      solid: "border-solid",
-      dashed: "border-dashed",
-      dotted: "border-dotted"
-    };
-    return e(
-      ...b,
-      p[s],
-      x[t],
-      r
-    );
-  }, [s, t, r]);
-  return s === "vertical" ? /* @__PURE__ */ a.jsx(
-    "div",
-    N({
-      className: c,
-      role: "separator",
-      "aria-orientation": "vertical"
-    }, o)
-  ) : /* @__PURE__ */ a.jsx(
-    "hr",
-    N({
-      className: c,
-      role: "separator",
-      "aria-orientation": "horizontal"
-    }, o)
-  );
-});
-rr.displayName = "Separator";
-const sr = O(function(S, j) {
-  var k = S, {
-    value: s,
-    defaultValue: t,
-    min: r = 0,
-    max: o = 100,
-    step: i = 1,
-    variant: n = "single",
-    size: c = "md",
-    disabled: b = !1,
-    showValue: p = !1,
-    marks: x = [],
-    onChange: g,
-    onValueChange: l,
-    label: f,
-    className: y = ""
-  } = k, h = C(k, [
-    "value",
-    "defaultValue",
-    "min",
-    "max",
-    "step",
-    "variant",
-    "size",
-    "disabled",
-    "showValue",
-    "marks",
-    "onChange",
-    "onValueChange",
-    "label",
-    "className"
-  ]);
-  const L = te(null), [A, v] = Y(
-    t || (n === "range" ? [r, o] : r)
-  ), [F, W] = Y(!1), [P, Z] = Y(null), V = s !== void 0, w = V ? s : A, B = (I) => (I - r) / (o - r) * 100, $ = (I) => {
-    if (!L.current) return r;
-    const q = L.current.getBoundingClientRect(), D = Math.max(
-      0,
-      Math.min(1, (I - q.left) / q.width)
-    ), J = r + D * (o - r);
-    return Math.round(J / i) * i;
-  }, M = (I, q = "min") => {
-    if (b) return;
-    I.preventDefault(), W(!0), Z(q);
-    const D = (G) => {
-      if (!L.current) return;
-      const X = $(G.clientX);
-      ne(X, q);
-    }, J = () => {
-      W(!1), Z(null), document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", J);
-    };
-    document.addEventListener("mousemove", D), document.addEventListener("mouseup", J);
-  }, ne = (I, q = "min") => {
-    const D = Math.max(r, Math.min(o, I));
-    if (n === "range") {
-      const [J, G] = Array.isArray(w) ? w : [r, o];
-      let X;
-      q === "min" ? X = [Math.min(D, G), G] : X = [J, Math.max(D, J)], V || v(X), g == null || g(X), l == null || l(X);
-    } else
-      V || v(D), g == null || g(D), l == null || l(D);
-  }, le = (I) => {
-    if (b || F) return;
-    const q = $(I.clientX);
-    ne(q);
-  }, ce = () => "focus:ring-line-brand ring-offset-2", de = H(e("relative", "cursor-pointer"), {
-    variants: {
-      size: {
-        sm: "h-1",
-        md: "h-2",
-        lg: "h-3"
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      disabled: !1
-    }
-  }), re = H(
-    e(
-      "absolute",
-      "bg-surface-brand",
-      "rounded-full",
-      "border-2",
-      "border-white",
-      "shadow-md",
-      "cursor-grab",
-      "active:cursor-grabbing",
-      fe("base"),
-      "-translate-x-1/2",
-      "-translate-y-1/2",
-      "top-1/2"
-    ),
-    {
-      variants: {
-        size: {
-          sm: "w-3 h-3",
-          md: "w-4 h-4",
-          lg: "w-5 h-5"
-        },
-        active: {
-          true: ce(),
-          false: ""
-        }
-      },
-      defaultVariants: {
-        size: "md",
-        active: !1
-      }
-    }
-  ), se = typeof w == "number" ? w : w[0], K = Array.isArray(w) ? w[0] : r, ee = Array.isArray(w) ? w[1] : se, Q = B(K), oe = B(ee);
-  return /* @__PURE__ */ a.jsxs("div", R(N({ ref: j, className: e("w-full", y) }, h), { children: [
-    f && /* @__PURE__ */ a.jsxs(
-      "label",
-      {
-        className: e(
-          "block",
-          E("bodySmall"),
-          ie("label"),
-          "text-fg-primary",
-          u("sm", "mb")
-        ),
-        children: [
-          f,
-          p && /* @__PURE__ */ a.jsx(
-            "span",
-            {
-              className: e(u("sm", "ml"), "text-fg-secondary"),
-              children: n === "range" ? `${K} - ${ee}` : se
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ a.jsxs(
-      "div",
-      {
-        ref: L,
-        className: e(
-          de({ size: c, disabled: b }),
-          "bg-surface-muted",
-          z("full")
-        ),
-        onClick: le,
-        role: n === "range" ? void 0 : "slider",
-        "aria-valuemin": n === "range" ? void 0 : r,
-        "aria-valuemax": n === "range" ? void 0 : o,
-        "aria-valuenow": n === "range" ? void 0 : se,
-        "aria-disabled": n === "range" ? void 0 : b,
-        "aria-label": n === "range" ? void 0 : f,
-        children: [
-          /* @__PURE__ */ a.jsx(
-            "div",
-            {
-              className: e(
-                "absolute",
-                de({ size: c }),
-                "bg-surface-brand",
-                z("full"),
-                fe("base")
-              ),
-              style: {
-                left: `${Q}%`,
-                width: `${oe - Q}%`
-              }
-            }
-          ),
-          x.map((I) => {
-            const q = B(I);
-            return /* @__PURE__ */ a.jsx(
-              "div",
-              {
-                className: e(
-                  "absolute",
-                  "w-1",
-                  "h-1",
-                  "bg-line-strong",
-                  z("full"),
-                  "-translate-x-1/2"
-                ),
-                style: {
-                  left: `${q}%`,
-                  top: "50%",
-                  transform: "translate(-50%, -50%)"
-                }
-              },
-              I
-            );
-          }),
-          n === "range" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-            /* @__PURE__ */ a.jsx(
-              "div",
-              {
-                className: e(
-                  re({ size: c, active: P === "min" })
-                ),
-                style: { left: `${Q}%` },
-                onMouseDown: (I) => M(I, "min"),
-                role: "slider",
-                "aria-valuemin": r,
-                "aria-valuemax": ee,
-                "aria-valuenow": K
-              }
-            ),
-            /* @__PURE__ */ a.jsx(
-              "div",
-              {
-                className: e(
-                  re({ size: c, active: P === "max" })
-                ),
-                style: { left: `${oe}%` },
-                onMouseDown: (I) => M(I, "max"),
-                role: "slider",
-                "aria-valuemin": K,
-                "aria-valuemax": o,
-                "aria-valuenow": ee
-              }
-            )
-          ] }) : /* @__PURE__ */ a.jsx(
-            "div",
-            {
-              className: e(re({ size: c, active: F })),
-              style: { left: `${oe}%` },
-              onMouseDown: (I) => M(I)
-            }
-          ),
-          p && !f && /* @__PURE__ */ a.jsx("div", { className: "absolute -top-6 left-0 right-0 flex justify-center", children: /* @__PURE__ */ a.jsx(
-            "span",
-            {
-              className: e(
-                E("caption"),
-                "text-fg-secondary",
-                "bg-surface-overlay",
-                u("sm", "px"),
-                u("xs", "py"),
-                z("md"),
-                "shadow"
-              ),
-              children: n === "range" ? `${K} - ${ee}` : se
-            }
-          ) })
-        ]
-      }
-    )
-  ] }));
-});
-sr.displayName = "Slider";
-const tr = H(
-  // Base classes
-  e(
-    "inline-flex",
-    "items-center",
-    "font-medium",
-    z("full"),
-    u("xs", "gap")
-  ),
-  {
-    variants: {
-      variant: {
-        default: e(
-          "bg-surface-muted",
-          "text-fg-primary",
-          "border",
-          "border-line-default"
-        ),
-        outlined: e(
-          "bg-transparent",
-          "text-fg-primary",
-          "border",
-          "border-line-default"
-        ),
-        filled: e(
-          "bg-surface-brand",
-          "text-fg-inverse",
-          "border",
-          "border-transparent"
-        )
-      },
-      size: {
-        sm: e(
-          u("xs", "px"),
-          u("xs", "py"),
-          E("caption")
-        ),
-        md: e(
-          u("sm", "px"),
-          u("xs", "py"),
-          E("bodySmall")
-        ),
-        lg: e(
-          u("md", "px"),
-          u("sm", "py"),
-          E("body")
-        )
-      },
-      selected: {
-        true: e(
-          "bg-surface-brand",
-          "text-fg-inverse",
-          "border",
-          "border-line-brand"
-        ),
-        false: ""
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        selected: !0,
-        variant: "default",
-        class: ""
-        // Override variant when selected
-      },
-      {
-        selected: !0,
-        variant: "outlined",
-        class: ""
-        // Override variant when selected
-      },
-      {
-        selected: !0,
-        variant: "filled",
-        class: ""
-        // Override variant when selected
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      size: "md",
-      selected: !1,
-      disabled: !1
-    }
-  }
-), ar = O(function(f, l) {
-  var y = f, {
-    children: s,
-    variant: t = "default",
-    size: r = "md",
-    onRemove: o,
-    selected: i = !1,
-    disabled: n = !1,
-    className: c = "",
-    "aria-label": b,
-    onClick: p,
-    tabIndex: x
-  } = y, g = C(y, [
-    "children",
-    "variant",
-    "size",
-    "onRemove",
-    "selected",
-    "disabled",
-    "className",
-    "aria-label",
-    "onClick",
-    "tabIndex"
-  ]);
-  const h = p !== void 0 || i !== !1 && i !== void 0, j = i ? "option" : h ? "button" : void 0, k = (() => {
-    if (b) return b;
-    if (typeof s == "string") return s;
-    if (typeof s == "object" && s !== null && "props" in s) {
-      const v = s.props;
-      if (v != null && v.children && typeof v.children == "string")
-        return v.children;
-    }
-  })(), L = j === "button" && !k, A = (v) => {
-    n || (v.key === "Enter" || v.key === " ") && (v.preventDefault(), p && p());
-  };
-  return /* @__PURE__ */ a.jsxs(
-    "div",
-    R(N({
-      ref: l,
-      className: e(
-        tr({ variant: t, size: r, selected: i, disabled: n }),
-        o && u("xs", "pr"),
-        h && !n && "cursor-pointer focus:outline-none focus:ring-2 focus:ring-line-focus focus:ring-offset-2",
-        c
-      ),
-      role: j,
-      "aria-selected": i ? !0 : void 0,
-      "aria-disabled": n,
-      "aria-label": L ? "Chip" : b || (j === "button" ? k : void 0),
-      tabIndex: x !== void 0 ? x : h && !n ? 0 : void 0,
-      onClick: n ? void 0 : p,
-      onKeyDown: A
-    }, g), {
-      children: [
-        /* @__PURE__ */ a.jsx("span", { children: s }),
-        o && !n && /* @__PURE__ */ a.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: (v) => {
-              v.stopPropagation(), o();
-            },
-            className: e(
-              u("xs", "ml"),
-              "hover:bg-tint-hover",
-              z("full"),
-              u("xs", "p"),
-              "transition-colors",
-              "focus:outline-none",
-              "focus:ring-2",
-              "focus:ring-line-focus",
-              "focus:ring-offset-1"
-            ),
-            "aria-label": `Remove ${k || "chip"}`,
-            children: /* @__PURE__ */ a.jsx(he, { className: "h-3 w-3", "aria-hidden": "true" })
-          }
-        )
-      ]
-    })
-  );
-});
-ar.displayName = "Chip";
-const be = O(function(x, p) {
-  var g = x, {
-    src: s,
-    alt: t,
-    fallback: r,
-    size: o = "md",
-    variant: i = "circle",
-    "aria-label": n,
-    className: c = ""
-  } = g, b = C(g, [
-    "src",
-    "alt",
-    "fallback",
-    "size",
-    "variant",
-    "aria-label",
-    "className"
-  ]);
-  const [l, f] = Y(!1), [y, h] = Y(!1), j = {
-    xs: "h-6 w-6 text-xs",
-    sm: "h-8 w-8 text-sm",
-    md: "h-10 w-10 text-base",
-    lg: "h-12 w-12 text-lg",
-    xl: "h-16 w-16 text-xl"
-  }, S = {
-    circle: "rounded-full",
-    square: "rounded-none",
-    rounded: "rounded-md"
-  }, k = !s || l, L = typeof r == "string" ? r.toUpperCase().slice(0, 2) : r, A = n || t || "User avatar";
-  return /* @__PURE__ */ a.jsxs(
-    "div",
-    R(N({
-      ref: p,
-      className: e(
-        "relative",
-        "inline-flex",
-        "items-center",
-        "justify-center",
-        "shrink-0",
-        "font-medium",
-        "overflow-hidden",
-        j[o],
-        S[i],
-        "bg-surface-muted",
-        "text-fg-primary",
-        c
-      ),
-      role: "img",
-      "aria-label": A
-    }, b), {
-      children: [
-        !k && s && /* @__PURE__ */ a.jsx(
-          "img",
-          {
-            src: s,
-            alt: t || "",
-            className: e(
-              "w-full",
-              "h-full",
-              "object-cover",
-              i === "circle" ? "rounded-full" : i === "square" ? "rounded-none" : "rounded-md",
-              y ? "opacity-100" : "opacity-0",
-              "transition-opacity",
-              "duration-200"
-            ),
-            onLoad: () => h(!0),
-            onError: () => {
-              f(!0), h(!1);
-            },
-            "aria-hidden": "true"
-          }
-        ),
-        k && /* @__PURE__ */ a.jsx(
-          "span",
-          {
-            className: e(
-              "flex",
-              "items-center",
-              "justify-center",
-              "w-full",
-              "h-full",
-              i === "circle" ? "rounded-full" : i === "square" ? "rounded-none" : "rounded-md"
-            ),
-            "aria-hidden": "true",
-            children: L || "?"
-          }
-        )
-      ]
-    })
-  );
-});
-be.displayName = "Avatar";
-function pr(c) {
-  var b = c, {
-    children: m,
-    max: s = 3,
-    size: t = "md",
-    variant: r = "circle",
-    spacing: o = "md",
-    className: i = ""
-  } = b, n = C(b, [
-    "children",
-    "max",
-    "size",
-    "variant",
-    "spacing",
-    "className"
-  ]);
-  const p = {
-    none: "",
-    sm: "-space-x-1",
-    md: "-space-x-2",
-    lg: "-space-x-3"
-  }, x = Me.toArray(m).filter(Boolean), g = x.slice(0, s), l = x.length - s;
-  return /* @__PURE__ */ a.jsxs(
-    "div",
-    R(N({
-      className: e("flex", "items-center", p[o], i),
-      role: "group",
-      "aria-label": `${x.length} avatars`
-    }, n), {
-      children: [
-        g.map((f, y) => {
-          let h = f;
-          if (we(f) && f.type === be) {
-            const j = f.props;
-            h = je(
-              f,
-              {
-                size: j.size || t,
-                variant: j.variant || r
-              }
-            );
-          }
-          return /* @__PURE__ */ a.jsx(
-            "div",
-            {
-              className: "ring-2 ring-surface-base",
-              style: { zIndex: x.length - y },
-              children: h
-            },
-            y
-          );
-        }),
-        l > 0 && /* @__PURE__ */ a.jsx(
-          be,
-          {
-            size: t,
-            variant: r,
-            fallback: `+${l}`,
-            "aria-label": `${l} more avatars`,
-            className: "ring-2 ring-surface-base",
-            style: { zIndex: 0 }
-          }
-        )
-      ]
-    })
-  );
-}
-export {
-  be as Avatar,
-  pr as AvatarGroup,
-  Ue as Badge,
-  me as Button,
-  Qe as Checkbox,
-  ar as Chip,
-  gr as Collapsible,
-  fr as ErrorMessage,
-  cr as Info,
-  Be as Input,
-  Ze as Label,
-  ur as NavLink,
-  Ke as Progress,
-  Ye as Radio,
-  We as Select,
-  rr as Separator,
-  br as Skeleton,
-  sr as Slider,
-  Ne as Spinner,
-  er as Switch,
-  dr as Text,
-  Xe as Textarea,
-  mr as Tooltip,
-  Oe as useNavLink
-};
-//# sourceMappingURL=index.js.map