beth-clarity 1.1.6 → 1.1.8

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

@@ -14,18 +14,18 @@ const wt = ({
   outlined: c = !1,
   ...p
 }) => {
-  const h = "clarity-badge", f = !!n, m = t && a && !f;
+  const y = "clarity-badge", f = !!n, m = t && a && !f;
   let d = "";
-  f ? d = `${h}--custom-bg` : m ? d = `${h}--custom` : d = `${h}--${e}`;
+  f ? d = `${y}--custom-bg` : m ? d = `${y}--custom` : d = `${y}--${e}`;
   const C = [
-    h,
+    y,
     d,
-    `${h}--${l}`,
-    i ? `${h}--rounded` : "",
-    c ? `${h}--outlined` : "",
+    `${y}--${l}`,
+    i ? `${y}--rounded` : "",
+    c ? `${y}--outlined` : "",
     u
-  ].filter(Boolean).join(" "), y = {};
-  f && (y.backgroundColor = n, r && (y.color = r));
+  ].filter(Boolean).join(" "), h = {};
+  f && (h.backgroundColor = n, r && (h.color = r));
   const N = m && t && a ? {
     "--custom-bg-color": `var(--clarity-${t}-${a})`,
     "--custom-text-color": a && parseInt(a) >= 500 ? "white" : `var(--clarity-${t}-800)`
@@ -35,7 +35,7 @@ const wt = ({
     {
       className: C,
       style: {
-        ...y,
+        ...h,
         ...N
       },
       ...p,
@@ -54,10 +54,10 @@ const wt = ({
   onClick: i,
   type: c = "button",
   className: p = "",
-  title: h,
+  title: y,
   ...f
 }) => {
-  const m = "clarity-button", d = t && a, C = d ? `${m}--custom` : `${m}--${e}`, y = [
+  const m = "clarity-button", d = t && a, C = d ? `${m}--custom` : `${m}--${e}`, h = [
     m,
     C,
     `${m}--${n}`,
@@ -74,12 +74,12 @@ const wt = ({
   return /* @__PURE__ */ _(
     "button",
     {
-      className: y,
+      className: h,
       style: w,
       disabled: r || o,
       onClick: i,
       type: c,
-      title: h,
+      title: y,
       ...f,
       children: [
         o && /* @__PURE__ */ s("div", { className: `${m}__spinner` }),
@@ -99,16 +99,16 @@ const wt = ({
   className: i = "",
   disabled: c = !1,
   value: p,
-  defaultValue: h,
+  defaultValue: y,
   onFocus: f,
   onBlur: m,
   ...d
 }, C) => {
-  const [y, N] = T(!1), [w, B] = T(!1), g = A(null);
+  const [h, N] = T(!1), [w, B] = T(!1), g = A(null);
   L.useImperativeHandle(C, () => g.current), O(() => {
     const x = g.current;
     x && B(x.value.length > 0);
-  }, [p, h]);
+  }, [p, y]);
   const b = (x) => {
     N(!0), f == null || f(x);
   }, k = (x) => {
@@ -120,7 +120,7 @@ const wt = ({
     e && `clarity-input--${e}`,
     n && "clarity-input--error",
     c && "clarity-input--disabled",
-    y && "clarity-input--focused",
+    h && "clarity-input--focused",
     w && "clarity-input--has-value",
     o && "clarity-input--with-start-icon",
     u && "clarity-input--with-end-icon",
@@ -137,7 +137,7 @@ const wt = ({
             className: "clarity-input__element",
             disabled: c,
             value: p,
-            defaultValue: h,
+            defaultValue: y,
             onFocus: b,
             onBlur: k,
             ...d
@@ -163,12 +163,12 @@ const at = L.forwardRef(({
   className: i = "",
   disabled: c = !1,
   value: p,
-  defaultValue: h,
+  defaultValue: y,
   onFocus: f,
   onBlur: m,
   rows: d = 3,
   minHeight: C,
-  maxHeight: y,
+  maxHeight: h,
   resizable: N = !0,
   ...w
 }, B) => {
@@ -176,7 +176,7 @@ const at = L.forwardRef(({
   L.useImperativeHandle(B, () => x.current), O(() => {
     const $ = x.current;
     $ && E($.value.length > 0);
-  }, [p, h]);
+  }, [p, y]);
   const j = ($) => {
     b(!0), f == null || f($);
   }, S = ($) => {
@@ -196,7 +196,7 @@ const at = L.forwardRef(({
   ].filter(Boolean).join(" "), I = {
     resize: N ? "vertical" : "none",
     minHeight: C ? `${C}px` : void 0,
-    maxHeight: y ? `${y}px` : void 0
+    maxHeight: h ? `${h}px` : void 0
   };
   return /* @__PURE__ */ _("div", { className: "clarity-textarea-wrapper", children: [
     /* @__PURE__ */ _("div", { className: P, children: [
@@ -209,7 +209,7 @@ const at = L.forwardRef(({
             className: "clarity-textarea__element",
             disabled: c,
             value: p,
-            defaultValue: h,
+            defaultValue: y,
             onFocus: j,
             onBlur: S,
             rows: d,
@@ -237,17 +237,17 @@ const lt = L.forwardRef(({
   className: i = "",
   disabled: c = !1,
   value: p,
-  defaultValue: h,
+  defaultValue: y,
   onFocus: f,
   onBlur: m,
   onChange: d,
   options: C,
-  placeholder: y = "Selecione uma opção",
+  placeholder: h = "Selecione uma opção",
   isClearable: N = !1,
   isSearchable: w = !1,
   ...B
 }, g) => {
-  const [b, k] = T(!1), [E, x] = T(!1), [j, S] = T(p || h || ""), [P, I] = T(""), $ = A(null), M = A(null);
+  const [b, k] = T(!1), [E, x] = T(!1), [j, S] = T(p || y || ""), [P, I] = T(""), $ = A(null), M = A(null);
   L.useImperativeHandle(g, () => $.current), O(() => {
     p !== void 0 && S(p);
   }, [p]), O(() => {
@@ -271,7 +271,7 @@ const lt = L.forwardRef(({
     v.key === "Escape" ? (k(!1), x(!1), I("")) : v.key === "Enter" && V.length > 0 && V[0] && X(V[0]);
   }, H = C.find((v) => v.value === j), le = j !== "" && j !== void 0, re = (v) => {
     v.stopPropagation(), S(""), d == null || d("");
-  }, ie = le || E || y || w && P, oe = [
+  }, ie = le || E || h || w && P, oe = [
     "clarity-select",
     "clarity-select--outlined",
     `clarity-select--${t}`,
@@ -313,11 +313,11 @@ const lt = L.forwardRef(({
                 onFocus: () => {
                   b || (k(!0), x(!0), f == null || f());
                 },
-                placeholder: H ? H.label : y,
+                placeholder: H ? H.label : h,
                 disabled: c,
                 readOnly: !b
               }
-            ) : /* @__PURE__ */ s("div", { className: "clarity-select__display", children: H ? H.label : y }),
+            ) : /* @__PURE__ */ s("div", { className: "clarity-select__display", children: H ? H.label : h }),
             a && /* @__PURE__ */ s("label", { className: "clarity-select__label", children: a })
           ] }),
           N && le && /* @__PURE__ */ s(
@@ -409,12 +409,12 @@ const nt = Ke(({
   disabled: i = !1,
   variant: c = "primary",
   size: p = "medium",
-  maxSelectedLabels: h = 3,
+  maxSelectedLabels: y = 3,
   selectionLimit: f,
   className: m = "",
   id: d,
   name: C,
-  required: y = !1,
+  required: h = !1,
   "data-testid": N,
   ...w
 }, B) => {
@@ -455,7 +455,7 @@ const nt = Ke(({
     if (t.length === 0) return null;
     const v = t.map(
       (R) => e.find((se) => se.value === R)
-    ).filter(Boolean), D = v.slice(0, h), U = v.length - h;
+    ).filter(Boolean), D = v.slice(0, y), U = v.length - y;
     return /* @__PURE__ */ _("div", { className: "clarity-multiselect__chips", children: [
       D.map((R) => /* @__PURE__ */ _("div", { className: "clarity-multiselect__chip", children: [
         /* @__PURE__ */ s("span", { className: "clarity-multiselect__chip-label", children: R.label }),
@@ -507,7 +507,7 @@ const nt = Ke(({
               children: [
                 n && /* @__PURE__ */ _("label", { className: "clarity-multiselect__label", children: [
                   n,
-                  y && /* @__PURE__ */ s("span", { className: "clarity-multiselect__required", children: "*" })
+                  h && /* @__PURE__ */ s("span", { className: "clarity-multiselect__required", children: "*" })
                 ] }),
                 /* @__PURE__ */ s("div", { className: "clarity-multiselect__content", children: t.length > 0 ? re() : /* @__PURE__ */ s("span", { className: "clarity-multiselect__placeholder", children: l }) }),
                 /* @__PURE__ */ _("div", { className: "clarity-multiselect__icons", children: [
@@ -667,12 +667,12 @@ const J = ({
     i && w.target === w.currentTarget && m();
   }, C = L.Children.toArray(l).find(
     (w) => Z(w) && w.type.displayName === "Modal.Trigger"
-  ), y = L.Children.toArray(l).filter(
+  ), h = L.Children.toArray(l).filter(
     (w) => Z(w) && w.type.displayName !== "Modal.Trigger"
   ), N = ["clarity-modal", n, `clarity-modal--${o}`].filter(Boolean).join(" ");
   return /* @__PURE__ */ _(fe.Provider, { value: { onClose: m, variant: r, showCloseButton: u }, children: [
     C && W(C, { onClick: () => p(!0), variant: r }),
-    f && /* @__PURE__ */ s("div", { className: "clarity-modal-overlay", onClick: d, children: /* @__PURE__ */ s("div", { className: N, children: y }) })
+    f && /* @__PURE__ */ s("div", { className: "clarity-modal-overlay", onClick: d, children: /* @__PURE__ */ s("div", { className: N, children: h }) })
   ] });
 };
 J.Header = he;
@@ -693,11 +693,11 @@ const be = z(void 0), $t = () => {
       u("visible");
     }, 10), p = setTimeout(() => {
       u("exiting");
-    }, l * 1e3 - 300), h = setTimeout(() => {
+    }, l * 1e3 - 300), y = setTimeout(() => {
       n(e);
     }, l * 1e3);
     return () => {
-      clearTimeout(c), clearTimeout(p), clearTimeout(h);
+      clearTimeout(c), clearTimeout(p), clearTimeout(y);
     };
   }, [e, l, n]);
   const i = [
@@ -738,8 +738,8 @@ const be = z(void 0), $t = () => {
       // position: 'right-top',
       ...i
     };
-    a((h) => {
-      const f = [p, ...h];
+    a((y) => {
+      const f = [p, ...y];
       return f.length > 4 ? f.slice(0, 4) : f;
     });
   }, []), r = ne((i) => {
@@ -814,11 +814,11 @@ const K = ({
   showCloseButton: i = !0,
   title: c
 }) => {
-  const [p, h] = T(!1), [f, m] = T(!1), [d, C] = T(!1), y = e !== void 0, N = y ? e : p, w = ne(() => {
-    t ? t() : h(!1);
+  const [p, y] = T(!1), [f, m] = T(!1), [d, C] = T(!1), h = e !== void 0, N = h ? e : p, w = ne(() => {
+    t ? t() : y(!1);
   }, [t]), B = ne(() => {
-    y || h(!0), a == null || a();
-  }, [y, a]);
+    h || y(!0), a == null || a();
+  }, [h, a]);
   O(() => {
     if (N) {
       C(!0);
@@ -902,15 +902,15 @@ const it = L.forwardRef(({
   className: i = "",
   disabled: c = !1,
   checked: p,
-  id: h,
+  id: y,
   ...f
 }, m) => {
-  const d = h || `check-input-${Math.random().toString(36).substr(2, 9)}`, C = [
+  const d = y || `check-input-${Math.random().toString(36).substr(2, 9)}`, C = [
     "clarity-check-input-wrapper",
     `clarity-check-input-wrapper--${u}`,
     c && "clarity-check-input-wrapper--disabled",
     r && "clarity-check-input-wrapper--error"
-  ].filter(Boolean).join(" "), y = [
+  ].filter(Boolean).join(" "), h = [
     "clarity-check-input",
     `clarity-check-input--${e}`,
     `clarity-check-input--${a}`,
@@ -931,7 +931,7 @@ const it = L.forwardRef(({
           ref: m,
           id: d,
           type: e,
-          className: y,
+          className: h,
           disabled: c,
           checked: p,
           ...f
@@ -977,7 +977,7 @@ const ot = L.forwardRef(({
   disabled: i = !1,
   checked: c,
   id: p,
-  ...h
+  ...y
 }, f) => {
   const m = p || `input-switch-${Math.random().toString(36).substr(2, 9)}`, d = [
     "clarity-input-switch-wrapper",
@@ -991,7 +991,7 @@ const ot = L.forwardRef(({
     n && "clarity-input-switch--error",
     i && "clarity-input-switch--disabled",
     u
-  ].filter(Boolean).join(" "), y = [
+  ].filter(Boolean).join(" "), h = [
     "clarity-input-switch__label",
     `clarity-input-switch__label--${t}`,
     i && "clarity-input-switch__label--disabled"
@@ -1007,11 +1007,11 @@ const ot = L.forwardRef(({
           className: C,
           disabled: i,
           checked: c,
-          ...h
+          ...y
         }
       ),
       /* @__PURE__ */ s("div", { className: "clarity-input-switch__track", children: /* @__PURE__ */ s("div", { className: "clarity-input-switch__thumb" }) }),
-      a && /* @__PURE__ */ s("span", { className: y, children: a })
+      a && /* @__PURE__ */ s("span", { className: h, children: a })
     ] }),
     (l || n && r) && /* @__PURE__ */ s("div", { className: "clarity-input-switch__helper-text", children: n && r ? r : l })
   ] });
@@ -1069,12 +1069,12 @@ const Q = ({
     u || o(!0);
   }, p = () => {
     t ? t() : o(!1);
-  }, h = () => {
+  }, y = () => {
     a && a(), p();
   };
   O(() => {
-    const C = (y) => {
-      y.key === "Escape" && p();
+    const C = (h) => {
+      h.key === "Escape" && p();
     };
     return i ? (document.addEventListener("keydown", C), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
       document.removeEventListener("keydown", C), document.body.style.overflow = "unset";
@@ -1085,7 +1085,7 @@ const Q = ({
   ), m = L.Children.toArray(n).filter(
     (C) => Z(C) && C.type.displayName !== "ConfirmationDialog.Trigger"
   ), d = `clarity-confirmation-dialog clarity-confirmation-dialog--${l}`;
-  return /* @__PURE__ */ _(Te.Provider, { value: { variant: l, onClose: p, onConfirm: h, onOpen: c }, children: [
+  return /* @__PURE__ */ _(Te.Provider, { value: { variant: l, onClose: p, onConfirm: y, onOpen: c }, children: [
     f,
     i && /* @__PURE__ */ s("div", { className: "clarity-modal-overlay", children: /* @__PURE__ */ s("div", { className: d, children: m }) })
   ] });
@@ -1109,13 +1109,13 @@ const xt = ({
   onClick: i,
   type: c = "button",
   className: p = "",
-  "aria-label": h,
+  "aria-label": y,
   title: f,
   ...m
 }) => {
-  const d = "clarity-button-icon", C = t && a, y = C ? `${d}--custom` : `${d}--${e}`, N = [
+  const d = "clarity-button-icon", C = t && a, h = C ? `${d}--custom` : `${d}--${e}`, N = [
     d,
-    y,
+    h,
     `${d}--${n}`,
     o && `${d}--loading`,
     r && `${d}--disabled`,
@@ -1135,7 +1135,7 @@ const xt = ({
       disabled: r || o,
       onClick: i,
       type: c,
-      "aria-label": h,
+      "aria-label": y,
       title: f,
       ...m,
       children: [
@@ -1156,15 +1156,15 @@ const xt = ({
   href: i,
   target: c,
   rel: p,
-  className: h = "",
+  className: y = "",
   ...f
 }) => {
-  const m = "clarity-button-link", d = t && a, C = d ? `${m}--custom` : `${m}--${e}`, y = [
+  const m = "clarity-button-link", d = t && a, C = d ? `${m}--custom` : `${m}--${e}`, h = [
     m,
     C,
     `${m}--${n}`,
     r && `${m}--disabled`,
-    h
+    y
   ].filter(Boolean).join(" "), N = (B) => {
     const g = parseInt(B);
     return g >= 800 ? "900" : g >= 700 ? "800" : g >= 600 ? "700" : g >= 500 ? "600" : g >= 400 ? "500" : g >= 300 ? "400" : g >= 200 ? "300" : "200";
@@ -1178,7 +1178,7 @@ const xt = ({
       href: i,
       target: c,
       rel: p || (c === "_blank" ? "noopener noreferrer" : void 0),
-      className: y,
+      className: h,
       style: w,
       onClick: r ? void 0 : u,
       ...f,
@@ -1187,7 +1187,7 @@ const xt = ({
   ) : /* @__PURE__ */ s(
     "button",
     {
-      className: y,
+      className: h,
       style: w,
       disabled: r,
       onClick: u,
@@ -1213,12 +1213,12 @@ const xt = ({
   onSelect: c,
   ...p
 }) => {
-  const [h, f] = T(() => n ? Array.isArray(n) ? n : [n] : []), m = (b) => {
+  const [y, f] = T(() => n ? Array.isArray(n) ? n : [n] : []), m = (b) => {
     let k;
-    r ? k = h.includes(b) ? h.filter((E) => E !== b) : [...h, b] : k = h.includes(b) ? [] : [b], f(k), c && c(h.includes(b) ? null : b, {});
-  }, d = "clarity-accordion", C = t && a, y = C ? `${d}--custom` : `${d}--${e}`, N = [
+    r ? k = y.includes(b) ? y.filter((E) => E !== b) : [...y, b] : k = y.includes(b) ? [] : [b], f(k), c && c(y.includes(b) ? null : b, {});
+  }, d = "clarity-accordion", C = t && a, h = C ? `${d}--custom` : `${d}--${e}`, N = [
     d,
-    y,
+    h,
     o && `${d}--flush`,
     u
   ].filter(Boolean).join(" "), w = (b) => {
@@ -1229,7 +1229,7 @@ const xt = ({
     "--custom-header-color": `var(--clarity-${t}-${a})`,
     "--custom-hover-color": `var(--clarity-${t}-${l || w(a)})`
   } : {}, g = {
-    activeKeys: h,
+    activeKeys: y,
     toggleItem: m,
     alwaysOpen: r,
     variant: e,
@@ -1345,13 +1345,13 @@ const xt = ({
   const [l, n] = T(!1), [r, o] = T({}), u = A(null), i = A(null), c = A(null);
   return et(() => {
     if (l) {
-      const p = i.current, h = c.current;
-      if (!p || !h) return;
-      const f = p.getBoundingClientRect(), m = h.getBoundingClientRect(), d = window.innerHeight, C = window.innerWidth;
-      let y = t;
-      t === "bottom" && f.bottom + m.height > d && (y = "top"), t === "top" && f.top - m.height < 0 && (y = "bottom"), t === "right" && f.right + m.width > C && (y = "left"), t === "left" && f.left - m.width < 0 && (y = "right");
+      const p = i.current, y = c.current;
+      if (!p || !y) return;
+      const f = p.getBoundingClientRect(), m = y.getBoundingClientRect(), d = window.innerHeight, C = window.innerWidth;
+      let h = t;
+      t === "bottom" && f.bottom + m.height > d && (h = "top"), t === "top" && f.top - m.height < 0 && (h = "bottom"), t === "right" && f.right + m.width > C && (h = "left"), t === "left" && f.left - m.width < 0 && (h = "right");
       const N = {};
-      switch (y) {
+      switch (h) {
         case "top":
           N.bottom = f.height + 4, N.left = f.width / 2 - m.width / 2;
           break;
@@ -1369,8 +1369,8 @@ const xt = ({
       o(N);
     }
   }, [l, t]), O(() => {
-    const p = (h) => {
-      u.current && !u.current.contains(h.target) && n(!1);
+    const p = (y) => {
+      u.current && !u.current.contains(y.target) && n(!1);
     };
     return document.addEventListener("mousedown", p), () => {
       document.removeEventListener("mousedown", p);
@@ -1457,12 +1457,12 @@ const jt = ({
   className: i = "",
   disabled: c = !1,
   delay: p = 200,
-  hideDelay: h = 100,
+  hideDelay: y = 100,
   trigger: f = "hover",
   arrow: m = !0,
   ...d
 }) => {
-  const [C, y] = T(!1), [N, w] = T(null), B = A(null), g = A(null), b = "clarity-tooltip", k = !!r, E = l && n && !k;
+  const [C, h] = T(!1), [N, w] = T(null), B = A(null), g = A(null), b = "clarity-tooltip", k = !!r, E = l && n && !k;
   let x = "";
   k ? x = `${b}__content--custom-bg` : E ? x = `${b}__content--custom` : x = `${b}__content--${a}`;
   const j = [
@@ -1482,17 +1482,17 @@ const jt = ({
     if (c) return;
     N && clearTimeout(N);
     const H = setTimeout(() => {
-      y(!0);
+      h(!0);
     }, p);
     w(H);
   }, V = () => {
     N && clearTimeout(N);
     const H = setTimeout(() => {
-      y(!1);
-    }, h);
+      h(!1);
+    }, y);
     w(H);
   }, F = () => {
-    c || y(!C);
+    c || h(!C);
   }, X = () => {
     c || M();
   }, te = () => {
@@ -1538,7 +1538,7 @@ const jt = ({
   inputPlaceholder: n = "Search...",
   ...r
 }) => {
-  const [o, u] = T(""), [i, c] = T(null), [p, h] = T(!1), f = [
+  const [o, u] = T(""), [i, c] = T(null), [p, y] = T(!1), f = [
     "clarity-command",
     `clarity-command--${a}`,
     t
@@ -1553,7 +1553,7 @@ const jt = ({
       inputPlaceholder: n
     },
     isOpen: p,
-    setIsOpen: h
+    setIsOpen: y
   }), [o, i, a, l, n, p]);
   return /* @__PURE__ */ s(We.Provider, { value: m, children: /* @__PURE__ */ s("div", { className: f, ...r, children: e }) });
 };
@@ -1616,13 +1616,13 @@ const qe = ({ children: e, className: t = "", ...a }) => {
   const { searchTerm: l } = ee();
   let n = !1;
   const r = (i) => L.Children.toArray(i).map((c) => {
-    var h;
+    var y;
     if (!L.isValidElement(c)) return c;
     const p = c.type.displayName;
     if (p === "Command.Empty")
       return null;
     if (p === "Command.Item")
-      return (((h = c.props.children) == null ? void 0 : h.toString().toLowerCase()) || "").includes(l.toLowerCase()) ? (n = !0, c) : null;
+      return (((y = c.props.children) == null ? void 0 : y.toString().toLowerCase()) || "").includes(l.toLowerCase()) ? (n = !0, c) : null;
     if (p === "Command.Group") {
       const f = r(c.props.children);
       return L.Children.toArray(f).some((d) => L.isValidElement(d) && d.type.displayName === "Command.Item") ? L.cloneElement(c, { ...c.props, children: f }) : null;
@@ -1689,9 +1689,9 @@ const Lt = Object.assign(Fe, {
 }) => {
   const [o, u] = T(null), [i, c] = T("none"), p = (d) => {
     d.sortable && (o === d.key ? c((C) => C === "asc" ? "desc" : C === "desc" ? "none" : "asc") : (u(d.key), c("asc")));
-  }, h = Y(() => i === "none" || !o ? a : [...a].sort((d, C) => {
-    const y = d[o], N = C[o];
-    return y < N ? i === "asc" ? -1 : 1 : y > N ? i === "asc" ? 1 : -1 : 0;
+  }, y = Y(() => i === "none" || !o ? a : [...a].sort((d, C) => {
+    const h = d[o], N = C[o];
+    return h < N ? i === "asc" ? -1 : 1 : h > N ? i === "asc" ? 1 : -1 : 0;
   }), [a, o, i]), f = (d) => d.sortable ? o !== d.key || i === "none" ? /* @__PURE__ */ s("span", { className: "sort-icon", children: "↕" }) : i === "asc" ? /* @__PURE__ */ s("span", { className: "sort-icon", children: "↑" }) : /* @__PURE__ */ s("span", { className: "sort-icon", children: "↓" }) : null;
   if (r)
     return /* @__PURE__ */ s(Ct, { columns: t, viewMode: l });
@@ -1710,7 +1710,7 @@ const Lt = Object.assign(Fe, {
       },
       d.key
     )) }),
-    /* @__PURE__ */ s("div", { className: "card-view-body", children: h.map((d, C) => /* @__PURE__ */ s("div", { className: `card-view-row table-row-${e}`, children: t.map((y) => /* @__PURE__ */ s("div", { className: "card-view-cell", style: { minWidth: y.minWidth }, children: y.render ? y.render(d) : d[y.key] }, y.key)) }, C)) })
+    /* @__PURE__ */ s("div", { className: "card-view-body", children: y.map((d, C) => /* @__PURE__ */ s("div", { className: `card-view-row table-row-${e}`, children: t.map((h) => /* @__PURE__ */ s("div", { className: `card-view-cell ${h.align ? `table-cell-align-${h.align}` : ""}`, style: { minWidth: h.minWidth }, children: h.render ? h.render(d) : d[h.key] }, h.key)) }, C)) })
   ] }) : /* @__PURE__ */ s("div", { className: `table-wrapper ${m}`, children: /* @__PURE__ */ _("table", { children: [
     /* @__PURE__ */ s("thead", { className: "table-header", children: /* @__PURE__ */ s("tr", { className: "table-row", children: t.map((d) => /* @__PURE__ */ _(
       "th",
@@ -1725,7 +1725,7 @@ const Lt = Object.assign(Fe, {
       },
       d.key
     )) }) }),
-    /* @__PURE__ */ s("tbody", { children: h.map((d, C) => /* @__PURE__ */ s("tr", { className: `table-row table-row-${e}`, children: t.map((y) => /* @__PURE__ */ s("td", { className: "table-cell", style: { minWidth: y.minWidth }, children: y.render ? y.render(d) : d[y.key] }, y.key)) }, C)) })
+    /* @__PURE__ */ s("tbody", { children: y.map((d, C) => /* @__PURE__ */ s("tr", { className: `table-row table-row-${e}`, children: t.map((h) => /* @__PURE__ */ s("td", { className: `table-cell ${h.align ? `table-cell-align-${h.align}` : ""}`, style: { minWidth: h.minWidth }, children: h.render ? h.render(d) : d[h.key] }, h.key)) }, C)) })
   ] }) });
 }, It = ({
   variant: e = "primary",
@@ -1737,10 +1737,10 @@ const Lt = Object.assign(Fe, {
   "aria-label": o = "Carregando...",
   ...u
 }) => {
-  const i = "clarity-spinner", h = n ? `${i}--custom` : t && a ? `${i}--custom` : `${i}--${e}`, f = [
+  const i = "clarity-spinner", y = n ? `${i}--custom` : t && a ? `${i}--custom` : `${i}--${e}`, f = [
     i,
     `${i}--${l}`,
-    h,
+    y,
     r
   ].filter(Boolean).join(" "), m = {};
   return n ? m["--spinner-color"] = n : t && a && (m["--spinner-color"] = `var(--clarity-${t}-${a})`), /* @__PURE__ */ s(