beth-clarity 1.1.27 → 1.1.29

package/dist/clarity-design-system.es.js

@@ -1,7 +1,28 @@
-import { jsx as r, jsxs as g, Fragment as mt } from "react/jsx-runtime";
-import j, { createContext as Q, useContext as Y, useState as T, useRef as z, useEffect as P, forwardRef as ut, isValidElement as K, cloneElement as G, useMemo as oe, useCallback as de, useLayoutEffect as pt, Children as ft } from "react";
-import ht from "react-dom";
-const ge = {
+import { jsx as a, jsxs as g, Fragment as ct } from "react/jsx-runtime";
+import T, { useState as B, useRef as z, useEffect as P, forwardRef as dt, isValidElement as Q, createContext as Z, cloneElement as G, useContext as K, useMemo as oe, useCallback as de, useLayoutEffect as ut, Children as mt } from "react";
+import ft from "react-dom";
+const Vt = ({ variant: e = "primary", product: t, tone: s, size: n = "medium", bgColor: l, textColor: r, children: d, className: c = "", rounded: i = !1, outlined: o = !1, ...u }) => {
+  const v = "clarity-badge", f = !!l, p = t && s && !f;
+  let m = "";
+  f ? m = `${v}--custom-bg` : p ? m = `${v}--custom` : m = `${v}--${e}`;
+  const h = [
+    v,
+    m,
+    `${v}--${n}`,
+    i ? `${v}--rounded` : "",
+    o ? `${v}--outlined` : "",
+    c
+  ].filter(Boolean).join(" "), y = {};
+  f && (y.backgroundColor = l, r && (y.color = r));
+  const b = p && t && s ? {
+    "--custom-bg-color": `var(--clarity-${t}-${s})`,
+    "--custom-text-color": s && parseInt(s) >= 500 ? "white" : `var(--clarity-${t}-800)`
+  } : {};
+  return a("span", { className: h, style: {
+    ...y,
+    ...b
+  }, ...u, children: d });
+}, Ne = {
   fontFamily: {
     sans: ["Inter", "system-ui", "sans-serif"],
     mono: ["Fira Code", "monospace"]
@@ -38,1740 +59,841 @@ const ge = {
     }
     return `var(--clarity-${e})`;
   }
-}, X = (e) => e !== void 0 ? `var(--clarity-spacing-${e})` : void 0, me = j.forwardRef(
-  (e, t) => {
-    const {
-      children: s,
-      className: a,
-      display: n,
-      position: o,
-      flexDirection: d,
-      alignItems: c,
-      justifyContent: l,
-      gap: i,
-      m,
-      mt: v,
-      mr: p,
-      mb: f,
-      ml: u,
-      mx: h,
-      my: y,
-      p: b,
-      pt: N,
-      pr: B,
-      pb: x,
-      pl: _,
-      px: $,
-      py: L,
-      bg: k,
-      color: R,
-      fontSize: S,
-      fontWeight: I,
-      textAlign: E,
-      lineHeight: w,
-      letterSpacing: H,
-      borderRadius: W,
-      borderTopLeftRadius: V,
-      borderTopRightRadius: U,
-      borderBottomLeftRadius: q,
-      borderBottomRightRadius: M,
-      boxShadow: A,
-      borderWidth: Z,
-      borderTopWidth: se,
-      borderRightWidth: ae,
-      borderBottomWidth: re,
-      borderLeftWidth: C,
-      borderXWidth: O,
-      borderYWidth: F,
-      borderColor: D,
-      overflow: J,
-      ...it
-    } = e, ie = (pe, Ne) => {
-      if (pe === void 0 || pe === 0) return;
-      const ct = `var(--clarity-border-width-${pe})`, dt = Ne ? fe(Ne) : "currentColor";
-      return `${ct} solid ${dt}`;
-    }, ot = j.useMemo(() => ({
-      display: n,
-      position: o,
-      flexDirection: d,
-      alignItems: c,
-      justifyContent: l,
-      gap: X(i),
-      marginTop: X(v ?? y ?? m),
-      marginRight: X(p ?? h ?? m),
-      marginBottom: X(f ?? y ?? m),
-      marginLeft: X(u ?? h ?? m),
-      paddingTop: X(N ?? L ?? b),
-      paddingRight: X(B ?? $ ?? b),
-      paddingBottom: X(x ?? L ?? b),
-      paddingLeft: X(_ ?? $ ?? b),
-      backgroundColor: k ? fe(k) : void 0,
-      color: R ? fe(R) : void 0,
-      fontSize: S ? `var(--clarity-font-size-${S})` : void 0,
-      fontWeight: I ? ge.fontWeight[I] : void 0,
-      textAlign: E,
-      lineHeight: w,
-      letterSpacing: H ? ge.letterSpacing[H] : void 0,
-      borderRadius: W ? `var(--clarity-radius-${W})` : void 0,
-      borderTopLeftRadius: V ? `var(--clarity-radius-${V})` : void 0,
-      borderTopRightRadius: U ? `var(--clarity-radius-${U})` : void 0,
-      borderBottomLeftRadius: q ? `var(--clarity-radius-${q})` : void 0,
-      borderBottomRightRadius: M ? `var(--clarity-radius-${M})` : void 0,
-      boxShadow: A ? `var(--clarity-shadow-${A})` : void 0,
-      border: ie(Z, D),
-      borderTop: ie(se ?? F),
-      borderRight: ie(ae ?? O),
-      borderBottom: ie(re ?? F),
-      borderLeft: ie(C ?? O),
-      overflow: J
-    }), [
-      n,
-      o,
-      d,
-      c,
-      l,
-      i,
-      m,
-      v,
-      p,
-      f,
-      u,
-      h,
-      y,
-      b,
-      N,
-      B,
-      x,
-      _,
-      $,
-      L,
-      k,
-      R,
-      S,
-      I,
-      E,
-      w,
-      H,
-      W,
-      V,
-      U,
-      q,
-      M,
-      A,
-      Z,
-      se,
-      ae,
-      re,
-      C,
-      O,
-      F,
-      D,
-      J
-    ]);
-    return /* @__PURE__ */ r("div", { ref: t, className: `clarity-box ${a || ""}`.trim(), style: ot, ...it, children: s });
-  }
-), he = Q({}), _e = ({ children: e, className: t, ...s }) => {
-  const { borderRadius: a } = Y(he);
-  return /* @__PURE__ */ r(
-    me,
-    {
-      p: 4,
-      borderBottomWidth: 1,
-      borderColor: "gray.200",
-      className: t,
-      borderTopLeftRadius: a,
-      borderTopRightRadius: a,
-      ...s,
-      children: e
-    }
-  );
-};
-_e.displayName = "Card.Header";
-const we = ({ children: e, className: t, ...s }) => /* @__PURE__ */ r(me, { p: 4, className: t, ...s, children: e });
-we.displayName = "Card.Content";
-const $e = ({ children: e, className: t, ...s }) => {
-  const { borderRadius: a } = Y(he);
-  return /* @__PURE__ */ r(
-    me,
-    {
-      p: 4,
-      borderTopWidth: 1,
-      borderColor: "gray.200",
-      display: "flex",
-      justifyContent: "flex-end",
-      gap: 3,
-      className: t,
-      borderBottomLeftRadius: a,
-      borderBottomRightRadius: a,
-      ...s,
-      children: e
-    }
-  );
-};
-$e.displayName = "Card.Footer";
-const ue = ({ children: e, bg: t = "white", borderRadius: s = 3, ...a }) => /* @__PURE__ */ r(he.Provider, { value: { borderRadius: s }, children: /* @__PURE__ */ r(
-  me,
-  {
-    bg: t,
-    borderRadius: s,
-    boxShadow: 1,
-    overflow: "hidden",
-    ...a,
-    children: e
-  }
-) });
-ue.Header = _e;
-ue.Content = we;
-ue.Footer = $e;
-ue.displayName = "Card";
-const Ht = ({
-  variant: e = "primary",
-  product: t,
-  tone: s,
-  size: a = "medium",
-  bgColor: n,
-  textColor: o,
-  children: d,
-  className: c = "",
-  rounded: l = !1,
-  outlined: i = !1,
-  ...m
-}) => {
-  const v = "clarity-badge", p = !!n, f = t && s && !p;
-  let u = "";
-  p ? u = `${v}--custom-bg` : f ? u = `${v}--custom` : u = `${v}--${e}`;
-  const h = [
-    v,
+}, X = (e) => e !== void 0 ? `var(--clarity-spacing-${e})` : void 0, pt = T.forwardRef((e, t) => {
+  const { children: s, className: n, display: l, position: r, flexDirection: d, alignItems: c, justifyContent: i, gap: o, m: u, mt: v, mr: f, mb: p, ml: m, mx: h, my: y, p: b, pt: C, pr: j, pb: x, pl: _, px: $, py: L, bg: k, color: E, fontSize: R, fontWeight: I, textAlign: S, lineHeight: w, letterSpacing: A, borderRadius: W, borderTopLeftRadius: H, borderTopRightRadius: U, borderBottomLeftRadius: q, borderBottomRightRadius: M, boxShadow: V, borderWidth: J, borderTopWidth: se, borderRightWidth: ae, borderBottomWidth: ne, borderLeftWidth: N, borderXWidth: O, borderYWidth: F, borderColor: D, overflow: Y, ...lt } = e, ie = (me, be) => {
+    if (me === void 0 || me === 0)
+      return;
+    const it = `var(--clarity-border-width-${me})`, ot = be ? fe(be) : "currentColor";
+    return `${it} solid ${ot}`;
+  }, rt = T.useMemo(() => ({
+    display: l,
+    position: r,
+    flexDirection: d,
+    alignItems: c,
+    justifyContent: i,
+    gap: X(o),
+    marginTop: X(v ?? y ?? u),
+    marginRight: X(f ?? h ?? u),
+    marginBottom: X(p ?? y ?? u),
+    marginLeft: X(m ?? h ?? u),
+    paddingTop: X(C ?? L ?? b),
+    paddingRight: X(j ?? $ ?? b),
+    paddingBottom: X(x ?? L ?? b),
+    paddingLeft: X(_ ?? $ ?? b),
+    backgroundColor: k ? fe(k) : void 0,
+    color: E ? fe(E) : void 0,
+    fontSize: R ? `var(--clarity-font-size-${R})` : void 0,
+    fontWeight: I ? Ne.fontWeight[I] : void 0,
+    textAlign: S,
+    lineHeight: w,
+    letterSpacing: A ? Ne.letterSpacing[A] : void 0,
+    borderRadius: W ? `var(--clarity-radius-${W})` : void 0,
+    borderTopLeftRadius: H ? `var(--clarity-radius-${H})` : void 0,
+    borderTopRightRadius: U ? `var(--clarity-radius-${U})` : void 0,
+    borderBottomLeftRadius: q ? `var(--clarity-radius-${q})` : void 0,
+    borderBottomRightRadius: M ? `var(--clarity-radius-${M})` : void 0,
+    boxShadow: V ? `var(--clarity-shadow-${V})` : void 0,
+    border: ie(J, D),
+    borderTop: ie(se ?? F),
+    borderRight: ie(ae ?? O),
+    borderBottom: ie(ne ?? F),
+    borderLeft: ie(N ?? O),
+    overflow: Y
+  }), [
+    l,
+    r,
+    d,
+    c,
+    i,
+    o,
     u,
-    `${v}--${a}`,
-    l ? `${v}--rounded` : "",
-    i ? `${v}--outlined` : "",
-    c
-  ].filter(Boolean).join(" "), y = {};
-  p && (y.backgroundColor = n, o && (y.color = o));
-  const b = f && t && s ? {
-    "--custom-bg-color": `var(--clarity-${t}-${s})`,
-    "--custom-text-color": s && parseInt(s) >= 500 ? "white" : `var(--clarity-${t}-800)`
-  } : {};
-  return /* @__PURE__ */ r(
-    "span",
-    {
-      className: h,
-      style: {
-        ...y,
-        ...b
-      },
-      ...m,
-      children: d
-    }
-  );
-}, Vt = ({
-  variant: e = "primary",
-  size: t = "medium",
-  disabled: s = !1,
-  loading: a = !1,
-  children: n,
-  onClick: o,
-  type: d = "button",
-  className: c = "",
-  title: l,
-  customColor: i,
-  customColorHover: m,
-  ...v
-}) => {
-  const p = "clarity-button", f = [
+    v,
+    f,
     p,
-    !i && `${p}--${e}`,
-    `${p}--${t}`,
-    a && `${p}--loading`,
-    s && `${p}--disabled`,
-    c
-  ].filter(Boolean).join(" "), u = {};
-  return i && (u["--button-bg"] = i, u["--button-hover-bg"] = m || `${i}E6`, u["--button-border"] = i, u["--button-hover-border"] = m || `${i}E6`, u["--button-fg"] = "#fff"), /* @__PURE__ */ g(
-    "button",
-    {
-      className: f,
-      style: u,
-      disabled: s || a,
-      onClick: o,
-      type: d,
-      title: l,
-      ...v,
-      children: [
-        a && /* @__PURE__ */ r("div", { className: `${p}__spinner` }),
-        n
-      ]
-    }
-  );
-}, Mt = ({
-  variant: e = "primary",
-  size: t = "medium",
-  filled: s = !0,
-  items: a,
-  value: n,
-  multiple: o = !1,
-  disabled: d = !1,
-  onChange: c,
-  className: l = "",
-  ...i
-}) => {
-  const m = "clarity-button-group", v = `${m}--${e}`, p = [
     m,
+    h,
+    y,
+    b,
+    C,
+    j,
+    x,
+    _,
+    $,
+    L,
+    k,
+    E,
+    R,
+    I,
+    S,
+    w,
+    A,
+    W,
+    H,
+    U,
+    q,
+    M,
+    V,
+    J,
+    se,
+    ae,
+    ne,
+    N,
+    O,
+    F,
+    D,
+    Y
+  ]);
+  return a("div", { ref: t, className: `clarity-box ${n || ""}`.trim(), style: rt, ...lt, children: s });
+});
+pt.displayName = "Box";
+const At = ({ variant: e = "primary", size: t = "medium", disabled: s = !1, loading: n = !1, children: l, onClick: r, type: d = "button", className: c = "", title: i, customColor: o, customColorHover: u, ...v }) => {
+  const f = "clarity-button", p = [
+    f,
+    !o && `${f}--${e}`,
+    `${f}--${t}`,
+    n && `${f}--loading`,
+    s && `${f}--disabled`,
+    c
+  ].filter(Boolean).join(" "), m = {};
+  return o && (m["--button-bg"] = o, m["--button-hover-bg"] = u || `${o}E6`, m["--button-border"] = o, m["--button-hover-border"] = u || `${o}E6`, m["--button-fg"] = "#fff"), g("button", { className: p, style: m, disabled: s || n, onClick: r, type: d, title: i, ...v, children: [n && a("div", { className: `${f}__spinner` }), l] });
+}, Ht = ({ variant: e = "primary", size: t = "medium", filled: s = !0, items: n, value: l, multiple: r = !1, disabled: d = !1, onChange: c, className: i = "", ...o }) => {
+  const u = "clarity-button-group", v = `${u}--${e}`, f = [
+    u,
     v,
-    `${m}--${t}`,
-    !s && `${m}--outline`,
-    d && `${m}--disabled`,
-    l
-  ].filter(Boolean).join(" "), f = (h) => {
-    if (d || !c) return;
-    const y = a.find((b) => b.id === h);
+    `${u}--${t}`,
+    !s && `${u}--outline`,
+    d && `${u}--disabled`,
+    i
+  ].filter(Boolean).join(" "), p = (h) => {
+    if (d || !c)
+      return;
+    const y = n.find((b) => b.id === h);
     if (!(y != null && y.disabled))
-      if (o) {
-        const b = Array.isArray(n) ? n : [], N = b.includes(h) ? b.filter((B) => B !== h) : [...b, h];
-        c(N);
+      if (r) {
+        const b = Array.isArray(l) ? l : [], C = b.includes(h) ? b.filter((j) => j !== h) : [...b, h];
+        c(C);
       } else
         c(h);
-  }, u = (h) => o ? Array.isArray(n) && n.includes(h) : n === h;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: p,
-      role: "group",
-      ...i,
-      children: a.map((h, y) => {
-        const b = u(h.id), N = [
-          `${m}__item`,
-          b && `${m}__item--selected`,
-          h.disabled && `${m}__item--disabled`,
-          y === 0 && `${m}__item--first`,
-          y === a.length - 1 && `${m}__item--last`
-        ].filter(Boolean).join(" ");
-        return /* @__PURE__ */ g(
-          "button",
-          {
-            className: N,
-            onClick: () => f(h.id),
-            disabled: d || h.disabled,
-            type: "button",
-            "aria-pressed": b,
-            children: [
-              h.icon && /* @__PURE__ */ r("span", { className: `${m}__item-icon`, children: h.icon }),
-              /* @__PURE__ */ r("span", { className: `${m}__item-label`, children: h.label })
-            ]
-          },
-          h.id
-        );
-      })
-    }
-  );
-}, yt = j.forwardRef(({
-  variant: e,
-  size: t = "medium",
-  label: s,
-  helperText: a,
-  error: n = !1,
-  errorMessage: o,
-  startIcon: d,
-  endIcon: c,
-  className: l = "",
-  disabled: i = !1,
-  value: m,
-  defaultValue: v,
-  onFocus: p,
-  onBlur: f,
-  ...u
-}, h) => {
-  const [y, b] = T(!1), [N, B] = T(!1), x = z(null);
-  j.useImperativeHandle(h, () => x.current), P(() => {
+  }, m = (h) => r ? Array.isArray(l) && l.includes(h) : l === h;
+  return a("div", { className: f, role: "group", ...o, children: n.map((h, y) => {
+    const b = m(h.id), C = [
+      `${u}__item`,
+      b && `${u}__item--selected`,
+      h.disabled && `${u}__item--disabled`,
+      y === 0 && `${u}__item--first`,
+      y === n.length - 1 && `${u}__item--last`
+    ].filter(Boolean).join(" ");
+    return g("button", { className: C, onClick: () => p(h.id), disabled: d || h.disabled, type: "button", "aria-pressed": b, children: [h.icon && a("span", { className: `${u}__item-icon`, children: h.icon }), a("span", { className: `${u}__item-label`, children: h.label })] }, h.id);
+  }) });
+}, ht = T.forwardRef(({ variant: e, size: t = "medium", label: s, helperText: n, error: l = !1, errorMessage: r, startIcon: d, endIcon: c, className: i = "", disabled: o = !1, value: u, defaultValue: v, onFocus: f, onBlur: p, ...m }, h) => {
+  const [y, b] = B(!1), [C, j] = B(!1), x = z(null);
+  T.useImperativeHandle(h, () => x.current), P(() => {
     const k = x.current;
-    k && B(k.value.length > 0);
-  }, [m, v]);
+    k && j(k.value.length > 0);
+  }, [u, v]);
   const _ = (k) => {
-    b(!0), p == null || p(k);
+    b(!0), f == null || f(k);
   }, $ = (k) => {
-    b(!1), B(k.target.value.length > 0), f == null || f(k);
+    b(!1), j(k.target.value.length > 0), p == null || p(k);
   }, L = [
     "clarity-input",
     "clarity-input--outlined",
     `clarity-input--${t}`,
     e && `clarity-input--${e}`,
-    n && "clarity-input--error",
-    i && "clarity-input--disabled",
+    l && "clarity-input--error",
+    o && "clarity-input--disabled",
     y && "clarity-input--focused",
-    N && "clarity-input--has-value",
+    C && "clarity-input--has-value",
     d && "clarity-input--with-start-icon",
     c && "clarity-input--with-end-icon",
-    l
+    i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g("div", { className: "clarity-input-wrapper", children: [
-    /* @__PURE__ */ g("div", { className: L, children: [
-      d && /* @__PURE__ */ r("div", { className: "clarity-input__start-icon", children: d }),
-      /* @__PURE__ */ g("div", { className: "clarity-input__field", children: [
-        /* @__PURE__ */ r(
-          "input",
-          {
-            ref: x,
-            className: "clarity-input__element",
-            disabled: i,
-            value: m,
-            defaultValue: v,
-            onFocus: _,
-            onBlur: $,
-            ...u
-          }
-        ),
-        s && /* @__PURE__ */ r("label", { className: "clarity-input__label", children: s })
-      ] }),
-      c && /* @__PURE__ */ r("div", { className: "clarity-input__end-icon", children: c })
-    ] }),
-    (a || n && o) && /* @__PURE__ */ r("div", { className: "clarity-input__helper-text", children: n && o ? o : a })
-  ] });
+  return g("div", { className: "clarity-input-wrapper", children: [g("div", { className: L, children: [d && a("div", { className: "clarity-input__start-icon", children: d }), g("div", { className: "clarity-input__field", children: [a("input", { ref: x, className: "clarity-input__element", disabled: o, value: u, defaultValue: v, onFocus: _, onBlur: $, ...m }), s && a("label", { className: "clarity-input__label", children: s })] }), c && a("div", { className: "clarity-input__end-icon", children: c })] }), (n || l && r) && a("div", { className: "clarity-input__helper-text", children: l && r ? r : n })] });
 });
-yt.displayName = "Input";
-const vt = j.forwardRef(({
-  variant: e,
-  size: t = "medium",
-  label: s,
-  helperText: a,
-  error: n = !1,
-  errorMessage: o,
-  startIcon: d,
-  endIcon: c,
-  className: l = "",
-  disabled: i = !1,
-  value: m,
-  defaultValue: v,
-  onFocus: p,
-  onBlur: f,
-  rows: u = 3,
-  minHeight: h,
-  maxHeight: y,
-  resizable: b = !0,
-  ...N
-}, B) => {
-  const [x, _] = T(!1), [$, L] = T(!1), k = z(null);
-  j.useImperativeHandle(B, () => k.current), P(() => {
+ht.displayName = "Input";
+const yt = T.forwardRef(({ variant: e, size: t = "medium", label: s, helperText: n, error: l = !1, errorMessage: r, startIcon: d, endIcon: c, className: i = "", disabled: o = !1, value: u, defaultValue: v, onFocus: f, onBlur: p, rows: m = 3, minHeight: h, maxHeight: y, resizable: b = !0, ...C }, j) => {
+  const [x, _] = B(!1), [$, L] = B(!1), k = z(null);
+  T.useImperativeHandle(j, () => k.current), P(() => {
     const w = k.current;
     w && L(w.value.length > 0);
-  }, [m, v]);
-  const R = (w) => {
-    _(!0), p == null || p(w);
-  }, S = (w) => {
-    _(!1), L(w.target.value.length > 0), f == null || f(w);
+  }, [u, v]);
+  const E = (w) => {
+    _(!0), f == null || f(w);
+  }, R = (w) => {
+    _(!1), L(w.target.value.length > 0), p == null || p(w);
   }, I = [
     "clarity-textarea",
     "clarity-textarea--outlined",
     `clarity-textarea--${t}`,
     e && `clarity-textarea--${e}`,
-    n && "clarity-textarea--error",
-    i && "clarity-textarea--disabled",
+    l && "clarity-textarea--error",
+    o && "clarity-textarea--disabled",
     x && "clarity-textarea--focused",
     $ && "clarity-textarea--has-value",
     d && "clarity-textarea--with-start-icon",
     c && "clarity-textarea--with-end-icon",
-    l
-  ].filter(Boolean).join(" "), E = {
+    i
+  ].filter(Boolean).join(" "), S = {
     resize: b ? "vertical" : "none",
     minHeight: h ? `${h}px` : void 0,
     maxHeight: y ? `${y}px` : void 0
   };
-  return /* @__PURE__ */ g("div", { className: "clarity-textarea-wrapper", children: [
-    /* @__PURE__ */ g("div", { className: I, children: [
-      d && /* @__PURE__ */ r("div", { className: "clarity-textarea__start-icon", children: d }),
-      /* @__PURE__ */ g("div", { className: "clarity-textarea__field", children: [
-        /* @__PURE__ */ r(
-          "textarea",
-          {
-            ref: k,
-            className: "clarity-textarea__element",
-            disabled: i,
-            value: m,
-            defaultValue: v,
-            onFocus: R,
-            onBlur: S,
-            rows: u,
-            style: E,
-            ...N
-          }
-        ),
-        s && /* @__PURE__ */ r("label", { className: "clarity-textarea__label", children: s })
-      ] }),
-      c && /* @__PURE__ */ r("div", { className: "clarity-textarea__end-icon", children: c })
-    ] }),
-    (a || n && o) && /* @__PURE__ */ r("div", { className: "clarity-textarea__helper-text", children: n && o ? o : a })
-  ] });
+  return g("div", { className: "clarity-textarea-wrapper", children: [g("div", { className: I, children: [d && a("div", { className: "clarity-textarea__start-icon", children: d }), g("div", { className: "clarity-textarea__field", children: [a("textarea", { ref: k, className: "clarity-textarea__element", disabled: o, value: u, defaultValue: v, onFocus: E, onBlur: R, rows: m, style: S, ...C }), s && a("label", { className: "clarity-textarea__label", children: s })] }), c && a("div", { className: "clarity-textarea__end-icon", children: c })] }), (n || l && r) && a("div", { className: "clarity-textarea__helper-text", children: l && r ? r : n })] });
 });
-vt.displayName = "Textarea";
-const bt = j.forwardRef(({
-  variant: e,
-  size: t = "medium",
-  label: s,
-  helperText: a,
-  error: n = !1,
-  errorMessage: o,
-  startIcon: d,
-  endIcon: c,
-  className: l = "",
-  disabled: i = !1,
-  value: m,
-  defaultValue: v,
-  onFocus: p,
-  onBlur: f,
-  onChange: u,
-  options: h,
-  placeholder: y = "Selecione uma opção",
-  isClearable: b = !1,
-  isSearchable: N = !1,
-  ...B
-}, x) => {
-  const [_, $] = T(!1), [L, k] = T(!1), [R, S] = T(m || v || ""), [I, E] = T(""), w = z(null), H = z(null);
-  j.useImperativeHandle(x, () => w.current), P(() => {
-    m !== void 0 && S(m);
-  }, [m]), P(() => {
-    const C = (O) => {
-      w.current && !w.current.contains(O.target) && ($(!1), k(!1), f == null || f());
+yt.displayName = "Textarea";
+const vt = T.forwardRef(({ variant: e, size: t = "medium", label: s, helperText: n, error: l = !1, errorMessage: r, startIcon: d, endIcon: c, className: i = "", disabled: o = !1, value: u, defaultValue: v, onFocus: f, onBlur: p, onChange: m, options: h, placeholder: y = "Selecione uma opção", isClearable: b = !1, isSearchable: C = !1, ...j }, x) => {
+  const [_, $] = B(!1), [L, k] = B(!1), [E, R] = B(u || v || ""), [I, S] = B(""), w = z(null), A = z(null);
+  T.useImperativeHandle(x, () => w.current), P(() => {
+    u !== void 0 && R(u);
+  }, [u]), P(() => {
+    const N = (O) => {
+      w.current && !w.current.contains(O.target) && ($(!1), k(!1), p == null || p());
     };
-    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
-  }, [f]);
-  const W = N && I ? h.filter(
-    (C) => C.label.toLowerCase().includes(I.toLowerCase())
-  ) : h, V = () => {
-    i || ($(!_), k(!_), _ ? (f == null || f(), N && E("")) : (p == null || p(), N && setTimeout(() => {
-      var C;
-      (C = H.current) == null || C.focus();
+    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
+  }, [p]);
+  const W = C && I ? h.filter((N) => N.label.toLowerCase().includes(I.toLowerCase())) : h, H = () => {
+    o || ($(!_), k(!_), _ ? (p == null || p(), C && S("")) : (f == null || f(), C && setTimeout(() => {
+      var N;
+      (N = A.current) == null || N.focus();
     }, 0)));
-  }, U = (C) => {
-    C.disabled || (S(C.value), $(!1), k(!1), E(""), u == null || u(C.value), f == null || f());
-  }, q = (C) => {
-    E(C.target.value);
-  }, M = (C) => {
-    C.key === "Escape" ? ($(!1), k(!1), E("")) : C.key === "Enter" && W.length > 0 && W[0] && U(W[0]);
-  }, A = h.find((C) => C.value === R), Z = R !== "" && R !== void 0, se = (C) => {
-    C.stopPropagation(), S(""), u == null || u("");
-  }, ae = Z || L || y || N && I, re = [
+  }, U = (N) => {
+    N.disabled || (R(N.value), $(!1), k(!1), S(""), m == null || m(N.value), p == null || p());
+  }, q = (N) => {
+    S(N.target.value);
+  }, M = (N) => {
+    N.key === "Escape" ? ($(!1), k(!1), S("")) : N.key === "Enter" && W.length > 0 && W[0] && U(W[0]);
+  }, V = h.find((N) => N.value === E), J = E !== "" && E !== void 0, se = (N) => {
+    N.stopPropagation(), R(""), m == null || m("");
+  }, ae = J || L || y || C && I, ne = [
     "clarity-select",
     "clarity-select--outlined",
     `clarity-select--${t}`,
     e && `clarity-select--${e}`,
-    n && "clarity-select--error",
-    i && "clarity-select--disabled",
+    l && "clarity-select--error",
+    o && "clarity-select--disabled",
     (L || _) && "clarity-select--focused",
     ae && "clarity-select--label-up",
     _ && "clarity-select--open",
-    N && "clarity-select--searchable",
+    C && "clarity-select--searchable",
     d && "clarity-select--with-start-icon",
     (c || b) && "clarity-select--with-end-icon",
-    l
+    i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g("div", { className: "clarity-select-wrapper", children: [
-    /* @__PURE__ */ g(
-      "div",
-      {
-        ref: w,
-        className: re,
-        onClick: N ? void 0 : V,
-        role: "combobox",
-        "aria-expanded": _,
-        "aria-haspopup": "listbox",
-        tabIndex: i || N ? -1 : 0,
-        ...B,
-        children: [
-          d && /* @__PURE__ */ r("div", { className: "clarity-select__start-icon", children: d }),
-          /* @__PURE__ */ g("div", { className: "clarity-select__field", children: [
-            N ? /* @__PURE__ */ r(
-              "input",
-              {
-                ref: H,
-                type: "text",
-                className: "clarity-select__search-input",
-                value: _ ? I : A ? A.label : "",
-                onChange: q,
-                onKeyDown: M,
-                onFocus: () => {
-                  _ || ($(!0), k(!0), p == null || p());
-                },
-                placeholder: A ? A.label : y,
-                disabled: i,
-                readOnly: !_
-              }
-            ) : /* @__PURE__ */ r("div", { className: "clarity-select__display", children: A ? A.label : y }),
-            s && /* @__PURE__ */ r("label", { className: "clarity-select__label", children: s })
-          ] }),
-          b && Z && /* @__PURE__ */ r(
-            "button",
-            {
-              type: "button",
-              className: "clarity-select__clear-button",
-              onClick: se,
-              "aria-label": "Limpar seleção",
-              children: /* @__PURE__ */ r(
-                "svg",
-                {
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 16 16",
-                  fill: "none",
-                  children: /* @__PURE__ */ r(
-                    "path",
-                    {
-                      d: "M12 4L4 12M4 4L12 12",
-                      stroke: "currentColor",
-                      strokeWidth: "1.5",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: "clarity-select__end-icon",
-              onClick: N ? V : void 0,
-              children: c || /* @__PURE__ */ r(
-                "svg",
-                {
-                  className: "clarity-select__arrow",
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 16 16",
-                  fill: "none",
-                  children: /* @__PURE__ */ r(
-                    "path",
-                    {
-                      d: "M4 6L8 10L12 6",
-                      stroke: "currentColor",
-                      strokeWidth: "1.5",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          _ && /* @__PURE__ */ r("div", { className: "clarity-select__dropdown", children: /* @__PURE__ */ r("ul", { className: "clarity-select__options", role: "listbox", children: W.length > 0 ? W.map((C) => /* @__PURE__ */ r(
-            "li",
-            {
-              className: [
-                "clarity-select__option",
-                C.disabled && "clarity-select__option--disabled",
-                R === C.value && "clarity-select__option--selected"
-              ].filter(Boolean).join(" "),
-              onClick: () => U(C),
-              role: "option",
-              "aria-selected": R === C.value,
-              children: C.label
-            },
-            C.value
-          )) : /* @__PURE__ */ r("li", { className: "clarity-select__option clarity-select__option--no-results", children: "Nenhum resultado encontrado" }) }) })
-        ]
-      }
-    ),
-    (a || n && o) && /* @__PURE__ */ r("div", { className: "clarity-select__helper-text", children: n && o ? o : a })
-  ] });
+  return g("div", { className: "clarity-select-wrapper", children: [g("div", { ref: w, className: ne, onClick: C ? void 0 : H, role: "combobox", "aria-expanded": _, "aria-haspopup": "listbox", tabIndex: o || C ? -1 : 0, ...j, children: [d && a("div", { className: "clarity-select__start-icon", children: d }), g("div", { className: "clarity-select__field", children: [C ? a("input", { ref: A, type: "text", className: "clarity-select__search-input", value: _ ? I : V ? V.label : "", onChange: q, onKeyDown: M, onFocus: () => {
+    _ || ($(!0), k(!0), f == null || f());
+  }, placeholder: V ? V.label : y, disabled: o, readOnly: !_ }) : a("div", { className: "clarity-select__display", children: V ? V.label : y }), s && a("label", { className: "clarity-select__label", children: s })] }), b && J && a("button", { type: "button", className: "clarity-select__clear-button", onClick: se, "aria-label": "Limpar seleção", children: a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: a("path", { d: "M12 4L4 12M4 4L12 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), a("div", { className: "clarity-select__end-icon", onClick: C ? H : void 0, children: c || a("svg", { className: "clarity-select__arrow", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: a("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _ && a("div", { className: "clarity-select__dropdown", children: a("ul", { className: "clarity-select__options", role: "listbox", children: W.length > 0 ? W.map((N) => a("li", { className: [
+    "clarity-select__option",
+    N.disabled && "clarity-select__option--disabled",
+    E === N.value && "clarity-select__option--selected"
+  ].filter(Boolean).join(" "), onClick: () => U(N), role: "option", "aria-selected": E === N.value, children: N.label }, N.value)) : a("li", { className: "clarity-select__option clarity-select__option--no-results", children: "Nenhum resultado encontrado" }) }) })] }), (n || l && r) && a("div", { className: "clarity-select__helper-text", children: l && r ? r : n })] });
 });
-bt.displayName = "Select";
-const Ct = ut(({
-  options: e = [],
-  value: t = [],
-  onChange: s,
-  placeholder: a = "Selecione opções",
-  label: n,
-  helperText: o,
-  error: d = !1,
-  errorMessage: c,
-  disabled: l = !1,
-  variant: i = "primary",
-  size: m = "medium",
-  maxSelectedLabels: v = 3,
-  selectionLimit: p,
-  className: f = "",
-  id: u,
-  name: h,
-  required: y = !1,
-  "data-testid": b,
-  ...N
-}, B) => {
-  const [x, _] = T(!1), [$, L] = T(""), [k, R] = T(!1), S = z(null), I = z(null), E = z(null), w = (C) => {
-    S.current = C, B && (typeof B == "function" ? B(C) : B.current = C);
+vt.displayName = "Select";
+const bt = dt(({ options: e = [], value: t = [], onChange: s, placeholder: n = "Selecione opções", label: l, helperText: r, error: d = !1, errorMessage: c, disabled: i = !1, variant: o = "primary", size: u = "medium", maxSelectedLabels: v = 3, selectionLimit: f, className: p = "", id: m, name: h, required: y = !1, "data-testid": b, ...C }, j) => {
+  const [x, _] = B(!1), [$, L] = B(""), [k, E] = B(!1), R = z(null), I = z(null), S = z(null), w = (N) => {
+    R.current = N, j && (typeof j == "function" ? j(N) : j.current = N);
   };
   P(() => {
-    const C = (O) => {
-      S.current && !S.current.contains(O.target) && (_(!1), R(!1), L(""));
+    const N = (O) => {
+      R.current && !R.current.contains(O.target) && (_(!1), E(!1), L(""));
     };
-    return document.addEventListener("click", C), () => document.removeEventListener("click", C);
+    return document.addEventListener("click", N), () => document.removeEventListener("click", N);
   }, []);
-  const H = e.filter(
-    (C) => C.label.toLowerCase().includes($.toLowerCase())
-  ), W = () => {
-    l || (_(!x), R(!x), x ? L("") : setTimeout(() => {
-      var C;
-      (C = I.current) == null || C.focus();
+  const A = e.filter((N) => N.label.toLowerCase().includes($.toLowerCase())), W = () => {
+    i || (_(!x), E(!x), x ? L("") : setTimeout(() => {
+      var N;
+      (N = I.current) == null || N.focus();
     }, 100));
-  }, V = (C, O) => {
-    if (l)
+  }, H = (N, O) => {
+    if (i)
       return;
     O && (O.stopPropagation(), O.preventDefault());
-    const F = t.includes(C);
+    const F = t.includes(N);
     let D;
-    F ? D = t.filter((J) => J !== C) : D = [...t, C], s && s(D);
-  }, U = (C, O) => {
-    if (O.stopPropagation(), l) return;
-    const F = t.filter((D) => D !== C);
+    F ? D = t.filter((Y) => Y !== N) : D = [...t, N], s && s(D);
+  }, U = (N, O) => {
+    if (O.stopPropagation(), i)
+      return;
+    const F = t.filter((D) => D !== N);
     s == null || s(F);
-  }, q = (C) => {
-    C.stopPropagation(), !l && (s == null || s([]));
-  }, M = (C) => {
-    L(C.target.value);
-  }, A = (C) => {
-    C.key === "Escape" && (_(!1), R(!1), L(""));
-  }, Z = k || x || t.length > 0, se = () => {
-    if (t.length === 0) return null;
-    const C = t.map(
-      (D) => e.find((J) => J.value === D)
-    ).filter(Boolean), O = C.slice(0, v), F = C.length - v;
-    return /* @__PURE__ */ g("div", { className: "clarity-multiselect__chips", children: [
-      O.map((D) => /* @__PURE__ */ g("div", { className: "clarity-multiselect__chip", children: [
-        /* @__PURE__ */ r("span", { className: "clarity-multiselect__chip-label", children: D.label }),
-        !l && /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            className: "clarity-multiselect__chip-remove",
-            onClick: (J) => U(D.value, J),
-            "aria-label": `Remover ${D.label}`,
-            children: "×"
-          }
-        )
-      ] }, D.value)),
-      F > 0 && /* @__PURE__ */ g("div", { className: "clarity-multiselect__chip clarity-multiselect__chip--count", children: [
-        "+",
-        F,
-        " mais"
-      ] })
-    ] });
+  }, q = (N) => {
+    N.stopPropagation(), !i && (s == null || s([]));
+  }, M = (N) => {
+    L(N.target.value);
+  }, V = (N) => {
+    N.key === "Escape" && (_(!1), E(!1), L(""));
+  }, J = k || x || t.length > 0, se = () => {
+    if (t.length === 0)
+      return null;
+    const N = t.map((D) => e.find((Y) => Y.value === D)).filter(Boolean), O = N.slice(0, v), F = N.length - v;
+    return g("div", { className: "clarity-multiselect__chips", children: [O.map((D) => g("div", { className: "clarity-multiselect__chip", children: [a("span", { className: "clarity-multiselect__chip-label", children: D.label }), !i && a("button", { type: "button", className: "clarity-multiselect__chip-remove", onClick: (Y) => U(D.value, Y), "aria-label": `Remover ${D.label}`, children: "×" })] }, D.value)), F > 0 && g("div", { className: "clarity-multiselect__chip clarity-multiselect__chip--count", children: ["+", F, " mais"] })] });
   }, ae = [
     "clarity-multiselect-wrapper",
-    f
-  ].filter(Boolean).join(" "), re = [
+    p
+  ].filter(Boolean).join(" "), ne = [
     "clarity-multiselect",
-    `clarity-multiselect--${i}`,
-    `clarity-multiselect--${m}`,
+    `clarity-multiselect--${o}`,
+    `clarity-multiselect--${u}`,
     x && "clarity-multiselect--open",
     k && "clarity-multiselect--focused",
-    Z && "clarity-multiselect--label-up",
+    J && "clarity-multiselect--label-up",
     d && "clarity-multiselect--error",
-    l && "clarity-multiselect--disabled",
+    i && "clarity-multiselect--disabled",
     t.length > 0 && "clarity-multiselect--has-value"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g("div", { className: ae, children: [
-    /* @__PURE__ */ g(
-      "div",
-      {
-        ref: w,
-        className: re,
-        "data-testid": b,
-        ...N,
-        children: [
-          /* @__PURE__ */ g(
-            "div",
-            {
-              className: "clarity-multiselect__field",
-              onClick: W,
-              children: [
-                n && /* @__PURE__ */ g("label", { className: "clarity-multiselect__label", children: [
-                  n,
-                  y && /* @__PURE__ */ r("span", { className: "clarity-multiselect__required", children: "*" })
-                ] }),
-                /* @__PURE__ */ r("div", { className: "clarity-multiselect__content", children: t.length > 0 ? se() : /* @__PURE__ */ r("span", { className: "clarity-multiselect__placeholder", children: a }) }),
-                /* @__PURE__ */ g("div", { className: "clarity-multiselect__icons", children: [
-                  t.length > 0 && !l && /* @__PURE__ */ r(
-                    "button",
-                    {
-                      type: "button",
-                      className: "clarity-multiselect__clear-button",
-                      onClick: q,
-                      "aria-label": "Limpar seleção",
-                      children: "×"
-                    }
-                  ),
-                  /* @__PURE__ */ r("div", { className: "clarity-multiselect__dropdown-icon", children: /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ r(
-                    "path",
-                    {
-                      d: "M4 6L8 10L12 6",
-                      stroke: "currentColor",
-                      strokeWidth: "1.5",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  ) }) })
-                ] })
-              ]
-            }
-          ),
-          x && /* @__PURE__ */ g("div", { ref: E, className: "clarity-multiselect__dropdown", children: [
-            /* @__PURE__ */ r("div", { className: "clarity-multiselect__search", children: /* @__PURE__ */ r(
-              "input",
-              {
-                ref: I,
-                type: "text",
-                className: "clarity-multiselect__search-input",
-                placeholder: "Buscar opções...",
-                value: $,
-                onChange: M,
-                onKeyDown: A
-              }
-            ) }),
-            /* @__PURE__ */ r("ul", { className: "clarity-multiselect__options", children: H.length > 0 ? H.map((C) => {
-              const O = t.includes(C.value), F = C.disabled || l;
-              return /* @__PURE__ */ g(
-                "li",
-                {
-                  className: [
-                    "clarity-multiselect__option",
-                    O && "clarity-multiselect__option--selected",
-                    F && "clarity-multiselect__option--disabled"
-                  ].filter(Boolean).join(" "),
-                  onClick: (D) => !F && V(C.value, D),
-                  children: [
-                    /* @__PURE__ */ r("div", { className: "clarity-multiselect__option-checkbox", children: /* @__PURE__ */ r("div", { className: [
-                      "clarity-multiselect__checkbox",
-                      O && "clarity-multiselect__checkbox--checked"
-                    ].filter(Boolean).join(" "), children: O && /* @__PURE__ */ r("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ r(
-                      "path",
-                      {
-                        d: "M2 6L5 9L10 3",
-                        stroke: "currentColor",
-                        strokeWidth: "2",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round"
-                      }
-                    ) }) }) }),
-                    /* @__PURE__ */ r("span", { className: "clarity-multiselect__option-label", children: C.label })
-                  ]
-                },
-                C.value
-              );
-            }) : /* @__PURE__ */ r("li", { className: "clarity-multiselect__option clarity-multiselect__option--no-results", children: "Nenhum resultado encontrado" }) })
-          ] })
-        ]
-      }
-    ),
-    (o || d && c) && /* @__PURE__ */ r("div", { className: "clarity-multiselect__helper", children: d && c ? /* @__PURE__ */ r("span", { className: "clarity-multiselect__error-message", children: c }) : o && /* @__PURE__ */ r("span", { className: "clarity-multiselect__helper-text", children: o }) })
-  ] });
+  return g("div", { className: ae, children: [g("div", { ref: w, className: ne, "data-testid": b, ...C, children: [g("div", { className: "clarity-multiselect__field", onClick: W, children: [l && g("label", { className: "clarity-multiselect__label", children: [l, y && a("span", { className: "clarity-multiselect__required", children: "*" })] }), a("div", { className: "clarity-multiselect__content", children: t.length > 0 ? se() : a("span", { className: "clarity-multiselect__placeholder", children: n }) }), g("div", { className: "clarity-multiselect__icons", children: [t.length > 0 && !i && a("button", { type: "button", className: "clarity-multiselect__clear-button", onClick: q, "aria-label": "Limpar seleção", children: "×" }), a("div", { className: "clarity-multiselect__dropdown-icon", children: a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: a("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] })] }), x && g("div", { ref: S, className: "clarity-multiselect__dropdown", children: [a("div", { className: "clarity-multiselect__search", children: a("input", { ref: I, type: "text", className: "clarity-multiselect__search-input", placeholder: "Buscar opções...", value: $, onChange: M, onKeyDown: V }) }), a("ul", { className: "clarity-multiselect__options", children: A.length > 0 ? A.map((N) => {
+    const O = t.includes(N.value), F = N.disabled || i;
+    return g("li", { className: [
+      "clarity-multiselect__option",
+      O && "clarity-multiselect__option--selected",
+      F && "clarity-multiselect__option--disabled"
+    ].filter(Boolean).join(" "), onClick: (D) => !F && H(N.value, D), children: [a("div", { className: "clarity-multiselect__option-checkbox", children: a("div", { className: [
+      "clarity-multiselect__checkbox",
+      O && "clarity-multiselect__checkbox--checked"
+    ].filter(Boolean).join(" "), children: O && a("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: a("path", { d: "M2 6L5 9L10 3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) }), a("span", { className: "clarity-multiselect__option-label", children: N.label })] }, N.value);
+  }) : a("li", { className: "clarity-multiselect__option clarity-multiselect__option--no-results", children: "Nenhum resultado encontrado" }) })] })] }), (r || d && c) && a("div", { className: "clarity-multiselect__helper", children: d && c ? a("span", { className: "clarity-multiselect__error-message", children: c }) : r && a("span", { className: "clarity-multiselect__helper-text", children: r }) })] });
 });
-Ct.displayName = "MultiSelect";
-const ke = Q(null), xe = () => {
-  const e = Y(ke);
+bt.displayName = "MultiSelect";
+const Ce = Z(null), ge = () => {
+  const e = K(Ce);
   if (!e)
     throw new Error("useModal must be used within a Modal provider");
   return e;
-}, Te = ({
-  children: e,
-  className: t = "",
-  title: s
-}) => {
-  const { onClose: a, variant: n, showCloseButton: o } = xe(), d = [
+}, _e = ({ children: e, className: t = "", title: s }) => {
+  const { onClose: n, variant: l, showCloseButton: r } = ge(), d = [
     "clarity-modal-header",
     t,
-    n && `clarity-modal-header--${n}`
+    l && `clarity-modal-header--${l}`
   ].filter(Boolean).join(" "), c = [
     "clarity-modal-close",
-    n && `clarity-modal-close--${n}`
+    l && `clarity-modal-close--${l}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g("div", { className: d, children: [
-    s && /* @__PURE__ */ r("h2", { className: "clarity-modal-title", children: s }),
-    e,
-    o && /* @__PURE__ */ r("button", { className: c, onClick: (l) => {
-      l.stopPropagation(), a();
-    }, children: "×" })
-  ] });
+  return g("div", { className: d, children: [s && a("h2", { className: "clarity-modal-title", children: s }), e, r && a("button", { className: c, onClick: (i) => {
+    i.stopPropagation(), n();
+  }, children: "×" })] });
 };
-Te.displayName = "Modal.Header";
-const Be = ({ children: e, className: t = "" }) => /* @__PURE__ */ r("div", { className: `clarity-modal-content ${t}`, children: e });
-Be.displayName = "Modal.Content";
-const Re = ({ children: e, className: t = "" }) => /* @__PURE__ */ g("div", { className: `clarity-modal-footer ${t}`, children: [
-  /* @__PURE__ */ r("div", { className: "clarity-modal-scroll-indicator" }),
-  e
-] });
-Re.displayName = "Modal.Footer";
-const je = ({ children: e, onClick: t }) => G(e, {
+_e.displayName = "Modal.Header";
+const we = ({ children: e, className: t = "" }) => a("div", { className: `clarity-modal-content ${t}`, children: e });
+we.displayName = "Modal.Content";
+const $e = ({ children: e, className: t = "" }) => g("div", { className: `clarity-modal-footer ${t}`, children: [a("div", { className: "clarity-modal-scroll-indicator" }), e] });
+$e.displayName = "Modal.Footer";
+const ke = ({ children: e, onClick: t }) => G(e, {
   onClick: (s) => {
-    var a, n;
-    t == null || t(), (n = (a = e.props).onClick) == null || n.call(a, s);
+    var n, l;
+    t == null || t(), (l = (n = e.props).onClick) == null || l.call(n, s);
   }
 });
-je.displayName = "Modal.Trigger";
-const Le = ({ children: e }) => {
-  const { onClose: t } = xe();
+ke.displayName = "Modal.Trigger";
+const xe = ({ children: e }) => {
+  const { onClose: t } = ge();
   return G(e, {
     onClick: (s) => {
-      var a, n;
-      t(), (n = (a = e.props).onClick) == null || n.call(a, s);
+      var n, l;
+      t(), (l = (n = e.props).onClick) == null || l.call(n, s);
     }
   });
 };
-Le.displayName = "Modal.Close";
-const ee = ({
-  isOpen: e,
-  onClose: t,
-  onOpen: s,
-  children: a,
-  className: n = "",
-  variant: o,
-  size: d = "medium",
-  showCloseButton: c = !0,
-  closeOnOverlayClick: l = !0
-}) => {
-  const [i, m] = T(!1), p = e !== void 0 ? e : i, f = t || (() => {
-    m(!1);
+xe.displayName = "Modal.Close";
+const ee = ({ isOpen: e, onClose: t, onOpen: s, children: n, className: l = "", variant: r, size: d = "medium", showCloseButton: c = !0, closeOnOverlayClick: i = !0 }) => {
+  const [o, u] = B(!1), f = e !== void 0 ? e : o, p = t || (() => {
+    u(!1);
   });
   P(() => {
-    p && (s == null || s());
-  }, [p, s]), P(() => {
-    const N = (B) => {
-      B.key === "Escape" && f();
+    f && (s == null || s());
+  }, [f, s]), P(() => {
+    const C = (j) => {
+      j.key === "Escape" && p();
     };
-    return p ? (document.addEventListener("keydown", N), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
-      document.removeEventListener("keydown", N), document.body.style.overflow = "unset";
+    return f ? (document.addEventListener("keydown", C), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
+      document.removeEventListener("keydown", C), document.body.style.overflow = "unset";
     };
-  }, [p, f]);
-  const u = (N) => {
-    l && N.target === N.currentTarget && f();
-  }, h = j.Children.toArray(a).find(
-    (N) => K(N) && N.type.displayName === "Modal.Trigger"
-  ), y = j.Children.toArray(a).filter(
-    (N) => K(N) && N.type.displayName !== "Modal.Trigger"
-  ), b = ["clarity-modal", n, `clarity-modal--${d}`].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g(ke.Provider, { value: { onClose: f, variant: o, showCloseButton: c }, children: [
-    h && G(h, { onClick: () => m(!0) }),
-    p && /* @__PURE__ */ r("div", { className: "clarity-modal-overlay", onClick: u, children: /* @__PURE__ */ r("div", { className: b, children: y }) })
-  ] });
+  }, [f, p]);
+  const m = (C) => {
+    i && C.target === C.currentTarget && p();
+  }, h = T.Children.toArray(n).find((C) => Q(C) && C.type.displayName === "Modal.Trigger"), y = T.Children.toArray(n).filter((C) => Q(C) && C.type.displayName !== "Modal.Trigger"), b = ["clarity-modal", l, `clarity-modal--${d}`].filter(Boolean).join(" ");
+  return g(Ce.Provider, { value: { onClose: p, variant: r, showCloseButton: c }, children: [h && G(h, { onClick: () => u(!0) }), f && a("div", { className: "clarity-modal-overlay", onClick: m, children: a("div", { className: b, children: y }) })] });
 };
-ee.Header = Te;
-ee.Content = Be;
-ee.Footer = Re;
-ee.Trigger = je;
-ee.Close = Le;
+ee.Header = _e;
+ee.Content = we;
+ee.Footer = $e;
+ee.Trigger = ke;
+ee.Close = xe;
 ee.displayName = "Modal";
-const Se = Q(void 0), Ft = () => {
-  const e = Y(Se);
+const Be = Z(void 0), Mt = () => {
+  const e = K(Be);
   if (!e)
     throw new Error("useToast must be used within a ToastProvider");
   return e;
-}, Nt = ({ id: e, message: t, variant: s, duration: a, onClose: n, invertColors: o }) => {
-  const [d, c] = T("entering");
+}, Nt = ({ id: e, message: t, variant: s, duration: n, onClose: l, invertColors: r }) => {
+  const [d, c] = B("entering");
   P(() => {
-    const i = setTimeout(() => {
+    const o = setTimeout(() => {
       c("visible");
-    }, 10), m = setTimeout(() => {
+    }, 10), u = setTimeout(() => {
       c("exiting");
-    }, a * 1e3 - 300), v = setTimeout(() => {
-      n(e);
-    }, a * 1e3);
+    }, n * 1e3 - 300), v = setTimeout(() => {
+      l(e);
+    }, n * 1e3);
     return () => {
-      clearTimeout(i), clearTimeout(m), clearTimeout(v);
+      clearTimeout(o), clearTimeout(u), clearTimeout(v);
     };
-  }, [e, a, n]);
-  const l = [
+  }, [e, n, l]);
+  const i = [
     "cl-toast",
     s,
-    o ? "colored-background" : "",
+    r ? "colored-background" : "",
     `cl-toast-${d}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g("div", { className: l, children: [
-    /* @__PURE__ */ r("div", { className: "cl-toast-message", children: t }),
-    /* @__PURE__ */ r("button", { onClick: () => c("exiting"), className: "cl-toast-close-button", children: "×" }),
-    /* @__PURE__ */ r(
-      "div",
-      {
-        className: "cl-toast-progress-bar",
-        style: { animationDuration: `${a}s` }
-      }
-    )
-  ] });
-}, zt = ({ children: e }) => {
-  const [t, s] = T([]), a = oe(() => {
+  return g("div", { className: i, children: [a("div", { className: "cl-toast-message", children: t }), a("button", { onClick: () => c("exiting"), className: "cl-toast-close-button", children: "×" }), a("div", { className: "cl-toast-progress-bar", style: { animationDuration: `${n}s` } })] });
+}, Ft = ({ children: e }) => {
+  const [t, s] = B([]), n = oe(() => {
     if (typeof document < "u") {
-      const l = document.createElement("div");
-      return l.id = "toast-portal-root", l;
+      const i = document.createElement("div");
+      return i.id = "toast-portal-root", i;
     }
     return null;
   }, []);
   P(() => {
-    if (a)
-      return document.body.appendChild(a), () => {
-        document.body.removeChild(a);
+    if (n)
+      return document.body.appendChild(n), () => {
+        document.body.removeChild(n);
       };
-  }, [a]);
-  const n = de((l) => {
-    const m = {
+  }, [n]);
+  const l = de((i) => {
+    const u = {
       id: (/* @__PURE__ */ new Date()).toISOString() + Math.random(),
       // duration: 5,
       // position: 'right-top',
-      ...l
+      ...i
     };
     s((v) => {
-      const p = [m, ...v];
-      return p.length > 4 ? p.slice(0, 4) : p;
+      const f = [u, ...v];
+      return f.length > 4 ? f.slice(0, 4) : f;
     });
-  }, []), o = de((l) => {
-    s((i) => i.filter((m) => m.id !== l));
-  }, []), d = oe(() => t.reduce((l, i) => (l[i.position] || (l[i.position] = []), l[i.position].push(i), l), {}), [t]), c = oe(() => ({ show: n }), [n]);
-  return /* @__PURE__ */ g(Se.Provider, { value: c, children: [
-    e,
-    a && ht.createPortal(
-      Object.entries(d).map(([l, i]) => /* @__PURE__ */ r("div", { className: `cl-toast-container ${l}`, children: i.map((m) => /* @__PURE__ */ r(Nt, { ...m, onClose: o }, m.id)) }, l)),
-      a
-    )
-  ] });
-}, Ee = Q(null), Oe = () => {
-  const e = Y(Ee);
+  }, []), r = de((i) => {
+    s((o) => o.filter((u) => u.id !== i));
+  }, []), d = oe(() => t.reduce((i, o) => (i[o.position] || (i[o.position] = []), i[o.position].push(o), i), {}), [t]), c = oe(() => ({ show: l }), [l]);
+  return g(Be.Provider, { value: c, children: [e, n && ft.createPortal(Object.entries(d).map(([i, o]) => a("div", { className: `cl-toast-container ${i}`, children: o.map((u) => a(Nt, { ...u, onClose: r }, u.id)) }, i)), n)] });
+}, Te = Z(null), je = () => {
+  const e = K(Te);
   if (!e)
     throw new Error("useOffcanvas must be used within an Offcanvas provider");
   return e;
-}, Ie = ({
-  children: e,
-  className: t = ""
-}) => {
-  const { onClose: s, variant: a, showCloseButton: n, title: o } = Oe(), d = [
+}, Ee = ({ children: e, className: t = "" }) => {
+  const { onClose: s, variant: n, showCloseButton: l, title: r } = je(), d = [
     "clarity-offcanvas-header",
     t
   ].filter(Boolean).join(" "), c = [
     "clarity-offcanvas-close",
-    a && `clarity-offcanvas-close--${a}`
-  ].filter(Boolean).join(" "), l = [
+    n && `clarity-offcanvas-close--${n}`
+  ].filter(Boolean).join(" "), i = [
     "clarity-offcanvas-title",
-    a && `clarity-offcanvas-title--${a}`
+    n && `clarity-offcanvas-title--${n}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g("div", { className: d, children: [
-    o && /* @__PURE__ */ r("h2", { className: l, children: o }),
-    e,
-    n && /* @__PURE__ */ r("button", { className: c, onClick: (i) => {
-      i.stopPropagation(), s();
-    }, children: "×" })
-  ] });
+  return g("div", { className: d, children: [r && a("h2", { className: i, children: r }), e, l && a("button", { className: c, onClick: (o) => {
+    o.stopPropagation(), s();
+  }, children: "×" })] });
 };
-Ie.displayName = "Offcanvas.Header";
-const De = ({ children: e, className: t = "" }) => /* @__PURE__ */ r("div", { className: `clarity-offcanvas-content ${t}`, children: e });
-De.displayName = "Offcanvas.Content";
-const Pe = ({ children: e, onClick: t, variant: s }) => G(e, {
-  onClick: (a) => {
-    var n, o;
-    t == null || t(), (o = (n = e.props).onClick) == null || o.call(n, a);
+Ee.displayName = "Offcanvas.Header";
+const Le = ({ children: e, className: t = "" }) => a("div", { className: `clarity-offcanvas-content ${t}`, children: e });
+Le.displayName = "Offcanvas.Content";
+const Re = ({ children: e, onClick: t, variant: s }) => G(e, {
+  onClick: (n) => {
+    var l, r;
+    t == null || t(), (r = (l = e.props).onClick) == null || r.call(l, n);
   },
   variant: s
 });
-Pe.displayName = "Offcanvas.Trigger";
-const ye = ({ children: e, className: t = "" }) => /* @__PURE__ */ r("div", { className: `clarity-offcanvas-footer ${t}`, children: e });
-ye.displayName = "Offcanvas.Footer";
-const We = ({ children: e }) => {
-  const { onClose: t } = Oe();
+Re.displayName = "Offcanvas.Trigger";
+const pe = ({ children: e, className: t = "" }) => a("div", { className: `clarity-offcanvas-footer ${t}`, children: e });
+pe.displayName = "Offcanvas.Footer";
+const Se = ({ children: e }) => {
+  const { onClose: t } = je();
   return G(e, {
     onClick: (s) => {
-      var a, n;
-      t(), (n = (a = e.props).onClick) == null || n.call(a, s);
+      var n, l;
+      t(), (l = (n = e.props).onClick) == null || l.call(n, s);
     }
   });
 };
-We.displayName = "Offcanvas.Close";
-const ne = ({
-  isOpen: e,
-  onClose: t,
-  onOpen: s,
-  children: a,
-  className: n = "",
-  variant: o,
-  placement: d = "right",
-  closeOnOverlayClick: c = !0,
-  showCloseButton: l = !0,
-  title: i
-}) => {
-  const [m, v] = T(!1), [p, f] = T(!1), [u, h] = T(!1), y = e !== void 0, b = y ? e : m, N = de(() => {
+Se.displayName = "Offcanvas.Close";
+const le = ({ isOpen: e, onClose: t, onOpen: s, children: n, className: l = "", variant: r, placement: d = "right", closeOnOverlayClick: c = !0, showCloseButton: i = !0, title: o }) => {
+  const [u, v] = B(!1), [f, p] = B(!1), [m, h] = B(!1), y = e !== void 0, b = y ? e : u, C = de(() => {
     t ? t() : v(!1);
-  }, [t]), B = de(() => {
+  }, [t]), j = de(() => {
     y || v(!0), s == null || s();
   }, [y, s]);
   P(() => {
     if (b) {
       h(!0);
       const w = setTimeout(() => {
-        f(!0);
+        p(!0);
       }, 50);
       return () => clearTimeout(w);
     } else {
-      f(!1);
+      p(!1);
       const w = setTimeout(() => {
         h(!1);
       }, 300);
       return () => clearTimeout(w);
     }
   }, [b]), P(() => {
-    const w = (H) => {
-      H.key === "Escape" && N();
+    const w = (A) => {
+      A.key === "Escape" && C();
     };
     return b ? (document.addEventListener("keydown", w), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", w), document.body.style.overflow = "unset"), () => {
       document.removeEventListener("keydown", w), document.body.style.overflow = "unset";
     };
-  }, [b, N]);
+  }, [b, C]);
   const x = (w) => {
-    c && w.target === w.currentTarget && N();
-  }, _ = j.Children.toArray(a);
-  let $, L, k, R, S;
+    c && w.target === w.currentTarget && C();
+  }, _ = T.Children.toArray(n);
+  let $, L, k, E, R;
   _.forEach((w) => {
-    if (K(w))
+    if (Q(w))
       if (w.type.displayName === "Offcanvas.Trigger")
         $ = w;
       else if (w.type.displayName === "Offcanvas.Header")
         L = w;
       else if (w.type.displayName === "Offcanvas.Content") {
         k = w;
-        const W = j.Children.toArray(k.props.children).filter((V) => K(V) && V.type.displayName === "Offcanvas.Close" ? (S = V, !1) : !0);
+        const W = T.Children.toArray(k.props.children).filter((H) => Q(H) && H.type.displayName === "Offcanvas.Close" ? (R = H, !1) : !0);
         k = G(k, { children: W });
-      } else w.type.displayName === "Offcanvas.Footer" && (R = w);
-  }), S && (R ? R = G(R, {
-    children: /* @__PURE__ */ g(mt, { children: [
-      R.props.children,
-      S
-    ] })
-  }) : R = /* @__PURE__ */ r(ye, { children: S }));
+      } else w.type.displayName === "Offcanvas.Footer" && (E = w);
+  }), R && (E ? E = G(E, {
+    children: g(ct, { children: [E.props.children, R] })
+  }) : E = a(pe, { children: R }));
   const I = [
     "clarity-offcanvas",
-    n,
+    l,
     `clarity-offcanvas--${d}`,
-    o && `clarity-offcanvas--${o}`,
-    p ? "clarity-offcanvas--open" : "clarity-offcanvas--closed"
-  ].filter(Boolean).join(" "), E = [
+    r && `clarity-offcanvas--${r}`,
+    f ? "clarity-offcanvas--open" : "clarity-offcanvas--closed"
+  ].filter(Boolean).join(" "), S = [
     "clarity-offcanvas-overlay",
-    p ? "clarity-offcanvas-overlay--visible" : ""
+    f ? "clarity-offcanvas-overlay--visible" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g(Ee.Provider, { value: { onClose: N, variant: o, showCloseButton: l, placement: d, title: i }, children: [
-    $ && G($, { onClick: B, variant: o }),
-    u && // Only render if shouldRender is true
-    /* @__PURE__ */ r("div", { className: E, onClick: x, children: /* @__PURE__ */ g("div", { className: I, children: [
-      L,
-      k,
-      R && /* @__PURE__ */ r("div", { className: "clarity-offcanvas-scroll-indicator" }),
-      " ",
-      R
-    ] }) })
-  ] });
+  return g(Te.Provider, { value: { onClose: C, variant: r, showCloseButton: i, placement: d, title: o }, children: [$ && G($, { onClick: j, variant: r }), m && // Only render if shouldRender is true
+  a("div", { className: S, onClick: x, children: g("div", { className: I, children: [L, k, E && a("div", { className: "clarity-offcanvas-scroll-indicator" }), " ", E] }) })] });
 };
-ne.Header = Ie;
-ne.Content = De;
-ne.Footer = ye;
-ne.Trigger = Pe;
-ne.Close = We;
-ne.displayName = "Offcanvas";
-const gt = j.forwardRef(({
-  type: e,
-  variant: t = "primary",
-  size: s = "medium",
-  label: a,
-  helperText: n,
-  error: o = !1,
-  errorMessage: d,
-  labelPosition: c = "right",
-  className: l = "",
-  disabled: i = !1,
-  checked: m,
-  id: v,
-  ...p
-}, f) => {
-  const u = v || `check-input-${Math.random().toString(36).substr(2, 9)}`, h = [
+le.Header = Ee;
+le.Content = Le;
+le.Footer = pe;
+le.Trigger = Re;
+le.Close = Se;
+le.displayName = "Offcanvas";
+const Ct = T.forwardRef(({ type: e, variant: t = "primary", size: s = "medium", label: n, helperText: l, error: r = !1, errorMessage: d, labelPosition: c = "right", className: i = "", disabled: o = !1, checked: u, id: v, ...f }, p) => {
+  const m = v || `check-input-${Math.random().toString(36).substr(2, 9)}`, h = [
     "clarity-check-input-wrapper",
     `clarity-check-input-wrapper--${c}`,
-    i && "clarity-check-input-wrapper--disabled",
-    o && "clarity-check-input-wrapper--error"
+    o && "clarity-check-input-wrapper--disabled",
+    r && "clarity-check-input-wrapper--error"
   ].filter(Boolean).join(" "), y = [
     "clarity-check-input",
     `clarity-check-input--${e}`,
     `clarity-check-input--${s}`,
     t && `clarity-check-input--${t}`,
-    o && "clarity-check-input--error",
-    i && "clarity-check-input--disabled",
-    l
+    r && "clarity-check-input--error",
+    o && "clarity-check-input--disabled",
+    i
   ].filter(Boolean).join(" "), b = [
     "clarity-check-input__label",
     `clarity-check-input__label--${s}`,
-    i && "clarity-check-input__label--disabled"
+    o && "clarity-check-input__label--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g("div", { className: "clarity-check-input-container", children: [
-    /* @__PURE__ */ g("label", { className: h, htmlFor: u, children: [
-      /* @__PURE__ */ r(
-        "input",
-        {
-          ref: f,
-          id: u,
-          type: e,
-          className: y,
-          disabled: i,
-          checked: m,
-          ...p
-        }
-      ),
-      /* @__PURE__ */ g("div", { className: "clarity-check-input__custom", children: [
-        e === "checkbox" && /* @__PURE__ */ r(
-          "svg",
-          {
-            className: "clarity-check-input__icon",
-            viewBox: "0 0 16 16",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ r(
-              "path",
-              {
-                d: "M13.5 4.5L6 12L2.5 8.5",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          }
-        ),
-        e === "radio" && /* @__PURE__ */ r("div", { className: "clarity-check-input__radio-dot" })
-      ] }),
-      a && /* @__PURE__ */ r("span", { className: b, children: a })
-    ] }),
-    (n || o && d) && /* @__PURE__ */ r("div", { className: "clarity-check-input__helper-text", children: o && d ? d : n })
-  ] });
+  return g("div", { className: "clarity-check-input-container", children: [g("label", { className: h, htmlFor: m, children: [a("input", { ref: p, id: m, type: e, className: y, disabled: o, checked: u, ...f }), g("div", { className: "clarity-check-input__custom", children: [e === "checkbox" && a("svg", { className: "clarity-check-input__icon", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: a("path", { d: "M13.5 4.5L6 12L2.5 8.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), e === "radio" && a("div", { className: "clarity-check-input__radio-dot" })] }), n && a("span", { className: b, children: n })] }), (l || r && d) && a("div", { className: "clarity-check-input__helper-text", children: r && d ? d : l })] });
 });
-gt.displayName = "CheckInput";
-const _t = j.forwardRef(({
-  variant: e = "primary",
-  size: t = "medium",
-  label: s,
-  helperText: a,
-  error: n = !1,
-  errorMessage: o,
-  labelPosition: d = "right",
-  className: c = "",
-  disabled: l = !1,
-  checked: i,
-  id: m,
-  ...v
-}, p) => {
-  const f = m || `input-switch-${Math.random().toString(36).substr(2, 9)}`, u = [
+Ct.displayName = "CheckInput";
+const gt = T.forwardRef(({ variant: e = "primary", size: t = "medium", label: s, helperText: n, error: l = !1, errorMessage: r, labelPosition: d = "right", className: c = "", disabled: i = !1, checked: o, id: u, ...v }, f) => {
+  const p = u || `input-switch-${Math.random().toString(36).substr(2, 9)}`, m = [
     "clarity-input-switch-wrapper",
     `clarity-input-switch-wrapper--${d}`,
-    l && "clarity-input-switch-wrapper--disabled",
-    n && "clarity-input-switch-wrapper--error"
+    i && "clarity-input-switch-wrapper--disabled",
+    l && "clarity-input-switch-wrapper--error"
   ].filter(Boolean).join(" "), h = [
     "clarity-input-switch",
     `clarity-input-switch--${t}`,
     e && `clarity-input-switch--${e}`,
-    n && "clarity-input-switch--error",
-    l && "clarity-input-switch--disabled",
+    l && "clarity-input-switch--error",
+    i && "clarity-input-switch--disabled",
     c
   ].filter(Boolean).join(" "), y = [
     "clarity-input-switch__label",
     `clarity-input-switch__label--${t}`,
-    l && "clarity-input-switch__label--disabled"
+    i && "clarity-input-switch__label--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g("div", { className: "clarity-input-switch-container", children: [
-    /* @__PURE__ */ g("label", { className: u, htmlFor: f, children: [
-      /* @__PURE__ */ r(
-        "input",
-        {
-          ref: p,
-          id: f,
-          type: "checkbox",
-          className: h,
-          disabled: l,
-          checked: i,
-          ...v
-        }
-      ),
-      /* @__PURE__ */ r("div", { className: "clarity-input-switch__track", children: /* @__PURE__ */ r("div", { className: "clarity-input-switch__thumb" }) }),
-      s && /* @__PURE__ */ r("span", { className: y, children: s })
-    ] }),
-    (a || n && o) && /* @__PURE__ */ r("div", { className: "clarity-input-switch__helper-text", children: n && o ? o : a })
-  ] });
+  return g("div", { className: "clarity-input-switch-container", children: [g("label", { className: m, htmlFor: p, children: [a("input", { ref: f, id: p, type: "checkbox", className: h, disabled: i, checked: o, ...v }), a("div", { className: "clarity-input-switch__track", children: a("div", { className: "clarity-input-switch__thumb" }) }), s && a("span", { className: y, children: s })] }), (n || l && r) && a("div", { className: "clarity-input-switch__helper-text", children: l && r ? r : n })] });
 });
-_t.displayName = "InputSwitch";
-const Ae = Q(null), ve = () => {
-  const e = Y(Ae);
+gt.displayName = "InputSwitch";
+const Oe = Z(null), he = () => {
+  const e = K(Oe);
   if (!e)
     throw new Error("useConfirmationDialog must be used within a ConfirmationDialog provider");
   return e;
-}, He = ({ children: e, className: t = "" }) => {
-  const { variant: s } = ve(), a = `clarity-confirmation-dialog-header ${t} clarity-confirmation-dialog-header--${s}`;
-  return /* @__PURE__ */ r("div", { className: a, children: e });
+}, Ie = ({ children: e, className: t = "" }) => {
+  const { variant: s } = he(), n = `clarity-confirmation-dialog-header ${t} clarity-confirmation-dialog-header--${s}`;
+  return a("div", { className: n, children: e });
 };
-He.displayName = "ConfirmationDialog.Header";
-const Ve = ({ children: e, className: t = "" }) => /* @__PURE__ */ r("div", { className: `clarity-confirmation-dialog-content ${t}`, children: e });
-Ve.displayName = "ConfirmationDialog.Content";
-const Me = ({ children: e, className: t = "" }) => /* @__PURE__ */ r("div", { className: `clarity-confirmation-dialog-footer ${t}`, children: e });
-Me.displayName = "ConfirmationDialog.Footer";
-const Fe = ({ children: e }) => G(e, {
+Ie.displayName = "ConfirmationDialog.Header";
+const De = ({ children: e, className: t = "" }) => a("div", { className: `clarity-confirmation-dialog-content ${t}`, children: e });
+De.displayName = "ConfirmationDialog.Content";
+const Pe = ({ children: e, className: t = "" }) => a("div", { className: `clarity-confirmation-dialog-footer ${t}`, children: e });
+Pe.displayName = "ConfirmationDialog.Footer";
+const We = ({ children: e }) => G(e, {
   onClick: (t) => {
-    var s, a;
-    (a = (s = e.props).onClick) == null || a.call(s, t);
+    var s, n;
+    (n = (s = e.props).onClick) == null || n.call(s, t);
   }
 });
-Fe.displayName = "ConfirmationDialog.Trigger";
-const ze = ({ children: e }) => {
-  const { onClose: t } = ve();
+We.displayName = "ConfirmationDialog.Trigger";
+const Ve = ({ children: e }) => {
+  const { onClose: t } = he();
   return G(e, {
     onClick: (s) => {
-      var a, n;
-      t(), (n = (a = e.props).onClick) == null || n.call(a, s);
+      var n, l;
+      t(), (l = (n = e.props).onClick) == null || l.call(n, s);
     }
   });
 };
-ze.displayName = "ConfirmationDialog.Close";
-const Ge = ({ children: e }) => {
-  const { onConfirm: t } = ve();
+Ve.displayName = "ConfirmationDialog.Close";
+const Ae = ({ children: e }) => {
+  const { onConfirm: t } = he();
   return G(e, {
     onClick: (s) => {
-      var a, n;
-      t(), (n = (a = e.props).onClick) == null || n.call(a, s);
+      var n, l;
+      t(), (l = (n = e.props).onClick) == null || l.call(n, s);
     }
   });
 };
-Ge.displayName = "ConfirmationDialog.Confirm";
-const te = ({
-  isOpen: e,
-  onClose: t,
-  onConfirm: s,
-  variant: a = "clarity-primary",
-  children: n
-}) => {
-  const [o, d] = T(!1), c = e !== void 0, l = c ? e : o, i = () => {
+Ae.displayName = "ConfirmationDialog.Confirm";
+const te = ({ isOpen: e, onClose: t, onConfirm: s, variant: n = "clarity-primary", children: l }) => {
+  const [r, d] = B(!1), c = e !== void 0, i = c ? e : r, o = () => {
     c || d(!0);
-  }, m = () => {
+  }, u = () => {
     t ? t() : d(!1);
   }, v = () => {
-    s && s(), m();
+    s && s(), u();
   };
   P(() => {
     const h = (y) => {
-      y.key === "Escape" && m();
+      y.key === "Escape" && u();
     };
-    return l ? (document.addEventListener("keydown", h), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
+    return i ? (document.addEventListener("keydown", h), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
       document.removeEventListener("keydown", h), document.body.style.overflow = "unset";
     };
-  }, [l, m]);
-  const p = j.Children.toArray(n).find(
-    (h) => K(h) && h.type.displayName === "ConfirmationDialog.Trigger"
-  ), f = j.Children.toArray(n).filter(
-    (h) => K(h) && h.type.displayName !== "ConfirmationDialog.Trigger"
-  ), u = `clarity-confirmation-dialog clarity-confirmation-dialog--${a}`;
-  return /* @__PURE__ */ g(Ae.Provider, { value: { variant: a, onClose: m, onConfirm: v, onOpen: i }, children: [
-    p,
-    l && /* @__PURE__ */ r("div", { className: "clarity-modal-overlay", children: /* @__PURE__ */ r("div", { className: u, children: f }) })
-  ] });
+  }, [i, u]);
+  const f = T.Children.toArray(l).find((h) => Q(h) && h.type.displayName === "ConfirmationDialog.Trigger"), p = T.Children.toArray(l).filter((h) => Q(h) && h.type.displayName !== "ConfirmationDialog.Trigger"), m = `clarity-confirmation-dialog clarity-confirmation-dialog--${n}`;
+  return g(Oe.Provider, { value: { variant: n, onClose: u, onConfirm: v, onOpen: o }, children: [f, i && a("div", { className: "clarity-modal-overlay", children: a("div", { className: m, children: p }) })] });
 };
-te.Header = He;
-te.Content = Ve;
-te.Footer = Me;
-te.Trigger = Fe;
-te.Close = ze;
-te.Confirm = Ge;
+te.Header = Ie;
+te.Content = De;
+te.Footer = Pe;
+te.Trigger = We;
+te.Close = Ve;
+te.Confirm = Ae;
 te.displayName = "ConfirmationDialog";
-const Gt = ({
-  variant: e = "primary",
-  size: t = "medium",
-  disabled: s = !1,
-  loading: a = !1,
-  children: n,
-  onClick: o,
-  type: d = "button",
-  className: c = "",
-  "aria-label": l,
-  title: i,
-  customColor: m,
-  customColorHover: v,
-  ...p
-}) => {
-  const f = "clarity-button-icon", u = [
-    f,
-    !m && `${f}--${e}`,
-    `${f}--${t}`,
-    a && `${f}--loading`,
-    s && `${f}--disabled`,
+const zt = ({ variant: e = "primary", size: t = "medium", disabled: s = !1, loading: n = !1, children: l, onClick: r, type: d = "button", className: c = "", "aria-label": i, title: o, customColor: u, customColorHover: v, ...f }) => {
+  const p = "clarity-button-icon", m = [
+    p,
+    !u && `${p}--${e}`,
+    `${p}--${t}`,
+    n && `${p}--loading`,
+    s && `${p}--disabled`,
     c
   ].filter(Boolean).join(" "), h = {};
-  return m && (h["--button-icon-bg"] = m, h["--button-icon-hover-bg"] = v || `${m}E6`), /* @__PURE__ */ g(
-    "button",
-    {
-      className: u,
-      disabled: s || a,
-      onClick: o,
-      type: d,
-      "aria-label": l,
-      title: i,
-      style: h,
-      ...p,
-      children: [
-        a && /* @__PURE__ */ r("div", { className: `${f}__spinner` }),
-        !a && n
-      ]
-    }
-  );
-}, Ut = ({
-  variant: e = "primary",
-  product: t,
-  tone: s,
-  hoverTone: a,
-  size: n = "medium",
-  disabled: o = !1,
-  children: d,
-  onClick: c,
-  href: l,
-  target: i,
-  rel: m,
-  className: v = "",
-  ...p
-}) => {
-  const f = "clarity-button-link", u = t && s, h = u ? `${f}--custom` : `${f}--${e}`, y = [
-    f,
+  return u && (h["--button-icon-bg"] = u, h["--button-icon-hover-bg"] = v || `${u}E6`), g("button", { className: m, disabled: s || n, onClick: r, type: d, "aria-label": i, title: o, style: h, ...f, children: [n && a("div", { className: `${p}__spinner` }), !n && l] });
+}, Gt = ({ variant: e = "primary", product: t, tone: s, hoverTone: n, size: l = "medium", disabled: r = !1, children: d, onClick: c, href: i, target: o, rel: u, className: v = "", ...f }) => {
+  const p = "clarity-button-link", m = t && s, h = m ? `${p}--custom` : `${p}--${e}`, y = [
+    p,
     h,
-    `${f}--${n}`,
-    o && `${f}--disabled`,
+    `${p}--${l}`,
+    r && `${p}--disabled`,
     v
-  ].filter(Boolean).join(" "), b = (B) => {
-    const x = parseInt(B);
+  ].filter(Boolean).join(" "), b = (j) => {
+    const x = parseInt(j);
     return x >= 800 ? "900" : x >= 700 ? "800" : x >= 600 ? "700" : x >= 500 ? "600" : x >= 400 ? "500" : x >= 300 ? "400" : x >= 200 ? "300" : "200";
-  }, N = u ? {
+  }, C = m ? {
     "--custom-color": `var(--clarity-${t}-${s})`,
-    "--custom-hover-color": `var(--clarity-${t}-${a || b(s)})`
+    "--custom-hover-color": `var(--clarity-${t}-${n || b(s)})`
   } : {};
-  return l ? /* @__PURE__ */ r(
-    "a",
-    {
-      href: l,
-      target: i,
-      rel: m || (i === "_blank" ? "noopener noreferrer" : void 0),
-      className: y,
-      style: N,
-      onClick: o ? void 0 : c,
-      ...p,
-      children: d
-    }
-  ) : /* @__PURE__ */ r(
-    "button",
-    {
-      className: y,
-      style: N,
-      disabled: o,
-      onClick: c,
-      ...p,
-      children: d
-    }
-  );
-}, Ue = Q(void 0), qe = () => {
-  const e = Y(Ue);
+  return i ? a("a", { href: i, target: o, rel: u || (o === "_blank" ? "noopener noreferrer" : void 0), className: y, style: C, onClick: r ? void 0 : c, ...f, children: d }) : a("button", { className: y, style: C, disabled: r, onClick: c, ...f, children: d });
+}, He = Z(void 0), Me = () => {
+  const e = K(He);
   if (!e)
     throw new Error("Accordion components must be used within an Accordion");
   return e;
-}, wt = ({
-  variant: e = "primary",
-  product: t,
-  tone: s,
-  hoverTone: a,
-  defaultActiveKey: n,
-  alwaysOpen: o = !1,
-  flush: d = !1,
-  className: c = "",
-  children: l,
-  onSelect: i,
-  ...m
-}) => {
-  const [v, p] = T(() => n ? Array.isArray(n) ? n : [n] : []), f = (_) => {
+}, _t = ({ variant: e = "primary", product: t, tone: s, hoverTone: n, defaultActiveKey: l, alwaysOpen: r = !1, flush: d = !1, className: c = "", children: i, onSelect: o, ...u }) => {
+  const [v, f] = B(() => l ? Array.isArray(l) ? l : [l] : []), p = (_) => {
     let $;
-    o ? $ = v.includes(_) ? v.filter((L) => L !== _) : [...v, _] : $ = v.includes(_) ? [] : [_], p($), i && i(v.includes(_) ? null : _, {});
-  }, u = "clarity-accordion", h = t && s, y = h ? `${u}--custom` : `${u}--${e}`, b = [
-    u,
+    r ? $ = v.includes(_) ? v.filter((L) => L !== _) : [...v, _] : $ = v.includes(_) ? [] : [_], f($), o && o(v.includes(_) ? null : _, {});
+  }, m = "clarity-accordion", h = t && s, y = h ? `${m}--custom` : `${m}--${e}`, b = [
+    m,
     y,
-    d && `${u}--flush`,
+    d && `${m}--flush`,
     c
-  ].filter(Boolean).join(" "), N = (_) => {
+  ].filter(Boolean).join(" "), C = (_) => {
     const $ = parseInt(_);
     return $ >= 800 ? "900" : $ >= 700 ? "800" : $ >= 600 ? "700" : $ >= 500 ? "600" : $ >= 400 ? "500" : $ >= 300 ? "400" : $ >= 200 ? "300" : "200";
-  }, B = h ? {
+  }, j = h ? {
     "--custom-border-color": `var(--clarity-${t}-${s})`,
     "--custom-header-color": `var(--clarity-${t}-${s})`,
-    "--custom-hover-color": `var(--clarity-${t}-${a || N(s)})`
+    "--custom-hover-color": `var(--clarity-${t}-${n || C(s)})`
   } : {}, x = {
     activeKeys: v,
-    toggleItem: f,
-    alwaysOpen: o,
+    toggleItem: p,
+    alwaysOpen: r,
     variant: e,
     product: t,
     tone: s,
-    hoverTone: a,
+    hoverTone: n,
     flush: d
   };
-  return /* @__PURE__ */ r(Ue.Provider, { value: x, children: /* @__PURE__ */ r("div", { className: b, style: B, ...m, children: l }) });
-}, $t = ({
-  eventKey: e,
-  disabled: t = !1,
-  className: s = "",
-  children: a,
-  ...n
-}) => {
-  const { activeKeys: o } = qe(), d = "clarity-accordion", c = o.includes(e), l = [
+  return a(He.Provider, { value: x, children: a("div", { className: b, style: j, ...u, children: i }) });
+}, wt = ({ eventKey: e, disabled: t = !1, className: s = "", children: n, ...l }) => {
+  const { activeKeys: r } = Me(), d = "clarity-accordion", c = r.includes(e), i = [
     `${d}__item`,
     c && `${d}__item--active`,
     t && `${d}__item--disabled`,
     s
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("div", { className: l, ...n, children: j.Children.map(a, (i) => j.isValidElement(i) ? j.cloneElement(i, {
-    ...i.props,
+  return a("div", { className: i, ...l, children: T.Children.map(n, (o) => T.isValidElement(o) ? T.cloneElement(o, {
+    ...o.props,
     eventKey: e,
     disabled: t,
     isActive: c
-  }) : i) });
-}, kt = ({
-  className: e = "",
-  children: t,
-  onClick: s,
-  eventKey: a,
-  disabled: n = !1,
-  isActive: o = !1,
-  ...d
-}) => {
-  const { toggleItem: c } = qe(), l = "clarity-accordion", i = (m) => {
-    !n && a && c(a), s == null || s(m);
+  }) : o) });
+}, $t = ({ className: e = "", children: t, onClick: s, eventKey: n, disabled: l = !1, isActive: r = !1, ...d }) => {
+  const { toggleItem: c } = Me(), i = "clarity-accordion", o = (u) => {
+    !l && n && c(n), s == null || s(u);
   };
-  return /* @__PURE__ */ g(
-    "button",
-    {
-      className: [`${l}__header`, e].filter(Boolean).join(" "),
-      onClick: i,
-      disabled: n,
-      "aria-expanded": o,
-      "aria-controls": a ? `${l}-collapse-${a}` : void 0,
-      ...d,
-      children: [
-        /* @__PURE__ */ r("span", { className: `${l}__title`, children: t }),
-        /* @__PURE__ */ r("span", { className: `${l}__icon`, children: /* @__PURE__ */ r(
-          "svg",
-          {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 16 16",
-            fill: "currentColor",
-            className: o ? `${l}__icon--rotated` : "",
-            children: /* @__PURE__ */ r("path", { d: "M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z" })
-          }
-        ) })
-      ]
-    }
-  );
-}, xt = ({
-  className: e = "",
-  children: t,
-  eventKey: s,
-  isActive: a = !1,
-  ...n
-}) => {
-  const o = "clarity-accordion";
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      id: s ? `${o}-collapse-${s}` : void 0,
-      className: [
-        `${o}__collapse`,
-        a && `${o}__collapse--show`
-      ].filter(Boolean).join(" "),
-      children: /* @__PURE__ */ r("div", { className: [`${o}__body`, e].filter(Boolean).join(" "), ...n, children: t })
-    }
-  );
-}, qt = Object.assign(wt, {
-  Item: $t,
-  Header: kt,
-  Body: xt
-}), Xe = Q(
-  void 0
-), Ye = () => {
-  const e = Y(Xe);
+  return g("button", { className: [`${i}__header`, e].filter(Boolean).join(" "), onClick: o, disabled: l, "aria-expanded": r, "aria-controls": n ? `${i}-collapse-${n}` : void 0, ...d, children: [a("span", { className: `${i}__title`, children: t }), a("span", { className: `${i}__icon`, children: a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", className: r ? `${i}__icon--rotated` : "", children: a("path", { d: "M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z" }) }) })] });
+}, kt = ({ className: e = "", children: t, eventKey: s, isActive: n = !1, ...l }) => {
+  const r = "clarity-accordion";
+  return a("div", { id: s ? `${r}-collapse-${s}` : void 0, className: [
+    `${r}__collapse`,
+    n && `${r}__collapse--show`
+  ].filter(Boolean).join(" "), children: a("div", { className: [`${r}__body`, e].filter(Boolean).join(" "), ...l, children: t }) });
+}, Ut = Object.assign(_t, {
+  Item: wt,
+  Header: $t,
+  Body: kt
+}), Fe = Z(void 0), ze = () => {
+  const e = K(Fe);
   if (!e)
     throw new Error("useDropdown must be used within a DropdownProvider");
   return e;
-}, Tt = ({ children: e }) => {
-  const { setIsOpen: t, triggerRef: s } = Ye();
-  return /* @__PURE__ */ r(
-    "button",
-    {
-      type: "button",
-      ref: s,
-      className: "dropdown__trigger",
-      onClick: () => t((a) => !a),
-      "aria-haspopup": "true",
-      children: e
-    }
-  );
+}, xt = ({ children: e }) => {
+  const { setIsOpen: t, triggerRef: s } = ze();
+  return a("button", { type: "button", ref: s, className: "dropdown__trigger", onClick: () => t((n) => !n), "aria-haspopup": "true", children: e });
 }, Bt = ({ children: e }) => {
-  const { isOpen: t, contentRef: s, styles: a } = Ye();
-  return t ? /* @__PURE__ */ r("div", { ref: s, className: "dropdown__content", style: a, children: e }) : null;
-}, Rt = ({ children: e }) => /* @__PURE__ */ r("div", { className: "dropdown__menu", children: e }), jt = ({ as: e, children: t, ...s }) => /* @__PURE__ */ r(e || "a", { ...s, className: "dropdown__item", children: t }), Lt = () => /* @__PURE__ */ r("hr", { className: "dropdown__separator" }), ce = ({ title: e, position: t = "bottom", children: s }) => {
-  const [a, n] = T(!1), [o, d] = T({}), c = z(null), l = z(null), i = z(null);
-  return pt(() => {
-    if (a) {
-      const m = l.current, v = i.current;
-      if (!m || !v) return;
-      const p = m.getBoundingClientRect(), f = v.getBoundingClientRect(), u = window.innerHeight, h = window.innerWidth;
+  const { isOpen: t, contentRef: s, styles: n } = ze();
+  return t ? a("div", { ref: s, className: "dropdown__content", style: n, children: e }) : null;
+}, Tt = ({ children: e }) => a("div", { className: "dropdown__menu", children: e }), jt = ({ as: e, children: t, ...s }) => a(e || "a", { ...s, className: "dropdown__item", children: t }), Et = () => a("hr", { className: "dropdown__separator" }), ce = ({ title: e, position: t = "bottom", children: s }) => {
+  const [n, l] = B(!1), [r, d] = B({}), c = z(null), i = z(null), o = z(null);
+  return ut(() => {
+    if (n) {
+      const u = i.current, v = o.current;
+      if (!u || !v)
+        return;
+      const f = u.getBoundingClientRect(), p = v.getBoundingClientRect(), m = window.innerHeight, h = window.innerWidth;
       let y = t;
-      t === "bottom" && p.bottom + f.height > u && (y = "top"), t === "top" && p.top - f.height < 0 && (y = "bottom"), t === "right" && p.right + f.width > h && (y = "left"), t === "left" && p.left - f.width < 0 && (y = "right");
+      t === "bottom" && f.bottom + p.height > m && (y = "top"), t === "top" && f.top - p.height < 0 && (y = "bottom"), t === "right" && f.right + p.width > h && (y = "left"), t === "left" && f.left - p.width < 0 && (y = "right");
       const b = {};
       switch (y) {
         case "top":
-          b.bottom = p.height + 4, b.left = p.width / 2 - f.width / 2;
+          b.bottom = f.height + 4, b.left = f.width / 2 - p.width / 2;
           break;
         case "right":
-          b.left = p.width + 4, b.top = p.height / 2 - f.height / 2;
+          b.left = f.width + 4, b.top = f.height / 2 - p.height / 2;
           break;
         case "left":
-          b.right = p.width + 4, b.top = p.height / 2 - f.height / 2;
+          b.right = f.width + 4, b.top = f.height / 2 - p.height / 2;
           break;
         case "bottom":
         default:
-          b.top = p.height + 4, b.left = p.width / 2 - f.width / 2;
+          b.top = f.height + 4, b.left = f.width / 2 - p.width / 2;
           break;
       }
       d(b);
     }
-  }, [a, t]), P(() => {
-    const m = (v) => {
-      c.current && !c.current.contains(v.target) && n(!1);
+  }, [n, t]), P(() => {
+    const u = (v) => {
+      c.current && !c.current.contains(v.target) && l(!1);
     };
-    return document.addEventListener("mousedown", m), () => {
-      document.removeEventListener("mousedown", m);
+    return document.addEventListener("mousedown", u), () => {
+      document.removeEventListener("mousedown", u);
     };
-  }, []), /* @__PURE__ */ r(Xe.Provider, { value: { isOpen: a, setIsOpen: n, triggerRef: l, contentRef: i, styles: o }, children: /* @__PURE__ */ r(
-    "div",
-    {
-      ref: c,
-      className: "dropdown",
-      title: e,
-      children: s
-    }
-  ) });
+  }, []), a(Fe.Provider, { value: { isOpen: n, setIsOpen: l, triggerRef: i, contentRef: o, styles: r }, children: a("div", { ref: c, className: "dropdown", title: e, children: s }) });
 };
-ce.Trigger = Tt;
+ce.Trigger = xt;
 ce.Content = Bt;
-ce.Menu = Rt;
+ce.Menu = Tt;
 ce.Item = jt;
-ce.Separator = Lt;
-const be = ({
-  as: e = "button",
-  id: t,
-  children: s,
-  className: a = "",
-  isActive: n,
-  onClick: o,
-  variant: d,
-  orientation: c,
-  ...l
-}) => {
-  const i = [
+ce.Separator = Et;
+const ye = ({ as: e = "button", id: t, children: s, className: n = "", isActive: l, onClick: r, variant: d, orientation: c, ...i }) => {
+  const o = [
     "clarity-tab",
-    a,
-    n ? "active" : "",
-    n ? `variant-${d}` : "",
+    n,
+    l ? "active" : "",
+    l ? `variant-${d}` : "",
     `orientation-${c}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r(
-    e,
-    {
-      ...e === "button" ? { type: "button" } : {},
-      ...l,
-      className: i,
-      onClick: () => {
-        o && o(t);
-      },
-      role: "tab",
-      "aria-selected": n,
-      children: s
-    }
-  );
+  return a(e, { ...e === "button" ? { type: "button" } : {}, ...i, className: o, onClick: () => {
+    r == null || r(t);
+  }, role: "tab", "aria-selected": l, children: s });
 };
-be.displayName = "Tabs.Tab";
-const Je = ({
-  children: e,
-  activeTab: t,
-  onTabChange: s,
-  variant: a = "primary",
-  orientation: n = "horizontal",
-  className: o = ""
-}) => {
+ye.displayName = "Tabs.Tab";
+const Ge = ({ children: e, activeTab: t, onTabChange: s, variant: n = "primary", orientation: l = "horizontal", className: r = "" }) => {
   const d = [
     "clarity-tabs-container",
-    o,
-    `orientation-${n}`
-  ].filter(Boolean).join(" "), c = [], l = [];
-  return ft.forEach(e, (i) => {
-    K(i) && i.type === be ? c.push(i) : l.push(i);
-  }), /* @__PURE__ */ g("div", { className: d, children: [
-    /* @__PURE__ */ r("div", { className: "clarity-tab-list", role: "tablist", children: c.map(
-      (i) => G(i, {
-        isActive: (i == null ? void 0 : i.props).id === t,
-        onClick: s,
-        variant: a,
-        orientation: n
-      })
-    ) }),
-    l
-  ] });
+    r,
+    `orientation-${l}`
+  ].filter(Boolean).join(" "), c = [], i = [];
+  return mt.forEach(e, (o) => {
+    Q(o) && o.type === ye ? c.push(o) : i.push(o);
+  }), g("div", { className: d, children: [a("div", { className: "clarity-tab-list", role: "tablist", children: c.map((o) => G(o, {
+    isActive: T.isValidElement(o) && o.props.id === t,
+    onClick: s,
+    variant: n,
+    orientation: l
+  })) }), i] });
 };
-Je.Tab = be;
-Je.displayName = "Tabs";
-const Xt = ({
-  content: e,
-  position: t = "top",
-  variant: s = "primary",
-  product: a,
-  tone: n,
-  bgColor: o,
-  textColor: d,
-  children: c,
-  className: l = "",
-  disabled: i = !1,
-  delay: m = 200,
-  hideDelay: v = 100,
-  trigger: p = "hover",
-  arrow: f = !0,
-  ...u
-}) => {
-  const [h, y] = T(!1), [b, N] = T(null), B = z(null), x = z(null), _ = "clarity-tooltip", $ = !!o, L = a && n && !$;
+Ge.Tab = ye;
+Ge.displayName = "Tabs";
+const qt = ({ content: e, position: t = "top", variant: s = "primary", product: n, tone: l, bgColor: r, textColor: d, children: c, className: i = "", disabled: o = !1, delay: u = 200, hideDelay: v = 100, trigger: f = "hover", arrow: p = !0, ...m }) => {
+  const [h, y] = B(!1), [b, C] = B(null), j = z(null), x = z(null), _ = "clarity-tooltip", $ = !!r, L = n && l && !$;
   let k = "";
   $ ? k = `${_}__content--custom-bg` : L ? k = `${_}__content--custom` : k = `${_}__content--${s}`;
-  const R = [
+  const E = [
     _,
     `${_}--${t}`,
-    l
-  ].filter(Boolean).join(" "), S = [
+    i
+  ].filter(Boolean).join(" "), R = [
     `${_}__content`,
     k,
-    f && `${_}__content--arrow`
-  ].filter(Boolean).join(" "), I = {}, E = {};
-  $ && o && (E["--tooltip-bg-color"] = o), d && (E["--tooltip-text-color"] = d), L && a && n && (E["--tooltip-product"] = a, E["--tooltip-tone"] = n);
+    p && `${_}__content--arrow`
+  ].filter(Boolean).join(" "), I = {}, S = {};
+  $ && r && (S["--tooltip-bg-color"] = r), d && (S["--tooltip-text-color"] = d), L && n && l && (S["--tooltip-product"] = n, S["--tooltip-tone"] = l);
   const w = {
     ...I,
-    ...Object.keys(E).length > 0 ? E : {}
-  }, H = () => {
-    if (i) return;
+    ...Object.keys(S).length > 0 ? S : {}
+  }, A = () => {
+    if (o)
+      return;
     b && clearTimeout(b);
-    const A = setTimeout(() => {
+    const V = setTimeout(() => {
       y(!0);
-    }, m);
-    N(A);
+    }, u);
+    C(V);
   }, W = () => {
     b && clearTimeout(b);
-    const A = setTimeout(() => {
+    const V = setTimeout(() => {
       y(!1);
     }, v);
-    N(A);
-  }, V = () => {
-    i || y(!h);
+    C(V);
+  }, H = () => {
+    o || y(!h);
   }, U = () => {
-    i || H();
+    o || A();
   }, q = () => {
     W();
   };
@@ -1779,324 +901,189 @@ const Xt = ({
     b && clearTimeout(b);
   }, [b]);
   const M = {};
-  return p === "hover" ? (M.onMouseEnter = H, M.onMouseLeave = W) : p === "click" ? M.onClick = V : p === "focus" && (M.onFocus = U, M.onBlur = q), /* @__PURE__ */ g(
-    "div",
-    {
-      ref: x,
-      className: `${_}__trigger`,
-      ...M,
-      ...u,
-      children: [
-        c,
-        h && /* @__PURE__ */ r(
-          "div",
-          {
-            ref: B,
-            className: R,
-            style: w,
-            role: "tooltip",
-            "aria-hidden": !h,
-            children: /* @__PURE__ */ r("div", { className: S, children: e })
-          }
-        )
-      ]
-    }
-  );
-}, Qe = Q(null), le = () => {
-  const e = Y(Qe);
+  return f === "hover" ? (M.onMouseEnter = A, M.onMouseLeave = W) : f === "click" ? M.onClick = H : f === "focus" && (M.onFocus = U, M.onBlur = q), g("div", { ref: x, className: `${_}__trigger`, ...M, ...m, children: [c, h && a("div", { ref: j, className: E, style: w, role: "tooltip", "aria-hidden": !h, children: a("div", { className: R, children: e }) })] });
+}, Ue = Z(null), re = () => {
+  const e = K(Ue);
   if (!e)
     throw new Error("useCommand must be used within a Command provider");
   return e;
-}, Ze = ({
-  children: e,
-  className: t = "",
-  variant: s = "secondary",
-  emptyText: a = "No results found.",
-  inputPlaceholder: n = "Search...",
-  ...o
-}) => {
-  const [d, c] = T(""), [l, i] = T(null), [m, v] = T(!1), p = [
+}, qe = ({ children: e, className: t = "", variant: s = "secondary", emptyText: n = "No results found.", inputPlaceholder: l = "Search...", ...r }) => {
+  const [d, c] = B(""), [i, o] = B(null), [u, v] = B(!1), f = [
     "clarity-command",
     `clarity-command--${s}`,
     t
-  ].filter(Boolean).join(" "), f = oe(() => ({
+  ].filter(Boolean).join(" "), p = oe(() => ({
     searchTerm: d,
     setSearchTerm: c,
-    value: l,
-    setValue: i,
+    value: i,
+    setValue: o,
     variant: s,
     texts: {
-      empty: a,
-      inputPlaceholder: n
+      empty: n,
+      inputPlaceholder: l
     },
-    isOpen: m,
+    isOpen: u,
     setIsOpen: v
-  }), [d, l, s, a, n, m]);
-  return /* @__PURE__ */ r(Qe.Provider, { value: f, children: /* @__PURE__ */ r("div", { className: p, ...o, children: e }) });
+  }), [d, i, s, n, l, u]);
+  return a(Ue.Provider, { value: p, children: a("div", { className: f, ...r, children: e }) });
 };
-Ze.displayName = "Command";
-const Ke = ({ placeholder: e = "Search...", variant: t, onClick: s }) => {
-  const { setIsOpen: a, variant: n } = le(), [o, d] = T(!1);
+qe.displayName = "Command";
+const Xe = ({ placeholder: e = "Search...", variant: t, onClick: s }) => {
+  const { setIsOpen: n, variant: l } = re(), [r, d] = B(!1);
   P(() => {
     d(/Mac|iPod|iPhone|iPad/.test(navigator.platform));
   }, []);
-  const l = [
+  const i = [
     "clarity-command-button",
-    `clarity-command-button--${t || n}`
+    `clarity-command-button--${t || l}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g("button", { className: l, onClick: (m) => {
-    a(!0), s == null || s(m);
-  }, children: [
-    /* @__PURE__ */ r("span", { children: e }),
-    /* @__PURE__ */ g("kbd", { className: "clarity-command-shortcut", children: [
-      o ? "⌘" : "Ctrl+",
-      "K"
-    ] })
-  ] });
+  return g("button", { className: i, onClick: (u) => {
+    n(!0), s == null || s(u);
+  }, children: [a("span", { children: e }), g("kbd", { className: "clarity-command-shortcut", children: [r ? "⌘" : "Ctrl+", "K"] })] });
 };
-Ke.displayName = "Command.Button";
-const et = ({ children: e, ...t }) => {
-  const { isOpen: s, setIsOpen: a, variant: n } = le();
+Xe.displayName = "Command.Button";
+const Ye = ({ children: e }) => {
+  const { isOpen: t, setIsOpen: s, variant: n } = re();
   return P(() => {
-    const o = (d) => {
-      d.key === "k" && (d.metaKey || d.ctrlKey) && (d.preventDefault(), a(!s));
+    const l = (r) => {
+      r.key === "k" && (r.metaKey || r.ctrlKey) && (r.preventDefault(), s(!t));
     };
-    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
-  }, [s, a]), /* @__PURE__ */ r(ee, { isOpen: s, onClose: () => a(!1), size: "large", closeOnOverlayClick: !0, children: /* @__PURE__ */ r("div", { className: `clarity-command--${n}`, children: e }) });
+    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
+  }, [t, s]), a(ee, { isOpen: t, onClose: () => s(!1), size: "large", closeOnOverlayClick: !0, children: a("div", { className: `clarity-command--${n}`, children: e }) });
 };
-et.displayName = "Command.Dialog";
-const tt = ({ className: e = "", ...t }) => {
-  const { searchTerm: s, setSearchTerm: a, variant: n, texts: o, isOpen: d } = le(), c = z(null);
+Ye.displayName = "Command.Dialog";
+const Je = ({ className: e = "", ...t }) => {
+  const { searchTerm: s, setSearchTerm: n, variant: l, texts: r, isOpen: d } = re(), c = z(null);
   P(() => {
-    var i;
-    d && ((i = c.current) == null || i.focus());
+    var o;
+    d && ((o = c.current) == null || o.focus());
   }, [d]);
-  const l = [
+  const i = [
     "clarity-command-input",
-    `clarity-command-input--${n}`,
+    `clarity-command-input--${l}`,
     e
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("div", { className: "clarity-command-input__wrapper", children: /* @__PURE__ */ r(
-    "input",
-    {
-      ref: c,
-      className: l,
-      value: s,
-      onChange: (i) => a(i.target.value),
-      placeholder: t.placeholder || o.inputPlaceholder,
-      ...t
-    }
-  ) });
+  return a("div", { className: "clarity-command-input__wrapper", children: a("input", { ref: c, className: i, value: s, onChange: (o) => n(o.target.value), placeholder: t.placeholder || r.inputPlaceholder, ...t }) });
 };
-tt.displayName = "Command.Input";
-const st = ({ children: e, className: t = "", ...s }) => {
-  const { searchTerm: a } = le();
-  let n = !1;
-  const o = (l) => j.Children.toArray(l).map((i) => {
+Je.displayName = "Command.Input";
+const Qe = ({ children: e, className: t = "", ...s }) => {
+  const { searchTerm: n } = re();
+  let l = !1;
+  const r = (i) => T.Children.toArray(i).map((o) => {
     var v;
-    if (!j.isValidElement(i)) return i;
-    const m = i.type.displayName;
-    if (m === "Command.Empty")
+    if (!T.isValidElement(o))
+      return o;
+    const u = o.type.displayName;
+    if (u === "Command.Empty")
       return null;
-    if (m === "Command.Item")
-      return (((v = i.props.children) == null ? void 0 : v.toString().toLowerCase()) || "").includes(a.toLowerCase()) ? (n = !0, i) : null;
-    if (m === "Command.Group") {
-      const p = o(i.props.children);
-      return j.Children.toArray(p).some((u) => j.isValidElement(u) && u.type.displayName === "Command.Item") ? j.cloneElement(i, { ...i.props, children: p }) : null;
+    if (u === "Command.Item")
+      return (((v = o.props.children) == null ? void 0 : v.toString().toLowerCase()) || "").includes(n.toLowerCase()) ? (l = !0, o) : null;
+    if (u === "Command.Group") {
+      const f = r(o.props.children);
+      return T.Children.toArray(f).some((m) => T.isValidElement(m) && m.type.displayName === "Command.Item") ? T.cloneElement(o, { ...o.props, children: f }) : null;
     }
-    return i;
-  }).filter(Boolean), d = o(e), c = ["clarity-command-list", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ g("div", { className: c, ...s, children: [
-    d,
-    !n && /* @__PURE__ */ r(Ce, {})
-  ] });
+    return o;
+  }).filter(Boolean), d = r(e), c = ["clarity-command-list", t].filter(Boolean).join(" ");
+  return g("div", { className: c, ...s, children: [d, !l && a(ve, {})] });
 };
-st.displayName = "Command.List";
-const Ce = ({ children: e, className: t = "", ...s }) => {
-  const { texts: a } = le(), n = ["clarity-command-empty", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("div", { className: n, ...s, children: e || s.emptyText || a.empty });
+Qe.displayName = "Command.List";
+const ve = ({ children: e, className: t = "", ...s }) => {
+  const { texts: n } = re(), l = ["clarity-command-empty", t].filter(Boolean).join(" ");
+  return a("div", { className: l, ...s, children: e || s.emptyText || n.empty });
 };
-Ce.displayName = "Command.Empty";
-const at = ({ children: e, className: t = "", ...s }) => {
-  const a = ["clarity-command-group", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("div", { className: a, ...s, children: e });
+ve.displayName = "Command.Empty";
+const Ze = ({ children: e, className: t = "", ...s }) => {
+  const n = ["clarity-command-group", t].filter(Boolean).join(" ");
+  return a("div", { className: n, ...s, children: e });
 };
-at.displayName = "Command.Group";
-const rt = ({ children: e, className: t = "", ...s }) => {
-  const { setValue: a, variant: n } = le(), o = ["clarity-command-item", `clarity-command-item--${n}`, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("div", { className: o, onClick: () => a((e == null ? void 0 : e.toString()) || ""), ...s, children: e });
+Ze.displayName = "Command.Group";
+const Ke = ({ children: e, className: t = "", ...s }) => {
+  const { setValue: n, variant: l } = re(), r = ["clarity-command-item", `clarity-command-item--${l}`, t].filter(Boolean).join(" ");
+  return a("div", { className: r, onClick: () => n((e == null ? void 0 : e.toString()) || ""), ...s, children: e });
 };
-rt.displayName = "Command.Item";
-const nt = ({ className: e = "", ...t }) => {
+Ke.displayName = "Command.Item";
+const et = ({ className: e = "", ...t }) => {
   const s = ["clarity-command-separator", e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("hr", { className: s, ...t });
+  return a("hr", { className: s, ...t });
 };
-nt.displayName = "Command.Separator";
-const lt = ({ children: e, className: t = "", ...s }) => {
-  const a = ["clarity-command-shortcut", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("span", { className: a, ...s, children: e });
+et.displayName = "Command.Separator";
+const tt = ({ children: e, className: t = "", ...s }) => {
+  const n = ["clarity-command-shortcut", t].filter(Boolean).join(" ");
+  return a("span", { className: n, ...s, children: e });
 };
-lt.displayName = "Command.Shortcut";
-const Yt = Object.assign(Ze, {
-  Button: Ke,
-  Dialog: et,
-  Input: tt,
-  List: st,
-  Empty: Ce,
-  Group: at,
-  Item: rt,
-  Separator: nt,
-  Shortcut: lt
-}), St = ({ columns: e, viewMode: t }) => {
-  const s = Array.from({ length: 5 }, (a, n) => n);
-  return t === "card" ? /* @__PURE__ */ g("div", { className: "card-view-wrapper is-loading", children: [
-    /* @__PURE__ */ r("div", { className: "skeleton card-view-header" }),
-    /* @__PURE__ */ r("div", { className: "card-view-body", children: s.map((a) => /* @__PURE__ */ r("div", { className: "skeleton card-view-row" }, a)) })
-  ] }) : /* @__PURE__ */ r("div", { className: "table-wrapper is-loading", children: /* @__PURE__ */ g("table", { children: [
-    /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { className: "table-row", children: e.map((a) => /* @__PURE__ */ r("th", { className: "table-header-cell", children: /* @__PURE__ */ r("div", { className: "skeleton skeleton-text" }) }, a.key)) }) }),
-    /* @__PURE__ */ r("tbody", { children: s.map((a) => /* @__PURE__ */ r("tr", { className: "table-row", children: e.map((n) => /* @__PURE__ */ r("td", { className: "table-cell", children: /* @__PURE__ */ r("div", { className: "skeleton skeleton-text" }) }, n.key)) }, a)) })
-  ] }) });
-}, Jt = ({
-  variant: e = "secondary",
-  columns: t,
-  data: s,
-  viewMode: a = "table",
-  isScrollable: n = !1,
-  isLoading: o = !1
-}) => {
-  const [d, c] = T(null), [l, i] = T("none"), m = (u) => {
-    u.sortable && (d === u.key ? i((h) => h === "asc" ? "desc" : h === "desc" ? "none" : "asc") : (c(u.key), i("asc")));
-  }, v = oe(() => l === "none" || !d ? s : [...s].sort((u, h) => {
-    const y = u[d], b = h[d];
-    return y < b ? l === "asc" ? -1 : 1 : y > b ? l === "asc" ? 1 : -1 : 0;
-  }), [s, d, l]), p = (u) => u.sortable ? d !== u.key || l === "none" ? /* @__PURE__ */ r("span", { className: "sort-icon", children: "↕" }) : l === "asc" ? /* @__PURE__ */ r("span", { className: "sort-icon", children: "↑" }) : /* @__PURE__ */ r("span", { className: "sort-icon", children: "↓" }) : null;
-  if (o)
-    return /* @__PURE__ */ r(St, { columns: t, viewMode: a });
-  const f = `table-variant-${e} ${n ? "is-scrollable" : ""}`;
-  return a === "card" ? /* @__PURE__ */ g("div", { className: `card-view-wrapper ${f}`, children: [
-    /* @__PURE__ */ r("div", { className: `card-view-header table-header-cell-${e}`, children: t.map((u) => /* @__PURE__ */ g(
-      "div",
-      {
-        className: `card-view-header-cell ${u.sortable ? "sortable" : ""}`,
-        onClick: () => m(u),
-        style: { minWidth: u.minWidth },
-        children: [
-          u.header,
-          p(u)
-        ]
-      },
-      u.key
-    )) }),
-    /* @__PURE__ */ r("div", { className: "card-view-body", children: v.map((u, h) => /* @__PURE__ */ r("div", { className: `card-view-row table-row-${e}`, children: t.map((y) => /* @__PURE__ */ r("div", { className: `card-view-cell ${y.align ? `table-cell-align-${y.align}` : ""}`, style: { minWidth: y.minWidth }, children: y.render ? y.render(u) : u[y.key] }, y.key)) }, h)) })
-  ] }) : /* @__PURE__ */ r("div", { className: `table-wrapper ${f}`, children: /* @__PURE__ */ g("table", { children: [
-    /* @__PURE__ */ r("thead", { className: "table-header", children: /* @__PURE__ */ r("tr", { className: "table-row", children: t.map((u) => /* @__PURE__ */ g(
-      "th",
-      {
-        className: `table-header-cell ${u.sortable ? "sortable" : ""} table-header-cell-${e}`,
-        onClick: () => m(u),
-        style: { minWidth: u.minWidth },
-        children: [
-          u.header,
-          p(u)
-        ]
-      },
-      u.key
-    )) }) }),
-    /* @__PURE__ */ r("tbody", { children: v.map((u, h) => /* @__PURE__ */ r("tr", { className: `table-row table-row-${e}`, children: t.map((y) => /* @__PURE__ */ r("td", { className: `table-cell ${y.align ? `table-cell-align-${y.align}` : ""}`, style: { minWidth: y.minWidth }, children: y.render ? y.render(u) : u[y.key] }, y.key)) }, h)) })
-  ] }) });
-}, Qt = ({
-  variant: e = "primary",
-  product: t,
-  tone: s,
-  size: a = "medium",
-  color: n,
-  className: o = "",
-  "aria-label": d = "Carregando...",
-  ...c
-}) => {
-  const l = "clarity-spinner", v = n ? `${l}--custom` : t && s ? `${l}--custom` : `${l}--${e}`, p = [
-    l,
-    `${l}--${a}`,
+tt.displayName = "Command.Shortcut";
+const Xt = Object.assign(qe, {
+  Button: Xe,
+  Dialog: Ye,
+  Input: Je,
+  List: Qe,
+  Empty: ve,
+  Group: Ze,
+  Item: Ke,
+  Separator: et,
+  Shortcut: tt
+}), Lt = ({ columns: e, viewMode: t }) => {
+  const s = Array.from({ length: 5 }, (n, l) => l);
+  return t === "card" ? g("div", { className: "card-view-wrapper is-loading", children: [a("div", { className: "skeleton card-view-header" }), a("div", { className: "card-view-body", children: s.map((n) => a("div", { className: "skeleton card-view-row" }, n)) })] }) : a("div", { className: "table-wrapper is-loading", children: g("table", { children: [a("thead", { children: a("tr", { className: "table-row", children: e.map((n) => a("th", { className: "table-header-cell", children: a("div", { className: "skeleton skeleton-text" }) }, n.key)) }) }), a("tbody", { children: s.map((n) => a("tr", { className: "table-row", children: e.map((l) => a("td", { className: "table-cell", children: a("div", { className: "skeleton skeleton-text" }) }, l.key)) }, n)) })] }) });
+}, Yt = ({ variant: e = "secondary", columns: t, data: s, viewMode: n = "table", isScrollable: l = !1, isLoading: r = !1 }) => {
+  const [d, c] = B(null), [i, o] = B("none"), u = (m) => {
+    m.sortable && (d === m.key ? o((h) => h === "asc" ? "desc" : h === "desc" ? "none" : "asc") : (c(m.key), o("asc")));
+  }, v = oe(() => i === "none" || !d ? s : [...s].sort((m, h) => {
+    const y = m[d], b = h[d];
+    return y < b ? i === "asc" ? -1 : 1 : y > b ? i === "asc" ? 1 : -1 : 0;
+  }), [s, d, i]), f = (m) => m.sortable ? d !== m.key || i === "none" ? a("span", { className: "sort-icon", children: "↕" }) : i === "asc" ? a("span", { className: "sort-icon", children: "↑" }) : a("span", { className: "sort-icon", children: "↓" }) : null;
+  if (r)
+    return a(Lt, { columns: t, viewMode: n });
+  const p = `table-variant-${e} ${l ? "is-scrollable" : ""}`;
+  return n === "card" ? g("div", { className: `card-view-wrapper ${p}`, children: [a("div", { className: `card-view-header table-header-cell-${e}`, children: t.map((m) => g("div", { className: `card-view-header-cell ${m.sortable ? "sortable" : ""}`, onClick: () => u(m), style: { minWidth: m.minWidth }, children: [m.header, f(m)] }, m.key)) }), a("div", { className: "card-view-body", children: v.map((m, h) => a("div", { className: `card-view-row table-row-${e}`, children: t.map((y) => a("div", { className: `card-view-cell ${y.align ? `table-cell-align-${y.align}` : ""}`, style: { minWidth: y.minWidth }, children: y.render ? y.render(m) : m[y.key] }, y.key)) }, h)) })] }) : a("div", { className: `table-wrapper ${p}`, children: g("table", { children: [a("thead", { className: "table-header", children: a("tr", { className: "table-row", children: t.map((m) => g("th", { className: `table-header-cell ${m.sortable ? "sortable" : ""} table-header-cell-${e}`, onClick: () => u(m), style: { minWidth: m.minWidth }, children: [m.header, f(m)] }, m.key)) }) }), a("tbody", { children: v.map((m, h) => a("tr", { className: `table-row table-row-${e}`, children: t.map((y) => a("td", { className: `table-cell ${y.align ? `table-cell-align-${y.align}` : ""}`, style: { minWidth: y.minWidth }, children: y.render ? y.render(m) : m[y.key] }, y.key)) }, h)) })] }) });
+}, Jt = ({ variant: e = "primary", product: t, tone: s, size: n = "medium", color: l, className: r = "", "aria-label": d = "Carregando...", ...c }) => {
+  const i = "clarity-spinner", v = l ? `${i}--custom` : t && s ? `${i}--custom` : `${i}--${e}`, f = [
+    i,
+    `${i}--${n}`,
     v,
-    o
-  ].filter(Boolean).join(" "), f = {};
-  return n ? f["--spinner-color"] = n : t && s && (f["--spinner-color"] = `var(--clarity-${t}-${s})`), /* @__PURE__ */ r(
-    "div",
-    {
-      className: p,
-      style: f,
-      role: "status",
-      "aria-label": d,
-      ...c,
-      children: /* @__PURE__ */ r("div", { className: `${l}__container`, children: /* @__PURE__ */ r(
-        "svg",
-        {
-          className: `${l}__svg`,
-          viewBox: "0 0 50 50",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ r(
-            "circle",
-            {
-              className: `${l}__circle`,
-              cx: "25",
-              cy: "25",
-              r: "20",
-              fill: "none",
-              strokeWidth: "4"
-            }
-          )
-        }
-      ) })
-    }
-  );
-}, Et = ({
-  className: e = "",
-  noGutters: t,
-  justify: s,
-  align: a,
-  children: n,
-  as: o = "div",
-  ...d
-}) => {
+    r
+  ].filter(Boolean).join(" "), p = {};
+  return l ? p["--spinner-color"] = l : t && s && (p["--spinner-color"] = `var(--clarity-${t}-${s})`), a("div", { className: f, style: p, role: "status", "aria-label": d, ...c, children: a("div", { className: `${i}__container`, children: a("svg", { className: `${i}__svg`, viewBox: "0 0 50 50", xmlns: "http://www.w3.org/2000/svg", children: a("circle", { className: `${i}__circle`, cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "4" }) }) }) });
+}, Rt = ({ className: e = "", noGutters: t, justify: s, align: n, children: l, as: r = "div", ...d }) => {
   const c = [
     "clarity-row",
     t ? "clarity-row--no-gutters" : "",
     s ? `clarity-row--justify-${s}` : "",
-    a ? `clarity-row--align-${a}` : "",
+    n ? `clarity-row--align-${n}` : "",
     e
   ].filter(Boolean).join(" ");
-  return j.createElement(o, { className: c, ...d }, n);
+  return T.createElement(r, { className: c, ...d }, l);
 };
-Et.displayName = "Row";
-const Ot = (e) => `${e / 12 * 100}%`, It = (e) => `${e / 12 * 100}%`, Dt = ({
-  className: e = "",
-  xs: t,
-  sm: s,
-  md: a,
-  lg: n,
-  xl: o,
-  xxl: d,
-  offset: c,
-  children: l,
-  as: i = "div",
-  style: m,
-  ...v
-}) => {
-  const p = { ...m }, f = (y, b) => {
-    if (b === void 0) return;
-    const N = `--clarity-col-width-${y}`;
-    p[N] = typeof b == "number" ? Ot(b) : "auto";
-  }, u = (y, b) => {
-    if (b === void 0) return;
-    const N = `--clarity-col-offset-${y}`;
-    p[N] = It(b);
+Rt.displayName = "Row";
+const St = (e) => `${e / 12 * 100}%`, Ot = (e) => `${e / 12 * 100}%`, It = ({ className: e = "", xs: t, sm: s, md: n, lg: l, xl: r, xxl: d, offset: c, children: i, as: o = "div", style: u, ...v }) => {
+  const f = { ...u }, p = (y, b) => {
+    if (b === void 0)
+      return;
+    const C = `--clarity-col-width-${y}`;
+    f[C] = typeof b == "number" ? St(b) : "auto";
+  }, m = (y, b) => {
+    if (b === void 0)
+      return;
+    const C = `--clarity-col-offset-${y}`;
+    f[C] = Ot(b);
   };
-  f("xs", t), f("sm", s), f("md", a), f("lg", n), f("xl", o), f("xxl", d), u("xs", c == null ? void 0 : c.xs), u("sm", c == null ? void 0 : c.sm), u("md", c == null ? void 0 : c.md), u("lg", c == null ? void 0 : c.lg), u("xl", c == null ? void 0 : c.xl), u("xxl", c == null ? void 0 : c.xxl);
+  p("xs", t), p("sm", s), p("md", n), p("lg", l), p("xl", r), p("xxl", d), m("xs", c == null ? void 0 : c.xs), m("sm", c == null ? void 0 : c.sm), m("md", c == null ? void 0 : c.md), m("lg", c == null ? void 0 : c.lg), m("xl", c == null ? void 0 : c.xl), m("xxl", c == null ? void 0 : c.xxl);
   const h = ["clarity-col", e].filter(Boolean).join(" ");
-  return j.createElement(i, { className: h, style: p, ...v }, l);
+  return T.createElement(o, { className: h, style: f, ...v }, i);
 };
-Dt.displayName = "Col";
-const Zt = {
+It.displayName = "Col";
+const st = ({ children: e, className: t }) => a("div", { className: t, children: e });
+st.displayName = "Card.Header";
+const at = ({ children: e, className: t }) => a("div", { className: t, children: e });
+at.displayName = "Card.Content";
+const nt = ({ children: e, className: t }) => a("div", { className: t, children: e });
+nt.displayName = "Card.Footer";
+const ue = ({ children: e, className: t }) => a("div", { className: t, children: e });
+ue.Header = st;
+ue.Content = at;
+ue.Footer = nt;
+ue.displayName = "Card";
+const Qt = {
   primary: {
     50: "#f0f9ff",
     100: "#e0f2fe",
@@ -2145,7 +1132,7 @@ const Zt = {
     800: "#065f46",
     900: "#064e3b"
   }
-}, Kt = {
+}, Zt = {
   xs: "4px",
   sm: "8px",
   md: "16px",
@@ -2153,38 +1140,38 @@ const Zt = {
   xl: "32px",
   "2xl": "48px",
   "3xl": "64px"
-}, es = (...e) => e.filter(Boolean).join(" "), ts = () => Math.random().toString(36).substr(2, 9);
+}, Kt = (...e) => e.filter(Boolean).join(" "), es = () => Math.random().toString(36).substr(2, 9);
 export {
-  qt as Accordion,
-  Ht as Badge,
-  me as Box,
-  Vt as Button,
-  Mt as ButtonGroup,
-  Gt as ButtonIcon,
-  Ut as ButtonLink,
+  Ut as Accordion,
+  Vt as Badge,
+  pt as Box,
+  At as Button,
+  Ht as ButtonGroup,
+  zt as ButtonIcon,
+  Gt as ButtonLink,
   ue as Card,
-  gt as CheckInput,
-  Dt as Col,
-  Yt as Command,
+  Ct as CheckInput,
+  It as Col,
+  Xt as Command,
   te as ConfirmationDialog,
   ce as Dropdown,
-  yt as Input,
-  _t as InputSwitch,
+  ht as Input,
+  gt as InputSwitch,
   ee as Modal,
-  Ct as MultiSelect,
-  ne as Offcanvas,
-  Et as Row,
-  bt as Select,
-  Qt as Spinner,
-  Jt as Table,
-  Je as Tabs,
-  vt as Textarea,
-  zt as ToastProvider,
-  Xt as Tooltip,
-  es as cn,
-  Zt as colors,
-  ts as generateId,
-  Kt as spacing,
-  ge as typography,
-  Ft as useToast
+  bt as MultiSelect,
+  le as Offcanvas,
+  Rt as Row,
+  vt as Select,
+  Jt as Spinner,
+  Yt as Table,
+  Ge as Tabs,
+  yt as Textarea,
+  Ft as ToastProvider,
+  qt as Tooltip,
+  Kt as cn,
+  Qt as colors,
+  es as generateId,
+  Zt as spacing,
+  Ne as typography,
+  Mt as useToast
 };