beth-clarity 1.2.4 → 1.2.5

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

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as w, Fragment as St } from "react/jsx-runtime";
-import W, { useState as z, useRef as at, useEffect as Q, useLayoutEffect as Et, forwardRef as we, isValidElement as ot, createContext as ct, cloneElement as rt, useContext as dt, useMemo as gt, useCallback as _t, Children as Ne } from "react";
-import Ce, { createPortal as $e } from "react-dom";
-const ta = ({
+import { jsx as e, jsxs as v, Fragment as jt } from "react/jsx-runtime";
+import I, { useState as A, useRef as et, useEffect as J, useLayoutEffect as St, forwardRef as _e, isValidElement as ot, createContext as ct, cloneElement as rt, useContext as dt, useMemo as gt, useCallback as _t, Children as we } from "react";
+import Ne, { createPortal as Ce } from "react-dom";
+const Pe = ({
   variant: t = "primary",
   size: a = "medium",
   bgColor: r,
@@ -12,27 +12,27 @@ const ta = ({
   outlined: c = !1,
   ...d
 }) => {
-  const i = "clarity-badge", u = !!r;
-  let y = "";
-  u ? y = `${i}--custom-bg` : y = `${i}--${t}`;
-  const p = [
+  const i = "clarity-badge", f = !!r;
+  let p = "";
+  f ? p = `${i}--custom-bg` : p = `${i}--${t}`;
+  const y = [
     i,
-    y,
+    p,
     `${i}--${a}`,
     s ? `${i}--rounded` : "",
     c ? `${i}--outlined` : "",
     o
-  ].filter(Boolean).join(" "), f = {};
-  return u && (f.backgroundColor = r, l && (f.color = l)), /* @__PURE__ */ e(
+  ].filter(Boolean).join(" "), u = {};
+  return f && (u.backgroundColor = r, l && (u.color = l)), /* @__PURE__ */ e(
     "span",
     {
-      className: p,
-      style: f,
+      className: y,
+      style: u,
       ...d,
       children: n
     }
   );
-}, Bt = {
+}, Tt = {
   fontFamily: {
     sans: ["Inter", "system-ui", "sans-serif"],
     mono: ["Fira Code", "monospace"]
@@ -59,7 +59,7 @@ const ta = ({
     wide: "0.025em",
     wider: "0.05em"
   }
-}, $t = (t) => {
+}, Ct = (t) => {
   if (t) {
     if (t.startsWith("#") || t.startsWith("rgb") || t.startsWith("hsl") || t === "transparent")
       return t;
@@ -69,7 +69,7 @@ const ta = ({
     }
     return `var(--clarity-${t})`;
   }
-}, nt = (t) => t !== void 0 ? `var(--clarity-spacing-${t})` : void 0, xe = W.forwardRef(
+}, nt = (t) => t !== void 0 ? `var(--clarity-spacing-${t})` : void 0, $e = I.forwardRef(
   (t, a) => {
     const {
       children: r,
@@ -80,81 +80,81 @@ const ta = ({
       alignItems: c,
       justifyContent: d,
       gap: i,
-      m: u,
-      mt: y,
-      mr: p,
-      mb: f,
-      ml: b,
-      mx: v,
+      m: f,
+      mt: p,
+      mr: y,
+      mb: u,
+      ml: h,
+      mx: w,
       my: N,
       p: m,
-      pt: g,
-      pr: C,
+      pt: b,
+      pr: _,
       pb: x,
-      pl: B,
-      px: k,
-      py: j,
-      bg: $,
-      color: S,
-      fontSize: _,
-      fontWeight: M,
-      textAlign: I,
-      lineHeight: E,
-      letterSpacing: X,
-      borderRadius: L,
-      borderTopLeftRadius: U,
-      borderTopRightRadius: H,
-      borderBottomLeftRadius: D,
-      borderBottomRightRadius: V,
-      boxShadow: F,
-      borderWidth: tt,
-      borderTopWidth: K,
-      borderRightWidth: Y,
-      borderBottomWidth: P,
-      borderLeftWidth: R,
-      borderXWidth: Z,
-      borderYWidth: q,
-      borderColor: A,
-      overflow: et,
-      ...lt
-    } = t, h = (T, G) => {
-      if (T === void 0 || T === 0) return;
-      const J = `var(--clarity-border-width-${T})`, it = G ? $t(G) : "currentColor";
-      return `${J} solid ${it}`;
-    }, O = W.useMemo(() => ({
+      pl: E,
+      px: C,
+      py: T,
+      bg: L,
+      color: $,
+      fontSize: k,
+      fontWeight: z,
+      textAlign: H,
+      lineHeight: R,
+      letterSpacing: V,
+      borderRadius: M,
+      borderTopLeftRadius: F,
+      borderTopRightRadius: j,
+      borderBottomLeftRadius: U,
+      borderBottomRightRadius: S,
+      boxShadow: K,
+      borderWidth: P,
+      borderTopWidth: Z,
+      borderRightWidth: q,
+      borderBottomWidth: tt,
+      borderLeftWidth: W,
+      borderXWidth: X,
+      borderYWidth: D,
+      borderColor: Y,
+      overflow: lt,
+      ...g
+    } = t, O = (G, Q) => {
+      if (G === void 0 || G === 0) return;
+      const at = `var(--clarity-border-width-${G})`, it = Q ? Ct(Q) : "currentColor";
+      return `${at} solid ${it}`;
+    }, B = I.useMemo(() => ({
       display: n,
       position: o,
       flexDirection: s,
       alignItems: c,
       justifyContent: d,
       gap: nt(i),
-      marginTop: nt(y ?? N ?? u),
-      marginRight: nt(p ?? v ?? u),
-      marginBottom: nt(f ?? N ?? u),
-      marginLeft: nt(b ?? v ?? u),
-      paddingTop: nt(g ?? j ?? m),
-      paddingRight: nt(C ?? k ?? m),
-      paddingBottom: nt(x ?? j ?? m),
-      paddingLeft: nt(B ?? k ?? m),
-      backgroundColor: $ ? $t($) : void 0,
-      color: S ? $t(S) : void 0,
-      fontSize: _ ? `var(--clarity-font-size-${_})` : void 0,
-      fontWeight: M ? Bt.fontWeight[M] : void 0,
-      textAlign: I,
-      lineHeight: E,
-      letterSpacing: X ? Bt.letterSpacing[X] : void 0,
-      borderRadius: L ? `var(--clarity-radius-${L})` : void 0,
-      borderTopLeftRadius: U ? `var(--clarity-radius-${U})` : void 0,
-      borderTopRightRadius: H ? `var(--clarity-radius-${H})` : void 0,
-      borderBottomLeftRadius: D ? `var(--clarity-radius-${D})` : void 0,
-      borderBottomRightRadius: V ? `var(--clarity-radius-${V})` : void 0,
-      boxShadow: F ? `var(--clarity-shadow-${F})` : void 0,
-      border: h(tt, A),
-      borderTop: h(K ?? q),
-      borderRight: h(Y ?? Z),
-      borderBottom: h(P ?? q),
-      borderLeft: h(R ?? Z),
-      overflow: et
+      marginTop: nt(p ?? N ?? f),
+      marginRight: nt(y ?? w ?? f),
+      marginBottom: nt(u ?? N ?? f),
+      marginLeft: nt(h ?? w ?? f),
+      paddingTop: nt(b ?? T ?? m),
+      paddingRight: nt(_ ?? C ?? m),
+      paddingBottom: nt(x ?? T ?? m),
+      paddingLeft: nt(E ?? C ?? m),
+      backgroundColor: L ? Ct(L) : void 0,
+      color: $ ? Ct($) : void 0,
+      fontSize: k ? `var(--clarity-font-size-${k})` : void 0,
+      fontWeight: z ? Tt.fontWeight[z] : void 0,
+      textAlign: H,
+      lineHeight: R,
+      letterSpacing: V ? Tt.letterSpacing[V] : void 0,
+      borderRadius: M ? `var(--clarity-radius-${M})` : void 0,
+      borderTopLeftRadius: F ? `var(--clarity-radius-${F})` : void 0,
+      borderTopRightRadius: j ? `var(--clarity-radius-${j})` : void 0,
+      borderBottomLeftRadius: U ? `var(--clarity-radius-${U})` : void 0,
+      borderBottomRightRadius: S ? `var(--clarity-radius-${S})` : void 0,
+      boxShadow: K ? `var(--clarity-shadow-${K})` : void 0,
+      border: O(P, Y),
+      borderTop: O(Z ?? D),
+      borderRight: O(q ?? X),
+      borderBottom: O(tt ?? D),
+      borderLeft: O(W ?? X),
+      overflow: lt
     }), [
       n,
       o,
@@ -162,48 +162,48 @@ const ta = ({
       c,
       d,
       i,
-      u,
-      y,
-      p,
       f,
-      b,
-      v,
+      p,
+      y,
+      u,
+      h,
+      w,
       N,
       m,
-      g,
-      C,
-      x,
-      B,
-      k,
-      j,
-      $,
-      S,
+      b,
       _,
-      M,
-      I,
+      x,
       E,
-      X,
+      C,
+      T,
       L,
-      U,
+      $,
+      k,
+      z,
       H,
-      D,
+      R,
       V,
+      M,
       F,
-      tt,
+      j,
+      U,
+      S,
       K,
-      Y,
       P,
-      R,
       Z,
       q,
-      A,
-      et
+      tt,
+      W,
+      X,
+      D,
+      Y,
+      lt
     ]);
-    return /* @__PURE__ */ e("div", { ref: a, className: `clarity-box ${l || ""}`.trim(), style: O, ...lt, children: r });
+    return /* @__PURE__ */ e("div", { ref: a, className: `clarity-box ${l || ""}`.trim(), style: B, ...g, children: r });
   }
 );
-xe.displayName = "Box";
-const ke = ({
+$e.displayName = "Box";
+const xe = ({
   variant: t = "primary",
   size: a = "medium",
   disabled: r = !1,
@@ -214,34 +214,34 @@ const ke = ({
   className: c = "",
   title: d,
   customColor: i,
-  customColorHover: u,
-  ...y
+  customColorHover: f,
+  ...p
 }) => {
-  const p = "clarity-button", f = [
-    p,
-    !i && `${p}--${t}`,
-    `${p}--${a}`,
-    l && `${p}--loading`,
-    r && `${p}--disabled`,
+  const y = "clarity-button", u = [
+    y,
+    !i && `${y}--${t}`,
+    `${y}--${a}`,
+    l && `${y}--loading`,
+    r && `${y}--disabled`,
     c
-  ].filter(Boolean).join(" "), b = {};
-  return i && (b["--button-bg"] = i, b["--button-hover-bg"] = u || `${i}E6`, b["--button-border"] = i, b["--button-hover-border"] = u || `${i}E6`, b["--button-fg"] = "#fff"), /* @__PURE__ */ w(
+  ].filter(Boolean).join(" "), h = {};
+  return i && (h["--button-bg"] = i, h["--button-hover-bg"] = f || `${i}E6`, h["--button-border"] = i, h["--button-hover-border"] = f || `${i}E6`, h["--button-fg"] = "#fff"), /* @__PURE__ */ v(
     "button",
     {
-      className: f,
-      style: b,
+      className: u,
+      style: h,
       disabled: r || l,
       onClick: o,
       type: s,
       title: d,
-      ...y,
+      ...p,
       children: [
-        l && /* @__PURE__ */ e("div", { className: `${p}__spinner` }),
+        l && /* @__PURE__ */ e("div", { className: `${y}__spinner` }),
         n
       ]
     }
   );
-}, ea = ({
+}, ta = ({
   variant: t = "primary",
   size: a = "medium",
   items: r,
@@ -252,59 +252,59 @@ const ke = ({
   className: c = "",
   ...d
 }) => {
-  const i = "clarity-button-group", u = [
+  const i = "clarity-button-group", f = [
     i,
     c
-  ].filter(Boolean).join(" "), y = (f) => {
+  ].filter(Boolean).join(" "), p = (u) => {
     if (o || !s) return;
-    const b = r.find((v) => v.id === f);
-    if (!(b != null && b.disabled))
+    const h = r.find((w) => w.id === u);
+    if (!(h != null && h.disabled))
       if (n) {
-        const v = Array.isArray(l) ? l : [], N = v.includes(f) ? v.filter((m) => m !== f) : [...v, f];
+        const w = Array.isArray(l) ? l : [], N = w.includes(u) ? w.filter((m) => m !== u) : [...w, u];
         s(N);
       } else
-        s(f);
-  }, p = (f) => n ? Array.isArray(l) && l.includes(f) : l === f;
+        s(u);
+  }, y = (u) => n ? Array.isArray(l) && l.includes(u) : l === u;
   return /* @__PURE__ */ e(
     "div",
     {
-      className: u,
+      className: f,
       role: "group",
       ...d,
-      children: r.map((f, b) => {
-        const v = p(f.id), N = v ? t : `${t}-outline`, m = [
+      children: r.map((u, h) => {
+        const w = y(u.id), N = w ? t : `${t}-outline`, m = [
           `${i}__item`,
-          v && `${i}__item--selected`,
-          b === 0 && `${i}__item--first`,
-          b === r.length - 1 && `${i}__item--last`
+          w && `${i}__item--selected`,
+          h === 0 && `${i}__item--first`,
+          h === r.length - 1 && `${i}__item--last`
         ].filter(Boolean).join(" ");
-        return /* @__PURE__ */ w(
-          ke,
+        return /* @__PURE__ */ v(
+          xe,
           {
             variant: N,
             size: a,
             className: m,
-            onClick: () => y(f.id),
-            disabled: o || f.disabled,
-            "aria-pressed": v,
+            onClick: () => p(u.id),
+            disabled: o || u.disabled,
+            "aria-pressed": w,
             children: [
-              f.icon && /* @__PURE__ */ e("span", { className: `${i}__item-icon`, children: f.icon }),
-              /* @__PURE__ */ e("span", { className: `${i}__item-label`, children: f.label })
+              u.icon && /* @__PURE__ */ e("span", { className: `${i}__item-icon`, children: u.icon }),
+              /* @__PURE__ */ e("span", { className: `${i}__item-label`, children: u.label })
             ]
           },
-          f.id
+          u.id
         );
       })
     }
   );
 };
-var Lt = {
+var Et = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, jt = W.createContext && W.createContext(Lt), st = function() {
+}, Bt = I.createContext && I.createContext(Et), st = function() {
   return st = Object.assign || function(t) {
     for (var a, r = 1, l = arguments.length; r < l; r++) {
       a = arguments[r];
@@ -312,31 +312,31 @@ var Lt = {
     }
     return t;
   }, st.apply(this, arguments);
-}, Te = function(t, a) {
+}, ke = function(t, a) {
   var r = {};
   for (var l in t) Object.prototype.hasOwnProperty.call(t, l) && a.indexOf(l) < 0 && (r[l] = t[l]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var n = 0, l = Object.getOwnPropertySymbols(t); n < l.length; n++)
     a.indexOf(l[n]) < 0 && Object.prototype.propertyIsEnumerable.call(t, l[n]) && (r[l[n]] = t[l[n]]);
   return r;
 };
-function Rt(t) {
+function Lt(t) {
   return t && t.map(function(a, r) {
-    return W.createElement(a.tag, st({
+    return I.createElement(a.tag, st({
       key: r
-    }, a.attr), Rt(a.child));
+    }, a.attr), Lt(a.child));
   });
 }
-function Be(t) {
+function Te(t) {
   return function(a) {
-    return W.createElement(je, st({
+    return I.createElement(Be, st({
       attr: st({}, t.attr)
-    }, a), Rt(t.child));
+    }, a), Lt(t.child));
   };
 }
-function je(t) {
+function Be(t) {
   var a = function(r) {
-    var l = t.attr, n = t.size, o = t.title, s = Te(t, ["attr", "size", "title"]), c = n || r.size || "1em", d;
-    return r.className && (d = r.className), t.className && (d = (d ? d + " " : "") + t.className), W.createElement("svg", st({
+    var l = t.attr, n = t.size, o = t.title, s = ke(t, ["attr", "size", "title"]), c = n || r.size || "1em", d;
+    return r.className && (d = r.className), t.className && (d = (d ? d + " " : "") + t.className), I.createElement("svg", st({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -348,14 +348,14 @@ function je(t) {
       height: c,
       width: c,
       xmlns: "http://www.w3.org/2000/svg"
-    }), o && W.createElement("title", null, o), t.children);
+    }), o && I.createElement("title", null, o), t.children);
   };
-  return jt !== void 0 ? W.createElement(jt.Consumer, null, function(r) {
+  return Bt !== void 0 ? I.createElement(Bt.Consumer, null, function(r) {
     return a(r);
-  }) : a(Lt);
+  }) : a(Et);
 }
 function pt(t) {
-  return Be({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM11 7V13H13V7H11Z" } }] })(t);
+  return Te({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM11 15V17H13V15H11ZM11 7V13H13V7H11Z" } }] })(t);
 }
 const yt = ({
   content: t,
@@ -368,29 +368,29 @@ const yt = ({
   className: c = "",
   disabled: d = !1,
   delay: i = 200,
-  hideDelay: u = 100,
-  trigger: y = "hover",
-  arrow: p = !0,
-  ...f
+  hideDelay: f = 100,
+  trigger: p = "hover",
+  arrow: y = !0,
+  ...u
 }) => {
-  const [b, v] = z(!1), [N, m] = z(a), [g, C] = z({ top: 0, left: 0 }), [x, B] = z(null), k = at(null), j = at(null), $ = "clarity-tooltip", S = 8, _ = !!l || o;
-  let M = "";
-  _ ? M = `${$}__content--custom-bg` : M = `${$}__content--${r}`;
-  const I = [
-    $,
-    `${$}--${N}`,
+  const [h, w] = A(!1), [N, m] = A(a), [b, _] = A({ top: 0, left: 0 }), [x, E] = A(null), C = et(null), T = et(null), L = "clarity-tooltip", $ = 8, k = !!l || o;
+  let z = "";
+  k ? z = `${L}__content--custom-bg` : z = `${L}__content--${r}`;
+  const H = [
+    L,
+    `${L}--${N}`,
     c
-  ].filter(Boolean).join(" "), E = [
-    `${$}__content`,
-    M,
-    p && `${$}__content--arrow`
-  ].filter(Boolean).join(" "), X = {}, L = {};
-  _ && (L["--tooltip-bg-color"] = l || "#FFFFFF"), (n || o) && (L["--tooltip-text-color"] = n || "var(--clarity-gray-900)");
-  const U = {
-    ...X,
-    ...Object.keys(L).length > 0 ? L : {},
-    top: g.top,
-    left: g.left,
+  ].filter(Boolean).join(" "), R = [
+    `${L}__content`,
+    z,
+    y && `${L}__content--arrow`
+  ].filter(Boolean).join(" "), V = {}, M = {};
+  k && (M["--tooltip-bg-color"] = l || "#FFFFFF"), (n || o) && (M["--tooltip-text-color"] = n || "var(--clarity-gray-900)");
+  const F = {
+    ...V,
+    ...Object.keys(M).length > 0 ? M : {},
+    top: b.top,
+    left: b.left,
     // Resetar estilos que vêm do CSS para posicionamento relativo
     position: "absolute",
     bottom: "auto",
@@ -399,72 +399,72 @@ const yt = ({
     transform: "none",
     zIndex: 99999
     // Garantir que fique acima de modais (geralmente 1000-2000)
-  }, H = () => {
+  }, j = () => {
     if (d) return;
     x && clearTimeout(x);
-    const R = setTimeout(() => {
-      v(!0);
+    const W = setTimeout(() => {
+      w(!0);
     }, i);
-    B(R);
-  }, D = () => {
+    E(W);
+  }, U = () => {
     x && clearTimeout(x);
-    const R = setTimeout(() => {
-      v(!1);
-    }, u);
-    B(R);
-  }, V = () => {
-    d || (b ? D() : H());
-  }, F = () => {
-    d || H();
-  }, tt = () => {
-    D();
+    const W = setTimeout(() => {
+      w(!1);
+    }, f);
+    E(W);
+  }, S = () => {
+    d || (h ? U() : j());
+  }, K = () => {
+    d || j();
+  }, P = () => {
+    U();
   };
-  Q(() => () => {
+  J(() => () => {
     x && clearTimeout(x);
   }, [x]);
-  const K = () => {
-    if (!b || !j.current || !k.current) return;
-    const R = j.current.getBoundingClientRect(), Z = k.current.getBoundingClientRect(), q = window.scrollX, A = window.scrollY, et = window.innerWidth, lt = window.innerHeight, h = {
+  const Z = () => {
+    if (!h || !T.current || !C.current) return;
+    const W = T.current.getBoundingClientRect(), X = C.current.getBoundingClientRect(), D = window.scrollX, Y = window.scrollY, lt = window.innerWidth, g = window.innerHeight, O = {
       top: {
-        top: R.top + A - Z.height - S,
-        left: R.left + q + (R.width - Z.width) / 2
+        top: W.top + Y - X.height - $,
+        left: W.left + D + (W.width - X.width) / 2
       },
       bottom: {
-        top: R.bottom + A + S,
-        left: R.left + q + (R.width - Z.width) / 2
+        top: W.bottom + Y + $,
+        left: W.left + D + (W.width - X.width) / 2
       },
       left: {
-        top: R.top + A + (R.height - Z.height) / 2,
-        left: R.left + q - Z.width - S
+        top: W.top + Y + (W.height - X.height) / 2,
+        left: W.left + D - X.width - $
       },
       right: {
-        top: R.top + A + (R.height - Z.height) / 2,
-        left: R.right + q + S
+        top: W.top + Y + (W.height - X.height) / 2,
+        left: W.right + D + $
       },
       "top-left": {
-        top: R.top + A - Z.height - S,
-        left: R.left + q
+        top: W.top + Y - X.height - $,
+        left: W.left + D
       },
       "top-right": {
-        top: R.top + A - Z.height - S,
-        left: R.right + q - Z.width
+        top: W.top + Y - X.height - $,
+        left: W.right + D - X.width
       },
       "bottom-left": {
-        top: R.bottom + A + S,
-        left: R.left + q
+        top: W.bottom + Y + $,
+        left: W.left + D
       },
       "bottom-right": {
-        top: R.bottom + A + S,
-        left: R.right + q - Z.width
+        top: W.bottom + Y + $,
+        left: W.right + D - X.width
       }
     };
-    let O = a;
-    const T = (G) => {
-      const J = h[G], it = J.top - A, ft = J.left - q;
-      return it >= 0 && it + Z.height <= lt && ft >= 0 && ft + Z.width <= et;
+    let B = a;
+    const G = (Q) => {
+      const at = O[Q], it = at.top - Y, ft = at.left - D;
+      return it >= 0 && it + X.height <= g && ft >= 0 && ft + X.width <= lt;
     };
-    if (!T(O)) {
-      const J = {
+    if (!G(B)) {
+      const at = {
         top: "bottom",
         bottom: "top",
         left: "right",
@@ -473,53 +473,53 @@ const yt = ({
         "top-right": "bottom-right",
         "bottom-left": "top-left",
         "bottom-right": "top-right"
-      }[O];
-      J && T(J) && (O = J);
+      }[B];
+      at && G(at) && (B = at);
     }
-    if (m(O), C(h[O]), k.current) {
-      const G = Math.round(R.width / 2);
-      k.current.style.setProperty("--tooltip-arrow-offset", `${G}px`);
+    if (m(B), _(O[B]), C.current) {
+      const Q = Math.round(W.width / 2);
+      C.current.style.setProperty("--tooltip-arrow-offset", `${Q}px`);
     }
   };
-  Et(() => {
-    if (b)
-      return K(), window.addEventListener("scroll", K, !0), window.addEventListener("resize", K), () => {
-        window.removeEventListener("scroll", K, !0), window.removeEventListener("resize", K);
+  St(() => {
+    if (h)
+      return Z(), window.addEventListener("scroll", Z, !0), window.addEventListener("resize", Z), () => {
+        window.removeEventListener("scroll", Z, !0), window.removeEventListener("resize", Z);
       };
-  }, [b, a, t]);
-  const Y = {};
-  let P = y;
+  }, [h, a, t]);
+  const q = {};
+  let tt = p;
   if (typeof window < "u") {
-    const R = "ontouchstart" in window || navigator.maxTouchPoints > 0 || window.matchMedia && window.matchMedia("(pointer: coarse)").matches;
-    y === "hover" && R && (P = "focus");
+    const W = "ontouchstart" in window || navigator.maxTouchPoints > 0 || window.matchMedia && window.matchMedia("(pointer: coarse)").matches;
+    p === "hover" && W && (tt = "focus");
   }
-  return P === "hover" ? (Y.onMouseEnter = H, Y.onMouseLeave = D) : P === "click" ? Y.onClick = V : P === "focus" && (Y.onFocus = F, Y.onBlur = tt), /* @__PURE__ */ w(St, { children: [
+  return tt === "hover" ? (q.onMouseEnter = j, q.onMouseLeave = U) : tt === "click" ? q.onClick = S : tt === "focus" && (q.onFocus = K, q.onBlur = P), /* @__PURE__ */ v(jt, { children: [
     /* @__PURE__ */ e(
       "div",
       {
-        ref: j,
-        className: `${$}__trigger`,
-        ...Y,
-        ...f,
+        ref: T,
+        className: `${L}__trigger`,
+        ...q,
+        ...u,
         children: s
       }
     ),
-    b && $e(
+    h && Ce(
       /* @__PURE__ */ e(
         "div",
         {
-          ref: k,
-          className: I,
-          style: U,
+          ref: C,
+          className: H,
+          style: F,
           role: "tooltip",
-          "aria-hidden": !b,
-          children: /* @__PURE__ */ e("div", { className: E, children: t })
+          "aria-hidden": !h,
+          children: /* @__PURE__ */ e("div", { className: R, children: t })
         }
       ),
       document.body
     )
   ] });
-}, Se = W.forwardRef(({
+}, je = I.forwardRef(({
   variant: t = "primary",
   size: a = "medium",
   label: r,
@@ -530,338 +530,336 @@ const yt = ({
   endIcon: c,
   helper: d = !1,
   helperPosition: i = "top-right",
-  className: u = "",
-  disabled: y = !1,
-  value: p,
-  defaultValue: f,
-  onFocus: b,
-  onBlur: v,
+  className: f = "",
+  disabled: p = !1,
+  value: y,
+  defaultValue: u,
+  onFocus: h,
+  onBlur: w,
   ...N
 }, m) => {
-  const [g, C] = z(!1), [x, B] = z(!1), k = at(null), j = N.id || `input-${Math.random().toString(36).substr(2, 9)}`, $ = at(null), [S, _] = z(!1);
-  W.useImperativeHandle(m, () => k.current), Q(() => {
-    const H = k.current;
-    H && B(H.value.length > 0);
-  }, [p, f]), Q(() => {
-    const H = $.current;
-    if (!H) return;
-    const D = () => {
-      const F = H.scrollWidth > H.clientWidth;
-      _((tt) => tt !== F ? F : tt);
+  const [b, _] = A(!1), [x, E] = A(!1), C = et(null), T = N.id || `input-${Math.random().toString(36).substr(2, 9)}`, L = et(null), [$, k] = A(!1);
+  I.useImperativeHandle(m, () => C.current), J(() => {
+    const j = C.current;
+    j && E(j.value.length > 0);
+  }, [y, u]), J(() => {
+    const j = L.current;
+    if (!j) return;
+    const U = () => {
+      const K = j.scrollWidth > j.clientWidth;
+      k((P) => P !== K ? K : P);
     };
-    D();
-    const V = new ResizeObserver(() => D());
-    return V.observe(H), () => V.disconnect();
-  }, [r, g, x, a, s, c]);
-  const M = (H) => {
-    C(!0), b == null || b(H);
-  }, I = (H) => {
-    C(!1), B(H.target.value.length > 0), v == null || v(H);
-  }, E = [
+    U();
+    const S = new ResizeObserver(() => U());
+    return S.observe(j), () => S.disconnect();
+  }, [r, b, x, a, s, c]);
+  const z = (j) => {
+    _(!0), h == null || h(j);
+  }, H = (j) => {
+    _(!1), E(j.target.value.length > 0), w == null || w(j);
+  }, R = [
     "clarity-input",
     "clarity-input--outlined",
     `clarity-input--${a}`,
     t && `clarity-input--${t}`,
     n && "clarity-input--error",
-    y && "clarity-input--disabled",
-    g && "clarity-input--focused",
+    p && "clarity-input--disabled",
+    b && "clarity-input--focused",
     x && "clarity-input--has-value",
     s && "clarity-input--with-start-icon",
     c && "clarity-input--with-end-icon",
-    u
-  ].filter(Boolean).join(" "), X = [
+    f
+  ].filter(Boolean).join(" "), V = [
     "clarity-input__label",
-    S && "clarity-input__label--truncate"
-  ].filter(Boolean).join(" "), L = i != null && i.endsWith("left") ? "left" : "right", U = (H, D) => {
+    $ && "clarity-input__label--truncate"
+  ].filter(Boolean).join(" "), M = i != null && i.endsWith("left") ? "left" : "right", F = (j, U) => {
     if (!d) return null;
-    const V = typeof d == "object" ? d : void 0, F = (V == null ? void 0 : V.content) ?? "Ajuda", tt = (V == null ? void 0 : V.plain) === !0, K = V == null ? void 0 : V.variant, Y = V == null ? void 0 : V.bgColor, P = V == null ? void 0 : V.textColor;
+    const S = typeof d == "object" ? d : void 0, K = (S == null ? void 0 : S.content) ?? "Ajuda", P = (S == null ? void 0 : S.plain) === !0, Z = S == null ? void 0 : S.variant, q = S == null ? void 0 : S.bgColor, tt = S == null ? void 0 : S.textColor;
     return /* @__PURE__ */ e(
       yt,
       {
-        content: F,
-        position: H === "middle" ? D === "left" ? "left" : "right" : H === "top" ? D === "left" ? "top-left" : "top-right" : D === "left" ? "bottom-left" : "bottom-right",
+        content: K,
+        position: j === "middle" ? U === "left" ? "left" : "right" : j === "top" ? U === "left" ? "top-left" : "top-right" : U === "left" ? "bottom-left" : "bottom-right",
         trigger: "hover",
-        variant: K || t,
-        plain: tt,
-        bgColor: Y,
-        textColor: P,
-        children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-input__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e(pt, { size: H === "middle" ? 20 : 16 }) })
+        variant: Z || t,
+        plain: P,
+        bgColor: q,
+        textColor: tt,
+        children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-input__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e(pt, { size: j === "middle" ? 20 : 16 }) })
       }
     );
   };
-  return /* @__PURE__ */ w("div", { className: "clarity-input-wrapper", children: [
-    d && (i == null ? void 0 : i.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-input__helper-row clarity-input__helper-row--top clarity-input__helper-row--${L}`, children: U("top", L) }),
-    d && (i != null && i.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-input__middle-row clarity-input__middle-row--${L}`, children: [
-      L === "left" && U("middle", L),
-      /* @__PURE__ */ w("div", { className: E, children: [
+  return /* @__PURE__ */ v("div", { className: "clarity-input-wrapper", children: [
+    d && (i == null ? void 0 : i.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-input__helper-row clarity-input__helper-row--top clarity-input__helper-row--${M}`, children: F("top", M) }),
+    d && (i != null && i.startsWith("middle")) ? /* @__PURE__ */ v("div", { className: `clarity-input__middle-row clarity-input__middle-row--${M}`, children: [
+      M === "left" && F("middle", M),
+      /* @__PURE__ */ v("div", { className: R, children: [
         s && /* @__PURE__ */ e("div", { className: "clarity-input__start-icon", children: s }),
-        /* @__PURE__ */ w("div", { className: "clarity-input__field", children: [
+        /* @__PURE__ */ v("div", { className: "clarity-input__field", children: [
           /* @__PURE__ */ e(
             "input",
             {
-              ref: k,
-              id: j,
+              ref: C,
+              id: T,
               className: "clarity-input__element",
-              disabled: y,
-              value: p,
-              defaultValue: f,
-              onFocus: M,
-              onBlur: I,
+              disabled: p,
+              value: y,
+              defaultValue: u,
+              onFocus: z,
+              onBlur: H,
               "aria-label": l,
               ...N
             }
           ),
-          r && /* @__PURE__ */ e("label", { ref: $, className: X, htmlFor: j, children: r })
+          r && /* @__PURE__ */ e("label", { ref: L, className: V, htmlFor: T, children: r })
         ] }),
         c && /* @__PURE__ */ e("div", { className: "clarity-input__end-icon", children: c })
       ] }),
-      L === "right" && U("middle", L)
-    ] }) : /* @__PURE__ */ w("div", { className: E, children: [
+      M === "right" && F("middle", M)
+    ] }) : /* @__PURE__ */ v("div", { className: R, children: [
       s && /* @__PURE__ */ e("div", { className: "clarity-input__start-icon", children: s }),
-      /* @__PURE__ */ w("div", { className: "clarity-input__field", children: [
+      /* @__PURE__ */ v("div", { className: "clarity-input__field", children: [
         /* @__PURE__ */ e(
           "input",
           {
-            ref: k,
-            id: j,
+            ref: C,
+            id: T,
             className: "clarity-input__element",
-            disabled: y,
-            value: p,
-            defaultValue: f,
-            onFocus: M,
-            onBlur: I,
+            disabled: p,
+            value: y,
+            defaultValue: u,
+            onFocus: z,
+            onBlur: H,
             "aria-label": l,
             ...N
           }
         ),
-        r && /* @__PURE__ */ e("label", { ref: $, className: X, htmlFor: j, children: r })
+        r && /* @__PURE__ */ e("label", { ref: L, className: V, htmlFor: T, children: r })
       ] }),
       c && /* @__PURE__ */ e("div", { className: "clarity-input__end-icon", children: c })
     ] }),
-    d && (i == null ? void 0 : i.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-input__helper-row clarity-input__helper-row--bottom clarity-input__helper-row--${L}`, children: U("bottom", L) }),
-    (n && o || reserveErrorSpace) && /* @__PURE__ */ e("div", { className: "clarity-input__helper-text", style: o ? void 0 : { minHeight: "1.2em" }, children: o || " " })
+    d && (i == null ? void 0 : i.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-input__helper-row clarity-input__helper-row--bottom clarity-input__helper-row--${M}`, children: F("bottom", M) }),
+    n && o && /* @__PURE__ */ e("div", { className: "clarity-input__helper-text", children: o })
   ] });
 });
-Se.displayName = "Input";
-const Ee = W.forwardRef(({
+je.displayName = "Input";
+const Se = I.forwardRef(({
   variant: t = "primary",
   size: a = "medium",
   label: r,
   helper: l = !1,
   helperPosition: n = "middle-right",
-  reserveErrorSpace: o = !1,
-  error: s = !1,
-  errorMessage: c,
-  startIcon: d,
-  endIcon: i,
-  className: u = "",
-  disabled: y = !1,
+  error: o = !1,
+  errorMessage: s,
+  startIcon: c,
+  endIcon: d,
+  className: i = "",
+  disabled: f = !1,
   value: p,
-  defaultValue: f,
-  onFocus: b,
-  onBlur: v,
-  rows: N = 3,
-  minHeight: m,
-  maxHeight: g,
-  resizable: C = !0,
-  ...x
-}, B) => {
-  const [k, j] = z(!1), [$, S] = z(!1), _ = at(null);
-  W.useImperativeHandle(B, () => _.current), Q(() => {
-    const D = _.current;
-    D && S(D.value.length > 0);
-  }, [p, f]);
-  const M = (D) => {
-    j(!0), b == null || b(D);
-  }, I = (D) => {
-    j(!1), S(D.target.value.length > 0), v == null || v(D);
-  }, E = [
+  defaultValue: y,
+  onFocus: u,
+  onBlur: h,
+  rows: w = 3,
+  minHeight: N,
+  maxHeight: m,
+  resizable: b = !0,
+  ..._
+}, x) => {
+  const [E, C] = A(!1), [T, L] = A(!1), $ = et(null);
+  I.useImperativeHandle(x, () => $.current), J(() => {
+    const j = $.current;
+    j && L(j.value.length > 0);
+  }, [p, y]);
+  const k = (j) => {
+    C(!0), u == null || u(j);
+  }, z = (j) => {
+    C(!1), L(j.target.value.length > 0), h == null || h(j);
+  }, H = [
     "clarity-textarea",
     "clarity-textarea--outlined",
     `clarity-textarea--${a}`,
     t && `clarity-textarea--${t}`,
-    s && "clarity-textarea--error",
-    y && "clarity-textarea--disabled",
-    k && "clarity-textarea--focused",
-    $ && "clarity-textarea--has-value",
-    d && "clarity-textarea--with-start-icon",
-    i && "clarity-textarea--with-end-icon",
-    u
-  ].filter(Boolean).join(" "), X = {
-    resize: C ? "vertical" : "none",
-    minHeight: m ? `${m}px` : void 0,
-    maxHeight: g ? `${g}px` : void 0
-  }, L = n != null && n.endsWith("left") ? "left" : "right", U = (D, V) => {
+    o && "clarity-textarea--error",
+    f && "clarity-textarea--disabled",
+    E && "clarity-textarea--focused",
+    T && "clarity-textarea--has-value",
+    c && "clarity-textarea--with-start-icon",
+    d && "clarity-textarea--with-end-icon",
+    i
+  ].filter(Boolean).join(" "), R = {
+    resize: b ? "vertical" : "none",
+    minHeight: N ? `${N}px` : void 0,
+    maxHeight: m ? `${m}px` : void 0
+  }, V = n != null && n.endsWith("left") ? "left" : "right", M = (j, U) => {
     if (!l) return null;
-    const F = typeof l == "object" ? l : void 0, tt = (F == null ? void 0 : F.content) ?? "Ajuda", K = (F == null ? void 0 : F.plain) === !0, Y = F == null ? void 0 : F.variant, P = F == null ? void 0 : F.bgColor, R = F == null ? void 0 : F.textColor;
+    const S = typeof l == "object" ? l : void 0, K = (S == null ? void 0 : S.content) ?? "Ajuda", P = (S == null ? void 0 : S.plain) === !0, Z = S == null ? void 0 : S.variant, q = S == null ? void 0 : S.bgColor, tt = S == null ? void 0 : S.textColor;
     return /* @__PURE__ */ e(
       yt,
       {
-        content: tt,
-        position: D === "middle" ? V === "left" ? "left" : "right" : D === "top" ? V === "left" ? "top-left" : "top-right" : V === "left" ? "bottom-left" : "bottom-right",
+        content: K,
+        position: j === "middle" ? U === "left" ? "left" : "right" : j === "top" ? U === "left" ? "top-left" : "top-right" : U === "left" ? "bottom-left" : "bottom-right",
         trigger: "hover",
-        variant: Y || t,
-        plain: K,
-        bgColor: P,
-        textColor: R,
-        children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-textarea__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e(pt, { size: D === "middle" ? 20 : 16 }) })
+        variant: Z || t,
+        plain: P,
+        bgColor: q,
+        textColor: tt,
+        children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-textarea__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e(pt, { size: j === "middle" ? 20 : 16 }) })
       }
     );
-  }, H = /* @__PURE__ */ w("div", { className: "clarity-textarea-wrapper", children: [
-    /* @__PURE__ */ w("div", { className: E, children: [
-      d && /* @__PURE__ */ e("div", { className: "clarity-textarea__start-icon", children: d }),
-      /* @__PURE__ */ w("div", { className: "clarity-textarea__field", children: [
+  }, F = /* @__PURE__ */ v("div", { className: "clarity-textarea-wrapper", children: [
+    /* @__PURE__ */ v("div", { className: H, children: [
+      c && /* @__PURE__ */ e("div", { className: "clarity-textarea__start-icon", children: c }),
+      /* @__PURE__ */ v("div", { className: "clarity-textarea__field", children: [
         /* @__PURE__ */ e(
           "textarea",
           {
-            ref: _,
+            ref: $,
             className: "clarity-textarea__element",
-            disabled: y,
+            disabled: f,
             value: p,
-            defaultValue: f,
-            onFocus: M,
-            onBlur: I,
-            rows: N,
-            style: X,
-            ...x
+            defaultValue: y,
+            onFocus: k,
+            onBlur: z,
+            rows: w,
+            style: R,
+            ..._
           }
         ),
         r && /* @__PURE__ */ e("label", { className: "clarity-textarea__label", children: r })
       ] }),
-      i && /* @__PURE__ */ e("div", { className: "clarity-textarea__end-icon", children: i })
+      d && /* @__PURE__ */ e("div", { className: "clarity-textarea__end-icon", children: d })
     ] }),
-    (s && c || o) && /* @__PURE__ */ e("div", { className: "clarity-textarea__helper-text", style: c ? void 0 : { minHeight: "1.2em" }, children: c || " " })
+    o && s && /* @__PURE__ */ e("div", { className: "clarity-textarea__helper-text", children: s })
   ] });
-  return /* @__PURE__ */ w("div", { className: "clarity-textarea-container", children: [
-    l && (n == null ? void 0 : n.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-textarea__helper-row clarity-textarea__helper-row--top clarity-textarea__helper-row--${L}`, children: U("top", L) }),
-    l && (n != null && n.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-textarea__middle-row clarity-textarea__middle-row--${L}`, children: [
-      L === "left" && U("middle", L),
-      H,
-      L === "right" && U("middle", L)
-    ] }) : H,
-    l && (n == null ? void 0 : n.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-textarea__helper-row clarity-textarea__helper-row--bottom clarity-textarea__helper-row--${L}`, children: U("bottom", L) })
+  return /* @__PURE__ */ v("div", { className: "clarity-textarea-container", children: [
+    l && (n == null ? void 0 : n.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-textarea__helper-row clarity-textarea__helper-row--top clarity-textarea__helper-row--${V}`, children: M("top", V) }),
+    l && (n != null && n.startsWith("middle")) ? /* @__PURE__ */ v("div", { className: `clarity-textarea__middle-row clarity-textarea__middle-row--${V}`, children: [
+      V === "left" && M("middle", V),
+      F,
+      V === "right" && M("middle", V)
+    ] }) : F,
+    l && (n == null ? void 0 : n.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-textarea__helper-row clarity-textarea__helper-row--bottom clarity-textarea__helper-row--${V}`, children: M("bottom", V) })
   ] });
 });
-Ee.displayName = "Textarea";
-const Le = W.forwardRef(({
+Se.displayName = "Textarea";
+const Ee = I.forwardRef(({
   variant: t = "primary",
   size: a = "medium",
   label: r,
   helper: l = !1,
   helperPosition: n = "top-right",
-  reserveErrorSpace: o = !1,
-  error: s = !1,
-  errorMessage: c,
-  startIcon: d,
-  endIcon: i,
-  className: u = "",
-  disabled: y = !1,
+  error: o = !1,
+  errorMessage: s,
+  startIcon: c,
+  endIcon: d,
+  className: i = "",
+  disabled: f = !1,
   value: p,
-  defaultValue: f,
-  onFocus: b,
-  onBlur: v,
-  onChange: N,
-  options: m = [],
-  placeholder: g = "Selecione uma opção",
-  isClearable: C = !1,
-  isSearchable: x = !1,
-  ...B
-}, k) => {
-  const [j, $] = z(!1), [S, _] = z(!1), [M, I] = z(p || f || ""), [E, X] = z(""), L = at(null), U = at(null), H = Array.isArray(m) ? m : [];
-  W.useImperativeHandle(k, () => L.current), Q(() => {
-    p !== void 0 && I(p);
-  }, [p]), Q(() => {
-    const h = (O) => {
-      L.current && !L.current.contains(O.target) && ($(!1), _(!1), v == null || v());
+  defaultValue: y,
+  onFocus: u,
+  onBlur: h,
+  onChange: w,
+  options: N = [],
+  placeholder: m = "Selecione uma opção",
+  isClearable: b = !1,
+  isSearchable: _ = !1,
+  ...x
+}, E) => {
+  const [C, T] = A(!1), [L, $] = A(!1), [k, z] = A(p || y || ""), [H, R] = A(""), V = et(null), M = et(null), F = Array.isArray(N) ? N : [];
+  I.useImperativeHandle(E, () => V.current), J(() => {
+    p !== void 0 && z(p);
+  }, [p]), J(() => {
+    const g = (O) => {
+      V.current && !V.current.contains(O.target) && (T(!1), $(!1), h == null || h());
     };
-    return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
-  }, [v]);
-  const D = x && E ? H.filter(
-    (h) => h.label.toLowerCase().includes(E.toLowerCase())
-  ) : H, V = () => {
-    y || ($(!j), _(!j), j ? (v == null || v(), x && X("")) : (b == null || b(), x && setTimeout(() => {
-      var h;
-      (h = U.current) == null || h.focus();
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
+  }, [h]);
+  const j = _ && H ? F.filter(
+    (g) => g.label.toLowerCase().includes(H.toLowerCase())
+  ) : F, U = () => {
+    f || (T(!C), $(!C), C ? (h == null || h(), _ && R("")) : (u == null || u(), _ && setTimeout(() => {
+      var g;
+      (g = M.current) == null || g.focus();
     }, 0)));
-  }, F = (h, O) => {
-    h.disabled || (I(h.value), $(!1), _(!1), X(""), N == null || N(h, O), v == null || v());
-  }, tt = (h) => {
-    X(h.target.value);
-  }, K = (h) => {
-    h.key === "Escape" ? ($(!1), _(!1), X("")) : h.key === "Enter" && D.length > 0 && D[0] && F(D[0], h);
-  }, Y = H.find((h) => h.value === M), P = M !== "" && M !== void 0, R = (h) => {
-    h.stopPropagation(), I("");
+  }, S = (g, O) => {
+    g.disabled || (z(g.value), T(!1), $(!1), R(""), w == null || w(g, O), h == null || h());
+  }, K = (g) => {
+    R(g.target.value);
+  }, P = (g) => {
+    g.key === "Escape" ? (T(!1), $(!1), R("")) : g.key === "Enter" && j.length > 0 && j[0] && S(j[0], g);
+  }, Z = F.find((g) => g.value === k), q = k !== "" && k !== void 0, tt = (g) => {
+    g.stopPropagation(), z("");
     const O = { value: "", label: "" };
-    N == null || N(O, h);
-  }, Z = P || S || g || x && E, q = [
+    w == null || w(O, g);
+  }, W = q || L || m || _ && H, X = [
     "clarity-select",
     "clarity-select--outlined",
     `clarity-select--${a}`,
     t && `clarity-select--${t}`,
-    s && "clarity-select--error",
-    y && "clarity-select--disabled",
-    (S || j) && "clarity-select--focused",
-    Z && "clarity-select--label-up",
-    j && "clarity-select--open",
-    x && "clarity-select--searchable",
-    d && "clarity-select--with-start-icon",
-    (i || C) && "clarity-select--with-end-icon",
-    u
-  ].filter(Boolean).join(" "), A = n != null && n.endsWith("left") ? "left" : "right", et = (h, O) => {
+    o && "clarity-select--error",
+    f && "clarity-select--disabled",
+    (L || C) && "clarity-select--focused",
+    W && "clarity-select--label-up",
+    C && "clarity-select--open",
+    _ && "clarity-select--searchable",
+    c && "clarity-select--with-start-icon",
+    (d || b) && "clarity-select--with-end-icon",
+    i
+  ].filter(Boolean).join(" "), D = n != null && n.endsWith("left") ? "left" : "right", Y = (g, O) => {
     if (!l) return null;
-    const T = typeof l == "object" ? l : void 0, G = (T == null ? void 0 : T.content) ?? "Ajuda", J = (T == null ? void 0 : T.plain) === !0, it = T == null ? void 0 : T.variant, ft = T == null ? void 0 : T.bgColor, Ct = T == null ? void 0 : T.textColor;
+    const B = typeof l == "object" ? l : void 0, G = (B == null ? void 0 : B.content) ?? "Ajuda", Q = (B == null ? void 0 : B.plain) === !0, at = B == null ? void 0 : B.variant, it = B == null ? void 0 : B.bgColor, ft = B == null ? void 0 : B.textColor;
     return /* @__PURE__ */ e(
       yt,
       {
         content: G,
-        position: h === "middle" ? O === "left" ? "left" : "right" : h === "top" ? O === "left" ? "top-left" : "top-right" : O === "left" ? "bottom-left" : "bottom-right",
+        position: g === "middle" ? O === "left" ? "left" : "right" : g === "top" ? O === "left" ? "top-left" : "top-right" : O === "left" ? "bottom-left" : "bottom-right",
         trigger: "hover",
-        variant: it || t,
-        plain: J,
-        bgColor: ft,
-        textColor: Ct,
-        children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-select__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e(pt, { size: h === "middle" ? 20 : 16 }) })
+        variant: at || t,
+        plain: Q,
+        bgColor: it,
+        textColor: ft,
+        children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-select__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e(pt, { size: g === "middle" ? 20 : 16 }) })
       }
     );
-  }, lt = /* @__PURE__ */ w(
+  }, lt = /* @__PURE__ */ v(
     "div",
     {
-      ref: L,
-      className: q,
-      onClick: x ? void 0 : V,
+      ref: V,
+      className: X,
+      onClick: _ ? void 0 : U,
       role: "combobox",
-      "aria-expanded": j,
+      "aria-expanded": C,
       "aria-haspopup": "listbox",
-      tabIndex: y || x ? -1 : 0,
-      ...B,
+      tabIndex: f || _ ? -1 : 0,
+      ...x,
       children: [
-        d && /* @__PURE__ */ e("div", { className: "clarity-select__start-icon", children: d }),
-        /* @__PURE__ */ w("div", { className: "clarity-select__field", children: [
-          x ? /* @__PURE__ */ e(
+        c && /* @__PURE__ */ e("div", { className: "clarity-select__start-icon", children: c }),
+        /* @__PURE__ */ v("div", { className: "clarity-select__field", children: [
+          _ ? /* @__PURE__ */ e(
             "input",
             {
-              ref: U,
+              ref: M,
               type: "text",
               className: "clarity-select__search-input",
-              value: j ? E : Y ? Y.label : "",
-              onChange: tt,
-              onKeyDown: K,
+              value: C ? H : Z ? Z.label : "",
+              onChange: K,
+              onKeyDown: P,
               onFocus: () => {
-                j || ($(!0), _(!0), b == null || b());
+                C || (T(!0), $(!0), u == null || u());
               },
-              placeholder: Y ? Y.label : g,
-              disabled: y,
-              readOnly: !j
+              placeholder: Z ? Z.label : m,
+              disabled: f,
+              readOnly: !C
             }
-          ) : /* @__PURE__ */ e("div", { className: "clarity-select__display", children: Y ? Y.label : g }),
+          ) : /* @__PURE__ */ e("div", { className: "clarity-select__display", children: Z ? Z.label : m }),
           r && /* @__PURE__ */ e("label", { className: "clarity-select__label", children: r })
         ] }),
-        C && P && /* @__PURE__ */ e(
+        b && q && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "clarity-select__clear-button",
-            onClick: R,
+            onClick: tt,
             "aria-label": "Limpar seleção",
             children: /* @__PURE__ */ e(
               "svg",
@@ -888,8 +886,8 @@ const Le = W.forwardRef(({
           "div",
           {
             className: "clarity-select__end-icon",
-            onClick: x ? V : void 0,
-            children: i || /* @__PURE__ */ e(
+            onClick: _ ? U : void 0,
+            children: d || /* @__PURE__ */ e(
               "svg",
               {
                 className: "clarity-select__arrow",
@@ -911,37 +909,37 @@ const Le = W.forwardRef(({
             )
           }
         ),
-        j && /* @__PURE__ */ e("div", { className: "clarity-select__dropdown", children: /* @__PURE__ */ e("ul", { className: "clarity-select__options", role: "listbox", children: D.length > 0 ? D.map((h) => /* @__PURE__ */ e(
+        C && /* @__PURE__ */ e("div", { className: "clarity-select__dropdown", children: /* @__PURE__ */ e("ul", { className: "clarity-select__options", role: "listbox", children: j.length > 0 ? j.map((g) => /* @__PURE__ */ e(
           "li",
           {
             className: [
               "clarity-select__option",
-              h.disabled && "clarity-select__option--disabled",
-              M === h.value && "clarity-select__option--selected"
+              g.disabled && "clarity-select__option--disabled",
+              k === g.value && "clarity-select__option--selected"
             ].filter(Boolean).join(" "),
-            onClick: (O) => F(h, O),
+            onClick: (O) => S(g, O),
             role: "option",
-            "aria-selected": M === h.value,
-            children: h.label
+            "aria-selected": k === g.value,
+            children: g.label
           },
-          h.value
+          g.value
         )) : /* @__PURE__ */ e("li", { className: "clarity-select__option clarity-select__option--no-results", children: "Nenhum resultado encontrado" }) }) })
       ]
     }
   );
-  return /* @__PURE__ */ w("div", { className: "clarity-select-wrapper", children: [
-    l && (n == null ? void 0 : n.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-select__helper-row clarity-select__helper-row--top clarity-select__helper-row--${A}`, children: et("top", A) }),
-    l && (n != null && n.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-select__middle-row clarity-select__middle-row--${A}`, children: [
-      A === "left" && et("middle", A),
+  return /* @__PURE__ */ v("div", { className: "clarity-select-wrapper", children: [
+    l && (n == null ? void 0 : n.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-select__helper-row clarity-select__helper-row--top clarity-select__helper-row--${D}`, children: Y("top", D) }),
+    l && (n != null && n.startsWith("middle")) ? /* @__PURE__ */ v("div", { className: `clarity-select__middle-row clarity-select__middle-row--${D}`, children: [
+      D === "left" && Y("middle", D),
       lt,
-      A === "right" && et("middle", A)
+      D === "right" && Y("middle", D)
     ] }) : lt,
-    l && (n == null ? void 0 : n.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-select__helper-row clarity-select__helper-row--bottom clarity-select__helper-row--${A}`, children: et("bottom", A) }),
-    (s && c || o) && /* @__PURE__ */ e("div", { className: "clarity-select__helper-text", style: c ? void 0 : { minHeight: "1.2em" }, children: c || " " })
+    l && (n == null ? void 0 : n.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-select__helper-row clarity-select__helper-row--bottom clarity-select__helper-row--${D}`, children: Y("bottom", D) }),
+    o && s && /* @__PURE__ */ e("div", { className: "clarity-select__helper-text", children: s })
   ] });
 });
-Le.displayName = "Select";
-const Re = we(({
+Ee.displayName = "Select";
+const Le = _e(({
   options: t = [],
   value: a = [],
   onChange: r,
@@ -949,134 +947,133 @@ const Re = we(({
   label: n,
   helper: o = !1,
   helperPosition: s = "top-right",
-  reserveErrorSpace: c = !1,
-  error: d = !1,
-  errorMessage: i,
-  disabled: u = !1,
-  variant: y = "primary",
+  error: c = !1,
+  errorMessage: d,
+  disabled: i = !1,
+  variant: f = "primary",
   size: p = "medium",
-  maxSelectedLabels: f = 3,
-  selectionLimit: b,
-  className: v = "",
-  id: N,
-  name: m,
-  required: g = !1,
-  "data-testid": C,
-  ...x
-}, B) => {
-  const [k, j] = z(!1), [$, S] = z(""), [_, M] = z(!1), I = at(null), E = at(null), X = at(null), L = Array.isArray(t) ? t : [], U = (h) => {
-    I.current = h, B && (typeof B == "function" ? B(h) : B.current = h);
+  maxSelectedLabels: y = 3,
+  selectionLimit: u,
+  className: h = "",
+  id: w,
+  name: N,
+  required: m = !1,
+  "data-testid": b,
+  ..._
+}, x) => {
+  const [E, C] = A(!1), [T, L] = A(""), [$, k] = A(!1), z = et(null), H = et(null), R = et(null), V = Array.isArray(t) ? t : [], M = (g) => {
+    z.current = g, x && (typeof x == "function" ? x(g) : x.current = g);
   };
-  Q(() => {
-    const h = (O) => {
-      I.current && !I.current.contains(O.target) && (j(!1), M(!1), S(""));
+  J(() => {
+    const g = (O) => {
+      z.current && !z.current.contains(O.target) && (C(!1), k(!1), L(""));
     };
-    return document.addEventListener("click", h), () => document.removeEventListener("click", h);
+    return document.addEventListener("click", g), () => document.removeEventListener("click", g);
   }, []);
-  const H = L.filter(
-    (h) => h.label.toLowerCase().includes($.toLowerCase())
-  ), D = () => {
-    u || (j(!k), M(!k), k ? S("") : setTimeout(() => {
-      var h;
-      (h = E.current) == null || h.focus();
+  const F = V.filter(
+    (g) => g.label.toLowerCase().includes(T.toLowerCase())
+  ), j = () => {
+    i || (C(!E), k(!E), E ? L("") : setTimeout(() => {
+      var g;
+      (g = H.current) == null || g.focus();
     }, 100));
-  }, V = (h, O) => {
-    if (u)
+  }, U = (g, O) => {
+    if (i)
       return;
     O && (O.stopPropagation(), O.preventDefault());
-    const T = a.includes(h);
+    const B = a.includes(g);
     let G;
-    T ? G = a.filter((J) => J !== h) : G = [...a, h], r && r(G);
-  }, F = (h, O) => {
-    if (O.stopPropagation(), u) return;
-    const T = a.filter((G) => G !== h);
-    r == null || r(T);
-  }, tt = (h) => {
-    h.stopPropagation(), !u && (r == null || r([]));
-  }, K = (h) => {
-    S(h.target.value);
-  }, Y = (h) => {
-    h.key === "Escape" && (j(!1), M(!1), S(""));
-  }, P = _ || k || a.length > 0, R = () => {
+    B ? G = a.filter((Q) => Q !== g) : G = [...a, g], r && r(G);
+  }, S = (g, O) => {
+    if (O.stopPropagation(), i) return;
+    const B = a.filter((G) => G !== g);
+    r == null || r(B);
+  }, K = (g) => {
+    g.stopPropagation(), !i && (r == null || r([]));
+  }, P = (g) => {
+    L(g.target.value);
+  }, Z = (g) => {
+    g.key === "Escape" && (C(!1), k(!1), L(""));
+  }, q = $ || E || a.length > 0, tt = () => {
     if (a.length === 0) return null;
-    const h = a.map(
-      (G) => L.find((J) => J.value === G)
-    ).filter(Boolean), O = h.slice(0, f), T = h.length - f;
-    return /* @__PURE__ */ w("div", { className: "clarity-multiselect__chips", children: [
-      O.map((G) => /* @__PURE__ */ w("div", { className: "clarity-multiselect__chip", children: [
+    const g = a.map(
+      (G) => V.find((Q) => Q.value === G)
+    ).filter(Boolean), O = g.slice(0, y), B = g.length - y;
+    return /* @__PURE__ */ v("div", { className: "clarity-multiselect__chips", children: [
+      O.map((G) => /* @__PURE__ */ v("div", { className: "clarity-multiselect__chip", children: [
         /* @__PURE__ */ e("span", { className: "clarity-multiselect__chip-label", children: G.label }),
-        !u && /* @__PURE__ */ e(
+        !i && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "clarity-multiselect__chip-remove",
-            onClick: (J) => F(G.value, J),
+            onClick: (Q) => S(G.value, Q),
             "aria-label": `Remover ${G.label}`,
             children: "×"
           }
         )
       ] }, G.value)),
-      T > 0 && /* @__PURE__ */ w("div", { className: "clarity-multiselect__chip clarity-multiselect__chip--count", children: [
+      B > 0 && /* @__PURE__ */ v("div", { className: "clarity-multiselect__chip clarity-multiselect__chip--count", children: [
         "+",
-        T,
+        B,
         " mais"
       ] })
     ] });
-  }, Z = [
+  }, W = [
     "clarity-multiselect-wrapper",
-    v
-  ].filter(Boolean).join(" "), q = [
+    h
+  ].filter(Boolean).join(" "), X = [
     "clarity-multiselect",
-    `clarity-multiselect--${y}`,
+    `clarity-multiselect--${f}`,
     `clarity-multiselect--${p}`,
-    k && "clarity-multiselect--open",
-    _ && "clarity-multiselect--focused",
-    P && "clarity-multiselect--label-up",
-    d && "clarity-multiselect--error",
-    u && "clarity-multiselect--disabled",
+    E && "clarity-multiselect--open",
+    $ && "clarity-multiselect--focused",
+    q && "clarity-multiselect--label-up",
+    c && "clarity-multiselect--error",
+    i && "clarity-multiselect--disabled",
     a.length > 0 && "clarity-multiselect--has-value"
-  ].filter(Boolean).join(" "), A = s != null && s.endsWith("left") ? "left" : "right", et = (h, O) => {
+  ].filter(Boolean).join(" "), D = s != null && s.endsWith("left") ? "left" : "right", Y = (g, O) => {
     if (!o) return null;
-    const T = typeof o == "object" ? o : void 0, G = (T == null ? void 0 : T.content) ?? "Ajuda", J = (T == null ? void 0 : T.plain) === !0, it = T == null ? void 0 : T.variant, ft = T == null ? void 0 : T.bgColor, Ct = T == null ? void 0 : T.textColor;
+    const B = typeof o == "object" ? o : void 0, G = (B == null ? void 0 : B.content) ?? "Ajuda", Q = (B == null ? void 0 : B.plain) === !0, at = B == null ? void 0 : B.variant, it = B == null ? void 0 : B.bgColor, ft = B == null ? void 0 : B.textColor;
     return /* @__PURE__ */ e(
       yt,
       {
         content: G,
-        position: h === "middle" ? O === "left" ? "left" : "right" : h === "top" ? O === "left" ? "top-left" : "top-right" : O === "left" ? "bottom-left" : "bottom-right",
+        position: g === "middle" ? O === "left" ? "left" : "right" : g === "top" ? O === "left" ? "top-left" : "top-right" : O === "left" ? "bottom-left" : "bottom-right",
         trigger: "hover",
-        variant: it || y,
-        plain: J,
-        bgColor: ft,
-        textColor: Ct,
-        children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-multiselect__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e(pt, { size: h === "middle" ? 20 : 16 }) })
+        variant: at || f,
+        plain: Q,
+        bgColor: it,
+        textColor: ft,
+        children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-multiselect__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e(pt, { size: g === "middle" ? 20 : 16 }) })
       }
     );
-  }, lt = /* @__PURE__ */ w(
+  }, lt = /* @__PURE__ */ v(
     "div",
     {
-      ref: U,
-      className: q,
-      "data-testid": C,
-      ...x,
+      ref: M,
+      className: X,
+      "data-testid": b,
+      ..._,
       children: [
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ v(
           "div",
           {
             className: "clarity-multiselect__field",
-            onClick: D,
+            onClick: j,
             children: [
-              n && /* @__PURE__ */ w("label", { className: "clarity-multiselect__label", children: [
+              n && /* @__PURE__ */ v("label", { className: "clarity-multiselect__label", children: [
                 n,
-                g && /* @__PURE__ */ e("span", { className: "clarity-multiselect__required", children: "*" })
+                m && /* @__PURE__ */ e("span", { className: "clarity-multiselect__required", children: "*" })
               ] }),
-              /* @__PURE__ */ e("div", { className: "clarity-multiselect__content", children: a.length > 0 ? R() : /* @__PURE__ */ e("span", { className: "clarity-multiselect__placeholder", children: l }) }),
-              /* @__PURE__ */ w("div", { className: "clarity-multiselect__icons", children: [
-                a.length > 0 && !u && /* @__PURE__ */ e(
+              /* @__PURE__ */ e("div", { className: "clarity-multiselect__content", children: a.length > 0 ? tt() : /* @__PURE__ */ e("span", { className: "clarity-multiselect__placeholder", children: l }) }),
+              /* @__PURE__ */ v("div", { className: "clarity-multiselect__icons", children: [
+                a.length > 0 && !i && /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
                     className: "clarity-multiselect__clear-button",
-                    onClick: tt,
+                    onClick: K,
                     "aria-label": "Limpar seleção",
                     children: "×"
                   }
@@ -1095,30 +1092,30 @@ const Re = we(({
             ]
           }
         ),
-        k && /* @__PURE__ */ w("div", { ref: X, className: "clarity-multiselect__dropdown", children: [
+        E && /* @__PURE__ */ v("div", { ref: R, className: "clarity-multiselect__dropdown", children: [
           /* @__PURE__ */ e("div", { className: "clarity-multiselect__search", children: /* @__PURE__ */ e(
             "input",
             {
-              ref: E,
+              ref: H,
               type: "text",
               className: "clarity-multiselect__search-input",
               placeholder: "Buscar opções...",
-              value: $,
-              onChange: K,
-              onKeyDown: Y
+              value: T,
+              onChange: P,
+              onKeyDown: Z
             }
           ) }),
-          /* @__PURE__ */ e("ul", { className: "clarity-multiselect__options", children: H.length > 0 ? H.map((h) => {
-            const O = a.includes(h.value), T = h.disabled || u;
-            return /* @__PURE__ */ w(
+          /* @__PURE__ */ e("ul", { className: "clarity-multiselect__options", children: F.length > 0 ? F.map((g) => {
+            const O = a.includes(g.value), B = g.disabled || i;
+            return /* @__PURE__ */ v(
               "li",
               {
                 className: [
                   "clarity-multiselect__option",
                   O && "clarity-multiselect__option--selected",
-                  T && "clarity-multiselect__option--disabled"
+                  B && "clarity-multiselect__option--disabled"
                 ].filter(Boolean).join(" "),
-                onClick: (G) => !T && V(h.value, G),
+                onClick: (G) => !B && U(g.value, G),
                 children: [
                   /* @__PURE__ */ e("div", { className: "clarity-multiselect__option-checkbox", children: /* @__PURE__ */ e("div", { className: [
                     "clarity-multiselect__checkbox",
@@ -1133,39 +1130,39 @@ const Re = we(({
                       strokeLinejoin: "round"
                     }
                   ) }) }) }),
-                  /* @__PURE__ */ e("span", { className: "clarity-multiselect__option-label", children: h.label })
+                  /* @__PURE__ */ e("span", { className: "clarity-multiselect__option-label", children: g.label })
                 ]
               },
-              h.value
+              g.value
             );
           }) : /* @__PURE__ */ e("li", { className: "clarity-multiselect__option clarity-multiselect__option--no-results", children: "Nenhum resultado encontrado" }) })
         ] })
       ]
     }
   );
-  return /* @__PURE__ */ w("div", { className: Z, children: [
-    o && (s == null ? void 0 : s.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-multiselect__helper-row clarity-multiselect__helper-row--top clarity-multiselect__helper-row--${A}`, children: et("top", A) }),
-    o && (s != null && s.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-multiselect__middle-row clarity-multiselect__middle-row--${A}`, children: [
-      A === "left" && et("middle", A),
+  return /* @__PURE__ */ v("div", { className: W, children: [
+    o && (s == null ? void 0 : s.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-multiselect__helper-row clarity-multiselect__helper-row--top clarity-multiselect__helper-row--${D}`, children: Y("top", D) }),
+    o && (s != null && s.startsWith("middle")) ? /* @__PURE__ */ v("div", { className: `clarity-multiselect__middle-row clarity-multiselect__middle-row--${D}`, children: [
+      D === "left" && Y("middle", D),
       lt,
-      A === "right" && et("middle", A)
+      D === "right" && Y("middle", D)
     ] }) : lt,
-    o && (s == null ? void 0 : s.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-multiselect__helper-row clarity-multiselect__helper-row--bottom clarity-multiselect__helper-row--${A}`, children: et("bottom", A) }),
-    (d && i || c) && /* @__PURE__ */ e("div", { className: "clarity-multiselect__helper", style: i ? void 0 : { minHeight: "1.2em" }, children: /* @__PURE__ */ e("span", { className: "clarity-multiselect__error-message", children: i || " " }) })
+    o && (s == null ? void 0 : s.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-multiselect__helper-row clarity-multiselect__helper-row--bottom clarity-multiselect__helper-row--${D}`, children: Y("bottom", D) }),
+    c && d && /* @__PURE__ */ e("div", { className: "clarity-multiselect__helper", children: /* @__PURE__ */ e("span", { className: "clarity-multiselect__error-message", children: d }) })
   ] });
 });
-Re.displayName = "MultiSelect";
-const Ot = ct(null), Wt = () => {
-  const t = dt(Ot);
+Le.displayName = "MultiSelect";
+const Rt = ct(null), Ot = () => {
+  const t = dt(Rt);
   if (!t)
     throw new Error("useModal must be used within a Modal provider");
   return t;
-}, It = ({
+}, Wt = ({
   children: t,
   className: a = "",
   title: r
 }) => {
-  const { onClose: l, variant: n, showCloseButton: o } = Wt(), s = [
+  const { onClose: l, variant: n, showCloseButton: o } = Ot(), s = [
     "clarity-modal-header",
     a,
     n && `clarity-modal-header--${n}`
@@ -1173,7 +1170,7 @@ const Ot = ct(null), Wt = () => {
     "clarity-modal-close",
     n && `clarity-modal-close--${n}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w("div", { className: s, children: [
+  return /* @__PURE__ */ v("div", { className: s, children: [
     r && /* @__PURE__ */ e("h2", { className: "clarity-modal-title", children: r }),
     t,
     o && /* @__PURE__ */ e("button", { className: c, onClick: (d) => {
@@ -1181,23 +1178,23 @@ const Ot = ct(null), Wt = () => {
     }, children: "×" })
   ] });
 };
-It.displayName = "Modal.Header";
-const Ht = ({ children: t, className: a = "" }) => /* @__PURE__ */ e("div", { className: `clarity-modal-content ${a}`, children: t });
-Ht.displayName = "Modal.Content";
-const Dt = ({ children: t, className: a = "" }) => /* @__PURE__ */ w("div", { className: `clarity-modal-footer ${a}`, children: [
+Wt.displayName = "Modal.Header";
+const It = ({ children: t, className: a = "" }) => /* @__PURE__ */ e("div", { className: `clarity-modal-content ${a}`, children: t });
+It.displayName = "Modal.Content";
+const Ht = ({ children: t, className: a = "" }) => /* @__PURE__ */ v("div", { className: `clarity-modal-footer ${a}`, children: [
   /* @__PURE__ */ e("div", { className: "clarity-modal-scroll-indicator" }),
   t
 ] });
-Dt.displayName = "Modal.Footer";
-const Vt = ({ children: t, onClick: a }) => rt(t, {
+Ht.displayName = "Modal.Footer";
+const Dt = ({ children: t, onClick: a }) => rt(t, {
   onClick: (r) => {
     var l, n;
     a == null || a(), (n = (l = t.props).onClick) == null || n.call(l, r);
   }
 });
-Vt.displayName = "Modal.Trigger";
-const At = ({ children: t }) => {
-  const { onClose: a } = Wt();
+Dt.displayName = "Modal.Trigger";
+const Vt = ({ children: t }) => {
+  const { onClose: a } = Ot();
   return rt(t, {
     onClick: (r) => {
       var l, n;
@@ -1205,7 +1202,7 @@ const At = ({ children: t }) => {
     }
   });
 };
-At.displayName = "Modal.Close";
+Vt.displayName = "Modal.Close";
 const mt = ({
   isOpen: t,
   onClose: a,
@@ -1217,54 +1214,54 @@ const mt = ({
   showCloseButton: c = !0,
   closeOnOverlayClick: d = !0
 }) => {
-  const [i, u] = z(!1), p = t !== void 0 ? t : i, f = W.useCallback(() => {
-    a ? a() : u(!1);
+  const [i, f] = A(!1), y = t !== void 0 ? t : i, u = I.useCallback(() => {
+    a ? a() : f(!1);
   }, [a]);
-  Q(() => {
-    p && (r == null || r());
-  }, [p, r]), Q(() => {
-    const g = (C) => {
-      C.key === "Escape" && f();
+  J(() => {
+    y && (r == null || r());
+  }, [y, r]), J(() => {
+    const b = (_) => {
+      _.key === "Escape" && u();
     };
-    return p ? (document.addEventListener("keydown", g), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
-      document.removeEventListener("keydown", g), document.body.style.overflow = "unset";
+    return y ? (document.addEventListener("keydown", b), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
+      document.removeEventListener("keydown", b), document.body.style.overflow = "unset";
     };
-  }, [p, f]);
-  const b = (g) => {
-    d && g.target === g.currentTarget && f();
-  }, v = W.Children.toArray(l).find(
-    (g) => ot(g) && g.type.displayName === "Modal.Trigger"
-  ), N = W.Children.toArray(l).filter(
-    (g) => ot(g) && g.type.displayName !== "Modal.Trigger"
+  }, [y, u]);
+  const h = (b) => {
+    d && b.target === b.currentTarget && u();
+  }, w = I.Children.toArray(l).find(
+    (b) => ot(b) && b.type.displayName === "Modal.Trigger"
+  ), N = I.Children.toArray(l).filter(
+    (b) => ot(b) && b.type.displayName !== "Modal.Trigger"
   ), m = ["clarity-modal", n, `clarity-modal--${s}`].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w(Ot.Provider, { value: { onClose: f, variant: o, showCloseButton: c }, children: [
-    v && rt(v, { onClick: () => u(!0) }),
-    p && /* @__PURE__ */ e("div", { className: "clarity-modal-overlay", onClick: b, children: /* @__PURE__ */ e("div", { className: m, children: N }) })
+  return /* @__PURE__ */ v(Rt.Provider, { value: { onClose: u, variant: o, showCloseButton: c }, children: [
+    w && rt(w, { onClick: () => f(!0) }),
+    y && /* @__PURE__ */ e("div", { className: "clarity-modal-overlay", onClick: h, children: /* @__PURE__ */ e("div", { className: m, children: N }) })
   ] });
 };
-mt.Header = It;
-mt.Content = Ht;
-mt.Footer = Dt;
-mt.Trigger = Vt;
-mt.Close = At;
+mt.Header = Wt;
+mt.Content = It;
+mt.Footer = Ht;
+mt.Trigger = Dt;
+mt.Close = Vt;
 mt.displayName = "Modal";
-const zt = ct(void 0), aa = () => {
-  const t = dt(zt);
+const At = ct(void 0), ea = () => {
+  const t = dt(At);
   if (!t)
     throw new Error("useToast must be used within a ToastProvider");
   return t;
-}, Oe = ({ id: t, message: a, variant: r, duration: l, onClose: n, invertColors: o }) => {
-  const [s, c] = z("entering");
-  Q(() => {
+}, Re = ({ id: t, message: a, variant: r, duration: l, onClose: n, invertColors: o }) => {
+  const [s, c] = A("entering");
+  J(() => {
     const i = setTimeout(() => {
       c("visible");
-    }, 10), u = setTimeout(() => {
+    }, 10), f = setTimeout(() => {
       c("exiting");
-    }, l * 1e3 - 300), y = setTimeout(() => {
+    }, l * 1e3 - 300), p = setTimeout(() => {
       n(t);
     }, l * 1e3);
     return () => {
-      clearTimeout(i), clearTimeout(u), clearTimeout(y);
+      clearTimeout(i), clearTimeout(f), clearTimeout(p);
     };
   }, [t, l, n]);
   const d = [
@@ -1273,7 +1270,7 @@ const zt = ct(void 0), aa = () => {
     o ? "colored-background" : "",
     `cl-toast-${s}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w("div", { className: d, children: [
+  return /* @__PURE__ */ v("div", { className: d, children: [
     /* @__PURE__ */ e("div", { className: "cl-toast-message", children: a }),
     /* @__PURE__ */ e("button", { onClick: () => c("exiting"), className: "cl-toast-close-button", children: "×" }),
     /* @__PURE__ */ e(
@@ -1284,51 +1281,51 @@ const zt = ct(void 0), aa = () => {
       }
     )
   ] });
-}, ra = ({ children: t }) => {
-  const [a, r] = z([]), l = gt(() => {
+}, aa = ({ children: t }) => {
+  const [a, r] = A([]), l = gt(() => {
     if (typeof document < "u") {
       const d = document.createElement("div");
       return d.id = "toast-portal-root", d;
     }
     return null;
   }, []);
-  Q(() => {
+  J(() => {
     if (l)
       return document.body.appendChild(l), () => {
         document.body.removeChild(l);
       };
   }, [l]);
   const n = _t((d) => {
-    const u = {
+    const f = {
       id: (/* @__PURE__ */ new Date()).toISOString() + Math.random(),
       // duration: 5,
       // position: 'right-top',
       ...d
     };
-    r((y) => {
-      const p = [u, ...y];
-      return p.length > 4 ? p.slice(0, 4) : p;
+    r((p) => {
+      const y = [f, ...p];
+      return y.length > 4 ? y.slice(0, 4) : y;
     });
   }, []), o = _t((d) => {
-    r((i) => i.filter((u) => u.id !== d));
+    r((i) => i.filter((f) => f.id !== d));
   }, []), s = gt(() => a.reduce((d, i) => (d[i.position] || (d[i.position] = []), d[i.position].push(i), d), {}), [a]), c = gt(() => ({ show: n }), [n]);
-  return /* @__PURE__ */ w(zt.Provider, { value: c, children: [
+  return /* @__PURE__ */ v(At.Provider, { value: c, children: [
     t,
-    l && Ce.createPortal(
-      Object.entries(s).map(([d, i]) => /* @__PURE__ */ e("div", { className: `cl-toast-container ${d}`, children: i.map((u) => /* @__PURE__ */ e(Oe, { ...u, onClose: o }, u.id)) }, d)),
+    l && Ne.createPortal(
+      Object.entries(s).map(([d, i]) => /* @__PURE__ */ e("div", { className: `cl-toast-container ${d}`, children: i.map((f) => /* @__PURE__ */ e(Re, { ...f, onClose: o }, f.id)) }, d)),
       l
     )
   ] });
-}, Mt = ct(null), Ft = () => {
+}, Mt = ct(null), zt = () => {
   const t = dt(Mt);
   if (!t)
     throw new Error("useOffcanvas must be used within an Offcanvas provider");
   return t;
-}, Gt = ({
+}, Ft = ({
   children: t,
   className: a = ""
 }) => {
-  const { onClose: r, variant: l, showCloseButton: n, title: o } = Ft(), s = [
+  const { onClose: r, variant: l, showCloseButton: n, title: o } = zt(), s = [
     "clarity-offcanvas-header",
     a
   ].filter(Boolean).join(" "), c = [
@@ -1338,7 +1335,7 @@ const zt = ct(void 0), aa = () => {
     "clarity-offcanvas-title",
     l && `clarity-offcanvas-title--${l}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w("div", { className: s, children: [
+  return /* @__PURE__ */ v("div", { className: s, children: [
     o && /* @__PURE__ */ e("h2", { className: d, children: o }),
     t,
     n && /* @__PURE__ */ e("button", { className: c, onClick: (i) => {
@@ -1346,21 +1343,21 @@ const zt = ct(void 0), aa = () => {
     }, children: "×" })
   ] });
 };
-Gt.displayName = "Offcanvas.Header";
-const Ut = ({ children: t, className: a = "" }) => /* @__PURE__ */ e("div", { className: `clarity-offcanvas-content ${a}`, children: t });
-Ut.displayName = "Offcanvas.Content";
-const Xt = ({ children: t, onClick: a, variant: r }) => rt(t, {
+Ft.displayName = "Offcanvas.Header";
+const Gt = ({ children: t, className: a = "" }) => /* @__PURE__ */ e("div", { className: `clarity-offcanvas-content ${a}`, children: t });
+Gt.displayName = "Offcanvas.Content";
+const Ut = ({ children: t, onClick: a, variant: r }) => rt(t, {
   onClick: (l) => {
     var n, o;
     a == null || a(), (o = (n = t.props).onClick) == null || o.call(n, l);
   },
   variant: r
 });
-Xt.displayName = "Offcanvas.Trigger";
-const xt = ({ children: t, className: a = "" }) => /* @__PURE__ */ e("div", { className: `clarity-offcanvas-footer ${a}`, children: t });
-xt.displayName = "Offcanvas.Footer";
-const Yt = ({ children: t }) => {
-  const { onClose: a } = Ft();
+Ut.displayName = "Offcanvas.Trigger";
+const $t = ({ children: t, className: a = "" }) => /* @__PURE__ */ e("div", { className: `clarity-offcanvas-footer ${a}`, children: t });
+$t.displayName = "Offcanvas.Footer";
+const Xt = ({ children: t }) => {
+  const { onClose: a } = zt();
   return rt(t, {
     onClick: (r) => {
       var l, n;
@@ -1368,7 +1365,7 @@ const Yt = ({ children: t }) => {
     }
   });
 };
-Yt.displayName = "Offcanvas.Close";
+Xt.displayName = "Offcanvas.Close";
 const ht = ({
   isOpen: t,
   onClose: a,
@@ -1381,83 +1378,83 @@ const ht = ({
   showCloseButton: d = !0,
   title: i
 }) => {
-  const [u, y] = z(!1), [p, f] = z(!1), [b, v] = z(!1), N = t !== void 0, m = N ? t : u, g = _t(() => {
-    a ? a() : y(!1);
-  }, [a]), C = _t(() => {
-    N || y(!0), r == null || r();
+  const [f, p] = A(!1), [y, u] = A(!1), [h, w] = A(!1), N = t !== void 0, m = N ? t : f, b = _t(() => {
+    a ? a() : p(!1);
+  }, [a]), _ = _t(() => {
+    N || p(!0), r == null || r();
   }, [N, r]);
-  Q(() => {
+  J(() => {
     if (m) {
-      v(!0);
-      const E = setTimeout(() => {
-        f(!0);
+      w(!0);
+      const R = setTimeout(() => {
+        u(!0);
       }, 50);
-      return () => clearTimeout(E);
+      return () => clearTimeout(R);
     } else {
-      f(!1);
-      const E = setTimeout(() => {
-        v(!1);
+      u(!1);
+      const R = setTimeout(() => {
+        w(!1);
       }, 300);
-      return () => clearTimeout(E);
+      return () => clearTimeout(R);
     }
-  }, [m]), Q(() => {
-    const E = (X) => {
-      X.key === "Escape" && g();
+  }, [m]), J(() => {
+    const R = (V) => {
+      V.key === "Escape" && b();
     };
-    return m ? (document.addEventListener("keydown", E), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", E), document.body.style.overflow = "unset"), () => {
-      document.removeEventListener("keydown", E), document.body.style.overflow = "unset";
+    return m ? (document.addEventListener("keydown", R), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", R), document.body.style.overflow = "unset"), () => {
+      document.removeEventListener("keydown", R), document.body.style.overflow = "unset";
     };
-  }, [m, g]);
-  const x = (E) => {
-    c && E.target === E.currentTarget && g();
-  }, B = W.Children.toArray(l);
-  let k, j, $, S, _;
-  B.forEach((E) => {
-    if (ot(E))
-      if (E.type.displayName === "Offcanvas.Trigger")
-        k = E;
-      else if (E.type.displayName === "Offcanvas.Header")
-        j = E;
-      else if (E.type.displayName === "Offcanvas.Content") {
-        $ = E;
-        const L = W.Children.toArray($.props.children).filter((U) => ot(U) && U.type.displayName === "Offcanvas.Close" ? (_ = U, !1) : !0);
-        $ = rt($, { children: L });
-      } else E.type.displayName === "Offcanvas.Footer" && (S = E);
-  }), _ && (S ? S = rt(S, {
-    children: /* @__PURE__ */ w(St, { children: [
-      S.props.children,
-      _
+  }, [m, b]);
+  const x = (R) => {
+    c && R.target === R.currentTarget && b();
+  }, E = I.Children.toArray(l);
+  let C, T, L, $, k;
+  E.forEach((R) => {
+    if (ot(R))
+      if (R.type.displayName === "Offcanvas.Trigger")
+        C = R;
+      else if (R.type.displayName === "Offcanvas.Header")
+        T = R;
+      else if (R.type.displayName === "Offcanvas.Content") {
+        L = R;
+        const M = I.Children.toArray(L.props.children).filter((F) => ot(F) && F.type.displayName === "Offcanvas.Close" ? (k = F, !1) : !0);
+        L = rt(L, { children: M });
+      } else R.type.displayName === "Offcanvas.Footer" && ($ = R);
+  }), k && ($ ? $ = rt($, {
+    children: /* @__PURE__ */ v(jt, { children: [
+      $.props.children,
+      k
     ] })
-  }) : S = /* @__PURE__ */ e(xt, { children: _ }));
-  const M = [
+  }) : $ = /* @__PURE__ */ e($t, { children: k }));
+  const z = [
     "clarity-offcanvas",
     n,
     `clarity-offcanvas--${s}`,
     o && `clarity-offcanvas--${o}`,
-    p ? "clarity-offcanvas--open" : "clarity-offcanvas--closed"
-  ].filter(Boolean).join(" "), I = [
+    y ? "clarity-offcanvas--open" : "clarity-offcanvas--closed"
+  ].filter(Boolean).join(" "), H = [
     "clarity-offcanvas-overlay",
-    p ? "clarity-offcanvas-overlay--visible" : ""
+    y ? "clarity-offcanvas-overlay--visible" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w(Mt.Provider, { value: { onClose: g, variant: o, showCloseButton: d, placement: s, title: i }, children: [
-    k && rt(k, { onClick: C, variant: o }),
-    b && // Only render if shouldRender is true
-    /* @__PURE__ */ e("div", { className: I, onClick: x, children: /* @__PURE__ */ w("div", { className: M, children: [
-      j,
-      $,
-      S && /* @__PURE__ */ e("div", { className: "clarity-offcanvas-scroll-indicator" }),
+  return /* @__PURE__ */ v(Mt.Provider, { value: { onClose: b, variant: o, showCloseButton: d, placement: s, title: i }, children: [
+    C && rt(C, { onClick: _, variant: o }),
+    h && // Only render if shouldRender is true
+    /* @__PURE__ */ e("div", { className: H, onClick: x, children: /* @__PURE__ */ v("div", { className: z, children: [
+      T,
+      L,
+      $ && /* @__PURE__ */ e("div", { className: "clarity-offcanvas-scroll-indicator" }),
       " ",
-      S
+      $
     ] }) })
   ] });
 };
-ht.Header = Gt;
-ht.Content = Ut;
-ht.Footer = xt;
-ht.Trigger = Xt;
-ht.Close = Yt;
+ht.Header = Ft;
+ht.Content = Gt;
+ht.Footer = $t;
+ht.Trigger = Ut;
+ht.Close = Xt;
 ht.displayName = "Offcanvas";
-const We = W.forwardRef(({
+const Oe = I.forwardRef(({
   type: t,
   variant: a = "primary",
   size: r = "medium",
@@ -1465,63 +1462,62 @@ const We = W.forwardRef(({
   helperText: n,
   helper: o = !1,
   helperPosition: s = "middle-right",
-  reserveErrorSpace: c = !1,
-  error: d = !1,
-  errorMessage: i,
-  labelPosition: u = "right",
-  className: y = "",
+  error: c = !1,
+  errorMessage: d,
+  labelPosition: i = "right",
+  className: f = "",
   disabled: p = !1,
-  checked: f,
-  id: b,
-  ...v
-}, N) => {
-  const m = b || `check-input-${Math.random().toString(36).substr(2, 9)}`, g = [
+  checked: y,
+  id: u,
+  ...h
+}, w) => {
+  const N = u || `check-input-${Math.random().toString(36).substr(2, 9)}`, m = [
     "clarity-check-input-wrapper",
-    `clarity-check-input-wrapper--${u}`,
+    `clarity-check-input-wrapper--${i}`,
     p && "clarity-check-input-wrapper--disabled",
-    d && "clarity-check-input-wrapper--error"
-  ].filter(Boolean).join(" "), C = [
+    c && "clarity-check-input-wrapper--error"
+  ].filter(Boolean).join(" "), b = [
     "clarity-check-input",
     `clarity-check-input--${t}`,
     `clarity-check-input--${r}`,
     a && `clarity-check-input--${a}`,
-    d && "clarity-check-input--error",
+    c && "clarity-check-input--error",
     p && "clarity-check-input--disabled",
-    y
-  ].filter(Boolean).join(" "), x = [
+    f
+  ].filter(Boolean).join(" "), _ = [
     "clarity-check-input__label",
     `clarity-check-input__label--${r}`,
     p && "clarity-check-input__label--disabled"
-  ].filter(Boolean).join(" "), B = s != null && s.endsWith("left") ? "left" : "right", k = ($, S) => {
+  ].filter(Boolean).join(" "), x = s != null && s.endsWith("left") ? "left" : "right", E = (T, L) => {
     if (!o) return null;
-    const _ = typeof o == "object" ? o : void 0, M = (_ == null ? void 0 : _.content) ?? "Ajuda", I = (_ == null ? void 0 : _.plain) === !0, E = _ == null ? void 0 : _.variant, X = _ == null ? void 0 : _.bgColor, L = _ == null ? void 0 : _.textColor;
+    const $ = typeof o == "object" ? o : void 0, k = ($ == null ? void 0 : $.content) ?? "Ajuda", z = ($ == null ? void 0 : $.plain) === !0, H = $ == null ? void 0 : $.variant, R = $ == null ? void 0 : $.bgColor, V = $ == null ? void 0 : $.textColor;
     return /* @__PURE__ */ e(
       yt,
       {
-        content: M,
-        position: $ === "middle" ? S === "left" ? "left" : "right" : $ === "top" ? S === "left" ? "top-left" : "top-right" : S === "left" ? "bottom-left" : "bottom-right",
+        content: k,
+        position: T === "middle" ? L === "left" ? "left" : "right" : T === "top" ? L === "left" ? "top-left" : "top-right" : L === "left" ? "bottom-left" : "bottom-right",
         trigger: "hover",
-        variant: E || a,
-        plain: I,
-        bgColor: X,
-        textColor: L,
-        children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-check-input__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e(pt, { size: $ === "middle" ? 20 : 16 }) })
+        variant: H || a,
+        plain: z,
+        bgColor: R,
+        textColor: V,
+        children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-check-input__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e(pt, { size: T === "middle" ? 20 : 16 }) })
       }
     );
-  }, j = /* @__PURE__ */ w("label", { className: g, htmlFor: m, children: [
+  }, C = /* @__PURE__ */ v("label", { className: m, htmlFor: N, children: [
     /* @__PURE__ */ e(
       "input",
       {
-        ref: N,
-        id: m,
+        ref: w,
+        id: N,
         type: t,
-        className: C,
+        className: b,
         disabled: p,
-        checked: f,
-        ...v
+        checked: y,
+        ...h
       }
     ),
-    /* @__PURE__ */ w("div", { className: "clarity-check-input__custom", children: [
+    /* @__PURE__ */ v("div", { className: "clarity-check-input__custom", children: [
       t === "checkbox" && /* @__PURE__ */ e(
         "svg",
         {
@@ -1543,112 +1539,111 @@ const We = W.forwardRef(({
       ),
       t === "radio" && /* @__PURE__ */ e("div", { className: "clarity-check-input__radio-dot" })
     ] }),
-    l && /* @__PURE__ */ e("span", { className: x, children: l })
+    l && /* @__PURE__ */ e("span", { className: _, children: l })
   ] });
-  return /* @__PURE__ */ w("div", { className: "clarity-check-input-container", children: [
-    o && (s == null ? void 0 : s.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-check-input__helper-row clarity-check-input__helper-row--top clarity-check-input__helper-row--${B}`, children: k("top", B) }),
-    o && (s != null && s.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-check-input__middle-row clarity-check-input__middle-row--${B}`, children: [
-      B === "left" && k("middle", B),
-      j,
-      B === "right" && k("middle", B)
-    ] }) : j,
-    o && (s == null ? void 0 : s.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-check-input__helper-row clarity-check-input__helper-row--bottom clarity-check-input__helper-row--${B}`, children: k("bottom", B) }),
-    (n || d && i || c) && /* @__PURE__ */ e("div", { className: "clarity-check-input__helper-text", style: !n && !i ? { minHeight: "1.2em" } : void 0, children: (d && i ? i : n) || " " })
+  return /* @__PURE__ */ v("div", { className: "clarity-check-input-container", children: [
+    o && (s == null ? void 0 : s.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-check-input__helper-row clarity-check-input__helper-row--top clarity-check-input__helper-row--${x}`, children: E("top", x) }),
+    o && (s != null && s.startsWith("middle")) ? /* @__PURE__ */ v("div", { className: `clarity-check-input__middle-row clarity-check-input__middle-row--${x}`, children: [
+      x === "left" && E("middle", x),
+      C,
+      x === "right" && E("middle", x)
+    ] }) : C,
+    o && (s == null ? void 0 : s.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-check-input__helper-row clarity-check-input__helper-row--bottom clarity-check-input__helper-row--${x}`, children: E("bottom", x) }),
+    (n || c && d) && /* @__PURE__ */ e("div", { className: "clarity-check-input__helper-text", children: c && d ? d : n })
   ] });
 });
-We.displayName = "CheckInput";
-const Ie = W.forwardRef(({
+Oe.displayName = "CheckInput";
+const We = I.forwardRef(({
   variant: t = "primary",
   size: a = "medium",
   label: r,
   helper: l = !1,
   helperPosition: n = "middle-right",
-  reserveErrorSpace: o = !1,
-  error: s = !1,
-  errorMessage: c,
-  labelPosition: d = "right",
-  className: i = "",
-  disabled: u = !1,
-  checked: y,
+  error: o = !1,
+  errorMessage: s,
+  labelPosition: c = "right",
+  className: d = "",
+  disabled: i = !1,
+  checked: f,
   id: p,
-  ...f
-}, b) => {
-  const v = p || `input-switch-${Math.random().toString(36).substr(2, 9)}`, N = [
+  ...y
+}, u) => {
+  const h = p || `input-switch-${Math.random().toString(36).substr(2, 9)}`, w = [
     "clarity-input-switch-wrapper",
-    `clarity-input-switch-wrapper--${d}`,
-    u && "clarity-input-switch-wrapper--disabled",
-    s && "clarity-input-switch-wrapper--error"
-  ].filter(Boolean).join(" "), m = [
+    `clarity-input-switch-wrapper--${c}`,
+    i && "clarity-input-switch-wrapper--disabled",
+    o && "clarity-input-switch-wrapper--error"
+  ].filter(Boolean).join(" "), N = [
     "clarity-input-switch",
     `clarity-input-switch--${a}`,
     t && `clarity-input-switch--${t}`,
-    s && "clarity-input-switch--error",
-    u && "clarity-input-switch--disabled",
-    i
-  ].filter(Boolean).join(" "), g = [
+    o && "clarity-input-switch--error",
+    i && "clarity-input-switch--disabled",
+    d
+  ].filter(Boolean).join(" "), m = [
     "clarity-input-switch__label",
     `clarity-input-switch__label--${a}`,
     t && `clarity-input-switch__label--${t}`,
-    u && "clarity-input-switch__label--disabled"
-  ].filter(Boolean).join(" "), C = n != null && n.endsWith("left") ? "left" : "right", x = (k, j) => {
+    i && "clarity-input-switch__label--disabled"
+  ].filter(Boolean).join(" "), b = n != null && n.endsWith("left") ? "left" : "right", _ = (E, C) => {
     if (!l) return null;
-    const $ = typeof l == "object" ? l : void 0, S = ($ == null ? void 0 : $.content) ?? "Ajuda", _ = ($ == null ? void 0 : $.plain) === !0, M = $ == null ? void 0 : $.variant, I = $ == null ? void 0 : $.bgColor, E = $ == null ? void 0 : $.textColor;
+    const T = typeof l == "object" ? l : void 0, L = (T == null ? void 0 : T.content) ?? "Ajuda", $ = (T == null ? void 0 : T.plain) === !0, k = T == null ? void 0 : T.variant, z = T == null ? void 0 : T.bgColor, H = T == null ? void 0 : T.textColor;
     return /* @__PURE__ */ e(
       yt,
       {
-        content: S,
-        position: k === "middle" ? j === "left" ? "left" : "right" : k === "top" ? j === "left" ? "top-left" : "top-right" : j === "left" ? "bottom-left" : "bottom-right",
+        content: L,
+        position: E === "middle" ? C === "left" ? "left" : "right" : E === "top" ? C === "left" ? "top-left" : "top-right" : C === "left" ? "bottom-left" : "bottom-right",
         trigger: "hover",
-        variant: M || t,
-        plain: _,
-        bgColor: I,
-        textColor: E,
-        children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-input-switch__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e(pt, { size: k === "middle" ? 20 : 16 }) })
+        variant: k || t,
+        plain: $,
+        bgColor: z,
+        textColor: H,
+        children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-input-switch__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e(pt, { size: E === "middle" ? 20 : 16 }) })
       }
     );
-  }, B = /* @__PURE__ */ w("label", { className: N, htmlFor: v, children: [
+  }, x = /* @__PURE__ */ v("label", { className: w, htmlFor: h, children: [
     /* @__PURE__ */ e(
       "input",
       {
-        ref: b,
-        id: v,
+        ref: u,
+        id: h,
         type: "checkbox",
-        className: m,
-        disabled: u,
-        checked: y,
-        ...f
+        className: N,
+        disabled: i,
+        checked: f,
+        ...y
       }
     ),
     /* @__PURE__ */ e("div", { className: "clarity-input-switch__track", children: /* @__PURE__ */ e("div", { className: "clarity-input-switch__thumb" }) }),
-    r && /* @__PURE__ */ e("span", { className: g, children: r })
+    r && /* @__PURE__ */ e("span", { className: m, children: r })
   ] });
-  return /* @__PURE__ */ w("div", { className: "clarity-input-switch-container", children: [
-    l && (n == null ? void 0 : n.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-input-switch__helper-row clarity-input-switch__helper-row--top clarity-input-switch__helper-row--${C}`, children: x("top", C) }),
-    l && (n != null && n.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-input-switch__middle-row clarity-input-switch__middle-row--${C}`, children: [
-      C === "left" && x("middle", C),
-      B,
-      C === "right" && x("middle", C)
-    ] }) : B,
-    l && (n == null ? void 0 : n.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-input-switch__helper-row clarity-input-switch__helper-row--bottom clarity-input-switch__helper-row--${C}`, children: x("bottom", C) }),
-    (s && c || o) && /* @__PURE__ */ e("div", { className: "clarity-input-switch__error-text", style: c ? void 0 : { minHeight: "1.2em" }, children: c || " " })
+  return /* @__PURE__ */ v("div", { className: "clarity-input-switch-container", children: [
+    l && (n == null ? void 0 : n.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-input-switch__helper-row clarity-input-switch__helper-row--top clarity-input-switch__helper-row--${b}`, children: _("top", b) }),
+    l && (n != null && n.startsWith("middle")) ? /* @__PURE__ */ v("div", { className: `clarity-input-switch__middle-row clarity-input-switch__middle-row--${b}`, children: [
+      b === "left" && _("middle", b),
+      x,
+      b === "right" && _("middle", b)
+    ] }) : x,
+    l && (n == null ? void 0 : n.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-input-switch__helper-row clarity-input-switch__helper-row--bottom clarity-input-switch__helper-row--${b}`, children: _("bottom", b) }),
+    o && s && /* @__PURE__ */ e("div", { className: "clarity-input-switch__error-text", children: s })
   ] });
 });
-Ie.displayName = "InputSwitch";
-const Zt = ct(null), wt = () => {
-  const t = dt(Zt);
+We.displayName = "InputSwitch";
+const Yt = ct(null), wt = () => {
+  const t = dt(Yt);
   if (!t)
     throw new Error("useConfirmationDialog must be used within a ConfirmationDialog provider");
   return t;
-}, qt = ({ children: t, className: a = "" }) => {
+}, Zt = ({ children: t, className: a = "" }) => {
   const { variant: r } = wt(), l = `clarity-confirmation-dialog-header ${a} clarity-confirmation-dialog-header--${r}`;
   return /* @__PURE__ */ e("div", { className: l, children: t });
 };
-qt.displayName = "ConfirmationDialog.Header";
-const Jt = ({ children: t, className: a = "" }) => /* @__PURE__ */ e("div", { className: `clarity-confirmation-dialog-content ${a}`, children: t });
-Jt.displayName = "ConfirmationDialog.Content";
-const Qt = ({ children: t, className: a = "" }) => /* @__PURE__ */ e("div", { className: `clarity-confirmation-dialog-footer ${a}`, children: t });
-Qt.displayName = "ConfirmationDialog.Footer";
-const Kt = ({ children: t }) => {
+Zt.displayName = "ConfirmationDialog.Header";
+const qt = ({ children: t, className: a = "" }) => /* @__PURE__ */ e("div", { className: `clarity-confirmation-dialog-content ${a}`, children: t });
+qt.displayName = "ConfirmationDialog.Content";
+const Jt = ({ children: t, className: a = "" }) => /* @__PURE__ */ e("div", { className: `clarity-confirmation-dialog-footer ${a}`, children: t });
+Jt.displayName = "ConfirmationDialog.Footer";
+const Qt = ({ children: t }) => {
   const { onOpen: a } = wt();
   return rt(t, {
     onClick: (r) => {
@@ -1657,8 +1652,8 @@ const Kt = ({ children: t }) => {
     }
   });
 };
-Kt.displayName = "ConfirmationDialog.Trigger";
-const Pt = ({ children: t }) => {
+Qt.displayName = "ConfirmationDialog.Trigger";
+const Kt = ({ children: t }) => {
   const { onClose: a } = wt();
   return rt(t, {
     onClick: (r) => {
@@ -1667,8 +1662,8 @@ const Pt = ({ children: t }) => {
     }
   });
 };
-Pt.displayName = "ConfirmationDialog.Close";
-const te = ({ children: t }) => {
+Kt.displayName = "ConfirmationDialog.Close";
+const Pt = ({ children: t }) => {
   const { onConfirm: a } = wt();
   return rt(t, {
     onClick: (r) => {
@@ -1677,7 +1672,7 @@ const te = ({ children: t }) => {
     }
   });
 };
-te.displayName = "ConfirmationDialog.Confirm";
+Pt.displayName = "ConfirmationDialog.Confirm";
 const ut = ({
   isOpen: t,
   onClose: a,
@@ -1686,39 +1681,39 @@ const ut = ({
   children: n,
   blockScroll: o = !0
 }) => {
-  const [s, c] = z(!1), d = t !== void 0, i = d ? t : s, u = () => {
+  const [s, c] = A(!1), d = t !== void 0, i = d ? t : s, f = () => {
     d || c(!0);
-  }, y = W.useCallback(() => {
+  }, p = I.useCallback(() => {
     a ? a() : c(!1);
-  }, [a]), p = () => {
-    r && r(), y();
+  }, [a]), y = () => {
+    r && r(), p();
   };
-  Q(() => {
+  J(() => {
     const N = (m) => {
-      m.key === "Escape" && y();
+      m.key === "Escape" && p();
     };
     return i ? (document.addEventListener("keydown", N), o && (document.body.style.overflow = "hidden")) : document.body.style.overflow = "unset", () => {
       document.removeEventListener("keydown", N), document.body.style.overflow = "unset";
     };
-  }, [i, y, o]);
-  const f = W.Children.toArray(n).find(
+  }, [i, p, o]);
+  const u = I.Children.toArray(n).find(
     (N) => ot(N) && N.type.displayName === "ConfirmationDialog.Trigger"
-  ), b = W.Children.toArray(n).filter(
+  ), h = I.Children.toArray(n).filter(
     (N) => ot(N) && N.type.displayName !== "ConfirmationDialog.Trigger"
-  ), v = `clarity-confirmation-dialog clarity-confirmation-dialog--${l}`;
-  return /* @__PURE__ */ w(Zt.Provider, { value: { variant: l, onClose: y, onConfirm: p, onOpen: u }, children: [
-    f,
-    i && /* @__PURE__ */ e("div", { className: "clarity-modal-overlay", children: /* @__PURE__ */ e("div", { className: v, children: b }) })
+  ), w = `clarity-confirmation-dialog clarity-confirmation-dialog--${l}`;
+  return /* @__PURE__ */ v(Yt.Provider, { value: { variant: l, onClose: p, onConfirm: y, onOpen: f }, children: [
+    u,
+    i && /* @__PURE__ */ e("div", { className: "clarity-modal-overlay", children: /* @__PURE__ */ e("div", { className: w, children: h }) })
   ] });
 };
-ut.Header = qt;
-ut.Content = Jt;
-ut.Footer = Qt;
-ut.Trigger = Kt;
-ut.Close = Pt;
-ut.Confirm = te;
+ut.Header = Zt;
+ut.Content = qt;
+ut.Footer = Jt;
+ut.Trigger = Qt;
+ut.Close = Kt;
+ut.Confirm = Pt;
 ut.displayName = "ConfirmationDialog";
-const la = ({
+const ra = ({
   variant: t = "primary",
   size: a = "medium",
   disabled: r = !1,
@@ -1729,36 +1724,36 @@ const la = ({
   className: c = "",
   "aria-label": d,
   title: i,
-  customColor: u,
-  customColorHover: y,
-  ...p
+  customColor: f,
+  customColorHover: p,
+  ...y
 }) => {
-  const f = "clarity-button-icon", b = [
-    f,
-    !u && `${f}--${t}`,
-    `${f}--${a}`,
-    l && `${f}--loading`,
-    r && `${f}--disabled`,
+  const u = "clarity-button-icon", h = [
+    u,
+    !f && `${u}--${t}`,
+    `${u}--${a}`,
+    l && `${u}--loading`,
+    r && `${u}--disabled`,
     c
-  ].filter(Boolean).join(" "), v = {};
-  return u && (v["--button-icon-bg"] = u, v["--button-icon-hover-bg"] = y || `${u}E6`), /* @__PURE__ */ w(
+  ].filter(Boolean).join(" "), w = {};
+  return f && (w["--button-icon-bg"] = f, w["--button-icon-hover-bg"] = p || `${f}E6`), /* @__PURE__ */ v(
     "button",
     {
-      className: b,
+      className: h,
       disabled: r || l,
       onClick: o,
       type: s,
       "aria-label": d,
       title: i,
-      style: v,
-      ...p,
+      style: w,
+      ...y,
       children: [
-        l && /* @__PURE__ */ e("div", { className: `${f}__spinner` }),
+        l && /* @__PURE__ */ e("div", { className: `${u}__spinner` }),
         !l && n
       ]
     }
   );
-}, na = ({
+}, la = ({
   variant: t = "primary",
   product: a,
   tone: r,
@@ -1769,20 +1764,20 @@ const la = ({
   onClick: c,
   href: d,
   target: i,
-  rel: u,
-  className: y = "",
-  ...p
+  rel: f,
+  className: p = "",
+  ...y
 }) => {
-  const f = "clarity-button-link", b = a && r, v = b ? `${f}--custom` : `${f}--${t}`, N = [
-    f,
-    v,
-    `${f}--${n}`,
-    o && `${f}--disabled`,
-    y
-  ].filter(Boolean).join(" "), m = (C) => {
-    const x = parseInt(C);
+  const u = "clarity-button-link", h = a && r, w = h ? `${u}--custom` : `${u}--${t}`, N = [
+    u,
+    w,
+    `${u}--${n}`,
+    o && `${u}--disabled`,
+    p
+  ].filter(Boolean).join(" "), m = (_) => {
+    const x = parseInt(_);
     return x >= 800 ? "900" : x >= 700 ? "800" : x >= 600 ? "700" : x >= 500 ? "600" : x >= 400 ? "500" : x >= 300 ? "400" : x >= 200 ? "300" : "200";
-  }, g = b ? {
+  }, b = h ? {
     "--custom-color": `var(--clarity-${a}-${r})`,
     "--custom-hover-color": `var(--clarity-${a}-${l || m(r)})`
   } : {};
@@ -1791,30 +1786,30 @@ const la = ({
     {
       href: d,
       target: i,
-      rel: u || (i === "_blank" ? "noopener noreferrer" : void 0),
+      rel: f || (i === "_blank" ? "noopener noreferrer" : void 0),
       className: N,
-      style: g,
+      style: b,
       onClick: o ? void 0 : c,
-      ...p,
+      ...y,
       children: s
     }
   ) : /* @__PURE__ */ e(
     "button",
     {
       className: N,
-      style: g,
+      style: b,
       disabled: o,
       onClick: c,
-      ...p,
+      ...y,
       children: s
     }
   );
-}, ee = ct(void 0), ae = () => {
-  const t = dt(ee);
+}, te = ct(void 0), ee = () => {
+  const t = dt(te);
   if (!t)
     throw new Error("Accordion components must be used within an Accordion");
   return t;
-}, He = ({
+}, Ie = ({
   variant: t = "primary",
   product: a,
   tone: r,
@@ -1825,26 +1820,26 @@ const la = ({
   className: c = "",
   children: d,
   onSelect: i,
-  ...u
+  ...f
 }) => {
-  const [y, p] = z(() => n ? Array.isArray(n) ? n : [n] : []), f = (B) => {
-    let k;
-    o ? k = y.includes(B) ? y.filter((j) => j !== B) : [...y, B] : k = y.includes(B) ? [] : [B], p(k), i && i(y.includes(B) ? null : B, {});
-  }, b = "clarity-accordion", v = a && r, N = v ? `${b}--custom` : `${b}--${t}`, m = [
-    b,
+  const [p, y] = A(() => n ? Array.isArray(n) ? n : [n] : []), u = (E) => {
+    let C;
+    o ? C = p.includes(E) ? p.filter((T) => T !== E) : [...p, E] : C = p.includes(E) ? [] : [E], y(C), i && i(p.includes(E) ? null : E, {});
+  }, h = "clarity-accordion", w = a && r, N = w ? `${h}--custom` : `${h}--${t}`, m = [
+    h,
     N,
-    s && `${b}--flush`,
+    s && `${h}--flush`,
     c
-  ].filter(Boolean).join(" "), g = (B) => {
-    const k = parseInt(B);
-    return k >= 800 ? "900" : k >= 700 ? "800" : k >= 600 ? "700" : k >= 500 ? "600" : k >= 400 ? "500" : k >= 300 ? "400" : k >= 200 ? "300" : "200";
-  }, C = v ? {
+  ].filter(Boolean).join(" "), b = (E) => {
+    const C = parseInt(E);
+    return C >= 800 ? "900" : C >= 700 ? "800" : C >= 600 ? "700" : C >= 500 ? "600" : C >= 400 ? "500" : C >= 300 ? "400" : C >= 200 ? "300" : "200";
+  }, _ = w ? {
     "--custom-border-color": `var(--clarity-${a}-${r})`,
     "--custom-header-color": `var(--clarity-${a}-${r})`,
-    "--custom-hover-color": `var(--clarity-${a}-${l || g(r)})`
+    "--custom-hover-color": `var(--clarity-${a}-${l || b(r)})`
   } : {}, x = {
-    activeKeys: y,
-    toggleItem: f,
+    activeKeys: p,
+    toggleItem: u,
     alwaysOpen: o,
     variant: t,
     product: a,
@@ -1852,27 +1847,27 @@ const la = ({
     hoverTone: l,
     flush: s
   };
-  return /* @__PURE__ */ e(ee.Provider, { value: x, children: /* @__PURE__ */ e("div", { className: m, style: C, ...u, children: d }) });
-}, De = ({
+  return /* @__PURE__ */ e(te.Provider, { value: x, children: /* @__PURE__ */ e("div", { className: m, style: _, ...f, children: d }) });
+}, He = ({
   eventKey: t,
   disabled: a = !1,
   className: r = "",
   children: l,
   ...n
 }) => {
-  const { activeKeys: o } = ae(), s = "clarity-accordion", c = o.includes(t), d = [
+  const { activeKeys: o } = ee(), s = "clarity-accordion", c = o.includes(t), d = [
     `${s}__item`,
     c && `${s}__item--active`,
     a && `${s}__item--disabled`,
     r
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: d, ...n, children: W.Children.map(l, (i) => W.isValidElement(i) ? W.cloneElement(i, {
+  return /* @__PURE__ */ e("div", { className: d, ...n, children: I.Children.map(l, (i) => I.isValidElement(i) ? I.cloneElement(i, {
     ...i.props,
     eventKey: t,
     disabled: a,
     isActive: c
   }) : i) });
-}, Ve = ({
+}, De = ({
   className: t = "",
   children: a,
   onClick: r,
@@ -1881,10 +1876,10 @@ const la = ({
   isActive: o = !1,
   ...s
 }) => {
-  const { toggleItem: c } = ae(), d = "clarity-accordion", i = (u) => {
-    !n && l && c(l), r == null || r(u);
+  const { toggleItem: c } = ee(), d = "clarity-accordion", i = (f) => {
+    !n && l && c(l), r == null || r(f);
   };
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ v(
     "button",
     {
       className: [`${d}__header`, t].filter(Boolean).join(" "),
@@ -1909,7 +1904,7 @@ const la = ({
       ]
     }
   );
-}, Ae = ({
+}, Ve = ({
   className: t = "",
   children: a,
   eventKey: r,
@@ -1928,19 +1923,19 @@ const la = ({
       children: /* @__PURE__ */ e("div", { className: [`${o}__body`, t].filter(Boolean).join(" "), ...n, children: a })
     }
   );
-}, ia = Object.assign(He, {
-  Item: De,
-  Header: Ve,
-  Body: Ae
-}), re = ct(
+}, na = Object.assign(Ie, {
+  Item: He,
+  Header: De,
+  Body: Ve
+}), ae = ct(
   void 0
-), le = () => {
-  const t = dt(re);
+), re = () => {
+  const t = dt(ae);
   if (!t)
     throw new Error("useDropdown must be used within a DropdownProvider");
   return t;
-}, ze = ({ children: t }) => {
-  const { setIsOpen: a, triggerRef: r } = le();
+}, Ae = ({ children: t }) => {
+  const { setIsOpen: a, triggerRef: r } = re();
   return /* @__PURE__ */ e(
     "button",
     {
@@ -1953,43 +1948,43 @@ const la = ({
     }
   );
 }, Me = ({ children: t }) => {
-  const { isOpen: a, contentRef: r, styles: l } = le();
+  const { isOpen: a, contentRef: r, styles: l } = re();
   return a ? /* @__PURE__ */ e("div", { ref: r, className: "dropdown__content", style: l, children: t }) : null;
-}, Fe = ({ children: t }) => /* @__PURE__ */ e("div", { className: "dropdown__menu", children: t }), Ge = ({ as: t, children: a, ...r }) => /* @__PURE__ */ e(t || "a", { ...r, className: "dropdown__item", children: a }), Ue = () => /* @__PURE__ */ e("hr", { className: "dropdown__separator" }), vt = ({ title: t, position: a = "bottom", children: r }) => {
-  const [l, n] = z(!1), [o, s] = z({}), c = at(null), d = at(null), i = at(null);
-  return Et(() => {
+}, ze = ({ children: t }) => /* @__PURE__ */ e("div", { className: "dropdown__menu", children: t }), Fe = ({ as: t, children: a, ...r }) => /* @__PURE__ */ e(t || "a", { ...r, className: "dropdown__item", children: a }), Ge = () => /* @__PURE__ */ e("hr", { className: "dropdown__separator" }), vt = ({ title: t, position: a = "bottom", children: r }) => {
+  const [l, n] = A(!1), [o, s] = A({}), c = et(null), d = et(null), i = et(null);
+  return St(() => {
     if (l) {
-      const u = d.current, y = i.current;
-      if (!u || !y) return;
-      const p = u.getBoundingClientRect(), f = y.getBoundingClientRect(), b = window.innerHeight, v = window.innerWidth;
+      const f = d.current, p = i.current;
+      if (!f || !p) return;
+      const y = f.getBoundingClientRect(), u = p.getBoundingClientRect(), h = window.innerHeight, w = window.innerWidth;
       let N = a;
-      a === "bottom" && p.bottom + f.height > b && (N = "top"), a === "top" && p.top - f.height < 0 && (N = "bottom"), a === "right" && p.right + f.width > v && (N = "left"), a === "left" && p.left - f.width < 0 && (N = "right");
+      a === "bottom" && y.bottom + u.height > h && (N = "top"), a === "top" && y.top - u.height < 0 && (N = "bottom"), a === "right" && y.right + u.width > w && (N = "left"), a === "left" && y.left - u.width < 0 && (N = "right");
       const m = {};
       switch (N) {
         case "top":
-          m.bottom = p.height + 4, m.left = p.width / 2 - f.width / 2;
+          m.bottom = y.height + 4, m.left = y.width / 2 - u.width / 2;
           break;
         case "right":
-          m.left = p.width + 4, m.top = p.height / 2 - f.height / 2;
+          m.left = y.width + 4, m.top = y.height / 2 - u.height / 2;
           break;
         case "left":
-          m.right = p.width + 4, m.top = p.height / 2 - f.height / 2;
+          m.right = y.width + 4, m.top = y.height / 2 - u.height / 2;
           break;
         case "bottom":
         default:
-          m.top = p.height + 4, m.left = p.width / 2 - f.width / 2;
+          m.top = y.height + 4, m.left = y.width / 2 - u.width / 2;
           break;
       }
       s(m);
     }
-  }, [l, a]), Q(() => {
-    const u = (y) => {
-      c.current && !c.current.contains(y.target) && n(!1);
+  }, [l, a]), J(() => {
+    const f = (p) => {
+      c.current && !c.current.contains(p.target) && n(!1);
     };
-    return document.addEventListener("mousedown", u), () => {
-      document.removeEventListener("mousedown", u);
+    return document.addEventListener("mousedown", f), () => {
+      document.removeEventListener("mousedown", f);
     };
-  }, []), /* @__PURE__ */ e(re.Provider, { value: { isOpen: l, setIsOpen: n, triggerRef: d, contentRef: i, styles: o }, children: /* @__PURE__ */ e(
+  }, []), /* @__PURE__ */ e(ae.Provider, { value: { isOpen: l, setIsOpen: n, triggerRef: d, contentRef: i, styles: o }, children: /* @__PURE__ */ e(
     "div",
     {
       ref: c,
@@ -1999,12 +1994,12 @@ const la = ({
     }
   ) });
 };
-vt.Trigger = ze;
+vt.Trigger = Ae;
 vt.Content = Me;
-vt.Menu = Fe;
-vt.Item = Ge;
-vt.Separator = Ue;
-const kt = ({
+vt.Menu = ze;
+vt.Item = Fe;
+vt.Separator = Ge;
+const xt = ({
   as: t = "button",
   id: a,
   children: r,
@@ -2037,8 +2032,8 @@ const kt = ({
     }
   );
 };
-kt.displayName = "Tabs.Tab";
-const ne = ({
+xt.displayName = "Tabs.Tab";
+const le = ({
   children: t,
   activeTab: a,
   onTabChange: r,
@@ -2054,29 +2049,29 @@ const ne = ({
     s,
     `orientation-${n}`,
     n === "horizontal" ? c : ""
-  ].filter(Boolean).join(" "), i = [], u = [];
-  return Ne.forEach(t, (y) => {
-    ot(y) && y.type === kt ? i.push(y) : u.push(y);
-  }), /* @__PURE__ */ w("div", { className: d, children: [
+  ].filter(Boolean).join(" "), i = [], f = [];
+  return we.forEach(t, (p) => {
+    ot(p) && p.type === xt ? i.push(p) : f.push(p);
+  }), /* @__PURE__ */ v("div", { className: d, children: [
     /* @__PURE__ */ e("div", { className: "clarity-tab-list", role: "tablist", children: i.map(
-      (y) => rt(y, {
-        isActive: W.isValidElement(y) && y.props.id === a,
+      (p) => rt(p, {
+        isActive: I.isValidElement(p) && p.props.id === a,
         onClick: r,
         variant: l,
         orientation: n
       })
     ) }),
-    u
+    f
   ] });
 };
-ne.Tab = kt;
-ne.displayName = "Tabs";
-const ie = ct(null), bt = () => {
-  const t = dt(ie);
+le.Tab = xt;
+le.displayName = "Tabs";
+const ne = ct(null), bt = () => {
+  const t = dt(ne);
   if (!t)
     throw new Error("useCommand must be used within a Command provider");
   return t;
-}, se = ({
+}, ie = ({
   children: t,
   className: a = "",
   variant: r = "secondary",
@@ -2084,11 +2079,11 @@ const ie = ct(null), bt = () => {
   inputPlaceholder: n = "Search...",
   ...o
 }) => {
-  const [s, c] = z(""), [d, i] = z(null), [u, y] = z(!1), p = [
+  const [s, c] = A(""), [d, i] = A(null), [f, p] = A(!1), y = [
     "clarity-command",
     `clarity-command--${r}`,
     a
-  ].filter(Boolean).join(" "), f = gt(() => ({
+  ].filter(Boolean).join(" "), u = gt(() => ({
     searchTerm: s,
     setSearchTerm: c,
     value: d,
@@ -2098,45 +2093,45 @@ const ie = ct(null), bt = () => {
       empty: l,
       inputPlaceholder: n
     },
-    isOpen: u,
-    setIsOpen: y
-  }), [s, d, r, l, n, u]);
-  return /* @__PURE__ */ e(ie.Provider, { value: f, children: /* @__PURE__ */ e("div", { className: p, ...o, children: t }) });
+    isOpen: f,
+    setIsOpen: p
+  }), [s, d, r, l, n, f]);
+  return /* @__PURE__ */ e(ne.Provider, { value: u, children: /* @__PURE__ */ e("div", { className: y, ...o, children: t }) });
 };
-se.displayName = "Command";
-const oe = ({ placeholder: t = "Search...", variant: a, onClick: r }) => {
-  const { setIsOpen: l, variant: n } = bt(), [o, s] = z(!1);
-  Q(() => {
+ie.displayName = "Command";
+const se = ({ placeholder: t = "Search...", variant: a, onClick: r }) => {
+  const { setIsOpen: l, variant: n } = bt(), [o, s] = A(!1);
+  J(() => {
     s(/Mac|iPod|iPhone|iPad/.test(navigator.platform));
   }, []);
   const d = [
     "clarity-command-button",
     `clarity-command-button--${a || n}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w("button", { className: d, onClick: (u) => {
-    l(!0), r == null || r(u);
+  return /* @__PURE__ */ v("button", { className: d, onClick: (f) => {
+    l(!0), r == null || r(f);
   }, children: [
     /* @__PURE__ */ e("span", { children: t }),
-    /* @__PURE__ */ w("kbd", { className: "clarity-command-shortcut", children: [
+    /* @__PURE__ */ v("kbd", { className: "clarity-command-shortcut", children: [
       o ? "⌘" : "Ctrl+",
       "K"
     ] })
   ] });
 };
-oe.displayName = "Command.Button";
-const ce = ({ children: t }) => {
+se.displayName = "Command.Button";
+const oe = ({ children: t }) => {
   const { isOpen: a, setIsOpen: r, variant: l } = bt();
-  return Q(() => {
+  return J(() => {
     const n = (o) => {
       o.key === "k" && (o.metaKey || o.ctrlKey) && (o.preventDefault(), r(!a));
     };
     return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
   }, [a, r]), /* @__PURE__ */ e(mt, { isOpen: a, onClose: () => r(!1), size: "large", closeOnOverlayClick: !0, children: /* @__PURE__ */ e("div", { className: `clarity-command--${l}`, children: t }) });
 };
-ce.displayName = "Command.Dialog";
-const de = ({ className: t = "", ...a }) => {
-  const { searchTerm: r, setSearchTerm: l, variant: n, texts: o, isOpen: s } = bt(), c = at(null);
-  Q(() => {
+oe.displayName = "Command.Dialog";
+const ce = ({ className: t = "", ...a }) => {
+  const { searchTerm: r, setSearchTerm: l, variant: n, texts: o, isOpen: s } = bt(), c = et(null);
+  J(() => {
     var i;
     s && ((i = c.current) == null || i.focus());
   }, [s]);
@@ -2157,75 +2152,75 @@ const de = ({ className: t = "", ...a }) => {
     }
   ) });
 };
-de.displayName = "Command.Input";
-const me = ({ children: t, className: a = "", ...r }) => {
+ce.displayName = "Command.Input";
+const de = ({ children: t, className: a = "", ...r }) => {
   const { searchTerm: l } = bt();
   let n = !1;
-  const o = (d) => W.Children.toArray(d).map((i) => {
-    var y;
-    if (!W.isValidElement(i)) return i;
-    const u = i.type.displayName;
-    if (u === "Command.Empty")
+  const o = (d) => I.Children.toArray(d).map((i) => {
+    var p;
+    if (!I.isValidElement(i)) return i;
+    const f = i.type.displayName;
+    if (f === "Command.Empty")
       return null;
-    if (u === "Command.Item")
-      return (((y = i.props.children) == null ? void 0 : y.toString().toLowerCase()) || "").includes(l.toLowerCase()) ? (n = !0, i) : null;
-    if (u === "Command.Group") {
-      const p = o(i.props.children);
-      return W.Children.toArray(p).some((b) => W.isValidElement(b) && b.type.displayName === "Command.Item") ? W.cloneElement(i, { ...i.props, children: p }) : null;
+    if (f === "Command.Item")
+      return (((p = i.props.children) == null ? void 0 : p.toString().toLowerCase()) || "").includes(l.toLowerCase()) ? (n = !0, i) : null;
+    if (f === "Command.Group") {
+      const y = o(i.props.children);
+      return I.Children.toArray(y).some((h) => I.isValidElement(h) && h.type.displayName === "Command.Item") ? I.cloneElement(i, { ...i.props, children: y }) : null;
     }
     return i;
   }).filter(Boolean), s = o(t), c = ["clarity-command-list", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w("div", { className: c, ...r, children: [
+  return /* @__PURE__ */ v("div", { className: c, ...r, children: [
     s,
-    !n && /* @__PURE__ */ e(Tt, {})
+    !n && /* @__PURE__ */ e(kt, {})
   ] });
 };
-me.displayName = "Command.List";
-const Tt = ({ children: t, className: a = "", ...r }) => {
+de.displayName = "Command.List";
+const kt = ({ children: t, className: a = "", ...r }) => {
   const { texts: l } = bt(), n = ["clarity-command-empty", a].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("div", { className: n, ...r, children: t || r.emptyText || l.empty });
 };
-Tt.displayName = "Command.Empty";
-const ue = ({ children: t, className: a = "", ...r }) => {
+kt.displayName = "Command.Empty";
+const me = ({ children: t, className: a = "", ...r }) => {
   const l = ["clarity-command-group", a].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("div", { className: l, ...r, children: t });
 };
-ue.displayName = "Command.Group";
-const fe = ({ children: t, className: a = "", ...r }) => {
+me.displayName = "Command.Group";
+const ue = ({ children: t, className: a = "", ...r }) => {
   const { setValue: l, variant: n } = bt(), o = ["clarity-command-item", `clarity-command-item--${n}`, a].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("div", { className: o, onClick: () => l((t == null ? void 0 : t.toString()) || ""), ...r, children: t });
 };
-fe.displayName = "Command.Item";
-const pe = ({ className: t = "", ...a }) => {
+ue.displayName = "Command.Item";
+const fe = ({ className: t = "", ...a }) => {
   const r = ["clarity-command-separator", t].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("hr", { className: r, ...a });
 };
-pe.displayName = "Command.Separator";
-const ye = ({ children: t, className: a = "", ...r }) => {
+fe.displayName = "Command.Separator";
+const pe = ({ children: t, className: a = "", ...r }) => {
   const l = ["clarity-command-shortcut", a].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("span", { className: l, ...r, children: t });
 };
-ye.displayName = "Command.Shortcut";
-const sa = Object.assign(se, {
-  Button: oe,
-  Dialog: ce,
-  Input: de,
-  List: me,
-  Empty: Tt,
-  Group: ue,
-  Item: fe,
-  Separator: pe,
-  Shortcut: ye
-}), Xe = ({ columns: t, viewMode: a }) => {
+pe.displayName = "Command.Shortcut";
+const ia = Object.assign(ie, {
+  Button: se,
+  Dialog: oe,
+  Input: ce,
+  List: de,
+  Empty: kt,
+  Group: me,
+  Item: ue,
+  Separator: fe,
+  Shortcut: pe
+}), Ue = ({ columns: t, viewMode: a }) => {
   const r = Array.from({ length: 5 }, (l, n) => n);
-  return a === "card" ? /* @__PURE__ */ w("div", { className: "card-view-wrapper is-loading", children: [
+  return a === "card" ? /* @__PURE__ */ v("div", { className: "card-view-wrapper is-loading", children: [
     /* @__PURE__ */ e("div", { className: "skeleton card-view-header" }),
     /* @__PURE__ */ e("div", { className: "card-view-body", children: r.map((l) => /* @__PURE__ */ e("div", { className: "skeleton card-view-row" }, l)) })
-  ] }) : /* @__PURE__ */ e("div", { className: "table-wrapper is-loading", children: /* @__PURE__ */ w("table", { children: [
+  ] }) : /* @__PURE__ */ e("div", { className: "table-wrapper is-loading", children: /* @__PURE__ */ v("table", { children: [
     /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "table-row", children: t.map((l) => /* @__PURE__ */ e("th", { className: "table-header-cell", children: /* @__PURE__ */ e("div", { className: "skeleton skeleton-text" }) }, l.key)) }) }),
     /* @__PURE__ */ e("tbody", { children: r.map((l) => /* @__PURE__ */ e("tr", { className: "table-row", children: t.map((n) => /* @__PURE__ */ e("td", { className: "table-cell", children: /* @__PURE__ */ e("div", { className: "skeleton skeleton-text" }) }, n.key)) }, l)) })
   ] }) });
-}, oa = ({
+}, sa = ({
   variant: t = "secondary",
   columns: a,
   data: r,
@@ -2234,58 +2229,58 @@ const sa = Object.assign(se, {
   isLoading: o = !1,
   pagination: s
 }) => {
-  const [c, d] = z(null), [i, u] = z("none"), y = (m) => {
-    m.sortable && (c === m.key ? u((g) => g === "asc" ? "desc" : g === "desc" ? "none" : "asc") : (d(m.key), u("asc")));
-  }, p = gt(() => i === "none" || !c ? r : [...r].sort((m, g) => {
-    const C = m[c], x = g[c];
-    return C < x ? i === "asc" ? -1 : 1 : C > x ? i === "asc" ? 1 : -1 : 0;
-  }), [r, c, i]), f = (m) => m.sortable ? c !== m.key || i === "none" ? /* @__PURE__ */ e("span", { className: "sort-icon", children: "↕" }) : i === "asc" ? /* @__PURE__ */ e("span", { className: "sort-icon", children: "↑" }) : /* @__PURE__ */ e("span", { className: "sort-icon", children: "↓" }) : null;
+  const [c, d] = A(null), [i, f] = A("none"), p = (m) => {
+    m.sortable && (c === m.key ? f((b) => b === "asc" ? "desc" : b === "desc" ? "none" : "asc") : (d(m.key), f("asc")));
+  }, y = gt(() => i === "none" || !c ? r : [...r].sort((m, b) => {
+    const _ = m[c], x = b[c];
+    return _ < x ? i === "asc" ? -1 : 1 : _ > x ? i === "asc" ? 1 : -1 : 0;
+  }), [r, c, i]), u = (m) => m.sortable ? c !== m.key || i === "none" ? /* @__PURE__ */ e("span", { className: "sort-icon", children: "↕" }) : i === "asc" ? /* @__PURE__ */ e("span", { className: "sort-icon", children: "↑" }) : /* @__PURE__ */ e("span", { className: "sort-icon", children: "↓" }) : null;
   if (o)
-    return /* @__PURE__ */ e(Xe, { columns: a, viewMode: l });
-  const b = `table-variant-${t} ${n ? "is-scrollable" : ""}`, v = () => {
+    return /* @__PURE__ */ e(Ue, { columns: a, viewMode: l });
+  const h = `table-variant-${t} ${n ? "is-scrollable" : ""}`, w = () => {
     if (!s) return null;
     const {
       currentPage: m,
-      totalPages: g,
-      onPageChange: C,
+      totalPages: b,
+      onPageChange: _,
       totalItems: x,
-      itemsPerPage: B,
-      position: k = "right"
+      itemsPerPage: E,
+      position: C = "right"
     } = s;
-    if (typeof g != "number" || typeof m != "number")
+    if (typeof b != "number" || typeof m != "number")
       return console.warn("Table Pagination: Invalid pagination props", s), null;
-    if (x <= B)
+    if (x <= E)
       return null;
-    const j = (m - 1) * B + 1, $ = Math.min(m * B, x), S = () => {
-      const _ = [];
-      if (g <= 5)
-        for (let I = 1; I <= g; I++) _.push(I);
+    const T = (m - 1) * E + 1, L = Math.min(m * E, x), $ = () => {
+      const k = [];
+      if (b <= 5)
+        for (let H = 1; H <= b; H++) k.push(H);
       else if (m <= 3) {
-        for (let I = 1; I <= 4; I++) _.push(I);
-        _.push("..."), _.push(g);
-      } else if (m >= g - 2) {
-        _.push(1), _.push("...");
-        for (let I = g - 3; I <= g; I++) _.push(I);
+        for (let H = 1; H <= 4; H++) k.push(H);
+        k.push("..."), k.push(b);
+      } else if (m >= b - 2) {
+        k.push(1), k.push("...");
+        for (let H = b - 3; H <= b; H++) k.push(H);
       } else
-        _.push(1), _.push("..."), _.push(m - 1), _.push(m), _.push(m + 1), _.push("..."), _.push(g);
-      return _;
+        k.push(1), k.push("..."), k.push(m - 1), k.push(m), k.push(m + 1), k.push("..."), k.push(b);
+      return k;
     };
-    return /* @__PURE__ */ w("div", { className: `table-pagination align-${k}`, children: [
-      /* @__PURE__ */ w("div", { className: "pagination-info", children: [
+    return /* @__PURE__ */ v("div", { className: `table-pagination align-${C}`, children: [
+      /* @__PURE__ */ v("div", { className: "pagination-info", children: [
         "Exibindo ",
-        j,
+        T,
         " a ",
-        $,
+        L,
         " de ",
         x,
         " resultados"
       ] }),
-      /* @__PURE__ */ w("div", { className: "pagination-controls", children: [
+      /* @__PURE__ */ v("div", { className: "pagination-controls", children: [
         /* @__PURE__ */ e(
           "button",
           {
             className: "pagination-button",
-            onClick: () => C(1),
+            onClick: () => _(1),
             disabled: m === 1,
             "aria-label": "Primeira página",
             children: "«"
@@ -2295,28 +2290,28 @@ const sa = Object.assign(se, {
           "button",
           {
             className: "pagination-button",
-            onClick: () => C(m - 1),
+            onClick: () => _(m - 1),
             disabled: m === 1,
             "aria-label": "Página anterior",
             children: "‹"
           }
         ),
-        S().map((_, M) => /* @__PURE__ */ e(
+        $().map((k, z) => /* @__PURE__ */ e(
           "button",
           {
-            className: `pagination-button ${_ === m ? "active" : ""}`,
-            onClick: () => typeof _ == "number" && C(_),
-            disabled: typeof _ != "number",
-            children: _
+            className: `pagination-button ${k === m ? "active" : ""}`,
+            onClick: () => typeof k == "number" && _(k),
+            disabled: typeof k != "number",
+            children: k
           },
-          M
+          z
         )),
         /* @__PURE__ */ e(
           "button",
           {
             className: "pagination-button",
-            onClick: () => C(m + 1),
-            disabled: m === g,
+            onClick: () => _(m + 1),
+            disabled: m === b,
             "aria-label": "Próxima página",
             children: "›"
           }
@@ -2325,51 +2320,51 @@ const sa = Object.assign(se, {
           "button",
           {
             className: "pagination-button",
-            onClick: () => C(g),
-            disabled: m === g,
+            onClick: () => _(b),
+            disabled: m === b,
             "aria-label": "Última página",
             children: "»"
           }
         )
       ] })
     ] });
-  }, N = /* @__PURE__ */ w("div", { className: `table-wrapper ${b}`, children: [
-    /* @__PURE__ */ w("table", { children: [
-      /* @__PURE__ */ e("thead", { className: "table-header", children: /* @__PURE__ */ e("tr", { className: "table-row", children: a.map((m) => /* @__PURE__ */ w(
+  }, N = /* @__PURE__ */ v("div", { className: `table-wrapper ${h}`, children: [
+    /* @__PURE__ */ v("table", { children: [
+      /* @__PURE__ */ e("thead", { className: "table-header", children: /* @__PURE__ */ e("tr", { className: "table-row", children: a.map((m) => /* @__PURE__ */ v(
         "th",
         {
           className: `table-header-cell ${m.sortable ? "sortable" : ""} table-header-cell-${t}`,
-          onClick: () => y(m),
+          onClick: () => p(m),
           style: { minWidth: m.minWidth },
           children: [
             m.header,
-            f(m)
+            u(m)
           ]
         },
         m.key
       )) }) }),
-      /* @__PURE__ */ e("tbody", { children: p.length === 0 ? /* @__PURE__ */ e("tr", { className: "table-row", children: /* @__PURE__ */ e("td", { colSpan: a.length, className: "table-cell", style: { textAlign: "center", padding: "2rem" }, children: "Nenhum resultado encontrado" }) }) : p.map((m, g) => /* @__PURE__ */ e("tr", { className: `table-row table-row-${t}`, children: a.map((C) => /* @__PURE__ */ e("td", { className: `table-cell ${C.align ? `table-cell-align-${C.align}` : ""}`, style: { minWidth: C.minWidth }, children: C.render ? C.render(m) : m[C.key] }, C.key)) }, g)) })
+      /* @__PURE__ */ e("tbody", { children: y.length === 0 ? /* @__PURE__ */ e("tr", { className: "table-row", children: /* @__PURE__ */ e("td", { colSpan: a.length, className: "table-cell", style: { textAlign: "center", padding: "2rem" }, children: "Nenhum resultado encontrado" }) }) : y.map((m, b) => /* @__PURE__ */ e("tr", { className: `table-row table-row-${t}`, children: a.map((_) => /* @__PURE__ */ e("td", { className: `table-cell ${_.align ? `table-cell-align-${_.align}` : ""}`, style: { minWidth: _.minWidth }, children: _.render ? _.render(m) : m[_.key] }, _.key)) }, b)) })
     ] }),
-    v()
+    w()
   ] });
-  return l === "card" ? /* @__PURE__ */ w("div", { className: `card-view-wrapper ${b}`, children: [
-    /* @__PURE__ */ e("div", { className: `card-view-header table-header-cell-${t}`, children: a.map((m) => /* @__PURE__ */ w(
+  return l === "card" ? /* @__PURE__ */ v("div", { className: `card-view-wrapper ${h}`, children: [
+    /* @__PURE__ */ e("div", { className: `card-view-header table-header-cell-${t}`, children: a.map((m) => /* @__PURE__ */ v(
       "div",
       {
         className: `card-view-header-cell ${m.sortable ? "sortable" : ""}`,
-        onClick: () => y(m),
+        onClick: () => p(m),
         style: { minWidth: m.minWidth },
         children: [
           m.header,
-          f(m)
+          u(m)
         ]
       },
       m.key
     )) }),
-    /* @__PURE__ */ e("div", { className: "card-view-body", children: p.length === 0 ? /* @__PURE__ */ e("div", { className: `card-view-row table-row-${t}`, style: { justifyContent: "center", padding: "2rem" }, children: "Nenhum resultado encontrado" }) : p.map((m, g) => /* @__PURE__ */ e("div", { className: `card-view-row table-row-${t}`, children: a.map((C) => /* @__PURE__ */ e("div", { className: `card-view-cell ${C.align ? `table-cell-align-${C.align}` : ""}`, style: { minWidth: C.minWidth }, children: C.render ? C.render(m) : m[C.key] }, C.key)) }, g)) }),
-    v()
+    /* @__PURE__ */ e("div", { className: "card-view-body", children: y.length === 0 ? /* @__PURE__ */ e("div", { className: `card-view-row table-row-${t}`, style: { justifyContent: "center", padding: "2rem" }, children: "Nenhum resultado encontrado" }) : y.map((m, b) => /* @__PURE__ */ e("div", { className: `card-view-row table-row-${t}`, children: a.map((_) => /* @__PURE__ */ e("div", { className: `card-view-cell ${_.align ? `table-cell-align-${_.align}` : ""}`, style: { minWidth: _.minWidth }, children: _.render ? _.render(m) : m[_.key] }, _.key)) }, b)) }),
+    w()
   ] }) : N;
-}, ca = ({
+}, oa = ({
   variant: t = "primary",
   size: a = "medium",
   color: r,
@@ -2382,12 +2377,12 @@ const sa = Object.assign(se, {
     `${s}--${a}`,
     d,
     l
-  ].filter(Boolean).join(" "), u = {};
-  return r && (u["--spinner-color"] = r), /* @__PURE__ */ e(
+  ].filter(Boolean).join(" "), f = {};
+  return r && (f["--spinner-color"] = r), /* @__PURE__ */ e(
     "div",
     {
       className: i,
-      style: u,
+      style: f,
       role: "status",
       "aria-label": n,
       ...o,
@@ -2412,7 +2407,7 @@ const sa = Object.assign(se, {
       ) })
     }
   );
-}, Ye = ({
+}, Xe = ({
   className: t = "",
   noGutters: a,
   justify: r,
@@ -2428,10 +2423,10 @@ const sa = Object.assign(se, {
     l ? `clarity-row--align-${l}` : "",
     t
   ].filter(Boolean).join(" ");
-  return W.createElement(o, { className: c, ...s }, n);
+  return I.createElement(o, { className: c, ...s }, n);
 };
-Ye.displayName = "Row";
-const Ze = (t) => `${t / 12 * 100}%`, qe = (t) => `${t / 12 * 100}%`, Je = ({
+Xe.displayName = "Row";
+const Ye = (t) => `${t / 12 * 100}%`, Ze = (t) => `${t / 12 * 100}%`, qe = ({
   className: t = "",
   xs: a,
   sm: r,
@@ -2442,38 +2437,38 @@ const Ze = (t) => `${t / 12 * 100}%`, qe = (t) => `${t / 12 * 100}%`, Je = ({
   offset: c,
   children: d,
   as: i = "div",
-  style: u,
-  ...y
+  style: f,
+  ...p
 }) => {
-  const p = { ...u }, f = (N, m) => {
+  const y = { ...f }, u = (N, m) => {
     if (m === void 0) return;
-    const g = `--clarity-col-width-${N}`;
-    p[g] = typeof m == "number" ? Ze(m) : "auto";
-  }, b = (N, m) => {
+    const b = `--clarity-col-width-${N}`;
+    y[b] = typeof m == "number" ? Ye(m) : "auto";
+  }, h = (N, m) => {
     if (m === void 0) return;
-    const g = `--clarity-col-offset-${N}`;
-    p[g] = qe(m);
+    const b = `--clarity-col-offset-${N}`;
+    y[b] = Ze(m);
   };
-  f("xs", a), f("sm", r), f("md", l), f("lg", n), f("xl", o), f("xxl", s), b("xs", c == null ? void 0 : c.xs), b("sm", c == null ? void 0 : c.sm), b("md", c == null ? void 0 : c.md), b("lg", c == null ? void 0 : c.lg), b("xl", c == null ? void 0 : c.xl), b("xxl", c == null ? void 0 : c.xxl);
-  const v = ["clarity-col", t].filter(Boolean).join(" ");
-  return W.createElement(i, { className: v, style: p, ...y }, d);
+  u("xs", a), u("sm", r), u("md", l), u("lg", n), u("xl", o), u("xxl", s), h("xs", c == null ? void 0 : c.xs), h("sm", c == null ? void 0 : c.sm), h("md", c == null ? void 0 : c.md), h("lg", c == null ? void 0 : c.lg), h("xl", c == null ? void 0 : c.xl), h("xxl", c == null ? void 0 : c.xxl);
+  const w = ["clarity-col", t].filter(Boolean).join(" ");
+  return I.createElement(i, { className: w, style: y, ...p }, d);
 };
-Je.displayName = "Col";
-const he = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e("div", { className: `clarity-card__header ${a || ""}`, ...r, children: t });
-he.displayName = "Card.Header";
-const be = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e("div", { className: `clarity-card__content ${a || ""}`, ...r, children: t });
-be.displayName = "Card.Content";
-const ge = ({ children: t, className: a, align: r = "left", ...l }) => {
+qe.displayName = "Col";
+const ye = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e("div", { className: `clarity-card__header ${a || ""}`, ...r, children: t });
+ye.displayName = "Card.Header";
+const he = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e("div", { className: `clarity-card__content ${a || ""}`, ...r, children: t });
+he.displayName = "Card.Content";
+const be = ({ children: t, className: a, align: r = "left", ...l }) => {
   const n = r ? `clarity-card__footer--align-${r}` : "";
   return /* @__PURE__ */ e("div", { className: `clarity-card__footer ${n} ${a || ""}`, ...l, children: t });
 };
-ge.displayName = "Card.Footer";
+be.displayName = "Card.Footer";
 const Nt = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e("div", { className: `clarity-card ${a || ""}`, ...r, children: t });
-Nt.Header = he;
-Nt.Content = be;
-Nt.Footer = ge;
+Nt.Header = ye;
+Nt.Content = he;
+Nt.Footer = be;
 Nt.displayName = "Card";
-const da = {
+const ca = {
   primary: {
     50: "#f0f9ff",
     100: "#e0f2fe",
@@ -2522,7 +2517,7 @@ const da = {
     800: "#065f46",
     900: "#064e3b"
   }
-}, ma = {
+}, da = {
   xs: "4px",
   sm: "8px",
   md: "16px",
@@ -2530,38 +2525,38 @@ const da = {
   xl: "32px",
   "2xl": "48px",
   "3xl": "64px"
-}, ua = (...t) => t.filter(Boolean).join(" "), fa = () => Math.random().toString(36).substr(2, 9);
+}, ma = (...t) => t.filter(Boolean).join(" "), ua = () => Math.random().toString(36).substr(2, 9);
 export {
-  ia as Accordion,
-  ta as Badge,
-  xe as Box,
-  ke as Button,
-  ea as ButtonGroup,
-  la as ButtonIcon,
-  na as ButtonLink,
+  na as Accordion,
+  Pe as Badge,
+  $e as Box,
+  xe as Button,
+  ta as ButtonGroup,
+  ra as ButtonIcon,
+  la as ButtonLink,
   Nt as Card,
-  We as CheckInput,
-  Je as Col,
-  sa as Command,
+  Oe as CheckInput,
+  qe as Col,
+  ia as Command,
   ut as ConfirmationDialog,
   vt as Dropdown,
-  Se as Input,
-  Ie as InputSwitch,
+  je as Input,
+  We as InputSwitch,
   mt as Modal,
-  Re as MultiSelect,
+  Le as MultiSelect,
   ht as Offcanvas,
-  Ye as Row,
-  Le as Select,
-  ca as Spinner,
-  oa as Table,
-  ne as Tabs,
-  Ee as Textarea,
-  ra as ToastProvider,
+  Xe as Row,
+  Ee as Select,
+  oa as Spinner,
+  sa as Table,
+  le as Tabs,
+  Se as Textarea,
+  aa as ToastProvider,
   yt as Tooltip,
-  ua as cn,
-  da as colors,
-  fa as generateId,
-  ma as spacing,
-  Bt as typography,
-  aa as useToast
+  ma as cn,
+  ca as colors,
+  ua as generateId,
+  da as spacing,
+  Tt as typography,
+  ea as useToast
 };