beth-clarity 1.1.4 → 1.1.6

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

@@ -24,8 +24,8 @@ const wt = ({
     i ? `${h}--rounded` : "",
     c ? `${h}--outlined` : "",
     u
-  ].filter(Boolean).join(" "), v = {};
-  f && (v.backgroundColor = n, r && (v.color = r));
+  ].filter(Boolean).join(" "), y = {};
+  f && (y.backgroundColor = n, r && (y.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: {
-        ...v,
+        ...y,
         ...N
       },
       ...p,
@@ -57,7 +57,7 @@ const wt = ({
   title: h,
   ...f
 }) => {
-  const m = "clarity-button", d = t && a, C = d ? `${m}--custom` : `${m}--${e}`, v = [
+  const m = "clarity-button", d = t && a, C = d ? `${m}--custom` : `${m}--${e}`, y = [
     m,
     C,
     `${m}--${n}`,
@@ -74,7 +74,7 @@ const wt = ({
   return /* @__PURE__ */ _(
     "button",
     {
-      className: v,
+      className: y,
       style: w,
       disabled: r || o,
       onClick: i,
@@ -104,7 +104,7 @@ const wt = ({
   onBlur: m,
   ...d
 }, C) => {
-  const [v, N] = T(!1), [w, B] = T(!1), g = A(null);
+  const [y, 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);
@@ -120,7 +120,7 @@ const wt = ({
     e && `clarity-input--${e}`,
     n && "clarity-input--error",
     c && "clarity-input--disabled",
-    v && "clarity-input--focused",
+    y && "clarity-input--focused",
     w && "clarity-input--has-value",
     o && "clarity-input--with-start-icon",
     u && "clarity-input--with-end-icon",
@@ -168,7 +168,7 @@ const at = L.forwardRef(({
   onBlur: m,
   rows: d = 3,
   minHeight: C,
-  maxHeight: v,
+  maxHeight: y,
   resizable: N = !0,
   ...w
 }, B) => {
@@ -196,7 +196,7 @@ const at = L.forwardRef(({
   ].filter(Boolean).join(" "), I = {
     resize: N ? "vertical" : "none",
     minHeight: C ? `${C}px` : void 0,
-    maxHeight: v ? `${v}px` : void 0
+    maxHeight: y ? `${y}px` : void 0
   };
   return /* @__PURE__ */ _("div", { className: "clarity-textarea-wrapper", children: [
     /* @__PURE__ */ _("div", { className: P, children: [
@@ -242,7 +242,7 @@ const lt = L.forwardRef(({
   onBlur: m,
   onChange: d,
   options: C,
-  placeholder: v = "Selecione uma opção",
+  placeholder: y = "Selecione uma opção",
   isClearable: N = !1,
   isSearchable: w = !1,
   ...B
@@ -251,27 +251,27 @@ const lt = L.forwardRef(({
   L.useImperativeHandle(g, () => $.current), O(() => {
     p !== void 0 && S(p);
   }, [p]), O(() => {
-    const y = (D) => {
+    const v = (D) => {
       $.current && !$.current.contains(D.target) && (k(!1), x(!1), m == null || m());
     };
-    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
+    return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
   }, [m]);
   const V = w && P ? C.filter(
-    (y) => y.label.toLowerCase().includes(P.toLowerCase())
+    (v) => v.label.toLowerCase().includes(P.toLowerCase())
   ) : C, F = () => {
     c || (k(!b), x(!b), b ? (m == null || m(), w && I("")) : (f == null || f(), w && setTimeout(() => {
-      var y;
-      (y = M.current) == null || y.focus();
+      var v;
+      (v = M.current) == null || v.focus();
     }, 0)));
-  }, X = (y) => {
-    y.disabled || (S(y.value), k(!1), x(!1), I(""), d == null || d(y.value), m == null || m());
-  }, te = (y) => {
-    I(y.target.value);
-  }, G = (y) => {
-    y.key === "Escape" ? (k(!1), x(!1), I("")) : y.key === "Enter" && V.length > 0 && V[0] && X(V[0]);
-  }, H = C.find((y) => y.value === j), le = j !== "" && j !== void 0, re = (y) => {
-    y.stopPropagation(), S(""), d == null || d("");
-  }, ie = le || E || v || w && P, oe = [
+  }, X = (v) => {
+    v.disabled || (S(v.value), k(!1), x(!1), I(""), d == null || d(v.value), m == null || m());
+  }, te = (v) => {
+    I(v.target.value);
+  }, G = (v) => {
+    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 = [
     "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 : v,
+                placeholder: H ? H.label : y,
                 disabled: c,
                 readOnly: !b
               }
-            ) : /* @__PURE__ */ s("div", { className: "clarity-select__display", children: H ? H.label : v }),
+            ) : /* @__PURE__ */ s("div", { className: "clarity-select__display", children: H ? H.label : y }),
             a && /* @__PURE__ */ s("label", { className: "clarity-select__label", children: a })
           ] }),
           N && le && /* @__PURE__ */ s(
@@ -375,20 +375,20 @@ const lt = L.forwardRef(({
               )
             }
           ),
-          b && /* @__PURE__ */ s("div", { className: "clarity-select__dropdown", children: /* @__PURE__ */ s("ul", { className: "clarity-select__options", role: "listbox", children: V.length > 0 ? V.map((y) => /* @__PURE__ */ s(
+          b && /* @__PURE__ */ s("div", { className: "clarity-select__dropdown", children: /* @__PURE__ */ s("ul", { className: "clarity-select__options", role: "listbox", children: V.length > 0 ? V.map((v) => /* @__PURE__ */ s(
             "li",
             {
               className: [
                 "clarity-select__option",
-                y.disabled && "clarity-select__option--disabled",
-                j === y.value && "clarity-select__option--selected"
+                v.disabled && "clarity-select__option--disabled",
+                j === v.value && "clarity-select__option--selected"
               ].filter(Boolean).join(" "),
-              onClick: () => X(y),
+              onClick: () => X(v),
               role: "option",
-              "aria-selected": j === y.value,
-              children: y.label
+              "aria-selected": j === v.value,
+              children: v.label
             },
-            y.value
+            v.value
           )) : /* @__PURE__ */ s("li", { className: "clarity-select__option clarity-select__option--no-results", children: "Nenhum resultado encontrado" }) }) })
         ]
       }
@@ -414,48 +414,48 @@ const nt = Ke(({
   className: m = "",
   id: d,
   name: C,
-  required: v = !1,
+  required: y = !1,
   "data-testid": N,
   ...w
 }, B) => {
-  const [g, b] = T(!1), [k, E] = T(""), [x, j] = T(!1), S = A(null), P = A(null), I = A(null), $ = (y) => {
-    S.current = y, B && (typeof B == "function" ? B(y) : B.current = y);
+  const [g, b] = T(!1), [k, E] = T(""), [x, j] = T(!1), S = A(null), P = A(null), I = A(null), $ = (v) => {
+    S.current = v, B && (typeof B == "function" ? B(v) : B.current = v);
   };
   O(() => {
-    const y = (D) => {
+    const v = (D) => {
       S.current && !S.current.contains(D.target) && (b(!1), j(!1), E(""));
     };
-    return document.addEventListener("click", y), () => document.removeEventListener("click", y);
+    return document.addEventListener("click", v), () => document.removeEventListener("click", v);
   }, []);
   const M = e.filter(
-    (y) => y.label.toLowerCase().includes(k.toLowerCase())
+    (v) => v.label.toLowerCase().includes(k.toLowerCase())
   ), V = () => {
     i || (b(!g), j(!g), g ? E("") : setTimeout(() => {
-      var y;
-      (y = P.current) == null || y.focus();
+      var v;
+      (v = P.current) == null || v.focus();
     }, 100));
-  }, F = (y, D) => {
+  }, F = (v, D) => {
     if (i)
       return;
     D && (D.stopPropagation(), D.preventDefault());
-    const U = t.includes(y);
+    const U = t.includes(v);
     let R;
-    U ? R = t.filter((se) => se !== y) : R = [...t, y], a && a(R);
-  }, X = (y, D) => {
+    U ? R = t.filter((se) => se !== v) : R = [...t, v], a && a(R);
+  }, X = (v, D) => {
     if (D.stopPropagation(), i) return;
-    const U = t.filter((R) => R !== y);
+    const U = t.filter((R) => R !== v);
     a == null || a(U);
-  }, te = (y) => {
-    y.stopPropagation(), !i && (a == null || a([]));
-  }, G = (y) => {
-    E(y.target.value);
-  }, H = (y) => {
-    y.key === "Escape" && (b(!1), j(!1), E(""));
+  }, te = (v) => {
+    v.stopPropagation(), !i && (a == null || a([]));
+  }, G = (v) => {
+    E(v.target.value);
+  }, H = (v) => {
+    v.key === "Escape" && (b(!1), j(!1), E(""));
   }, le = x || g || t.length > 0, re = () => {
     if (t.length === 0) return null;
-    const y = t.map(
+    const v = t.map(
       (R) => e.find((se) => se.value === R)
-    ).filter(Boolean), D = y.slice(0, h), U = y.length - h;
+    ).filter(Boolean), D = v.slice(0, h), U = v.length - h;
     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,
-                  v && /* @__PURE__ */ s("span", { className: "clarity-multiselect__required", children: "*" })
+                  y && /* @__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: [
@@ -548,8 +548,8 @@ const nt = Ke(({
                 onKeyDown: H
               }
             ) }),
-            /* @__PURE__ */ s("ul", { className: "clarity-multiselect__options", children: M.length > 0 ? M.map((y) => {
-              const D = t.includes(y.value), U = y.disabled || i;
+            /* @__PURE__ */ s("ul", { className: "clarity-multiselect__options", children: M.length > 0 ? M.map((v) => {
+              const D = t.includes(v.value), U = v.disabled || i;
               return /* @__PURE__ */ _(
                 "li",
                 {
@@ -558,7 +558,7 @@ const nt = Ke(({
                     D && "clarity-multiselect__option--selected",
                     U && "clarity-multiselect__option--disabled"
                   ].filter(Boolean).join(" "),
-                  onClick: (R) => !U && F(y.value, R),
+                  onClick: (R) => !U && F(v.value, R),
                   children: [
                     /* @__PURE__ */ s("div", { className: "clarity-multiselect__option-checkbox", children: /* @__PURE__ */ s("div", { className: [
                       "clarity-multiselect__checkbox",
@@ -573,10 +573,10 @@ const nt = Ke(({
                         strokeLinejoin: "round"
                       }
                     ) }) }) }),
-                    /* @__PURE__ */ s("span", { className: "clarity-multiselect__option-label", children: y.label })
+                    /* @__PURE__ */ s("span", { className: "clarity-multiselect__option-label", children: v.label })
                   ]
                 },
-                y.value
+                v.value
               );
             }) : /* @__PURE__ */ s("li", { className: "clarity-multiselect__option clarity-multiselect__option--no-results", children: "Nenhum resultado encontrado" }) })
           ] })
@@ -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"
-  ), v = L.Children.toArray(l).filter(
+  ), y = 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: v }) })
+    f && /* @__PURE__ */ s("div", { className: "clarity-modal-overlay", onClick: d, children: /* @__PURE__ */ s("div", { className: N, children: y }) })
   ] });
 };
 J.Header = he;
@@ -814,11 +814,11 @@ const K = ({
   showCloseButton: i = !0,
   title: c
 }) => {
-  const [p, h] = T(!1), [f, m] = T(!1), [d, C] = T(!1), v = e !== void 0, N = v ? e : p, w = ne(() => {
+  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);
   }, [t]), B = ne(() => {
-    v || h(!0), a == null || a();
-  }, [v, a]);
+    y || h(!0), a == null || a();
+  }, [y, a]);
   O(() => {
     if (N) {
       C(!0);
@@ -910,7 +910,7 @@ const it = L.forwardRef(({
     `clarity-check-input-wrapper--${u}`,
     c && "clarity-check-input-wrapper--disabled",
     r && "clarity-check-input-wrapper--error"
-  ].filter(Boolean).join(" "), v = [
+  ].filter(Boolean).join(" "), y = [
     "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: v,
+          className: y,
           disabled: c,
           checked: p,
           ...f
@@ -991,7 +991,7 @@ const ot = L.forwardRef(({
     n && "clarity-input-switch--error",
     i && "clarity-input-switch--disabled",
     u
-  ].filter(Boolean).join(" "), v = [
+  ].filter(Boolean).join(" "), y = [
     "clarity-input-switch__label",
     `clarity-input-switch__label--${t}`,
     i && "clarity-input-switch__label--disabled"
@@ -1011,7 +1011,7 @@ const ot = L.forwardRef(({
         }
       ),
       /* @__PURE__ */ s("div", { className: "clarity-input-switch__track", children: /* @__PURE__ */ s("div", { className: "clarity-input-switch__thumb" }) }),
-      a && /* @__PURE__ */ s("span", { className: v, children: a })
+      a && /* @__PURE__ */ s("span", { className: y, children: a })
     ] }),
     (l || n && r) && /* @__PURE__ */ s("div", { className: "clarity-input-switch__helper-text", children: n && r ? r : l })
   ] });
@@ -1073,8 +1073,8 @@ const Q = ({
     a && a(), p();
   };
   O(() => {
-    const C = (v) => {
-      v.key === "Escape" && p();
+    const C = (y) => {
+      y.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";
@@ -1113,9 +1113,9 @@ const xt = ({
   title: f,
   ...m
 }) => {
-  const d = "clarity-button-icon", C = t && a, v = C ? `${d}--custom` : `${d}--${e}`, N = [
+  const d = "clarity-button-icon", C = t && a, y = C ? `${d}--custom` : `${d}--${e}`, N = [
     d,
-    v,
+    y,
     `${d}--${n}`,
     o && `${d}--loading`,
     r && `${d}--disabled`,
@@ -1159,7 +1159,7 @@ const xt = ({
   className: h = "",
   ...f
 }) => {
-  const m = "clarity-button-link", d = t && a, C = d ? `${m}--custom` : `${m}--${e}`, v = [
+  const m = "clarity-button-link", d = t && a, C = d ? `${m}--custom` : `${m}--${e}`, y = [
     m,
     C,
     `${m}--${n}`,
@@ -1178,7 +1178,7 @@ const xt = ({
       href: i,
       target: c,
       rel: p || (c === "_blank" ? "noopener noreferrer" : void 0),
-      className: v,
+      className: y,
       style: w,
       onClick: r ? void 0 : u,
       ...f,
@@ -1187,7 +1187,7 @@ const xt = ({
   ) : /* @__PURE__ */ s(
     "button",
     {
-      className: v,
+      className: y,
       style: w,
       disabled: r,
       onClick: u,
@@ -1216,9 +1216,9 @@ const xt = ({
   const [h, 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, v = C ? `${d}--custom` : `${d}--${e}`, N = [
+  }, d = "clarity-accordion", C = t && a, y = C ? `${d}--custom` : `${d}--${e}`, N = [
     d,
-    v,
+    y,
     o && `${d}--flush`,
     u
   ].filter(Boolean).join(" "), w = (b) => {
@@ -1348,10 +1348,10 @@ const xt = ({
       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 v = t;
-      t === "bottom" && f.bottom + m.height > d && (v = "top"), t === "top" && f.top - m.height < 0 && (v = "bottom"), t === "right" && f.right + m.width > C && (v = "left"), t === "left" && f.left - m.width < 0 && (v = "right");
+      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 N = {};
-      switch (v) {
+      switch (y) {
         case "top":
           N.bottom = f.height + 4, N.left = f.width / 2 - m.width / 2;
           break;
@@ -1462,7 +1462,7 @@ const jt = ({
   arrow: m = !0,
   ...d
 }) => {
-  const [C, v] = T(!1), [N, w] = T(null), B = A(null), g = A(null), b = "clarity-tooltip", k = !!r, E = l && n && !k;
+  const [C, y] = 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(() => {
-      v(!0);
+      y(!0);
     }, p);
     w(H);
   }, V = () => {
     N && clearTimeout(N);
     const H = setTimeout(() => {
-      v(!1);
+      y(!1);
     }, h);
     w(H);
   }, F = () => {
-    c || v(!C);
+    c || y(!C);
   }, X = () => {
     c || M();
   }, te = () => {
@@ -1690,8 +1690,8 @@ 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 v = d[o], N = C[o];
-    return v < N ? i === "asc" ? -1 : 1 : v > N ? i === "asc" ? 1 : -1 : 0;
+    const y = d[o], N = C[o];
+    return y < N ? i === "asc" ? -1 : 1 : y > 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((v) => /* @__PURE__ */ s("div", { className: "card-view-cell", style: { minWidth: v.minWidth }, children: d[v.key] }, v.key)) }, C)) })
+    /* @__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: `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((v) => /* @__PURE__ */ s("td", { className: "table-cell", style: { minWidth: v.minWidth }, children: d[v.key] }, v.key)) }, C)) })
+    /* @__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)) })
   ] }) });
 }, It = ({
   variant: e = "primary",