beth-clarity 1.1.35 → 1.2.2

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

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as w, Fragment as jt } from "react/jsx-runtime";
-import I, { useState as D, useRef as et, useEffect as J, useLayoutEffect as Lt, forwardRef as ve, isValidElement as ot, createContext as ct, cloneElement as rt, useContext as dt, useMemo as bt, useCallback as _t, Children as _e } from "react";
+import I, { useState as D, useRef as et, useEffect as J, useLayoutEffect as Lt, forwardRef as be, isValidElement as ot, createContext as ct, cloneElement as rt, useContext as dt, useMemo as vt, useCallback as _t, Children as _e } from "react";
 import we, { createPortal as Ne } from "react-dom";
 const Ke = ({
   variant: t = "primary",
   size: a = "medium",
   bgColor: r,
-  textColor: n,
-  children: l,
+  textColor: l,
+  children: n,
   className: o = "",
   rounded: s = !1,
   outlined: c = !1,
@@ -23,13 +23,13 @@ const Ke = ({
     c ? `${i}--outlined` : "",
     o
   ].filter(Boolean).join(" "), p = {};
-  return u && (p.backgroundColor = r, n && (p.color = n)), /* @__PURE__ */ e(
+  return u && (p.backgroundColor = r, l && (p.color = l)), /* @__PURE__ */ e(
     "span",
     {
       className: f,
       style: p,
       ...d,
-      children: l
+      children: n
     }
   );
 }, Bt = {
@@ -69,99 +69,146 @@ const Ke = ({
     }
     return `var(--clarity-${t})`;
   }
-}, lt = (t) => t !== void 0 ? `var(--clarity-spacing-${t})` : void 0, Ce = I.forwardRef((t, a) => {
-  const { children: r, className: n, display: l, position: o, flexDirection: s, alignItems: c, justifyContent: d, gap: i, m: u, mt: g, mr: f, mb: p, ml: y, mx: v, my: N, p: m, pt: h, pr: _, pb: x, pl: E, px: C, py: B, bg: R, color: $, fontSize: k, fontWeight: A, textAlign: H, lineHeight: S, letterSpacing: z, borderRadius: M, borderTopLeftRadius: F, borderTopRightRadius: j, borderBottomLeftRadius: U, borderBottomRightRadius: L, boxShadow: K, borderWidth: P, borderTopWidth: Z, borderRightWidth: q, borderBottomWidth: tt, borderLeftWidth: O, borderXWidth: X, borderYWidth: V, borderColor: Y, overflow: nt, ...b } = t, W = (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}`;
-  }, T = I.useMemo(() => ({
-    display: l,
-    position: o,
-    flexDirection: s,
-    alignItems: c,
-    justifyContent: d,
-    gap: lt(i),
-    marginTop: lt(g ?? N ?? u),
-    marginRight: lt(f ?? v ?? u),
-    marginBottom: lt(p ?? N ?? u),
-    marginLeft: lt(y ?? v ?? u),
-    paddingTop: lt(h ?? B ?? m),
-    paddingRight: lt(_ ?? C ?? m),
-    paddingBottom: lt(x ?? B ?? m),
-    paddingLeft: lt(E ?? C ?? m),
-    backgroundColor: R ? Ct(R) : void 0,
-    color: $ ? Ct($) : void 0,
-    fontSize: k ? `var(--clarity-font-size-${k})` : void 0,
-    fontWeight: A ? Bt.fontWeight[A] : void 0,
-    textAlign: H,
-    lineHeight: S,
-    letterSpacing: z ? Bt.letterSpacing[z] : 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: L ? `var(--clarity-radius-${L})` : void 0,
-    boxShadow: K ? `var(--clarity-shadow-${K})` : void 0,
-    border: W(P, Y),
-    borderTop: W(Z ?? V),
-    borderRight: W(q ?? X),
-    borderBottom: W(tt ?? V),
-    borderLeft: W(O ?? X),
-    overflow: nt
-  }), [
-    l,
-    o,
-    s,
-    c,
-    d,
-    i,
-    u,
-    g,
-    f,
-    p,
-    y,
-    v,
-    N,
-    m,
-    h,
-    _,
-    x,
-    E,
-    C,
-    B,
-    R,
-    $,
-    k,
-    A,
-    H,
-    S,
-    z,
-    M,
-    F,
-    j,
-    U,
-    L,
-    K,
-    P,
-    Z,
-    q,
-    tt,
-    O,
-    X,
-    V,
-    Y,
-    nt
-  ]);
-  return e("div", { ref: a, className: `clarity-box ${n || ""}`.trim(), style: T, ...b, children: r });
-});
+}, nt = (t) => t !== void 0 ? `var(--clarity-spacing-${t})` : void 0, Ce = I.forwardRef(
+  (t, a) => {
+    const {
+      children: r,
+      className: l,
+      display: n,
+      position: o,
+      flexDirection: s,
+      alignItems: c,
+      justifyContent: d,
+      gap: i,
+      m: u,
+      mt: g,
+      mr: f,
+      mb: p,
+      ml: y,
+      mx: b,
+      my: N,
+      p: m,
+      pt: h,
+      pr: _,
+      pb: x,
+      pl: E,
+      px: C,
+      py: B,
+      bg: R,
+      color: $,
+      fontSize: k,
+      fontWeight: A,
+      textAlign: H,
+      lineHeight: S,
+      letterSpacing: z,
+      borderRadius: M,
+      borderTopLeftRadius: F,
+      borderTopRightRadius: j,
+      borderBottomLeftRadius: U,
+      borderBottomRightRadius: L,
+      boxShadow: K,
+      borderWidth: P,
+      borderTopWidth: Z,
+      borderRightWidth: q,
+      borderBottomWidth: tt,
+      borderLeftWidth: O,
+      borderXWidth: X,
+      borderYWidth: V,
+      borderColor: Y,
+      overflow: lt,
+      ...v
+    } = t, W = (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}`;
+    }, T = I.useMemo(() => ({
+      display: n,
+      position: o,
+      flexDirection: s,
+      alignItems: c,
+      justifyContent: d,
+      gap: nt(i),
+      marginTop: nt(g ?? N ?? u),
+      marginRight: nt(f ?? b ?? u),
+      marginBottom: nt(p ?? N ?? u),
+      marginLeft: nt(y ?? b ?? u),
+      paddingTop: nt(h ?? B ?? m),
+      paddingRight: nt(_ ?? C ?? m),
+      paddingBottom: nt(x ?? B ?? m),
+      paddingLeft: nt(E ?? C ?? m),
+      backgroundColor: R ? Ct(R) : void 0,
+      color: $ ? Ct($) : void 0,
+      fontSize: k ? `var(--clarity-font-size-${k})` : void 0,
+      fontWeight: A ? Bt.fontWeight[A] : void 0,
+      textAlign: H,
+      lineHeight: S,
+      letterSpacing: z ? Bt.letterSpacing[z] : 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: L ? `var(--clarity-radius-${L})` : void 0,
+      boxShadow: K ? `var(--clarity-shadow-${K})` : void 0,
+      border: W(P, Y),
+      borderTop: W(Z ?? V),
+      borderRight: W(q ?? X),
+      borderBottom: W(tt ?? V),
+      borderLeft: W(O ?? X),
+      overflow: lt
+    }), [
+      n,
+      o,
+      s,
+      c,
+      d,
+      i,
+      u,
+      g,
+      f,
+      p,
+      y,
+      b,
+      N,
+      m,
+      h,
+      _,
+      x,
+      E,
+      C,
+      B,
+      R,
+      $,
+      k,
+      A,
+      H,
+      S,
+      z,
+      M,
+      F,
+      j,
+      U,
+      L,
+      K,
+      P,
+      Z,
+      q,
+      tt,
+      O,
+      X,
+      V,
+      Y,
+      lt
+    ]);
+    return /* @__PURE__ */ e("div", { ref: a, className: `clarity-box ${l || ""}`.trim(), style: T, ...v, children: r });
+  }
+);
 Ce.displayName = "Box";
 const Pe = ({
   variant: t = "primary",
   size: a = "medium",
   disabled: r = !1,
-  loading: n = !1,
-  children: l,
+  loading: l = !1,
+  children: n,
   onClick: o,
   type: s = "button",
   className: c = "",
@@ -174,7 +221,7 @@ const Pe = ({
     f,
     !i && `${f}--${t}`,
     `${f}--${a}`,
-    n && `${f}--loading`,
+    l && `${f}--loading`,
     r && `${f}--disabled`,
     c
   ].filter(Boolean).join(" "), y = {};
@@ -183,14 +230,14 @@ const Pe = ({
     {
       className: p,
       style: y,
-      disabled: r || n,
+      disabled: r || l,
       onClick: o,
       type: s,
       title: d,
       ...g,
       children: [
-        n && /* @__PURE__ */ e("div", { className: `${f}__spinner` }),
-        l
+        l && /* @__PURE__ */ e("div", { className: `${f}__spinner` }),
+        n
       ]
     }
   );
@@ -198,8 +245,8 @@ const Pe = ({
   variant: t = "primary",
   size: a = "medium",
   filled: r = !0,
-  items: n,
-  value: l,
+  items: l,
+  value: n,
   multiple: o = !1,
   disabled: s = !1,
   onChange: c,
@@ -213,44 +260,44 @@ const Pe = ({
     !r && `${u}--outline`,
     s && `${u}--disabled`,
     d
-  ].filter(Boolean).join(" "), p = (v) => {
+  ].filter(Boolean).join(" "), p = (b) => {
     if (s || !c) return;
-    const N = n.find((m) => m.id === v);
+    const N = l.find((m) => m.id === b);
     if (!(N != null && N.disabled))
       if (o) {
-        const m = Array.isArray(l) ? l : [], h = m.includes(v) ? m.filter((_) => _ !== v) : [...m, v];
+        const m = Array.isArray(n) ? n : [], h = m.includes(b) ? m.filter((_) => _ !== b) : [...m, b];
         c(h);
       } else
-        c(v);
-  }, y = (v) => o ? Array.isArray(l) && l.includes(v) : l === v;
+        c(b);
+  }, y = (b) => o ? Array.isArray(n) && n.includes(b) : n === b;
   return /* @__PURE__ */ e(
     "div",
     {
       className: f,
       role: "group",
       ...i,
-      children: n.map((v, N) => {
-        const m = y(v.id), h = [
+      children: l.map((b, N) => {
+        const m = y(b.id), h = [
           `${u}__item`,
           m && `${u}__item--selected`,
-          v.disabled && `${u}__item--disabled`,
+          b.disabled && `${u}__item--disabled`,
           N === 0 && `${u}__item--first`,
-          N === n.length - 1 && `${u}__item--last`
+          N === l.length - 1 && `${u}__item--last`
         ].filter(Boolean).join(" ");
         return /* @__PURE__ */ w(
           "button",
           {
             className: h,
-            onClick: () => p(v.id),
-            disabled: s || v.disabled,
+            onClick: () => p(b.id),
+            disabled: s || b.disabled,
             type: "button",
             "aria-pressed": m,
             children: [
-              v.icon && /* @__PURE__ */ e("span", { className: `${u}__item-icon`, children: v.icon }),
-              /* @__PURE__ */ e("span", { className: `${u}__item-label`, children: v.label })
+              b.icon && /* @__PURE__ */ e("span", { className: `${u}__item-icon`, children: b.icon }),
+              /* @__PURE__ */ e("span", { className: `${u}__item-label`, children: b.label })
             ]
           },
-          v.id
+          b.id
         );
       })
     }
@@ -264,17 +311,17 @@ var Et = {
   attr: void 0
 }, Tt = I.createContext && I.createContext(Et), st = function() {
   return st = Object.assign || function(t) {
-    for (var a, r = 1, n = arguments.length; r < n; r++) {
+    for (var a, r = 1, l = arguments.length; r < l; r++) {
       a = arguments[r];
-      for (var l in a) Object.prototype.hasOwnProperty.call(a, l) && (t[l] = a[l]);
+      for (var n in a) Object.prototype.hasOwnProperty.call(a, n) && (t[n] = a[n]);
     }
     return t;
   }, st.apply(this, arguments);
 }, $e = function(t, a) {
   var r = {};
-  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && a.indexOf(n) < 0 && (r[n] = t[n]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var l = 0, n = Object.getOwnPropertySymbols(t); l < n.length; l++)
-    a.indexOf(n[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[l]) && (r[n[l]] = t[n[l]]);
+  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 St(t) {
@@ -293,12 +340,12 @@ function xe(t) {
 }
 function ke(t) {
   var a = function(r) {
-    var n = t.attr, l = t.size, o = t.title, s = $e(t, ["attr", "size", "title"]), c = l || r.size || "1em", d;
+    var l = t.attr, n = t.size, o = t.title, s = $e(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"
-    }, r.attr, n, s, {
+    }, r.attr, l, s, {
       className: d,
       style: st(st({
         color: t.color || r.color
@@ -319,8 +366,8 @@ const pt = ({
   content: t,
   position: a = "top",
   variant: r = "primary",
-  bgColor: n,
-  textColor: l,
+  bgColor: l,
+  textColor: n,
   plain: o = !1,
   children: s,
   className: c = "",
@@ -331,7 +378,7 @@ const pt = ({
   arrow: f = !0,
   ...p
 }) => {
-  const [y, v] = D(!1), [N, m] = D(a), [h, _] = D({ top: 0, left: 0 }), [x, E] = D(null), C = et(null), B = et(null), R = "clarity-tooltip", $ = 8, k = !!n || o;
+  const [y, b] = D(!1), [N, m] = D(a), [h, _] = D({ top: 0, left: 0 }), [x, E] = D(null), C = et(null), B = et(null), R = "clarity-tooltip", $ = 8, k = !!l || o;
   let A = "";
   k ? A = `${R}__content--custom-bg` : A = `${R}__content--${r}`;
   const H = [
@@ -343,7 +390,7 @@ const pt = ({
     A,
     f && `${R}__content--arrow`
   ].filter(Boolean).join(" "), z = {}, M = {};
-  k && (M["--tooltip-bg-color"] = n || "#FFFFFF"), (l || o) && (M["--tooltip-text-color"] = l || "var(--clarity-gray-900)");
+  k && (M["--tooltip-bg-color"] = l || "#FFFFFF"), (n || o) && (M["--tooltip-text-color"] = n || "var(--clarity-gray-900)");
   const F = {
     ...z,
     ...Object.keys(M).length > 0 ? M : {},
@@ -361,13 +408,13 @@ const pt = ({
     if (d) return;
     x && clearTimeout(x);
     const O = setTimeout(() => {
-      v(!0);
+      b(!0);
     }, i);
     E(O);
   }, U = () => {
     x && clearTimeout(x);
     const O = setTimeout(() => {
-      v(!1);
+      b(!1);
     }, u);
     E(O);
   }, L = () => {
@@ -382,7 +429,7 @@ const pt = ({
   }, [x]);
   const Z = () => {
     if (!y || !B.current || !C.current) return;
-    const O = B.current.getBoundingClientRect(), X = C.current.getBoundingClientRect(), V = window.scrollX, Y = window.scrollY, nt = window.innerWidth, b = window.innerHeight, W = {
+    const O = B.current.getBoundingClientRect(), X = C.current.getBoundingClientRect(), V = window.scrollX, Y = window.scrollY, lt = window.innerWidth, v = window.innerHeight, W = {
       top: {
         top: O.top + Y - X.height - $,
         left: O.left + V + (O.width - X.width) / 2
@@ -419,7 +466,7 @@ const pt = ({
     let T = a;
     const G = (Q) => {
       const at = W[Q], it = at.top - Y, ft = at.left - V;
-      return it >= 0 && it + X.height <= b && ft >= 0 && ft + X.width <= nt;
+      return it >= 0 && it + X.height <= v && ft >= 0 && ft + X.width <= lt;
     };
     if (!G(T)) {
       const at = {
@@ -481,8 +528,8 @@ const pt = ({
   variant: t = "primary",
   size: a = "medium",
   label: r,
-  ariaLabel: n,
-  error: l = !1,
+  ariaLabel: l,
+  error: n = !1,
   errorMessage: o,
   startIcon: s,
   endIcon: c,
@@ -493,7 +540,7 @@ const pt = ({
   value: f,
   defaultValue: p,
   onFocus: y,
-  onBlur: v,
+  onBlur: b,
   ...N
 }, m) => {
   const [h, _] = D(!1), [x, E] = D(!1), C = et(null), B = N.id || `input-${Math.random().toString(36).substr(2, 9)}`, R = et(null), [$, k] = D(!1);
@@ -514,13 +561,13 @@ const pt = ({
   const A = (j) => {
     _(!0), y == null || y(j);
   }, H = (j) => {
-    _(!1), E(j.target.value.length > 0), v == null || v(j);
+    _(!1), E(j.target.value.length > 0), b == null || b(j);
   }, S = [
     "clarity-input",
     "clarity-input--outlined",
     `clarity-input--${a}`,
     t && `clarity-input--${t}`,
-    l && "clarity-input--error",
+    n && "clarity-input--error",
     g && "clarity-input--disabled",
     h && "clarity-input--focused",
     x && "clarity-input--has-value",
@@ -565,7 +612,7 @@ const pt = ({
               defaultValue: p,
               onFocus: A,
               onBlur: H,
-              "aria-label": n,
+              "aria-label": l,
               ...N
             }
           ),
@@ -588,7 +635,7 @@ const pt = ({
             defaultValue: p,
             onFocus: A,
             onBlur: H,
-            "aria-label": n,
+            "aria-label": l,
             ...N
           }
         ),
@@ -597,7 +644,7 @@ const pt = ({
       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--${M}`, children: F("bottom", M) }),
-    l && o && /* @__PURE__ */ e("div", { className: "clarity-input__helper-text", children: o })
+    n && o && /* @__PURE__ */ e("div", { className: "clarity-input__helper-text", children: o })
   ] });
 });
 Te.displayName = "Input";
@@ -605,8 +652,8 @@ const je = I.forwardRef(({
   variant: t = "primary",
   size: a = "medium",
   label: r,
-  helper: n = !1,
-  helperPosition: l = "middle-right",
+  helper: l = !1,
+  helperPosition: n = "middle-right",
   error: o = !1,
   errorMessage: s,
   startIcon: c,
@@ -617,7 +664,7 @@ const je = I.forwardRef(({
   defaultValue: f,
   onFocus: p,
   onBlur: y,
-  rows: v = 3,
+  rows: b = 3,
   minHeight: N,
   maxHeight: m,
   resizable: h = !0,
@@ -648,9 +695,9 @@ const je = I.forwardRef(({
     resize: h ? "vertical" : "none",
     minHeight: N ? `${N}px` : void 0,
     maxHeight: m ? `${m}px` : void 0
-  }, z = l != null && l.endsWith("left") ? "left" : "right", M = (j, U) => {
-    if (!n) return null;
-    const L = typeof n == "object" ? n : void 0, K = (L == null ? void 0 : L.content) ?? "Ajuda", P = (L == null ? void 0 : L.plain) === !0, Z = L == null ? void 0 : L.variant, q = L == null ? void 0 : L.bgColor, tt = L == null ? void 0 : L.textColor, O = j === "middle" ? 20 : 16;
+  }, z = n != null && n.endsWith("left") ? "left" : "right", M = (j, U) => {
+    if (!l) return null;
+    const L = typeof l == "object" ? l : void 0, K = (L == null ? void 0 : L.content) ?? "Ajuda", P = (L == null ? void 0 : L.plain) === !0, Z = L == null ? void 0 : L.variant, q = L == null ? void 0 : L.bgColor, tt = L == null ? void 0 : L.textColor, O = j === "middle" ? 20 : 16;
     return /* @__PURE__ */ e(
       pt,
       {
@@ -678,7 +725,7 @@ const je = I.forwardRef(({
             defaultValue: f,
             onFocus: k,
             onBlur: A,
-            rows: v,
+            rows: b,
             style: S,
             ..._
           }
@@ -690,13 +737,13 @@ const je = I.forwardRef(({
     o && s && /* @__PURE__ */ e("div", { className: "clarity-textarea__helper-text", children: s })
   ] });
   return /* @__PURE__ */ w("div", { className: "clarity-textarea-container", children: [
-    n && (l == null ? void 0 : l.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-textarea__helper-row clarity-textarea__helper-row--top clarity-textarea__helper-row--${z}`, children: M("top", z) }),
-    n && (l != null && l.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-textarea__middle-row clarity-textarea__middle-row--${z}`, 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--${z}`, children: M("top", z) }),
+    l && (n != null && n.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-textarea__middle-row clarity-textarea__middle-row--${z}`, children: [
       z === "left" && M("middle", z),
       F,
       z === "right" && M("middle", z)
     ] }) : F,
-    n && (l == null ? void 0 : l.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-textarea__helper-row clarity-textarea__helper-row--bottom clarity-textarea__helper-row--${z}`, children: M("bottom", z) })
+    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--${z}`, children: M("bottom", z) })
   ] });
 });
 je.displayName = "Textarea";
@@ -704,8 +751,8 @@ const Le = I.forwardRef(({
   variant: t = "primary",
   size: a = "medium",
   label: r,
-  helper: n = !1,
-  helperPosition: l = "top-right",
+  helper: l = !1,
+  helperPosition: n = "top-right",
   error: o = !1,
   errorMessage: s,
   startIcon: c,
@@ -716,7 +763,7 @@ const Le = I.forwardRef(({
   defaultValue: f,
   onFocus: p,
   onBlur: y,
-  onChange: v,
+  onChange: b,
   options: N = [],
   placeholder: m = "Selecione uma opção",
   isClearable: h = !1,
@@ -727,28 +774,28 @@ const Le = I.forwardRef(({
   I.useImperativeHandle(E, () => z.current), J(() => {
     g !== void 0 && A(g);
   }, [g]), J(() => {
-    const b = (W) => {
+    const v = (W) => {
       z.current && !z.current.contains(W.target) && (B(!1), $(!1), y == null || y());
     };
-    return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
+    return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
   }, [y]);
   const j = _ && H ? F.filter(
-    (b) => b.label.toLowerCase().includes(H.toLowerCase())
+    (v) => v.label.toLowerCase().includes(H.toLowerCase())
   ) : F, U = () => {
     u || (B(!C), $(!C), C ? (y == null || y(), _ && S("")) : (p == null || p(), _ && setTimeout(() => {
-      var b;
-      (b = M.current) == null || b.focus();
+      var v;
+      (v = M.current) == null || v.focus();
     }, 0)));
-  }, L = (b, W) => {
-    b.disabled || (A(b.value), B(!1), $(!1), S(""), v == null || v(b, W), y == null || y());
-  }, K = (b) => {
-    S(b.target.value);
-  }, P = (b) => {
-    b.key === "Escape" ? (B(!1), $(!1), S("")) : b.key === "Enter" && j.length > 0 && j[0] && L(j[0], b);
-  }, Z = F.find((b) => b.value === k), q = k !== "" && k !== void 0, tt = (b) => {
-    b.stopPropagation(), A("");
+  }, L = (v, W) => {
+    v.disabled || (A(v.value), B(!1), $(!1), S(""), b == null || b(v, W), y == null || y());
+  }, K = (v) => {
+    S(v.target.value);
+  }, P = (v) => {
+    v.key === "Escape" ? (B(!1), $(!1), S("")) : v.key === "Enter" && j.length > 0 && j[0] && L(j[0], v);
+  }, Z = F.find((v) => v.value === k), q = k !== "" && k !== void 0, tt = (v) => {
+    v.stopPropagation(), A("");
     const W = { value: "", label: "" };
-    v == null || v(W, b);
+    b == null || b(W, v);
   }, O = q || R || m || _ && H, X = [
     "clarity-select",
     "clarity-select--outlined",
@@ -763,14 +810,14 @@ const Le = I.forwardRef(({
     c && "clarity-select--with-start-icon",
     (d || h) && "clarity-select--with-end-icon",
     i
-  ].filter(Boolean).join(" "), V = l != null && l.endsWith("left") ? "left" : "right", Y = (b, W) => {
-    if (!n) return null;
-    const T = typeof n == "object" ? n : void 0, G = (T == null ? void 0 : T.content) ?? "Ajuda", Q = (T == null ? void 0 : T.plain) === !0, at = T == null ? void 0 : T.variant, it = T == null ? void 0 : T.bgColor, ft = T == null ? void 0 : T.textColor, gt = b === "middle" ? 20 : 16;
+  ].filter(Boolean).join(" "), V = n != null && n.endsWith("left") ? "left" : "right", Y = (v, W) => {
+    if (!l) return null;
+    const T = typeof l == "object" ? l : void 0, G = (T == null ? void 0 : T.content) ?? "Ajuda", Q = (T == null ? void 0 : T.plain) === !0, at = T == null ? void 0 : T.variant, it = T == null ? void 0 : T.bgColor, ft = T == null ? void 0 : T.textColor, gt = v === "middle" ? 20 : 16;
     return /* @__PURE__ */ e(
       pt,
       {
         content: G,
-        position: b === "middle" ? W === "left" ? "left" : "right" : b === "top" ? W === "left" ? "top-left" : "top-right" : W === "left" ? "bottom-left" : "bottom-right",
+        position: v === "middle" ? W === "left" ? "left" : "right" : v === "top" ? W === "left" ? "top-left" : "top-right" : W === "left" ? "bottom-left" : "bottom-right",
         trigger: "hover",
         variant: at || t,
         plain: Q,
@@ -779,7 +826,7 @@ const Le = I.forwardRef(({
         children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-select__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: gt, height: gt, fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M12.866 3l9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0zM11 16v2h2v-2h-2zm0-7v5h2V9h-2z" }) }) })
       }
     );
-  }, nt = /* @__PURE__ */ w(
+  }, lt = /* @__PURE__ */ w(
     "div",
     {
       ref: z,
@@ -867,42 +914,42 @@ const Le = I.forwardRef(({
             )
           }
         ),
-        C && /* @__PURE__ */ e("div", { className: "clarity-select__dropdown", children: /* @__PURE__ */ e("ul", { className: "clarity-select__options", role: "listbox", children: j.length > 0 ? j.map((b) => /* @__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((v) => /* @__PURE__ */ e(
           "li",
           {
             className: [
               "clarity-select__option",
-              b.disabled && "clarity-select__option--disabled",
-              k === b.value && "clarity-select__option--selected"
+              v.disabled && "clarity-select__option--disabled",
+              k === v.value && "clarity-select__option--selected"
             ].filter(Boolean).join(" "),
-            onClick: (W) => L(b, W),
+            onClick: (W) => L(v, W),
             role: "option",
-            "aria-selected": k === b.value,
-            children: b.label
+            "aria-selected": k === v.value,
+            children: v.label
           },
-          b.value
+          v.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: [
-    n && (l == null ? void 0 : l.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-select__helper-row clarity-select__helper-row--top clarity-select__helper-row--${V}`, children: Y("top", V) }),
-    n && (l != null && l.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-select__middle-row clarity-select__middle-row--${V}`, 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--${V}`, children: Y("top", V) }),
+    l && (n != null && n.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-select__middle-row clarity-select__middle-row--${V}`, children: [
       V === "left" && Y("middle", V),
-      nt,
+      lt,
       V === "right" && Y("middle", V)
-    ] }) : nt,
-    n && (l == null ? void 0 : l.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-select__helper-row clarity-select__helper-row--bottom clarity-select__helper-row--${V}`, children: Y("bottom", V) }),
+    ] }) : 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--${V}`, children: Y("bottom", V) }),
     o && s && /* @__PURE__ */ e("div", { className: "clarity-select__helper-text", children: s })
   ] });
 });
 Le.displayName = "Select";
-const Ee = ve(({
+const Ee = be(({
   options: t = [],
   value: a = [],
   onChange: r,
-  placeholder: n = "Selecione opções",
-  label: l,
+  placeholder: l = "Selecione opções",
+  label: n,
   helper: o = !1,
   helperPosition: s = "top-right",
   error: c = !1,
@@ -913,50 +960,50 @@ const Ee = ve(({
   maxSelectedLabels: f = 3,
   selectionLimit: p,
   className: y = "",
-  id: v,
+  id: b,
   name: N,
   required: m = !1,
   "data-testid": h,
   ..._
 }, x) => {
-  const [E, C] = D(!1), [B, R] = D(""), [$, k] = D(!1), A = et(null), H = et(null), S = et(null), z = Array.isArray(t) ? t : [], M = (b) => {
-    A.current = b, x && (typeof x == "function" ? x(b) : x.current = b);
+  const [E, C] = D(!1), [B, R] = D(""), [$, k] = D(!1), A = et(null), H = et(null), S = et(null), z = Array.isArray(t) ? t : [], M = (v) => {
+    A.current = v, x && (typeof x == "function" ? x(v) : x.current = v);
   };
   J(() => {
-    const b = (W) => {
+    const v = (W) => {
       A.current && !A.current.contains(W.target) && (C(!1), k(!1), R(""));
     };
-    return document.addEventListener("click", b), () => document.removeEventListener("click", b);
+    return document.addEventListener("click", v), () => document.removeEventListener("click", v);
   }, []);
   const F = z.filter(
-    (b) => b.label.toLowerCase().includes(B.toLowerCase())
+    (v) => v.label.toLowerCase().includes(B.toLowerCase())
   ), j = () => {
     i || (C(!E), k(!E), E ? R("") : setTimeout(() => {
-      var b;
-      (b = H.current) == null || b.focus();
+      var v;
+      (v = H.current) == null || v.focus();
     }, 100));
-  }, U = (b, W) => {
+  }, U = (v, W) => {
     if (i)
       return;
     W && (W.stopPropagation(), W.preventDefault());
-    const T = a.includes(b);
+    const T = a.includes(v);
     let G;
-    T ? G = a.filter((Q) => Q !== b) : G = [...a, b], r && r(G);
-  }, L = (b, W) => {
+    T ? G = a.filter((Q) => Q !== v) : G = [...a, v], r && r(G);
+  }, L = (v, W) => {
     if (W.stopPropagation(), i) return;
-    const T = a.filter((G) => G !== b);
+    const T = a.filter((G) => G !== v);
     r == null || r(T);
-  }, K = (b) => {
-    b.stopPropagation(), !i && (r == null || r([]));
-  }, P = (b) => {
-    R(b.target.value);
-  }, Z = (b) => {
-    b.key === "Escape" && (C(!1), k(!1), R(""));
+  }, K = (v) => {
+    v.stopPropagation(), !i && (r == null || r([]));
+  }, P = (v) => {
+    R(v.target.value);
+  }, Z = (v) => {
+    v.key === "Escape" && (C(!1), k(!1), R(""));
   }, q = $ || E || a.length > 0, tt = () => {
     if (a.length === 0) return null;
-    const b = a.map(
+    const v = a.map(
       (G) => z.find((Q) => Q.value === G)
-    ).filter(Boolean), W = b.slice(0, f), T = b.length - f;
+    ).filter(Boolean), W = v.slice(0, f), T = v.length - f;
     return /* @__PURE__ */ w("div", { className: "clarity-multiselect__chips", children: [
       W.map((G) => /* @__PURE__ */ w("div", { className: "clarity-multiselect__chip", children: [
         /* @__PURE__ */ e("span", { className: "clarity-multiselect__chip-label", children: G.label }),
@@ -990,14 +1037,14 @@ const Ee = ve(({
     c && "clarity-multiselect--error",
     i && "clarity-multiselect--disabled",
     a.length > 0 && "clarity-multiselect--has-value"
-  ].filter(Boolean).join(" "), V = s != null && s.endsWith("left") ? "left" : "right", Y = (b, W) => {
+  ].filter(Boolean).join(" "), V = s != null && s.endsWith("left") ? "left" : "right", Y = (v, W) => {
     if (!o) return null;
-    const T = typeof o == "object" ? o : void 0, G = (T == null ? void 0 : T.content) ?? "Ajuda", Q = (T == null ? void 0 : T.plain) === !0, at = T == null ? void 0 : T.variant, it = T == null ? void 0 : T.bgColor, ft = T == null ? void 0 : T.textColor, gt = b === "middle" ? 20 : 16;
+    const T = typeof o == "object" ? o : void 0, G = (T == null ? void 0 : T.content) ?? "Ajuda", Q = (T == null ? void 0 : T.plain) === !0, at = T == null ? void 0 : T.variant, it = T == null ? void 0 : T.bgColor, ft = T == null ? void 0 : T.textColor, gt = v === "middle" ? 20 : 16;
     return /* @__PURE__ */ e(
       pt,
       {
         content: G,
-        position: b === "middle" ? W === "left" ? "left" : "right" : b === "top" ? W === "left" ? "top-left" : "top-right" : W === "left" ? "bottom-left" : "bottom-right",
+        position: v === "middle" ? W === "left" ? "left" : "right" : v === "top" ? W === "left" ? "top-left" : "top-right" : W === "left" ? "bottom-left" : "bottom-right",
         trigger: "hover",
         variant: at || u,
         plain: Q,
@@ -1006,7 +1053,7 @@ const Ee = ve(({
         children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-multiselect__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: gt, height: gt, fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M12.866 3l9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0zM11 16v2h2v-2h-2zm0-7v5h2V9h-2z" }) }) })
       }
     );
-  }, nt = /* @__PURE__ */ w(
+  }, lt = /* @__PURE__ */ w(
     "div",
     {
       ref: M,
@@ -1020,11 +1067,11 @@ const Ee = ve(({
             className: "clarity-multiselect__field",
             onClick: j,
             children: [
-              l && /* @__PURE__ */ w("label", { className: "clarity-multiselect__label", children: [
-                l,
+              n && /* @__PURE__ */ w("label", { className: "clarity-multiselect__label", children: [
+                n,
                 m && /* @__PURE__ */ e("span", { className: "clarity-multiselect__required", children: "*" })
               ] }),
-              /* @__PURE__ */ e("div", { className: "clarity-multiselect__content", children: a.length > 0 ? tt() : /* @__PURE__ */ e("span", { className: "clarity-multiselect__placeholder", children: n }) }),
+              /* @__PURE__ */ e("div", { className: "clarity-multiselect__content", children: a.length > 0 ? tt() : /* @__PURE__ */ e("span", { className: "clarity-multiselect__placeholder", children: l }) }),
               /* @__PURE__ */ w("div", { className: "clarity-multiselect__icons", children: [
                 a.length > 0 && !i && /* @__PURE__ */ e(
                   "button",
@@ -1063,8 +1110,8 @@ const Ee = ve(({
               onKeyDown: Z
             }
           ) }),
-          /* @__PURE__ */ e("ul", { className: "clarity-multiselect__options", children: F.length > 0 ? F.map((b) => {
-            const W = a.includes(b.value), T = b.disabled || i;
+          /* @__PURE__ */ e("ul", { className: "clarity-multiselect__options", children: F.length > 0 ? F.map((v) => {
+            const W = a.includes(v.value), T = v.disabled || i;
             return /* @__PURE__ */ w(
               "li",
               {
@@ -1073,7 +1120,7 @@ const Ee = ve(({
                   W && "clarity-multiselect__option--selected",
                   T && "clarity-multiselect__option--disabled"
                 ].filter(Boolean).join(" "),
-                onClick: (G) => !T && U(b.value, G),
+                onClick: (G) => !T && U(v.value, G),
                 children: [
                   /* @__PURE__ */ e("div", { className: "clarity-multiselect__option-checkbox", children: /* @__PURE__ */ e("div", { className: [
                     "clarity-multiselect__checkbox",
@@ -1088,10 +1135,10 @@ const Ee = ve(({
                       strokeLinejoin: "round"
                     }
                   ) }) }) }),
-                  /* @__PURE__ */ e("span", { className: "clarity-multiselect__option-label", children: b.label })
+                  /* @__PURE__ */ e("span", { className: "clarity-multiselect__option-label", children: v.label })
                 ]
               },
-              b.value
+              v.value
             );
           }) : /* @__PURE__ */ e("li", { className: "clarity-multiselect__option clarity-multiselect__option--no-results", children: "Nenhum resultado encontrado" }) })
         ] })
@@ -1102,9 +1149,9 @@ const Ee = ve(({
     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--${V}`, children: Y("top", V) }),
     o && (s != null && s.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-multiselect__middle-row clarity-multiselect__middle-row--${V}`, children: [
       V === "left" && Y("middle", V),
-      nt,
+      lt,
       V === "right" && Y("middle", V)
-    ] }) : nt,
+    ] }) : 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--${V}`, children: Y("bottom", V) }),
     c && d && /* @__PURE__ */ e("div", { className: "clarity-multiselect__helper", children: /* @__PURE__ */ e("span", { className: "clarity-multiselect__error-message", children: d }) })
   ] });
@@ -1120,19 +1167,19 @@ const Rt = ct(null), Ot = () => {
   className: a = "",
   title: r
 }) => {
-  const { onClose: n, variant: l, showCloseButton: o } = Ot(), s = [
+  const { onClose: l, variant: n, showCloseButton: o } = Ot(), s = [
     "clarity-modal-header",
     a,
-    l && `clarity-modal-header--${l}`
+    n && `clarity-modal-header--${n}`
   ].filter(Boolean).join(" "), c = [
     "clarity-modal-close",
-    l && `clarity-modal-close--${l}`
+    n && `clarity-modal-close--${n}`
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ w("div", { className: s, children: [
     r && /* @__PURE__ */ e("h2", { className: "clarity-modal-title", children: r }),
     t,
     o && /* @__PURE__ */ e("button", { className: c, onClick: (d) => {
-      d.stopPropagation(), n();
+      d.stopPropagation(), l();
     }, children: "×" })
   ] });
 };
@@ -1146,8 +1193,8 @@ const Ht = ({ children: t, className: a = "" }) => /* @__PURE__ */ w("div", { cl
 Ht.displayName = "Modal.Footer";
 const Mt = ({ children: t, onClick: a }) => rt(t, {
   onClick: (r) => {
-    var n, l;
-    a == null || a(), (l = (n = t.props).onClick) == null || l.call(n, r);
+    var l, n;
+    a == null || a(), (n = (l = t.props).onClick) == null || n.call(l, r);
   }
 });
 Mt.displayName = "Modal.Trigger";
@@ -1155,8 +1202,8 @@ const Vt = ({ children: t }) => {
   const { onClose: a } = Ot();
   return rt(t, {
     onClick: (r) => {
-      var n, l;
-      a(), (l = (n = t.props).onClick) == null || l.call(n, r);
+      var l, n;
+      a(), (n = (l = t.props).onClick) == null || n.call(l, r);
     }
   });
 };
@@ -1165,8 +1212,8 @@ const mt = ({
   isOpen: t,
   onClose: a,
   onOpen: r,
-  children: n,
-  className: l = "",
+  children: l,
+  className: n = "",
   variant: o,
   size: s = "medium",
   showCloseButton: c = !0,
@@ -1187,13 +1234,13 @@ const mt = ({
   }, [f, p]);
   const y = (h) => {
     d && h.target === h.currentTarget && p();
-  }, v = I.Children.toArray(n).find(
+  }, b = I.Children.toArray(l).find(
     (h) => ot(h) && h.type.displayName === "Modal.Trigger"
-  ), N = I.Children.toArray(n).filter(
+  ), N = I.Children.toArray(l).filter(
     (h) => ot(h) && h.type.displayName !== "Modal.Trigger"
-  ), m = ["clarity-modal", l, `clarity-modal--${s}`].filter(Boolean).join(" ");
+  ), m = ["clarity-modal", n, `clarity-modal--${s}`].filter(Boolean).join(" ");
   return /* @__PURE__ */ w(Rt.Provider, { value: { onClose: p, variant: o, showCloseButton: c }, children: [
-    v && rt(v, { onClick: () => u(!0) }),
+    b && rt(b, { onClick: () => u(!0) }),
     f && /* @__PURE__ */ e("div", { className: "clarity-modal-overlay", onClick: y, children: /* @__PURE__ */ e("div", { className: m, children: N }) })
   ] });
 };
@@ -1208,20 +1255,20 @@ const zt = ct(void 0), ea = () => {
   if (!t)
     throw new Error("useToast must be used within a ToastProvider");
   return t;
-}, Se = ({ id: t, message: a, variant: r, duration: n, onClose: l, invertColors: o }) => {
+}, Se = ({ id: t, message: a, variant: r, duration: l, onClose: n, invertColors: o }) => {
   const [s, c] = D("entering");
   J(() => {
     const i = setTimeout(() => {
       c("visible");
     }, 10), u = setTimeout(() => {
       c("exiting");
-    }, n * 1e3 - 300), g = setTimeout(() => {
-      l(t);
-    }, n * 1e3);
+    }, l * 1e3 - 300), g = setTimeout(() => {
+      n(t);
+    }, l * 1e3);
     return () => {
       clearTimeout(i), clearTimeout(u), clearTimeout(g);
     };
-  }, [t, n, l]);
+  }, [t, l, n]);
   const d = [
     "cl-toast",
     r,
@@ -1235,12 +1282,12 @@ const zt = ct(void 0), ea = () => {
       "div",
       {
         className: "cl-toast-progress-bar",
-        style: { animationDuration: `${n}s` }
+        style: { animationDuration: `${l}s` }
       }
     )
   ] });
 }, aa = ({ children: t }) => {
-  const [a, r] = D([]), n = bt(() => {
+  const [a, r] = D([]), l = vt(() => {
     if (typeof document < "u") {
       const d = document.createElement("div");
       return d.id = "toast-portal-root", d;
@@ -1248,12 +1295,12 @@ const zt = ct(void 0), ea = () => {
     return null;
   }, []);
   J(() => {
-    if (n)
-      return document.body.appendChild(n), () => {
-        document.body.removeChild(n);
+    if (l)
+      return document.body.appendChild(l), () => {
+        document.body.removeChild(l);
       };
-  }, [n]);
-  const l = _t((d) => {
+  }, [l]);
+  const n = _t((d) => {
     const u = {
       id: (/* @__PURE__ */ new Date()).toISOString() + Math.random(),
       // duration: 5,
@@ -1266,12 +1313,12 @@ const zt = ct(void 0), ea = () => {
     });
   }, []), o = _t((d) => {
     r((i) => i.filter((u) => u.id !== d));
-  }, []), s = bt(() => a.reduce((d, i) => (d[i.position] || (d[i.position] = []), d[i.position].push(i), d), {}), [a]), c = bt(() => ({ show: l }), [l]);
+  }, []), s = vt(() => a.reduce((d, i) => (d[i.position] || (d[i.position] = []), d[i.position].push(i), d), {}), [a]), c = vt(() => ({ show: n }), [n]);
   return /* @__PURE__ */ w(zt.Provider, { value: c, children: [
     t,
-    n && we.createPortal(
+    l && we.createPortal(
       Object.entries(s).map(([d, i]) => /* @__PURE__ */ e("div", { className: `cl-toast-container ${d}`, children: i.map((u) => /* @__PURE__ */ e(Se, { ...u, onClose: o }, u.id)) }, d)),
-      n
+      l
     )
   ] });
 }, Dt = ct(null), At = () => {
@@ -1283,20 +1330,20 @@ const zt = ct(void 0), ea = () => {
   children: t,
   className: a = ""
 }) => {
-  const { onClose: r, variant: n, showCloseButton: l, title: o } = At(), s = [
+  const { onClose: r, variant: l, showCloseButton: n, title: o } = At(), s = [
     "clarity-offcanvas-header",
     a
   ].filter(Boolean).join(" "), c = [
     "clarity-offcanvas-close",
-    n && `clarity-offcanvas-close--${n}`
+    l && `clarity-offcanvas-close--${l}`
   ].filter(Boolean).join(" "), d = [
     "clarity-offcanvas-title",
-    n && `clarity-offcanvas-title--${n}`
+    l && `clarity-offcanvas-title--${l}`
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ w("div", { className: s, children: [
     o && /* @__PURE__ */ e("h2", { className: d, children: o }),
     t,
-    l && /* @__PURE__ */ e("button", { className: c, onClick: (i) => {
+    n && /* @__PURE__ */ e("button", { className: c, onClick: (i) => {
       i.stopPropagation(), r();
     }, children: "×" })
   ] });
@@ -1305,9 +1352,9 @@ 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: (n) => {
-    var l, o;
-    a == null || a(), (o = (l = t.props).onClick) == null || o.call(l, n);
+  onClick: (l) => {
+    var n, o;
+    a == null || a(), (o = (n = t.props).onClick) == null || o.call(n, l);
   },
   variant: r
 });
@@ -1318,8 +1365,8 @@ const Xt = ({ children: t }) => {
   const { onClose: a } = At();
   return rt(t, {
     onClick: (r) => {
-      var n, l;
-      a(), (l = (n = t.props).onClick) == null || l.call(n, r);
+      var l, n;
+      a(), (n = (l = t.props).onClick) == null || n.call(l, r);
     }
   });
 };
@@ -1328,22 +1375,22 @@ const ht = ({
   isOpen: t,
   onClose: a,
   onOpen: r,
-  children: n,
-  className: l = "",
+  children: l,
+  className: n = "",
   variant: o,
   placement: s = "right",
   closeOnOverlayClick: c = !0,
   showCloseButton: d = !0,
   title: i
 }) => {
-  const [u, g] = D(!1), [f, p] = D(!1), [y, v] = D(!1), N = t !== void 0, m = N ? t : u, h = _t(() => {
+  const [u, g] = D(!1), [f, p] = D(!1), [y, b] = D(!1), N = t !== void 0, m = N ? t : u, h = _t(() => {
     a ? a() : g(!1);
   }, [a]), _ = _t(() => {
     N || g(!0), r == null || r();
   }, [N, r]);
   J(() => {
     if (m) {
-      v(!0);
+      b(!0);
       const S = setTimeout(() => {
         p(!0);
       }, 50);
@@ -1351,7 +1398,7 @@ const ht = ({
     } else {
       p(!1);
       const S = setTimeout(() => {
-        v(!1);
+        b(!1);
       }, 300);
       return () => clearTimeout(S);
     }
@@ -1365,7 +1412,7 @@ const ht = ({
   }, [m, h]);
   const x = (S) => {
     c && S.target === S.currentTarget && h();
-  }, E = I.Children.toArray(n);
+  }, E = I.Children.toArray(l);
   let C, B, R, $, k;
   E.forEach((S) => {
     if (ot(S))
@@ -1386,7 +1433,7 @@ const ht = ({
   }) : $ = /* @__PURE__ */ e($t, { children: k }));
   const A = [
     "clarity-offcanvas",
-    l,
+    n,
     `clarity-offcanvas--${s}`,
     o && `clarity-offcanvas--${o}`,
     f ? "clarity-offcanvas--open" : "clarity-offcanvas--closed"
@@ -1416,8 +1463,8 @@ const Re = I.forwardRef(({
   type: t,
   variant: a = "primary",
   size: r = "medium",
-  label: n,
-  helperText: l,
+  label: l,
+  helperText: n,
   helper: o = !1,
   helperPosition: s = "middle-right",
   error: c = !1,
@@ -1428,7 +1475,7 @@ const Re = I.forwardRef(({
   checked: f,
   id: p,
   ...y
-}, v) => {
+}, b) => {
   const N = p || `check-input-${Math.random().toString(36).substr(2, 9)}`, m = [
     "clarity-check-input-wrapper",
     `clarity-check-input-wrapper--${i}`,
@@ -1466,7 +1513,7 @@ const Re = I.forwardRef(({
     /* @__PURE__ */ e(
       "input",
       {
-        ref: v,
+        ref: b,
         id: N,
         type: t,
         className: h,
@@ -1497,7 +1544,7 @@ const Re = I.forwardRef(({
       ),
       t === "radio" && /* @__PURE__ */ e("div", { className: "clarity-check-input__radio-dot" })
     ] }),
-    n && /* @__PURE__ */ e("span", { className: _, children: n })
+    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--${x}`, children: E("top", x) }),
@@ -1507,7 +1554,7 @@ const Re = I.forwardRef(({
       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) }),
-    (l || c && d) && /* @__PURE__ */ e("div", { className: "clarity-check-input__helper-text", children: c && d ? d : l })
+    (n || c && d) && /* @__PURE__ */ e("div", { className: "clarity-check-input__helper-text", children: c && d ? d : n })
   ] });
 });
 Re.displayName = "CheckInput";
@@ -1515,8 +1562,8 @@ const Oe = I.forwardRef(({
   variant: t = "primary",
   size: a = "medium",
   label: r,
-  helper: n = !1,
-  helperPosition: l = "middle-right",
+  helper: l = !1,
+  helperPosition: n = "middle-right",
   error: o = !1,
   errorMessage: s,
   labelPosition: c = "right",
@@ -1526,7 +1573,7 @@ const Oe = I.forwardRef(({
   id: g,
   ...f
 }, p) => {
-  const y = g || `input-switch-${Math.random().toString(36).substr(2, 9)}`, v = [
+  const y = g || `input-switch-${Math.random().toString(36).substr(2, 9)}`, b = [
     "clarity-input-switch-wrapper",
     `clarity-input-switch-wrapper--${c}`,
     i && "clarity-input-switch-wrapper--disabled",
@@ -1543,9 +1590,9 @@ const Oe = I.forwardRef(({
     `clarity-input-switch__label--${a}`,
     t && `clarity-input-switch__label--${t}`,
     i && "clarity-input-switch__label--disabled"
-  ].filter(Boolean).join(" "), h = l != null && l.endsWith("left") ? "left" : "right", _ = (E, C) => {
-    if (!n) return null;
-    const B = typeof n == "object" ? n : void 0, R = (B == null ? void 0 : B.content) ?? "Ajuda", $ = (B == null ? void 0 : B.plain) === !0, k = B == null ? void 0 : B.variant, A = B == null ? void 0 : B.bgColor, H = B == null ? void 0 : B.textColor, S = E === "middle" ? 20 : 16;
+  ].filter(Boolean).join(" "), h = n != null && n.endsWith("left") ? "left" : "right", _ = (E, C) => {
+    if (!l) return null;
+    const B = typeof l == "object" ? l : void 0, R = (B == null ? void 0 : B.content) ?? "Ajuda", $ = (B == null ? void 0 : B.plain) === !0, k = B == null ? void 0 : B.variant, A = B == null ? void 0 : B.bgColor, H = B == null ? void 0 : B.textColor, S = E === "middle" ? 20 : 16;
     return /* @__PURE__ */ e(
       pt,
       {
@@ -1559,7 +1606,7 @@ const Oe = I.forwardRef(({
         children: /* @__PURE__ */ e("button", { type: "button", className: "clarity-input-switch__helper-icon", "aria-label": "Helper", children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: S, height: S, fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M12.866 3l9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0zM11 16v2h2v-2h-2zm0-7v5h2V9h-2z" }) }) })
       }
     );
-  }, x = /* @__PURE__ */ w("label", { className: v, htmlFor: y, children: [
+  }, x = /* @__PURE__ */ w("label", { className: b, htmlFor: y, children: [
     /* @__PURE__ */ e(
       "input",
       {
@@ -1576,13 +1623,13 @@ const Oe = I.forwardRef(({
     r && /* @__PURE__ */ e("span", { className: m, children: r })
   ] });
   return /* @__PURE__ */ w("div", { className: "clarity-input-switch-container", children: [
-    n && (l == null ? void 0 : l.startsWith("top")) && /* @__PURE__ */ e("div", { className: `clarity-input-switch__helper-row clarity-input-switch__helper-row--top clarity-input-switch__helper-row--${h}`, children: _("top", h) }),
-    n && (l != null && l.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-input-switch__middle-row clarity-input-switch__middle-row--${h}`, 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--${h}`, children: _("top", h) }),
+    l && (n != null && n.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-input-switch__middle-row clarity-input-switch__middle-row--${h}`, children: [
       h === "left" && _("middle", h),
       x,
       h === "right" && _("middle", h)
     ] }) : x,
-    n && (l == null ? void 0 : l.startsWith("bottom")) && /* @__PURE__ */ e("div", { className: `clarity-input-switch__helper-row clarity-input-switch__helper-row--bottom clarity-input-switch__helper-row--${h}`, children: _("bottom", h) }),
+    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--${h}`, children: _("bottom", h) }),
     o && s && /* @__PURE__ */ e("div", { className: "clarity-input-switch__error-text", children: s })
   ] });
 });
@@ -1593,8 +1640,8 @@ const Yt = ct(null), wt = () => {
     throw new Error("useConfirmationDialog must be used within a ConfirmationDialog provider");
   return t;
 }, Zt = ({ children: t, className: a = "" }) => {
-  const { variant: r } = wt(), n = `clarity-confirmation-dialog-header ${a} clarity-confirmation-dialog-header--${r}`;
-  return /* @__PURE__ */ e("div", { className: n, children: t });
+  const { variant: r } = wt(), l = `clarity-confirmation-dialog-header ${a} clarity-confirmation-dialog-header--${r}`;
+  return /* @__PURE__ */ e("div", { className: l, children: t });
 };
 Zt.displayName = "ConfirmationDialog.Header";
 const qt = ({ children: t, className: a = "" }) => /* @__PURE__ */ e("div", { className: `clarity-confirmation-dialog-content ${a}`, children: t });
@@ -1605,8 +1652,8 @@ const Qt = ({ children: t }) => {
   const { onOpen: a } = wt();
   return rt(t, {
     onClick: (r) => {
-      var n, l;
-      a(), (l = (n = t.props).onClick) == null || l.call(n, r);
+      var l, n;
+      a(), (n = (l = t.props).onClick) == null || n.call(l, r);
     }
   });
 };
@@ -1615,8 +1662,8 @@ const Kt = ({ children: t }) => {
   const { onClose: a } = wt();
   return rt(t, {
     onClick: (r) => {
-      var n, l;
-      a(), (l = (n = t.props).onClick) == null || l.call(n, r);
+      var l, n;
+      a(), (n = (l = t.props).onClick) == null || n.call(l, r);
     }
   });
 };
@@ -1625,8 +1672,8 @@ const Pt = ({ children: t }) => {
   const { onConfirm: a } = wt();
   return rt(t, {
     onClick: (r) => {
-      var n, l;
-      a(), (l = (n = t.props).onClick) == null || l.call(n, r);
+      var l, n;
+      a(), (n = (l = t.props).onClick) == null || n.call(l, r);
     }
   });
 };
@@ -1635,8 +1682,8 @@ const ut = ({
   isOpen: t,
   onClose: a,
   onConfirm: r,
-  variant: n = "primary",
-  children: l,
+  variant: l = "primary",
+  children: n,
   blockScroll: o = !0
 }) => {
   const [s, c] = D(!1), d = t !== void 0, i = d ? t : s, u = () => {
@@ -1654,14 +1701,14 @@ const ut = ({
       document.removeEventListener("keydown", N), document.body.style.overflow = "unset";
     };
   }, [i, g, o]);
-  const p = I.Children.toArray(l).find(
+  const p = I.Children.toArray(n).find(
     (N) => ot(N) && N.type.displayName === "ConfirmationDialog.Trigger"
-  ), y = I.Children.toArray(l).filter(
+  ), y = I.Children.toArray(n).filter(
     (N) => ot(N) && N.type.displayName !== "ConfirmationDialog.Trigger"
-  ), v = `clarity-confirmation-dialog clarity-confirmation-dialog--${n}`;
-  return /* @__PURE__ */ w(Yt.Provider, { value: { variant: n, onClose: g, onConfirm: f, onOpen: u }, children: [
+  ), b = `clarity-confirmation-dialog clarity-confirmation-dialog--${l}`;
+  return /* @__PURE__ */ w(Yt.Provider, { value: { variant: l, onClose: g, onConfirm: f, onOpen: u }, children: [
     p,
-    i && /* @__PURE__ */ e("div", { className: "clarity-modal-overlay", children: /* @__PURE__ */ e("div", { className: v, children: y }) })
+    i && /* @__PURE__ */ e("div", { className: "clarity-modal-overlay", children: /* @__PURE__ */ e("div", { className: b, children: y }) })
   ] });
 };
 ut.Header = Zt;
@@ -1675,8 +1722,8 @@ const ra = ({
   variant: t = "primary",
   size: a = "medium",
   disabled: r = !1,
-  loading: n = !1,
-  children: l,
+  loading: l = !1,
+  children: n,
   onClick: o,
   type: s = "button",
   className: c = "",
@@ -1690,33 +1737,33 @@ const ra = ({
     p,
     !u && `${p}--${t}`,
     `${p}--${a}`,
-    n && `${p}--loading`,
+    l && `${p}--loading`,
     r && `${p}--disabled`,
     c
-  ].filter(Boolean).join(" "), v = {};
-  return u && (v["--button-icon-bg"] = u, v["--button-icon-hover-bg"] = g || `${u}E6`), /* @__PURE__ */ w(
+  ].filter(Boolean).join(" "), b = {};
+  return u && (b["--button-icon-bg"] = u, b["--button-icon-hover-bg"] = g || `${u}E6`), /* @__PURE__ */ w(
     "button",
     {
       className: y,
-      disabled: r || n,
+      disabled: r || l,
       onClick: o,
       type: s,
       "aria-label": d,
       title: i,
-      style: v,
+      style: b,
       ...f,
       children: [
-        n && /* @__PURE__ */ e("div", { className: `${p}__spinner` }),
-        !n && l
+        l && /* @__PURE__ */ e("div", { className: `${p}__spinner` }),
+        !l && n
       ]
     }
   );
-}, na = ({
+}, la = ({
   variant: t = "primary",
   product: a,
   tone: r,
-  hoverTone: n,
-  size: l = "medium",
+  hoverTone: l,
+  size: n = "medium",
   disabled: o = !1,
   children: s,
   onClick: c,
@@ -1726,10 +1773,10 @@ const ra = ({
   className: g = "",
   ...f
 }) => {
-  const p = "clarity-button-link", y = a && r, v = y ? `${p}--custom` : `${p}--${t}`, N = [
+  const p = "clarity-button-link", y = a && r, b = y ? `${p}--custom` : `${p}--${t}`, N = [
     p,
-    v,
-    `${p}--${l}`,
+    b,
+    `${p}--${n}`,
     o && `${p}--disabled`,
     g
   ].filter(Boolean).join(" "), m = (_) => {
@@ -1737,7 +1784,7 @@ const ra = ({
     return x >= 800 ? "900" : x >= 700 ? "800" : x >= 600 ? "700" : x >= 500 ? "600" : x >= 400 ? "500" : x >= 300 ? "400" : x >= 200 ? "300" : "200";
   }, h = y ? {
     "--custom-color": `var(--clarity-${a}-${r})`,
-    "--custom-hover-color": `var(--clarity-${a}-${n || m(r)})`
+    "--custom-hover-color": `var(--clarity-${a}-${l || m(r)})`
   } : {};
   return d ? /* @__PURE__ */ e(
     "a",
@@ -1771,8 +1818,8 @@ const ra = ({
   variant: t = "primary",
   product: a,
   tone: r,
-  hoverTone: n,
-  defaultActiveKey: l,
+  hoverTone: l,
+  defaultActiveKey: n,
   alwaysOpen: o = !1,
   flush: s = !1,
   className: c = "",
@@ -1780,10 +1827,10 @@ const ra = ({
   onSelect: i,
   ...u
 }) => {
-  const [g, f] = D(() => l ? Array.isArray(l) ? l : [l] : []), p = (E) => {
+  const [g, f] = D(() => n ? Array.isArray(n) ? n : [n] : []), p = (E) => {
     let C;
     o ? C = g.includes(E) ? g.filter((B) => B !== E) : [...g, E] : C = g.includes(E) ? [] : [E], f(C), i && i(g.includes(E) ? null : E, {});
-  }, y = "clarity-accordion", v = a && r, N = v ? `${y}--custom` : `${y}--${t}`, m = [
+  }, y = "clarity-accordion", b = a && r, N = b ? `${y}--custom` : `${y}--${t}`, m = [
     y,
     N,
     s && `${y}--flush`,
@@ -1791,10 +1838,10 @@ const ra = ({
   ].filter(Boolean).join(" "), h = (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";
-  }, _ = v ? {
+  }, _ = b ? {
     "--custom-border-color": `var(--clarity-${a}-${r})`,
     "--custom-header-color": `var(--clarity-${a}-${r})`,
-    "--custom-hover-color": `var(--clarity-${a}-${n || h(r)})`
+    "--custom-hover-color": `var(--clarity-${a}-${l || h(r)})`
   } : {}, x = {
     activeKeys: g,
     toggleItem: p,
@@ -1802,7 +1849,7 @@ const ra = ({
     variant: t,
     product: a,
     tone: r,
-    hoverTone: n,
+    hoverTone: l,
     flush: s
   };
   return /* @__PURE__ */ e(te.Provider, { value: x, children: /* @__PURE__ */ e("div", { className: m, style: _, ...u, children: d }) });
@@ -1810,8 +1857,8 @@ const ra = ({
   eventKey: t,
   disabled: a = !1,
   className: r = "",
-  children: n,
-  ...l
+  children: l,
+  ...n
 }) => {
   const { activeKeys: o } = ee(), s = "clarity-accordion", c = o.includes(t), d = [
     `${s}__item`,
@@ -1819,7 +1866,7 @@ const ra = ({
     a && `${s}__item--disabled`,
     r
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: d, ...l, children: I.Children.map(n, (i) => I.isValidElement(i) ? I.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,
@@ -1829,22 +1876,22 @@ const ra = ({
   className: t = "",
   children: a,
   onClick: r,
-  eventKey: n,
-  disabled: l = !1,
+  eventKey: l,
+  disabled: n = !1,
   isActive: o = !1,
   ...s
 }) => {
   const { toggleItem: c } = ee(), d = "clarity-accordion", i = (u) => {
-    !l && n && c(n), r == null || r(u);
+    !n && l && c(l), r == null || r(u);
   };
   return /* @__PURE__ */ w(
     "button",
     {
       className: [`${d}__header`, t].filter(Boolean).join(" "),
       onClick: i,
-      disabled: l,
+      disabled: n,
       "aria-expanded": o,
-      "aria-controls": n ? `${d}-collapse-${n}` : void 0,
+      "aria-controls": l ? `${d}-collapse-${l}` : void 0,
       ...s,
       children: [
         /* @__PURE__ */ e("span", { className: `${d}__title`, children: a }),
@@ -1866,8 +1913,8 @@ const ra = ({
   className: t = "",
   children: a,
   eventKey: r,
-  isActive: n = !1,
-  ...l
+  isActive: l = !1,
+  ...n
 }) => {
   const o = "clarity-accordion";
   return /* @__PURE__ */ e(
@@ -1876,36 +1923,47 @@ const ra = ({
       id: r ? `${o}-collapse-${r}` : void 0,
       className: [
         `${o}__collapse`,
-        n && `${o}__collapse--show`
+        l && `${o}__collapse--show`
       ].filter(Boolean).join(" "),
-      children: /* @__PURE__ */ e("div", { className: [`${o}__body`, t].filter(Boolean).join(" "), ...l, children: a })
+      children: /* @__PURE__ */ e("div", { className: [`${o}__body`, t].filter(Boolean).join(" "), ...n, children: a })
     }
   );
-}, la = Object.assign(We, {
+}, na = Object.assign(We, {
   Item: Ie,
   Header: He,
   Body: Me
-}), ae = ct(void 0), re = () => {
+}), ae = ct(
+  void 0
+), re = () => {
   const t = dt(ae);
   if (!t)
     throw new Error("useDropdown must be used within a DropdownProvider");
   return t;
 }, Ve = ({ children: t }) => {
   const { setIsOpen: a, triggerRef: r } = re();
-  return e("button", { type: "button", ref: r, className: "dropdown__trigger", onClick: () => a((n) => !n), "aria-haspopup": "true", children: t });
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      ref: r,
+      className: "dropdown__trigger",
+      onClick: () => a((l) => !l),
+      "aria-haspopup": "true",
+      children: t
+    }
+  );
 }, ze = ({ children: t }) => {
-  const { isOpen: a, contentRef: r, styles: n } = re();
-  return a ? e("div", { ref: r, className: "dropdown__content", style: n, children: t }) : null;
-}, De = ({ children: t }) => e("div", { className: "dropdown__menu", children: t }), Ae = ({ as: t, children: a, ...r }) => e(t || "a", { ...r, className: "dropdown__item", children: a }), Fe = () => e("hr", { className: "dropdown__separator" }), vt = ({ title: t, position: a = "bottom", children: r }) => {
-  const [n, l] = D(!1), [o, s] = D({}), c = et(null), d = et(null), i = et(null);
+  const { isOpen: a, contentRef: r, styles: l } = re();
+  return a ? /* @__PURE__ */ e("div", { ref: r, className: "dropdown__content", style: l, children: t }) : null;
+}, De = ({ children: t }) => /* @__PURE__ */ e("div", { className: "dropdown__menu", children: t }), Ae = ({ as: t, children: a, ...r }) => /* @__PURE__ */ e(t || "a", { ...r, className: "dropdown__item", children: a }), Fe = () => /* @__PURE__ */ e("hr", { className: "dropdown__separator" }), bt = ({ title: t, position: a = "bottom", children: r }) => {
+  const [l, n] = D(!1), [o, s] = D({}), c = et(null), d = et(null), i = et(null);
   return Lt(() => {
-    if (n) {
+    if (l) {
       const u = d.current, g = i.current;
-      if (!u || !g)
-        return;
-      const f = u.getBoundingClientRect(), p = g.getBoundingClientRect(), y = window.innerHeight, v = window.innerWidth;
+      if (!u || !g) return;
+      const f = u.getBoundingClientRect(), p = g.getBoundingClientRect(), y = window.innerHeight, b = window.innerWidth;
       let N = a;
-      a === "bottom" && f.bottom + p.height > y && (N = "top"), a === "top" && f.top - p.height < 0 && (N = "bottom"), a === "right" && f.right + p.width > v && (N = "left"), a === "left" && f.left - p.width < 0 && (N = "right");
+      a === "bottom" && f.bottom + p.height > y && (N = "top"), a === "top" && f.top - p.height < 0 && (N = "bottom"), a === "right" && f.right + p.width > b && (N = "left"), a === "left" && f.left - p.width < 0 && (N = "right");
       const m = {};
       switch (N) {
         case "top":
@@ -1924,26 +1982,34 @@ const ra = ({
       }
       s(m);
     }
-  }, [n, a]), J(() => {
+  }, [l, a]), J(() => {
     const u = (g) => {
-      c.current && !c.current.contains(g.target) && l(!1);
+      c.current && !c.current.contains(g.target) && n(!1);
     };
     return document.addEventListener("mousedown", u), () => {
       document.removeEventListener("mousedown", u);
     };
-  }, []), e(ae.Provider, { value: { isOpen: n, setIsOpen: l, triggerRef: d, contentRef: i, styles: o }, children: e("div", { ref: c, className: "dropdown", title: t, children: r }) });
+  }, []), /* @__PURE__ */ e(ae.Provider, { value: { isOpen: l, setIsOpen: n, triggerRef: d, contentRef: i, styles: o }, children: /* @__PURE__ */ e(
+    "div",
+    {
+      ref: c,
+      className: "dropdown",
+      title: t,
+      children: r
+    }
+  ) });
 };
-vt.Trigger = Ve;
-vt.Content = ze;
-vt.Menu = De;
-vt.Item = Ae;
-vt.Separator = Fe;
+bt.Trigger = Ve;
+bt.Content = ze;
+bt.Menu = De;
+bt.Item = Ae;
+bt.Separator = Fe;
 const xt = ({
   as: t = "button",
   id: a,
   children: r,
-  className: n = "",
-  isActive: l,
+  className: l = "",
+  isActive: n,
   onClick: o,
   variant: s,
   orientation: c,
@@ -1951,9 +2017,9 @@ const xt = ({
 }) => {
   const i = [
     "clarity-tab",
-    n,
-    l ? "active" : "",
-    l ? `variant-${s}` : "",
+    l,
+    n ? "active" : "",
+    n ? `variant-${s}` : "",
     `orientation-${c}`
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e(
@@ -1966,24 +2032,24 @@ const xt = ({
         o == null || o(a);
       },
       role: "tab",
-      "aria-selected": l,
+      "aria-selected": n,
       children: r
     }
   );
 };
 xt.displayName = "Tabs.Tab";
-const ne = ({
+const le = ({
   children: t,
   activeTab: a,
   onTabChange: r,
-  variant: n = "primary",
-  orientation: l = "horizontal",
+  variant: l = "primary",
+  orientation: n = "horizontal",
   className: o = ""
 }) => {
   const s = [
     "clarity-tabs-container",
     o,
-    `orientation-${l}`
+    `orientation-${n}`
   ].filter(Boolean).join(" "), c = [], d = [];
   return _e.forEach(t, (i) => {
     ot(i) && i.type === xt ? c.push(i) : d.push(i);
@@ -1992,17 +2058,17 @@ const ne = ({
       (i) => rt(i, {
         isActive: I.isValidElement(i) && i.props.id === a,
         onClick: r,
-        variant: n,
-        orientation: l
+        variant: l,
+        orientation: n
       })
     ) }),
     d
   ] });
 };
-ne.Tab = xt;
-ne.displayName = "Tabs";
-const le = ct(null), yt = () => {
-  const t = dt(le);
+le.Tab = xt;
+le.displayName = "Tabs";
+const ne = ct(null), yt = () => {
+  const t = dt(ne);
   if (!t)
     throw new Error("useCommand must be used within a Command provider");
   return t;
@@ -2010,41 +2076,41 @@ const le = ct(null), yt = () => {
   children: t,
   className: a = "",
   variant: r = "secondary",
-  emptyText: n = "No results found.",
-  inputPlaceholder: l = "Search...",
+  emptyText: l = "No results found.",
+  inputPlaceholder: n = "Search...",
   ...o
 }) => {
   const [s, c] = D(""), [d, i] = D(null), [u, g] = D(!1), f = [
     "clarity-command",
     `clarity-command--${r}`,
     a
-  ].filter(Boolean).join(" "), p = bt(() => ({
+  ].filter(Boolean).join(" "), p = vt(() => ({
     searchTerm: s,
     setSearchTerm: c,
     value: d,
     setValue: i,
     variant: r,
     texts: {
-      empty: n,
-      inputPlaceholder: l
+      empty: l,
+      inputPlaceholder: n
     },
     isOpen: u,
     setIsOpen: g
-  }), [s, d, r, n, l, u]);
-  return /* @__PURE__ */ e(le.Provider, { value: p, children: /* @__PURE__ */ e("div", { className: f, ...o, children: t }) });
+  }), [s, d, r, l, n, u]);
+  return /* @__PURE__ */ e(ne.Provider, { value: p, children: /* @__PURE__ */ e("div", { className: f, ...o, children: t }) });
 };
 ie.displayName = "Command";
 const se = ({ placeholder: t = "Search...", variant: a, onClick: r }) => {
-  const { setIsOpen: n, variant: l } = yt(), [o, s] = D(!1);
+  const { setIsOpen: l, variant: n } = yt(), [o, s] = D(!1);
   J(() => {
     s(/Mac|iPod|iPhone|iPad/.test(navigator.platform));
   }, []);
   const d = [
     "clarity-command-button",
-    `clarity-command-button--${a || l}`
+    `clarity-command-button--${a || n}`
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ w("button", { className: d, onClick: (u) => {
-    n(!0), r == null || r(u);
+    l(!0), r == null || r(u);
   }, children: [
     /* @__PURE__ */ e("span", { children: t }),
     /* @__PURE__ */ w("kbd", { className: "clarity-command-shortcut", children: [
@@ -2055,24 +2121,24 @@ const se = ({ placeholder: t = "Search...", variant: a, onClick: r }) => {
 };
 se.displayName = "Command.Button";
 const oe = ({ children: t }) => {
-  const { isOpen: a, setIsOpen: r, variant: n } = yt();
+  const { isOpen: a, setIsOpen: r, variant: l } = yt();
   return J(() => {
-    const l = (o) => {
+    const n = (o) => {
       o.key === "k" && (o.metaKey || o.ctrlKey) && (o.preventDefault(), r(!a));
     };
-    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
-  }, [a, r]), /* @__PURE__ */ e(mt, { isOpen: a, onClose: () => r(!1), size: "large", closeOnOverlayClick: !0, children: /* @__PURE__ */ e("div", { className: `clarity-command--${n}`, children: t }) });
+    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 }) });
 };
 oe.displayName = "Command.Dialog";
 const ce = ({ className: t = "", ...a }) => {
-  const { searchTerm: r, setSearchTerm: n, variant: l, texts: o, isOpen: s } = yt(), c = et(null);
+  const { searchTerm: r, setSearchTerm: l, variant: n, texts: o, isOpen: s } = yt(), c = et(null);
   J(() => {
     var i;
     s && ((i = c.current) == null || i.focus());
   }, [s]);
   const d = [
     "clarity-command-input",
-    `clarity-command-input--${l}`,
+    `clarity-command-input--${n}`,
     t
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("div", { className: "clarity-command-input__wrapper", children: /* @__PURE__ */ e(
@@ -2081,7 +2147,7 @@ const ce = ({ className: t = "", ...a }) => {
       ref: c,
       className: d,
       value: r,
-      onChange: (i) => n(i.target.value),
+      onChange: (i) => l(i.target.value),
       placeholder: a.placeholder || o.inputPlaceholder,
       ...a
     }
@@ -2089,8 +2155,8 @@ const ce = ({ className: t = "", ...a }) => {
 };
 ce.displayName = "Command.Input";
 const de = ({ children: t, className: a = "", ...r }) => {
-  const { searchTerm: n } = yt();
-  let l = !1;
+  const { searchTerm: l } = yt();
+  let n = !1;
   const o = (d) => I.Children.toArray(d).map((i) => {
     var g;
     if (!I.isValidElement(i)) return i;
@@ -2098,7 +2164,7 @@ const de = ({ children: t, className: a = "", ...r }) => {
     if (u === "Command.Empty")
       return null;
     if (u === "Command.Item")
-      return (((g = i.props.children) == null ? void 0 : g.toString().toLowerCase()) || "").includes(n.toLowerCase()) ? (l = !0, i) : null;
+      return (((g = i.props.children) == null ? void 0 : g.toString().toLowerCase()) || "").includes(l.toLowerCase()) ? (n = !0, i) : null;
     if (u === "Command.Group") {
       const f = o(i.props.children);
       return I.Children.toArray(f).some((y) => I.isValidElement(y) && y.type.displayName === "Command.Item") ? I.cloneElement(i, { ...i.props, children: f }) : null;
@@ -2107,23 +2173,23 @@ const de = ({ children: t, className: a = "", ...r }) => {
   }).filter(Boolean), s = o(t), c = ["clarity-command-list", a].filter(Boolean).join(" ");
   return /* @__PURE__ */ w("div", { className: c, ...r, children: [
     s,
-    !l && /* @__PURE__ */ e(kt, {})
+    !n && /* @__PURE__ */ e(kt, {})
   ] });
 };
 de.displayName = "Command.List";
 const kt = ({ children: t, className: a = "", ...r }) => {
-  const { texts: n } = yt(), l = ["clarity-command-empty", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: l, ...r, children: t || r.emptyText || n.empty });
+  const { texts: l } = yt(), n = ["clarity-command-empty", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: n, ...r, children: t || r.emptyText || l.empty });
 };
 kt.displayName = "Command.Empty";
 const me = ({ children: t, className: a = "", ...r }) => {
-  const n = ["clarity-command-group", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: n, ...r, children: t });
+  const l = ["clarity-command-group", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: l, ...r, children: t });
 };
 me.displayName = "Command.Group";
 const ue = ({ children: t, className: a = "", ...r }) => {
-  const { setValue: n, variant: l } = yt(), o = ["clarity-command-item", `clarity-command-item--${l}`, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: o, onClick: () => n((t == null ? void 0 : t.toString()) || ""), ...r, children: t });
+  const { setValue: l, variant: n } = yt(), 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 });
 };
 ue.displayName = "Command.Item";
 const fe = ({ className: t = "", ...a }) => {
@@ -2132,8 +2198,8 @@ const fe = ({ className: t = "", ...a }) => {
 };
 fe.displayName = "Command.Separator";
 const pe = ({ children: t, className: a = "", ...r }) => {
-  const n = ["clarity-command-shortcut", a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("span", { className: n, ...r, children: t });
+  const l = ["clarity-command-shortcut", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("span", { className: l, ...r, children: t });
 };
 pe.displayName = "Command.Shortcut";
 const ia = Object.assign(ie, {
@@ -2147,32 +2213,32 @@ const ia = Object.assign(ie, {
   Separator: fe,
   Shortcut: pe
 }), Ge = ({ columns: t, viewMode: a }) => {
-  const r = Array.from({ length: 5 }, (n, l) => l);
+  const r = Array.from({ length: 5 }, (l, n) => n);
   return a === "card" ? /* @__PURE__ */ w("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((n) => /* @__PURE__ */ e("div", { className: "skeleton card-view-row" }, n)) })
+    /* @__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("thead", { children: /* @__PURE__ */ e("tr", { className: "table-row", children: t.map((n) => /* @__PURE__ */ e("th", { className: "table-header-cell", children: /* @__PURE__ */ e("div", { className: "skeleton skeleton-text" }) }, n.key)) }) }),
-    /* @__PURE__ */ e("tbody", { children: r.map((n) => /* @__PURE__ */ e("tr", { className: "table-row", children: t.map((l) => /* @__PURE__ */ e("td", { className: "table-cell", children: /* @__PURE__ */ e("div", { className: "skeleton skeleton-text" }) }, l.key)) }, n)) })
+    /* @__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)) })
   ] }) });
 }, sa = ({
   variant: t = "secondary",
   columns: a,
   data: r,
-  viewMode: n = "table",
-  isScrollable: l = !1,
+  viewMode: l = "table",
+  isScrollable: n = !1,
   isLoading: o = !1,
   pagination: s
 }) => {
   const [c, d] = D(null), [i, u] = D("none"), g = (m) => {
     m.sortable && (c === m.key ? u((h) => h === "asc" ? "desc" : h === "desc" ? "none" : "asc") : (d(m.key), u("asc")));
-  }, f = bt(() => i === "none" || !c ? r : [...r].sort((m, h) => {
+  }, f = vt(() => i === "none" || !c ? r : [...r].sort((m, h) => {
     const _ = m[c], x = h[c];
     return _ < x ? i === "asc" ? -1 : 1 : _ > x ? i === "asc" ? 1 : -1 : 0;
   }), [r, c, i]), p = (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(Ge, { columns: a, viewMode: n });
-  const y = `table-variant-${t} ${l ? "is-scrollable" : ""}`, v = () => {
+    return /* @__PURE__ */ e(Ge, { columns: a, viewMode: l });
+  const y = `table-variant-${t} ${n ? "is-scrollable" : ""}`, b = () => {
     if (!s) return null;
     const {
       currentPage: m,
@@ -2280,9 +2346,9 @@ const ia = Object.assign(ie, {
       )) }) }),
       /* @__PURE__ */ e("tbody", { children: f.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" }) }) : f.map((m, h) => /* @__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)) }, h)) })
     ] }),
-    v()
+    b()
   ] });
-  return n === "card" ? /* @__PURE__ */ w("div", { className: `card-view-wrapper ${y}`, children: [
+  return l === "card" ? /* @__PURE__ */ w("div", { className: `card-view-wrapper ${y}`, children: [
     /* @__PURE__ */ e("div", { className: `card-view-header table-header-cell-${t}`, children: a.map((m) => /* @__PURE__ */ w(
       "div",
       {
@@ -2297,21 +2363,21 @@ const ia = Object.assign(ie, {
       m.key
     )) }),
     /* @__PURE__ */ e("div", { className: "card-view-body", children: f.length === 0 ? /* @__PURE__ */ e("div", { className: `card-view-row table-row-${t}`, style: { justifyContent: "center", padding: "2rem" }, children: "Nenhum resultado encontrado" }) : f.map((m, h) => /* @__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)) }, h)) }),
-    v()
+    b()
   ] }) : N;
 }, oa = ({
   variant: t = "primary",
   size: a = "medium",
   color: r,
-  className: n = "",
-  "aria-label": l = "Carregando...",
+  className: l = "",
+  "aria-label": n = "Carregando...",
   ...o
 }) => {
   const s = "clarity-spinner", d = r ? `${s}--custom` : `${s}--${t}`, i = [
     s,
     `${s}--${a}`,
     d,
-    n
+    l
   ].filter(Boolean).join(" "), u = {};
   return r && (u["--spinner-color"] = r), /* @__PURE__ */ e(
     "div",
@@ -2319,7 +2385,7 @@ const ia = Object.assign(ie, {
       className: i,
       style: u,
       role: "status",
-      "aria-label": l,
+      "aria-label": n,
       ...o,
       children: /* @__PURE__ */ e("div", { className: `${s}__container`, children: /* @__PURE__ */ e(
         "svg",
@@ -2346,8 +2412,8 @@ const ia = Object.assign(ie, {
   className: t = "",
   noGutters: a,
   justify: r,
-  align: n,
-  children: l,
+  align: l,
+  children: n,
   as: o = "div",
   ...s
 }) => {
@@ -2355,18 +2421,18 @@ const ia = Object.assign(ie, {
     "clarity-row",
     a ? "clarity-row--no-gutters" : "",
     r ? `clarity-row--justify-${r}` : "",
-    n ? `clarity-row--align-${n}` : "",
+    l ? `clarity-row--align-${l}` : "",
     t
   ].filter(Boolean).join(" ");
-  return I.createElement(o, { className: c, ...s }, l);
+  return I.createElement(o, { className: c, ...s }, n);
 };
 Ue.displayName = "Row";
 const Xe = (t) => `${t / 12 * 100}%`, Ye = (t) => `${t / 12 * 100}%`, Ze = ({
   className: t = "",
   xs: a,
   sm: r,
-  md: n,
-  lg: l,
+  md: l,
+  lg: n,
   xl: o,
   xxl: s,
   offset: c,
@@ -2384,18 +2450,18 @@ const Xe = (t) => `${t / 12 * 100}%`, Ye = (t) => `${t / 12 * 100}%`, Ze = ({
     const h = `--clarity-col-offset-${N}`;
     f[h] = Ye(m);
   };
-  p("xs", a), p("sm", r), p("md", n), p("lg", l), p("xl", o), p("xxl", s), y("xs", c == null ? void 0 : c.xs), y("sm", c == null ? void 0 : c.sm), y("md", c == null ? void 0 : c.md), y("lg", c == null ? void 0 : c.lg), y("xl", c == null ? void 0 : c.xl), y("xxl", c == null ? void 0 : c.xxl);
-  const v = ["clarity-col", t].filter(Boolean).join(" ");
-  return I.createElement(i, { className: v, style: f, ...g }, d);
+  p("xs", a), p("sm", r), p("md", l), p("lg", n), p("xl", o), p("xxl", s), y("xs", c == null ? void 0 : c.xs), y("sm", c == null ? void 0 : c.sm), y("md", c == null ? void 0 : c.md), y("lg", c == null ? void 0 : c.lg), y("xl", c == null ? void 0 : c.xl), y("xxl", c == null ? void 0 : c.xxl);
+  const b = ["clarity-col", t].filter(Boolean).join(" ");
+  return I.createElement(i, { className: b, style: f, ...g }, d);
 };
 Ze.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 ye = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e("div", { className: `clarity-card__content ${a || ""}`, ...r, children: t });
 ye.displayName = "Card.Content";
-const ge = ({ children: t, className: a, align: r = "left", ...n }) => {
-  const l = r ? `clarity-card__footer--align-${r}` : "";
-  return /* @__PURE__ */ e("div", { className: `clarity-card__footer ${l} ${a || ""}`, ...n, children: t });
+const ge = ({ 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";
 const Nt = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e("div", { className: `clarity-card ${a || ""}`, ...r, children: t });
@@ -2462,19 +2528,19 @@ const ca = {
   "3xl": "64px"
 }, ma = (...t) => t.filter(Boolean).join(" "), ua = () => Math.random().toString(36).substr(2, 9);
 export {
-  la as Accordion,
+  na as Accordion,
   Ke as Badge,
   Ce as Box,
   Pe as Button,
   ta as ButtonGroup,
   ra as ButtonIcon,
-  na as ButtonLink,
+  la as ButtonLink,
   Nt as Card,
   Re as CheckInput,
   Ze as Col,
   ia as Command,
   ut as ConfirmationDialog,
-  vt as Dropdown,
+  bt as Dropdown,
   Te as Input,
   Oe as InputSwitch,
   mt as Modal,
@@ -2484,7 +2550,7 @@ export {
   Le as Select,
   oa as Spinner,
   sa as Table,
-  ne as Tabs,
+  le as Tabs,
   je as Textarea,
   aa as ToastProvider,
   pt as Tooltip,