beth-clarity 1.2.2 → 1.2.3

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

@@ -13,21 +13,21 @@ const Ke = ({
   ...d
 }) => {
   const i = "clarity-badge", u = !!r;
-  let g = "";
-  u ? g = `${i}--custom-bg` : g = `${i}--${t}`;
-  const f = [
+  let f = "";
+  u ? f = `${i}--custom-bg` : f = `${i}--${t}`;
+  const p = [
     i,
-    g,
+    f,
     `${i}--${a}`,
     s ? `${i}--rounded` : "",
     c ? `${i}--outlined` : "",
     o
-  ].filter(Boolean).join(" "), p = {};
-  return u && (p.backgroundColor = r, l && (p.color = l)), /* @__PURE__ */ e(
+  ].filter(Boolean).join(" "), h = {};
+  return u && (h.backgroundColor = r, l && (h.color = l)), /* @__PURE__ */ e(
     "span",
     {
-      className: f,
-      style: p,
+      className: p,
+      style: h,
       ...d,
       children: n
     }
@@ -81,14 +81,14 @@ const Ke = ({
       justifyContent: d,
       gap: i,
       m: u,
-      mt: g,
-      mr: f,
-      mb: p,
-      ml: y,
+      mt: f,
+      mr: p,
+      mb: h,
+      ml: g,
       mx: b,
       my: N,
       p: m,
-      pt: h,
+      pt: y,
       pr: _,
       pb: x,
       pl: E,
@@ -128,11 +128,11 @@ const Ke = ({
       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),
+      marginTop: nt(f ?? N ?? u),
+      marginRight: nt(p ?? b ?? u),
+      marginBottom: nt(h ?? N ?? u),
+      marginLeft: nt(g ?? b ?? u),
+      paddingTop: nt(y ?? B ?? m),
       paddingRight: nt(_ ?? C ?? m),
       paddingBottom: nt(x ?? B ?? m),
       paddingLeft: nt(E ?? C ?? m),
@@ -163,14 +163,14 @@ const Ke = ({
       d,
       i,
       u,
-      g,
       f,
       p,
-      y,
+      h,
+      g,
       b,
       N,
       m,
-      h,
+      y,
       _,
       x,
       E,
@@ -215,28 +215,28 @@ const Pe = ({
   title: d,
   customColor: i,
   customColorHover: u,
-  ...g
+  ...f
 }) => {
-  const f = "clarity-button", p = [
-    f,
-    !i && `${f}--${t}`,
-    `${f}--${a}`,
-    l && `${f}--loading`,
-    r && `${f}--disabled`,
+  const p = "clarity-button", h = [
+    p,
+    !i && `${p}--${t}`,
+    `${p}--${a}`,
+    l && `${p}--loading`,
+    r && `${p}--disabled`,
     c
-  ].filter(Boolean).join(" "), y = {};
-  return i && (y["--button-bg"] = i, y["--button-hover-bg"] = u || `${i}E6`, y["--button-border"] = i, y["--button-hover-border"] = u || `${i}E6`, y["--button-fg"] = "#fff"), /* @__PURE__ */ w(
+  ].filter(Boolean).join(" "), g = {};
+  return i && (g["--button-bg"] = i, g["--button-hover-bg"] = u || `${i}E6`, g["--button-border"] = i, g["--button-hover-border"] = u || `${i}E6`, g["--button-fg"] = "#fff"), /* @__PURE__ */ w(
     "button",
     {
-      className: p,
-      style: y,
+      className: h,
+      style: g,
       disabled: r || l,
       onClick: o,
       type: s,
       title: d,
-      ...g,
+      ...f,
       children: [
-        l && /* @__PURE__ */ e("div", { className: `${f}__spinner` }),
+        l && /* @__PURE__ */ e("div", { className: `${p}__spinner` }),
         n
       ]
     }
@@ -253,31 +253,31 @@ const Pe = ({
   className: d = "",
   ...i
 }) => {
-  const u = "clarity-button-group", g = `${u}--${t}`, f = [
+  const u = "clarity-button-group", f = `${u}--${t}`, p = [
     u,
-    g,
+    f,
     `${u}--${a}`,
     !r && `${u}--outline`,
     s && `${u}--disabled`,
     d
-  ].filter(Boolean).join(" "), p = (b) => {
+  ].filter(Boolean).join(" "), h = (b) => {
     if (s || !c) return;
     const N = l.find((m) => m.id === b);
     if (!(N != null && N.disabled))
       if (o) {
-        const m = Array.isArray(n) ? n : [], h = m.includes(b) ? m.filter((_) => _ !== b) : [...m, b];
-        c(h);
+        const m = Array.isArray(n) ? n : [], y = m.includes(b) ? m.filter((_) => _ !== b) : [...m, b];
+        c(y);
       } else
         c(b);
-  }, y = (b) => o ? Array.isArray(n) && n.includes(b) : n === b;
+  }, g = (b) => o ? Array.isArray(n) && n.includes(b) : n === b;
   return /* @__PURE__ */ e(
     "div",
     {
-      className: f,
+      className: p,
       role: "group",
       ...i,
       children: l.map((b, N) => {
-        const m = y(b.id), h = [
+        const m = g(b.id), y = [
           `${u}__item`,
           m && `${u}__item--selected`,
           b.disabled && `${u}__item--disabled`,
@@ -287,8 +287,8 @@ const Pe = ({
         return /* @__PURE__ */ w(
           "button",
           {
-            className: h,
-            onClick: () => p(b.id),
+            className: y,
+            onClick: () => h(b.id),
             disabled: s || b.disabled,
             type: "button",
             "aria-pressed": m,
@@ -374,11 +374,11 @@ const pt = ({
   disabled: d = !1,
   delay: i = 200,
   hideDelay: u = 100,
-  trigger: g = "hover",
-  arrow: f = !0,
-  ...p
+  trigger: f = "hover",
+  arrow: p = !0,
+  ...h
 }) => {
-  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;
+  const [g, b] = D(!1), [N, m] = D(a), [y, _] = 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 = [
@@ -388,14 +388,14 @@ const pt = ({
   ].filter(Boolean).join(" "), S = [
     `${R}__content`,
     A,
-    f && `${R}__content--arrow`
+    p && `${R}__content--arrow`
   ].filter(Boolean).join(" "), z = {}, M = {};
   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 : {},
-    top: h.top,
-    left: h.left,
+    top: y.top,
+    left: y.left,
     // Resetar estilos que vêm do CSS para posicionamento relativo
     position: "absolute",
     bottom: "auto",
@@ -418,7 +418,7 @@ const pt = ({
     }, u);
     E(O);
   }, L = () => {
-    d || (y ? U() : j());
+    d || (g ? U() : j());
   }, K = () => {
     d || j();
   }, P = () => {
@@ -428,7 +428,7 @@ const pt = ({
     x && clearTimeout(x);
   }, [x]);
   const Z = () => {
-    if (!y || !B.current || !C.current) return;
+    if (!g || !B.current || !C.current) return;
     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 - $,
@@ -487,16 +487,16 @@ const pt = ({
     }
   };
   Lt(() => {
-    if (y)
+    if (g)
       return Z(), window.addEventListener("scroll", Z, !0), window.addEventListener("resize", Z), () => {
         window.removeEventListener("scroll", Z, !0), window.removeEventListener("resize", Z);
       };
-  }, [y, a, t]);
+  }, [g, a, t]);
   const q = {};
-  let tt = g;
+  let tt = f;
   if (typeof window < "u") {
     const O = "ontouchstart" in window || navigator.maxTouchPoints > 0 || window.matchMedia && window.matchMedia("(pointer: coarse)").matches;
-    g === "hover" && O && (tt = "focus");
+    f === "hover" && O && (tt = "focus");
   }
   return tt === "hover" ? (q.onMouseEnter = j, q.onMouseLeave = U) : tt === "click" ? q.onClick = L : tt === "focus" && (q.onFocus = K, q.onBlur = P), /* @__PURE__ */ w(jt, { children: [
     /* @__PURE__ */ e(
@@ -505,11 +505,11 @@ const pt = ({
         ref: B,
         className: `${R}__trigger`,
         ...q,
-        ...p,
+        ...h,
         children: s
       }
     ),
-    y && Ne(
+    g && Ne(
       /* @__PURE__ */ e(
         "div",
         {
@@ -517,7 +517,7 @@ const pt = ({
           className: H,
           style: F,
           role: "tooltip",
-          "aria-hidden": !y,
+          "aria-hidden": !g,
           children: /* @__PURE__ */ e("div", { className: S, children: t })
         }
       ),
@@ -536,18 +536,18 @@ const pt = ({
   helper: d = !1,
   helperPosition: i = "top-right",
   className: u = "",
-  disabled: g = !1,
-  value: f,
-  defaultValue: p,
-  onFocus: y,
+  disabled: f = !1,
+  value: p,
+  defaultValue: h,
+  onFocus: g,
   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);
+  const [y, _] = 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);
   I.useImperativeHandle(m, () => C.current), J(() => {
     const j = C.current;
     j && E(j.value.length > 0);
-  }, [f, p]), J(() => {
+  }, [p, h]), J(() => {
     const j = R.current;
     if (!j) return;
     const U = () => {
@@ -557,9 +557,9 @@ const pt = ({
     U();
     const L = new ResizeObserver(() => U());
     return L.observe(j), () => L.disconnect();
-  }, [r, h, x, a, s, c]);
+  }, [r, y, x, a, s, c]);
   const A = (j) => {
-    _(!0), y == null || y(j);
+    _(!0), g == null || g(j);
   }, H = (j) => {
     _(!1), E(j.target.value.length > 0), b == null || b(j);
   }, S = [
@@ -568,8 +568,8 @@ const pt = ({
     `clarity-input--${a}`,
     t && `clarity-input--${t}`,
     n && "clarity-input--error",
-    g && "clarity-input--disabled",
-    h && "clarity-input--focused",
+    f && "clarity-input--disabled",
+    y && "clarity-input--focused",
     x && "clarity-input--has-value",
     s && "clarity-input--with-start-icon",
     c && "clarity-input--with-end-icon",
@@ -607,9 +607,9 @@ const pt = ({
               ref: C,
               id: B,
               className: "clarity-input__element",
-              disabled: g,
-              value: f,
-              defaultValue: p,
+              disabled: f,
+              value: p,
+              defaultValue: h,
               onFocus: A,
               onBlur: H,
               "aria-label": l,
@@ -630,9 +630,9 @@ const pt = ({
             ref: C,
             id: B,
             className: "clarity-input__element",
-            disabled: g,
-            value: f,
-            defaultValue: p,
+            disabled: f,
+            value: p,
+            defaultValue: h,
             onFocus: A,
             onBlur: H,
             "aria-label": l,
@@ -660,25 +660,25 @@ const je = I.forwardRef(({
   endIcon: d,
   className: i = "",
   disabled: u = !1,
-  value: g,
-  defaultValue: f,
-  onFocus: p,
-  onBlur: y,
+  value: f,
+  defaultValue: p,
+  onFocus: h,
+  onBlur: g,
   rows: b = 3,
   minHeight: N,
   maxHeight: m,
-  resizable: h = !0,
+  resizable: y = !0,
   ..._
 }, x) => {
   const [E, C] = D(!1), [B, R] = D(!1), $ = et(null);
   I.useImperativeHandle(x, () => $.current), J(() => {
     const j = $.current;
     j && R(j.value.length > 0);
-  }, [g, f]);
+  }, [f, p]);
   const k = (j) => {
-    C(!0), p == null || p(j);
+    C(!0), h == null || h(j);
   }, A = (j) => {
-    C(!1), R(j.target.value.length > 0), y == null || y(j);
+    C(!1), R(j.target.value.length > 0), g == null || g(j);
   }, H = [
     "clarity-textarea",
     "clarity-textarea--outlined",
@@ -692,7 +692,7 @@ const je = I.forwardRef(({
     d && "clarity-textarea--with-end-icon",
     i
   ].filter(Boolean).join(" "), S = {
-    resize: h ? "vertical" : "none",
+    resize: y ? "vertical" : "none",
     minHeight: N ? `${N}px` : void 0,
     maxHeight: m ? `${m}px` : void 0
   }, z = n != null && n.endsWith("left") ? "left" : "right", M = (j, U) => {
@@ -721,8 +721,8 @@ const je = I.forwardRef(({
             ref: $,
             className: "clarity-textarea__element",
             disabled: u,
-            value: g,
-            defaultValue: f,
+            value: f,
+            defaultValue: p,
             onFocus: k,
             onBlur: A,
             rows: b,
@@ -759,35 +759,35 @@ const Le = I.forwardRef(({
   endIcon: d,
   className: i = "",
   disabled: u = !1,
-  value: g,
-  defaultValue: f,
-  onFocus: p,
-  onBlur: y,
+  value: f,
+  defaultValue: p,
+  onFocus: h,
+  onBlur: g,
   onChange: b,
   options: N = [],
   placeholder: m = "Selecione uma opção",
-  isClearable: h = !1,
+  isClearable: y = !1,
   isSearchable: _ = !1,
   ...x
 }, E) => {
-  const [C, B] = D(!1), [R, $] = D(!1), [k, A] = D(g || f || ""), [H, S] = D(""), z = et(null), M = et(null), F = Array.isArray(N) ? N : [];
+  const [C, B] = D(!1), [R, $] = D(!1), [k, A] = D(f || p || ""), [H, S] = D(""), z = et(null), M = et(null), F = Array.isArray(N) ? N : [];
   I.useImperativeHandle(E, () => z.current), J(() => {
-    g !== void 0 && A(g);
-  }, [g]), J(() => {
+    f !== void 0 && A(f);
+  }, [f]), J(() => {
     const v = (W) => {
-      z.current && !z.current.contains(W.target) && (B(!1), $(!1), y == null || y());
+      z.current && !z.current.contains(W.target) && (B(!1), $(!1), g == null || g());
     };
     return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
-  }, [y]);
+  }, [g]);
   const j = _ && H ? F.filter(
     (v) => v.label.toLowerCase().includes(H.toLowerCase())
   ) : F, U = () => {
-    u || (B(!C), $(!C), C ? (y == null || y(), _ && S("")) : (p == null || p(), _ && setTimeout(() => {
+    u || (B(!C), $(!C), C ? (g == null || g(), _ && S("")) : (h == null || h(), _ && setTimeout(() => {
       var v;
       (v = M.current) == null || v.focus();
     }, 0)));
   }, L = (v, W) => {
-    v.disabled || (A(v.value), B(!1), $(!1), S(""), b == null || b(v, W), y == null || y());
+    v.disabled || (A(v.value), B(!1), $(!1), S(""), b == null || b(v, W), g == null || g());
   }, K = (v) => {
     S(v.target.value);
   }, P = (v) => {
@@ -808,7 +808,7 @@ const Le = I.forwardRef(({
     C && "clarity-select--open",
     _ && "clarity-select--searchable",
     c && "clarity-select--with-start-icon",
-    (d || h) && "clarity-select--with-end-icon",
+    (d || y) && "clarity-select--with-end-icon",
     i
   ].filter(Boolean).join(" "), V = n != null && n.endsWith("left") ? "left" : "right", Y = (v, W) => {
     if (!l) return null;
@@ -850,7 +850,7 @@ const Le = I.forwardRef(({
               onChange: K,
               onKeyDown: P,
               onFocus: () => {
-                C || (B(!0), $(!0), p == null || p());
+                C || (B(!0), $(!0), h == null || h());
               },
               placeholder: Z ? Z.label : m,
               disabled: u,
@@ -859,7 +859,7 @@ const Le = I.forwardRef(({
           ) : /* @__PURE__ */ e("div", { className: "clarity-select__display", children: Z ? Z.label : m }),
           r && /* @__PURE__ */ e("label", { className: "clarity-select__label", children: r })
         ] }),
-        h && q && /* @__PURE__ */ e(
+        y && q && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -956,14 +956,14 @@ const Ee = be(({
   errorMessage: d,
   disabled: i = !1,
   variant: u = "primary",
-  size: g = "medium",
-  maxSelectedLabels: f = 3,
-  selectionLimit: p,
-  className: y = "",
+  size: f = "medium",
+  maxSelectedLabels: p = 3,
+  selectionLimit: h,
+  className: g = "",
   id: b,
   name: N,
   required: m = !1,
-  "data-testid": h,
+  "data-testid": y,
   ..._
 }, 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 = (v) => {
@@ -1003,7 +1003,7 @@ const Ee = be(({
     if (a.length === 0) return null;
     const v = a.map(
       (G) => z.find((Q) => Q.value === G)
-    ).filter(Boolean), W = v.slice(0, f), T = v.length - f;
+    ).filter(Boolean), W = v.slice(0, p), T = v.length - p;
     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 }),
@@ -1026,11 +1026,11 @@ const Ee = be(({
     ] });
   }, O = [
     "clarity-multiselect-wrapper",
-    y
+    g
   ].filter(Boolean).join(" "), X = [
     "clarity-multiselect",
     `clarity-multiselect--${u}`,
-    `clarity-multiselect--${g}`,
+    `clarity-multiselect--${f}`,
     E && "clarity-multiselect--open",
     $ && "clarity-multiselect--focused",
     q && "clarity-multiselect--label-up",
@@ -1058,7 +1058,7 @@ const Ee = be(({
     {
       ref: M,
       className: X,
-      "data-testid": h,
+      "data-testid": y,
       ..._,
       children: [
         /* @__PURE__ */ w(
@@ -1219,29 +1219,29 @@ const mt = ({
   showCloseButton: c = !0,
   closeOnOverlayClick: d = !0
 }) => {
-  const [i, u] = D(!1), f = t !== void 0 ? t : i, p = I.useCallback(() => {
+  const [i, u] = D(!1), p = t !== void 0 ? t : i, h = I.useCallback(() => {
     a ? a() : u(!1);
   }, [a]);
   J(() => {
-    f && (r == null || r());
-  }, [f, r]), J(() => {
-    const h = (_) => {
-      _.key === "Escape" && p();
+    p && (r == null || r());
+  }, [p, r]), J(() => {
+    const y = (_) => {
+      _.key === "Escape" && h();
     };
-    return f ? (document.addEventListener("keydown", h), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
-      document.removeEventListener("keydown", h), document.body.style.overflow = "unset";
+    return p ? (document.addEventListener("keydown", y), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
+      document.removeEventListener("keydown", y), document.body.style.overflow = "unset";
     };
-  }, [f, p]);
-  const y = (h) => {
-    d && h.target === h.currentTarget && p();
+  }, [p, h]);
+  const g = (y) => {
+    d && y.target === y.currentTarget && h();
   }, b = I.Children.toArray(l).find(
-    (h) => ot(h) && h.type.displayName === "Modal.Trigger"
+    (y) => ot(y) && y.type.displayName === "Modal.Trigger"
   ), N = I.Children.toArray(l).filter(
-    (h) => ot(h) && h.type.displayName !== "Modal.Trigger"
+    (y) => ot(y) && y.type.displayName !== "Modal.Trigger"
   ), m = ["clarity-modal", n, `clarity-modal--${s}`].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w(Rt.Provider, { value: { onClose: p, variant: o, showCloseButton: c }, children: [
+  return /* @__PURE__ */ w(Rt.Provider, { value: { onClose: h, variant: o, showCloseButton: c }, children: [
     b && rt(b, { onClick: () => u(!0) }),
-    f && /* @__PURE__ */ e("div", { className: "clarity-modal-overlay", onClick: y, children: /* @__PURE__ */ e("div", { className: m, children: N }) })
+    p && /* @__PURE__ */ e("div", { className: "clarity-modal-overlay", onClick: g, children: /* @__PURE__ */ e("div", { className: m, children: N }) })
   ] });
 };
 mt.Header = Wt;
@@ -1262,11 +1262,11 @@ const zt = ct(void 0), ea = () => {
       c("visible");
     }, 10), u = setTimeout(() => {
       c("exiting");
-    }, l * 1e3 - 300), g = setTimeout(() => {
+    }, l * 1e3 - 300), f = setTimeout(() => {
       n(t);
     }, l * 1e3);
     return () => {
-      clearTimeout(i), clearTimeout(u), clearTimeout(g);
+      clearTimeout(i), clearTimeout(u), clearTimeout(f);
     };
   }, [t, l, n]);
   const d = [
@@ -1307,9 +1307,9 @@ const zt = ct(void 0), ea = () => {
       // position: 'right-top',
       ...d
     };
-    r((g) => {
-      const f = [u, ...g];
-      return f.length > 4 ? f.slice(0, 4) : f;
+    r((f) => {
+      const p = [u, ...f];
+      return p.length > 4 ? p.slice(0, 4) : p;
     });
   }, []), o = _t((d) => {
     r((i) => i.filter((u) => u.id !== d));
@@ -1383,20 +1383,20 @@ const ht = ({
   showCloseButton: d = !0,
   title: i
 }) => {
-  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);
+  const [u, f] = D(!1), [p, h] = D(!1), [g, b] = D(!1), N = t !== void 0, m = N ? t : u, y = _t(() => {
+    a ? a() : f(!1);
   }, [a]), _ = _t(() => {
-    N || g(!0), r == null || r();
+    N || f(!0), r == null || r();
   }, [N, r]);
   J(() => {
     if (m) {
       b(!0);
       const S = setTimeout(() => {
-        p(!0);
+        h(!0);
       }, 50);
       return () => clearTimeout(S);
     } else {
-      p(!1);
+      h(!1);
       const S = setTimeout(() => {
         b(!1);
       }, 300);
@@ -1404,14 +1404,14 @@ const ht = ({
     }
   }, [m]), J(() => {
     const S = (z) => {
-      z.key === "Escape" && h();
+      z.key === "Escape" && y();
     };
     return m ? (document.addEventListener("keydown", S), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", S), document.body.style.overflow = "unset"), () => {
       document.removeEventListener("keydown", S), document.body.style.overflow = "unset";
     };
-  }, [m, h]);
+  }, [m, y]);
   const x = (S) => {
-    c && S.target === S.currentTarget && h();
+    c && S.target === S.currentTarget && y();
   }, E = I.Children.toArray(l);
   let C, B, R, $, k;
   E.forEach((S) => {
@@ -1436,14 +1436,14 @@ const ht = ({
     n,
     `clarity-offcanvas--${s}`,
     o && `clarity-offcanvas--${o}`,
-    f ? "clarity-offcanvas--open" : "clarity-offcanvas--closed"
+    p ? "clarity-offcanvas--open" : "clarity-offcanvas--closed"
   ].filter(Boolean).join(" "), H = [
     "clarity-offcanvas-overlay",
-    f ? "clarity-offcanvas-overlay--visible" : ""
+    p ? "clarity-offcanvas-overlay--visible" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w(Dt.Provider, { value: { onClose: h, variant: o, showCloseButton: d, placement: s, title: i }, children: [
+  return /* @__PURE__ */ w(Dt.Provider, { value: { onClose: y, variant: o, showCloseButton: d, placement: s, title: i }, children: [
     C && rt(C, { onClick: _, variant: o }),
-    y && // Only render if shouldRender is true
+    g && // Only render if shouldRender is true
     /* @__PURE__ */ e("div", { className: H, onClick: x, children: /* @__PURE__ */ w("div", { className: A, children: [
       B,
       R,
@@ -1471,28 +1471,28 @@ const Re = I.forwardRef(({
   errorMessage: d,
   labelPosition: i = "right",
   className: u = "",
-  disabled: g = !1,
-  checked: f,
-  id: p,
-  ...y
+  disabled: f = !1,
+  checked: p,
+  id: h,
+  ...g
 }, b) => {
-  const N = p || `check-input-${Math.random().toString(36).substr(2, 9)}`, m = [
+  const N = h || `check-input-${Math.random().toString(36).substr(2, 9)}`, m = [
     "clarity-check-input-wrapper",
     `clarity-check-input-wrapper--${i}`,
-    g && "clarity-check-input-wrapper--disabled",
+    f && "clarity-check-input-wrapper--disabled",
     c && "clarity-check-input-wrapper--error"
-  ].filter(Boolean).join(" "), h = [
+  ].filter(Boolean).join(" "), y = [
     "clarity-check-input",
     `clarity-check-input--${t}`,
     `clarity-check-input--${r}`,
     a && `clarity-check-input--${a}`,
     c && "clarity-check-input--error",
-    g && "clarity-check-input--disabled",
+    f && "clarity-check-input--disabled",
     u
   ].filter(Boolean).join(" "), _ = [
     "clarity-check-input__label",
     `clarity-check-input__label--${r}`,
-    g && "clarity-check-input__label--disabled"
+    f && "clarity-check-input__label--disabled"
   ].filter(Boolean).join(" "), x = s != null && s.endsWith("left") ? "left" : "right", E = (B, R) => {
     if (!o) return null;
     const $ = typeof o == "object" ? o : void 0, k = ($ == null ? void 0 : $.content) ?? "Ajuda", A = ($ == null ? void 0 : $.plain) === !0, H = $ == null ? void 0 : $.variant, S = $ == null ? void 0 : $.bgColor, z = $ == null ? void 0 : $.textColor, M = B === "middle" ? 20 : 16;
@@ -1516,10 +1516,10 @@ const Re = I.forwardRef(({
         ref: b,
         id: N,
         type: t,
-        className: h,
-        disabled: g,
-        checked: f,
-        ...y
+        className: y,
+        disabled: f,
+        checked: p,
+        ...g
       }
     ),
     /* @__PURE__ */ w("div", { className: "clarity-check-input__custom", children: [
@@ -1570,10 +1570,10 @@ const Oe = I.forwardRef(({
   className: d = "",
   disabled: i = !1,
   checked: u,
-  id: g,
-  ...f
-}, p) => {
-  const y = g || `input-switch-${Math.random().toString(36).substr(2, 9)}`, b = [
+  id: f,
+  ...p
+}, h) => {
+  const g = f || `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",
@@ -1590,7 +1590,7 @@ 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 = n != null && n.endsWith("left") ? "left" : "right", _ = (E, C) => {
+  ].filter(Boolean).join(" "), y = 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(
@@ -1606,30 +1606,30 @@ 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: b, htmlFor: y, children: [
+  }, x = /* @__PURE__ */ w("label", { className: b, htmlFor: g, children: [
     /* @__PURE__ */ e(
       "input",
       {
-        ref: p,
-        id: y,
+        ref: h,
+        id: g,
         type: "checkbox",
         className: N,
         disabled: i,
         checked: u,
-        ...f
+        ...p
       }
     ),
     /* @__PURE__ */ e("div", { className: "clarity-input-switch__track", children: /* @__PURE__ */ e("div", { className: "clarity-input-switch__thumb" }) }),
     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--${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),
+    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--${y}`, children: _("top", y) }),
+    l && (n != null && n.startsWith("middle")) ? /* @__PURE__ */ w("div", { className: `clarity-input-switch__middle-row clarity-input-switch__middle-row--${y}`, children: [
+      y === "left" && _("middle", y),
       x,
-      h === "right" && _("middle", h)
+      y === "right" && _("middle", y)
     ] }) : 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--${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--${y}`, children: _("bottom", y) }),
     o && s && /* @__PURE__ */ e("div", { className: "clarity-input-switch__error-text", children: s })
   ] });
 });
@@ -1688,27 +1688,27 @@ const ut = ({
 }) => {
   const [s, c] = D(!1), d = t !== void 0, i = d ? t : s, u = () => {
     d || c(!0);
-  }, g = I.useCallback(() => {
+  }, f = I.useCallback(() => {
     a ? a() : c(!1);
-  }, [a]), f = () => {
-    r && r(), g();
+  }, [a]), p = () => {
+    r && r(), f();
   };
   J(() => {
     const N = (m) => {
-      m.key === "Escape" && g();
+      m.key === "Escape" && f();
     };
     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, g, o]);
-  const p = I.Children.toArray(n).find(
+  }, [i, f, o]);
+  const h = I.Children.toArray(n).find(
     (N) => ot(N) && N.type.displayName === "ConfirmationDialog.Trigger"
-  ), y = I.Children.toArray(n).filter(
+  ), g = I.Children.toArray(n).filter(
     (N) => ot(N) && N.type.displayName !== "ConfirmationDialog.Trigger"
   ), 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: b, children: y }) })
+  return /* @__PURE__ */ w(Yt.Provider, { value: { variant: l, onClose: f, onConfirm: p, onOpen: u }, children: [
+    h,
+    i && /* @__PURE__ */ e("div", { className: "clarity-modal-overlay", children: /* @__PURE__ */ e("div", { className: b, children: g }) })
   ] });
 };
 ut.Header = Zt;
@@ -1730,30 +1730,30 @@ const ra = ({
   "aria-label": d,
   title: i,
   customColor: u,
-  customColorHover: g,
-  ...f
+  customColorHover: f,
+  ...p
 }) => {
-  const p = "clarity-button-icon", y = [
-    p,
-    !u && `${p}--${t}`,
-    `${p}--${a}`,
-    l && `${p}--loading`,
-    r && `${p}--disabled`,
+  const h = "clarity-button-icon", g = [
+    h,
+    !u && `${h}--${t}`,
+    `${h}--${a}`,
+    l && `${h}--loading`,
+    r && `${h}--disabled`,
     c
   ].filter(Boolean).join(" "), b = {};
-  return u && (b["--button-icon-bg"] = u, b["--button-icon-hover-bg"] = g || `${u}E6`), /* @__PURE__ */ w(
+  return u && (b["--button-icon-bg"] = u, b["--button-icon-hover-bg"] = f || `${u}E6`), /* @__PURE__ */ w(
     "button",
     {
-      className: y,
+      className: g,
       disabled: r || l,
       onClick: o,
       type: s,
       "aria-label": d,
       title: i,
       style: b,
-      ...f,
+      ...p,
       children: [
-        l && /* @__PURE__ */ e("div", { className: `${p}__spinner` }),
+        l && /* @__PURE__ */ e("div", { className: `${h}__spinner` }),
         !l && n
       ]
     }
@@ -1770,19 +1770,19 @@ const ra = ({
   href: d,
   target: i,
   rel: u,
-  className: g = "",
-  ...f
+  className: f = "",
+  ...p
 }) => {
-  const p = "clarity-button-link", y = a && r, b = y ? `${p}--custom` : `${p}--${t}`, N = [
-    p,
+  const h = "clarity-button-link", g = a && r, b = g ? `${h}--custom` : `${h}--${t}`, N = [
+    h,
     b,
-    `${p}--${n}`,
-    o && `${p}--disabled`,
-    g
+    `${h}--${n}`,
+    o && `${h}--disabled`,
+    f
   ].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";
-  }, h = y ? {
+  }, y = g ? {
     "--custom-color": `var(--clarity-${a}-${r})`,
     "--custom-hover-color": `var(--clarity-${a}-${l || m(r)})`
   } : {};
@@ -1793,19 +1793,19 @@ const ra = ({
       target: i,
       rel: u || (i === "_blank" ? "noopener noreferrer" : void 0),
       className: N,
-      style: h,
+      style: y,
       onClick: o ? void 0 : c,
-      ...f,
+      ...p,
       children: s
     }
   ) : /* @__PURE__ */ e(
     "button",
     {
       className: N,
-      style: h,
+      style: y,
       disabled: o,
       onClick: c,
-      ...f,
+      ...p,
       children: s
     }
   );
@@ -1827,24 +1827,24 @@ const ra = ({
   onSelect: i,
   ...u
 }) => {
-  const [g, f] = D(() => n ? Array.isArray(n) ? n : [n] : []), p = (E) => {
+  const [f, p] = D(() => n ? Array.isArray(n) ? n : [n] : []), h = (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", b = a && r, N = b ? `${y}--custom` : `${y}--${t}`, m = [
-    y,
+    o ? C = f.includes(E) ? f.filter((B) => B !== E) : [...f, E] : C = f.includes(E) ? [] : [E], p(C), i && i(f.includes(E) ? null : E, {});
+  }, g = "clarity-accordion", b = a && r, N = b ? `${g}--custom` : `${g}--${t}`, m = [
+    g,
     N,
-    s && `${y}--flush`,
+    s && `${g}--flush`,
     c
-  ].filter(Boolean).join(" "), h = (E) => {
+  ].filter(Boolean).join(" "), y = (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";
   }, _ = b ? {
     "--custom-border-color": `var(--clarity-${a}-${r})`,
     "--custom-header-color": `var(--clarity-${a}-${r})`,
-    "--custom-hover-color": `var(--clarity-${a}-${l || h(r)})`
+    "--custom-hover-color": `var(--clarity-${a}-${l || y(r)})`
   } : {}, x = {
-    activeKeys: g,
-    toggleItem: p,
+    activeKeys: f,
+    toggleItem: h,
     alwaysOpen: o,
     variant: t,
     product: a,
@@ -1959,32 +1959,32 @@ const ra = ({
   const [l, n] = D(!1), [o, s] = D({}), c = et(null), d = et(null), i = et(null);
   return Lt(() => {
     if (l) {
-      const u = d.current, g = i.current;
-      if (!u || !g) return;
-      const f = u.getBoundingClientRect(), p = g.getBoundingClientRect(), y = window.innerHeight, b = window.innerWidth;
+      const u = d.current, f = i.current;
+      if (!u || !f) return;
+      const p = u.getBoundingClientRect(), h = f.getBoundingClientRect(), g = 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 > b && (N = "left"), a === "left" && f.left - p.width < 0 && (N = "right");
+      a === "bottom" && p.bottom + h.height > g && (N = "top"), a === "top" && p.top - h.height < 0 && (N = "bottom"), a === "right" && p.right + h.width > b && (N = "left"), a === "left" && p.left - h.width < 0 && (N = "right");
       const m = {};
       switch (N) {
         case "top":
-          m.bottom = f.height + 4, m.left = f.width / 2 - p.width / 2;
+          m.bottom = p.height + 4, m.left = p.width / 2 - h.width / 2;
           break;
         case "right":
-          m.left = f.width + 4, m.top = f.height / 2 - p.height / 2;
+          m.left = p.width + 4, m.top = p.height / 2 - h.height / 2;
           break;
         case "left":
-          m.right = f.width + 4, m.top = f.height / 2 - p.height / 2;
+          m.right = p.width + 4, m.top = p.height / 2 - h.height / 2;
           break;
         case "bottom":
         default:
-          m.top = f.height + 4, m.left = f.width / 2 - p.width / 2;
+          m.top = p.height + 4, m.left = p.width / 2 - h.width / 2;
           break;
       }
       s(m);
     }
   }, [l, a]), J(() => {
-    const u = (g) => {
-      c.current && !c.current.contains(g.target) && n(!1);
+    const u = (f) => {
+      c.current && !c.current.contains(f.target) && n(!1);
     };
     return document.addEventListener("mousedown", u), () => {
       document.removeEventListener("mousedown", u);
@@ -2044,25 +2044,29 @@ const le = ({
   onTabChange: r,
   variant: l = "primary",
   orientation: n = "horizontal",
-  className: o = ""
+  align: o = "left",
+  className: s = ""
 }) => {
-  const s = [
+  let c = "";
+  o === "center" ? c = "clarity-tabs-align-center" : o === "right" && (c = "clarity-tabs-align-right");
+  const d = [
     "clarity-tabs-container",
-    o,
-    `orientation-${n}`
-  ].filter(Boolean).join(" "), c = [], d = [];
-  return _e.forEach(t, (i) => {
-    ot(i) && i.type === xt ? c.push(i) : d.push(i);
-  }), /* @__PURE__ */ w("div", { className: s, children: [
-    /* @__PURE__ */ e("div", { className: "clarity-tab-list", role: "tablist", children: c.map(
-      (i) => rt(i, {
-        isActive: I.isValidElement(i) && i.props.id === a,
+    s,
+    `orientation-${n}`,
+    n === "horizontal" ? c : ""
+  ].filter(Boolean).join(" "), i = [], u = [];
+  return _e.forEach(t, (f) => {
+    ot(f) && f.type === xt ? i.push(f) : u.push(f);
+  }), /* @__PURE__ */ w("div", { className: d, children: [
+    /* @__PURE__ */ e("div", { className: "clarity-tab-list", role: "tablist", children: i.map(
+      (f) => rt(f, {
+        isActive: I.isValidElement(f) && f.props.id === a,
         onClick: r,
         variant: l,
         orientation: n
       })
     ) }),
-    d
+    u
   ] });
 };
 le.Tab = xt;
@@ -2080,11 +2084,11 @@ const ne = ct(null), yt = () => {
   inputPlaceholder: n = "Search...",
   ...o
 }) => {
-  const [s, c] = D(""), [d, i] = D(null), [u, g] = D(!1), f = [
+  const [s, c] = D(""), [d, i] = D(null), [u, f] = D(!1), p = [
     "clarity-command",
     `clarity-command--${r}`,
     a
-  ].filter(Boolean).join(" "), p = vt(() => ({
+  ].filter(Boolean).join(" "), h = vt(() => ({
     searchTerm: s,
     setSearchTerm: c,
     value: d,
@@ -2095,9 +2099,9 @@ const ne = ct(null), yt = () => {
       inputPlaceholder: n
     },
     isOpen: u,
-    setIsOpen: g
+    setIsOpen: f
   }), [s, d, r, l, n, u]);
-  return /* @__PURE__ */ e(ne.Provider, { value: p, children: /* @__PURE__ */ e("div", { className: f, ...o, children: t }) });
+  return /* @__PURE__ */ e(ne.Provider, { value: h, children: /* @__PURE__ */ e("div", { className: p, ...o, children: t }) });
 };
 ie.displayName = "Command";
 const se = ({ placeholder: t = "Search...", variant: a, onClick: r }) => {
@@ -2158,16 +2162,16 @@ const de = ({ children: t, className: a = "", ...r }) => {
   const { searchTerm: l } = yt();
   let n = !1;
   const o = (d) => I.Children.toArray(d).map((i) => {
-    var g;
+    var f;
     if (!I.isValidElement(i)) return i;
     const u = i.type.displayName;
     if (u === "Command.Empty")
       return null;
     if (u === "Command.Item")
-      return (((g = i.props.children) == null ? void 0 : g.toString().toLowerCase()) || "").includes(l.toLowerCase()) ? (n = !0, i) : null;
+      return (((f = i.props.children) == null ? void 0 : f.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;
+      const p = o(i.props.children);
+      return I.Children.toArray(p).some((g) => I.isValidElement(g) && g.type.displayName === "Command.Item") ? I.cloneElement(i, { ...i.props, children: p }) : null;
     }
     return i;
   }).filter(Boolean), s = o(t), c = ["clarity-command-list", a].filter(Boolean).join(" ");
@@ -2230,40 +2234,40 @@ const ia = Object.assign(ie, {
   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 = vt(() => i === "none" || !c ? r : [...r].sort((m, h) => {
-    const _ = m[c], x = h[c];
+  const [c, d] = D(null), [i, u] = D("none"), f = (m) => {
+    m.sortable && (c === m.key ? u((y) => y === "asc" ? "desc" : y === "desc" ? "none" : "asc") : (d(m.key), u("asc")));
+  }, p = vt(() => i === "none" || !c ? r : [...r].sort((m, y) => {
+    const _ = m[c], x = y[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;
+  }), [r, c, i]), h = (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: l });
-  const y = `table-variant-${t} ${n ? "is-scrollable" : ""}`, b = () => {
+  const g = `table-variant-${t} ${n ? "is-scrollable" : ""}`, b = () => {
     if (!s) return null;
     const {
       currentPage: m,
-      totalPages: h,
+      totalPages: y,
       onPageChange: _,
       totalItems: x,
       itemsPerPage: E,
       position: C = "right"
     } = s;
-    if (typeof h != "number" || typeof m != "number")
+    if (typeof y != "number" || typeof m != "number")
       return console.warn("Table Pagination: Invalid pagination props", s), null;
     if (x <= E)
       return null;
     const B = (m - 1) * E + 1, R = Math.min(m * E, x), $ = () => {
       const k = [];
-      if (h <= 5)
-        for (let H = 1; H <= h; H++) k.push(H);
+      if (y <= 5)
+        for (let H = 1; H <= y; H++) k.push(H);
       else if (m <= 3) {
         for (let H = 1; H <= 4; H++) k.push(H);
-        k.push("..."), k.push(h);
-      } else if (m >= h - 2) {
+        k.push("..."), k.push(y);
+      } else if (m >= y - 2) {
         k.push(1), k.push("...");
-        for (let H = h - 3; H <= h; H++) k.push(H);
+        for (let H = y - 3; H <= y; H++) k.push(H);
       } else
-        k.push(1), k.push("..."), k.push(m - 1), k.push(m), k.push(m + 1), k.push("..."), k.push(h);
+        k.push(1), k.push("..."), k.push(m - 1), k.push(m), k.push(m + 1), k.push("..."), k.push(y);
       return k;
     };
     return /* @__PURE__ */ w("div", { className: `table-pagination align-${C}`, children: [
@@ -2312,7 +2316,7 @@ const ia = Object.assign(ie, {
           {
             className: "pagination-button",
             onClick: () => _(m + 1),
-            disabled: m === h,
+            disabled: m === y,
             "aria-label": "Próxima página",
             children: "›"
           }
@@ -2321,48 +2325,48 @@ const ia = Object.assign(ie, {
           "button",
           {
             className: "pagination-button",
-            onClick: () => _(h),
-            disabled: m === h,
+            onClick: () => _(y),
+            disabled: m === y,
             "aria-label": "Última página",
             children: "»"
           }
         )
       ] })
     ] });
-  }, N = /* @__PURE__ */ w("div", { className: `table-wrapper ${y}`, children: [
+  }, N = /* @__PURE__ */ w("div", { className: `table-wrapper ${g}`, children: [
     /* @__PURE__ */ w("table", { children: [
       /* @__PURE__ */ e("thead", { className: "table-header", children: /* @__PURE__ */ e("tr", { className: "table-row", children: a.map((m) => /* @__PURE__ */ w(
         "th",
         {
           className: `table-header-cell ${m.sortable ? "sortable" : ""} table-header-cell-${t}`,
-          onClick: () => g(m),
+          onClick: () => f(m),
           style: { minWidth: m.minWidth },
           children: [
             m.header,
-            p(m)
+            h(m)
           ]
         },
         m.key
       )) }) }),
-      /* @__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)) })
+      /* @__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, y) => /* @__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)) }, y)) })
     ] }),
     b()
   ] });
-  return l === "card" ? /* @__PURE__ */ w("div", { className: `card-view-wrapper ${y}`, children: [
+  return l === "card" ? /* @__PURE__ */ w("div", { className: `card-view-wrapper ${g}`, children: [
     /* @__PURE__ */ e("div", { className: `card-view-header table-header-cell-${t}`, children: a.map((m) => /* @__PURE__ */ w(
       "div",
       {
         className: `card-view-header-cell ${m.sortable ? "sortable" : ""}`,
-        onClick: () => g(m),
+        onClick: () => f(m),
         style: { minWidth: m.minWidth },
         children: [
           m.header,
-          p(m)
+          h(m)
         ]
       },
       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)) }),
+    /* @__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, y) => /* @__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)) }, y)) }),
     b()
   ] }) : N;
 }, oa = ({
@@ -2439,20 +2443,20 @@ const Xe = (t) => `${t / 12 * 100}%`, Ye = (t) => `${t / 12 * 100}%`, Ze = ({
   children: d,
   as: i = "div",
   style: u,
-  ...g
+  ...f
 }) => {
-  const f = { ...u }, p = (N, m) => {
+  const p = { ...u }, h = (N, m) => {
     if (m === void 0) return;
-    const h = `--clarity-col-width-${N}`;
-    f[h] = typeof m == "number" ? Xe(m) : "auto";
-  }, y = (N, m) => {
+    const y = `--clarity-col-width-${N}`;
+    p[y] = typeof m == "number" ? Xe(m) : "auto";
+  }, g = (N, m) => {
     if (m === void 0) return;
-    const h = `--clarity-col-offset-${N}`;
-    f[h] = Ye(m);
+    const y = `--clarity-col-offset-${N}`;
+    p[y] = Ye(m);
   };
-  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);
+  h("xs", a), h("sm", r), h("md", l), h("lg", n), h("xl", o), h("xxl", s), g("xs", c == null ? void 0 : c.xs), g("sm", c == null ? void 0 : c.sm), g("md", c == null ? void 0 : c.md), g("lg", c == null ? void 0 : c.lg), g("xl", c == null ? void 0 : c.xl), g("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);
+  return I.createElement(i, { className: b, style: p, ...f }, d);
 };
 Ze.displayName = "Col";
 const he = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e("div", { className: `clarity-card__header ${a || ""}`, ...r, children: t });