@ffid-br/tailor-ui 0.8.0 → 0.9.0

package/dist/index.es.js

@@ -1,13 +1,13 @@
-import { jsxs as i, jsx as t, Fragment as E } from "react/jsx-runtime";
-import $, { useState as J, useEffect as H, useMemo as Ze, useContext as oe, createContext as Ke, useRef as X, useId as he, useSyncExternalStore as rt, useLayoutEffect as at, forwardRef as ot } from "react";
-import { motion as Z, useReducedMotion as pe, AnimatePresence as it } from "framer-motion";
+import { jsxs as i, jsx as t, Fragment as y } from "react/jsx-runtime";
+import $, { useState as J, useEffect as H, useMemo as Te, useContext as oe, createContext as Ke, useRef as X, useId as he, useSyncExternalStore as rt, useLayoutEffect as at, forwardRef as ot } from "react";
+import { motion as T, useReducedMotion as pe, AnimatePresence as it } from "framer-motion";
 const h = (...e) => e.filter(Boolean).join(" "), nt = [8, 16, 24, 40, 64, 104, 168, 272, 440], ke = [0.16, 1, 0.3, 1], lt = [1, -1].flatMap((e) => [1, -1].map((r) => ({ sx: e, sy: r })));
 function me({ malha: e = !0 }) {
   return /* @__PURE__ */ i("div", { className: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true", children: [
     e && /* @__PURE__ */ t("svg", { className: "absolute left-1/2 top-1/2 h-[200vmax] w-[200vmax] -translate-x-1/2 -translate-y-1/2 stroke-white/10", viewBox: "-440 -440 880 880", children: lt.map(
       ({ sx: r, sy: a }, o) => nt.map((n, l) => /* @__PURE__ */ i($.Fragment, { children: [
         /* @__PURE__ */ t(
-          Z.line,
+          T.line,
           {
             x1: 0,
             y1: a * n,
@@ -20,7 +20,7 @@ function me({ malha: e = !0 }) {
           }
         ),
         /* @__PURE__ */ t(
-          Z.line,
+          T.line,
           {
             x1: r * n,
             y1: 0,
@@ -95,7 +95,7 @@ const ze = {
   required: "required"
 }, xe = { "pt-BR": ze, en: je }, At = { locale: "pt-BR", currency: "BRL", messages: ze }, He = Ke(At);
 function Yt({ locale: e = "pt-BR", currency: r = "BRL", messages: a, children: o }) {
-  const n = Ze(() => {
+  const n = Te(() => {
     const l = xe[e] ?? xe[e.split("-")[0]] ?? je;
     return { locale: e, currency: r, messages: { ...l, ...a } };
   }, [e, r, a]);
@@ -108,10 +108,10 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
       /* @__PURE__ */ t("line", { className: h(e && "tailor-malha__linha"), style: e ? { animationDelay: `${n * 0.05}s` } : void 0, pathLength: 1, strokeWidth: 0.5, x1: r * o, y1: 0, x2: r * o, y2: a * V })
     ] }, `${r}${a}${o}`))
   ) }),
-  e ? /* @__PURE__ */ i(E, { children: [
+  e ? /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("rect", { className: "tailor-loader__ok-ponto fill-tailor-green", x: -3, y: -3, width: 6, height: 6 }),
     /* @__PURE__ */ t("polyline", { className: "tailor-loader__check stroke-tailor-green", points: De, pathLength: 1, fill: "none", strokeWidth: 4, strokeLinecap: "square", strokeLinejoin: "miter" })
-  ] }) : /* @__PURE__ */ i(E, { children: [
+  ] }) : /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("path", { className: "tailor-loader__rastro stroke-tailor-green", d: mt, pathLength: 1, fill: "none", strokeWidth: 2, strokeLinecap: "square", strokeLinejoin: "miter" }),
     /* @__PURE__ */ t("rect", { className: "tailor-loader__corredor fill-tailor-green", x: -3, y: -3, width: 6, height: 6 })
   ] })
@@ -119,7 +119,7 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
   const [o, n] = J(!1);
   if (o) return null;
   const l = (s, c) => /* @__PURE__ */ t("img", { src: s, alt: "", className: h("h-auto max-h-[89px] w-[233px] object-contain", c), onError: () => n(!0) });
-  return a ? l(r ?? e, "") : r ? /* @__PURE__ */ i(E, { children: [
+  return a ? l(r ?? e, "") : r ? /* @__PURE__ */ i(y, { children: [
     l(e, "dark:hidden"),
     l(r, "hidden dark:block")
   ] }) : l(e, "");
@@ -219,7 +219,7 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
   return H(() => {
     c && e();
   }, [c, e]), c ? null : /* @__PURE__ */ i(
-    Z.div,
+    T.div,
     {
       initial: { opacity: 1 },
       exit: { opacity: 0 },
@@ -230,7 +230,7 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
           ft.map(
             ({ sx: d, sy: p }, m) => ut.map((A, f) => /* @__PURE__ */ i($.Fragment, { children: [
               /* @__PURE__ */ t(
-                Z.line,
+                T.line,
                 {
                   x1: 0,
                   y1: p * A,
@@ -243,7 +243,7 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
                 }
               ),
               /* @__PURE__ */ t(
-                Z.line,
+                T.line,
                 {
                   x1: d * A,
                   y1: 0,
@@ -258,7 +258,7 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
             ] }, `${m}-${A}`))
           ),
           /* @__PURE__ */ t(
-            Z.rect,
+            T.rect,
             {
               x: -4,
               y: -4,
@@ -272,7 +272,7 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
           )
         ] }),
         /* @__PURE__ */ t(
-          Z.div,
+          T.div,
           {
             "aria-hidden": "true",
             className: "tailor-intro__vinheta absolute inset-0",
@@ -283,7 +283,7 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
         ),
         /* @__PURE__ */ i("div", { className: "absolute left-1/2 top-[38.2%] flex w-full -translate-x-1/2 -translate-y-1/2 flex-col items-center px-[21px] text-center", children: [
           /* @__PURE__ */ t(
-            Z.img,
+            T.img,
             {
               src: l,
               alt: "Tailor.ia",
@@ -294,7 +294,7 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
             }
           ),
           n && /* @__PURE__ */ t(
-            Z.p,
+            T.p,
             {
               className: "mt-[13px] text-[26px] font-semibold leading-none text-white",
               initial: { opacity: 0 },
@@ -304,7 +304,7 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
             }
           ),
           r && /* @__PURE__ */ i(
-            Z.p,
+            T.p,
             {
               className: "mt-[55px] flex items-center gap-[8px] text-[11px] font-medium uppercase tracking-[0.14em] text-tailor-green",
               initial: { opacity: 0 },
@@ -318,7 +318,7 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
             }
           ),
           a && /* @__PURE__ */ t(
-            Z.p,
+            T.p,
             {
               className: `${r ? "mt-[13px]" : "mt-[55px]"} max-w-[377px] text-base leading-[1.618] text-white/75 sm:max-w-[610px] sm:text-[26px] sm:leading-[1.382]`,
               initial: { opacity: 0 },
@@ -338,7 +338,7 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
           }
         ),
         /* @__PURE__ */ t(
-          Z.div,
+          T.div,
           {
             "aria-hidden": "true",
             className: "absolute bottom-0 left-0 right-0 h-1 origin-left bg-tailor-green",
@@ -374,7 +374,7 @@ const F = () => oe(He), ht = [5, 8, 13, 21, 34], V = 34, pt = [1, -1].flatMap((e
   if (r) return /* @__PURE__ */ t("span", { className: h("inline-flex items-center", s), children: A });
   const f = "h-[21px] w-auto max-w-[144px] object-contain";
   return /* @__PURE__ */ i("span", { className: h("inline-flex items-center gap-2", s), "aria-label": c ? e : `Tailor.ia ${e}`, children: [
-    d === "escura" ? /* @__PURE__ */ t("img", { src: m, alt: "", className: f }) : d === "clara" ? /* @__PURE__ */ t("img", { src: p, alt: "", className: f }) : /* @__PURE__ */ i(E, { children: [
+    d === "escura" ? /* @__PURE__ */ t("img", { src: m, alt: "", className: f }) : d === "clara" ? /* @__PURE__ */ t("img", { src: p, alt: "", className: f }) : /* @__PURE__ */ i(y, { children: [
       /* @__PURE__ */ t("img", { src: p, alt: "", className: h(f, "dark:hidden") }),
       /* @__PURE__ */ t("img", { src: m, alt: "", className: h(f, "hidden dark:block") })
     ] }),
@@ -404,7 +404,7 @@ function rr({ ativo: e, origemRef: r }) {
   var l;
   const a = pe(), o = e ? (l = r == null ? void 0 : r.current) == null ? void 0 : l.getBoundingClientRect() : void 0, n = o ? `${o.left + o.width / 2}px ${o.top + o.height / 2}px` : "50% 50%";
   return /* @__PURE__ */ t(it, { children: e && /* @__PURE__ */ t(
-    Z.div,
+    T.div,
     {
       "aria-hidden": "true",
       "data-tailor-entrar": "",
@@ -437,7 +437,7 @@ function ar() {
       window.clearTimeout(l), delete n.dataset.entrada;
     };
   }, [r, e]), a ? /* @__PURE__ */ t(
-    Z.div,
+    T.div,
     {
       "aria-hidden": "true",
       "data-tailor-entrada": "",
@@ -523,9 +523,9 @@ const Ie = We, we = ue, fe = {
     G,
     o ? "justify-center px-0" : h("gap-[13px] pr-[13px]", r > 0 ? "pl-[34px]" : "pl-[13px]"),
     e.desabilitado ? h("cursor-not-allowed border-transparent font-medium opacity-60", a.fraco) : g ? h("border-tailor-green font-semibold", a.ativo) : h("border-transparent font-medium", p ? a.forte : a.texto, a.hover)
-  ), R = /* @__PURE__ */ i(E, { children: [
+  ), R = /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "inline-flex shrink-0", children: /* @__PURE__ */ t(f, { className: "size-[18px] stroke-[1.5]" }) }),
-    o ? u && /* @__PURE__ */ t("span", { "aria-hidden": "true", className: h("absolute left-1/2 top-[5px] ml-[6px] size-[8px]", x ? "bg-red-600" : a.ponto) }) : /* @__PURE__ */ i(E, { children: [
+    o ? u && /* @__PURE__ */ t("span", { "aria-hidden": "true", className: h("absolute left-1/2 top-[5px] ml-[6px] size-[8px]", x ? "bg-red-600" : a.ponto) }) : /* @__PURE__ */ i(y, { children: [
       /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate", children: e.rotulo }),
       u && /* @__PURE__ */ t(
         "span",
@@ -603,30 +603,30 @@ const Ie = We, we = ue, fe = {
   H(() => {
     var z;
     if (!u) return;
-    const S = document.activeElement;
+    const L = document.activeElement;
     (z = v.current) == null || z.focus();
     const O = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
       var j;
-      document.body.style.overflow = O, (j = S == null ? void 0 : S.focus) == null || j.call(S);
+      document.body.style.overflow = O, (j = L == null ? void 0 : L.focus) == null || j.call(L);
     };
   }, [u]);
-  const b = (S) => {
-    if (S.key === "Escape") {
-      S.stopPropagation(), x == null || x();
+  const b = (L) => {
+    if (L.key === "Escape") {
+      L.stopPropagation(), x == null || x();
       return;
     }
-    if (S.key !== "Tab" || !v.current) return;
+    if (L.key !== "Tab" || !v.current) return;
     const O = Array.from(v.current.querySelectorAll(Ve));
     if (!O.length) return;
     const z = O[0], j = O[O.length - 1];
-    S.shiftKey && document.activeElement === z ? (S.preventDefault(), j.focus()) : !S.shiftKey && document.activeElement === j && (S.preventDefault(), z.focus());
-  }, P = h("inline-flex size-[34px] shrink-0 items-center justify-center transition-colors motion-reduce:transition-none", C.fraco, C.hover, G), B = (S) => {
-    const O = !S && f, z = O ? !!c : !!(s || c), j = (D) => A === "escura" ? /* @__PURE__ */ t("img", { src: we, alt: "Tailor.ia", className: D }) : A === "clara" ? /* @__PURE__ */ t("img", { src: Ie, alt: "Tailor.ia", className: D }) : /* @__PURE__ */ i(E, { children: [
+    L.shiftKey && document.activeElement === z ? (L.preventDefault(), j.focus()) : !L.shiftKey && document.activeElement === j && (L.preventDefault(), z.focus());
+  }, P = h("inline-flex size-[34px] shrink-0 items-center justify-center transition-colors motion-reduce:transition-none", C.fraco, C.hover, G), B = (L) => {
+    const O = !L && f, z = O ? !!c : !!(s || c), j = (D) => A === "escura" ? /* @__PURE__ */ t("img", { src: we, alt: "Tailor.ia", className: D }) : A === "clara" ? /* @__PURE__ */ t("img", { src: Ie, alt: "Tailor.ia", className: D }) : /* @__PURE__ */ i(y, { children: [
       /* @__PURE__ */ t("img", { src: Ie, alt: "Tailor.ia", className: h(D, "dark:hidden") }),
       /* @__PURE__ */ t("img", { src: we, alt: "", className: h(D, "hidden dark:block") })
     ] });
-    return /* @__PURE__ */ t(ne.Provider, { value: { tom: C, recolhido: O, gaveta: S, renderLink: N, aoNavegar: S ? x : void 0, onRecolher: g }, children: /* @__PURE__ */ i("div", { className: h("flex h-full min-h-0 flex-col", C.fundo), children: [
+    return /* @__PURE__ */ t(ne.Provider, { value: { tom: C, recolhido: O, gaveta: L, renderLink: N, aoNavegar: L ? x : void 0, onRecolher: g }, children: /* @__PURE__ */ i("div", { className: h("flex h-full min-h-0 flex-col", C.fundo), children: [
       /* @__PURE__ */ i(
         "div",
         {
@@ -637,7 +637,7 @@ const Ie = We, we = ue, fe = {
           ),
           children: [
             O ? n : o ?? /* @__PURE__ */ t(qe, { produto: e, superficie: A, logoClaro: r, logoEscuro: a }),
-            S ? /* @__PURE__ */ t("button", { type: "button", onClick: x, className: P, "aria-label": "Fechar menu", children: /* @__PURE__ */ t(Y, { d: yt, className: "size-5" }) }) : g && /* @__PURE__ */ t(
+            L ? /* @__PURE__ */ t("button", { type: "button", onClick: x, className: P, "aria-label": "Fechar menu", children: /* @__PURE__ */ t(Y, { d: yt, className: "size-5" }) }) : g && /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
@@ -666,7 +666,7 @@ const Ie = We, we = ue, fe = {
       ] })
     ] }) });
   };
-  return /* @__PURE__ */ i(E, { children: [
+  return /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t(
       "aside",
       {
@@ -728,8 +728,8 @@ const Ie = We, we = ue, fe = {
       b.preventDefault();
       const B = Array.from(R.current.querySelectorAll(Ve));
       if (!B.length) return;
-      const S = B.indexOf(document.activeElement), O = b.key === "ArrowDown" ? 1 : -1;
-      B[(S + O + B.length) % B.length].focus();
+      const L = B.indexOf(document.activeElement), O = b.key === "ArrowDown" ? 1 : -1;
+      B[(L + O + B.length) % B.length].focus();
     }
   }, C = /* @__PURE__ */ t("span", { className: h("inline-flex size-[34px] shrink-0 items-center justify-center overflow-hidden rounded-full font-tailor text-sm font-semibold", s.avatar), children: o ? /* @__PURE__ */ t("img", { src: o, alt: "", className: "size-full object-cover" }) : (e.trim().charAt(0) || "?").toUpperCase() }), v = (b) => h("flex h-[34px] w-full items-center gap-[13px] px-[13px] text-left font-tailor text-sm font-medium transition-colors motion-reduce:transition-none", G, b ? s.perigo : h(s.texto, s.hover));
   return /* @__PURE__ */ i("div", { ref: w, className: "relative", onKeyDown: Q, children: [
@@ -745,7 +745,7 @@ const Ie = We, we = ue, fe = {
         className: h("flex w-full items-center gap-[13px] py-[13px] text-left transition-colors motion-reduce:transition-none", s.hover, G, c ? "justify-center px-0" : "px-[21px]"),
         children: [
           C,
-          !c && /* @__PURE__ */ i(E, { children: [
+          !c && /* @__PURE__ */ i(y, { children: [
             /* @__PURE__ */ i("span", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ t("span", { className: h("block truncate font-tailor text-sm font-semibold leading-tight", s.forte), children: e }),
               r && /* @__PURE__ */ t("span", { className: h("mt-[2px] block truncate font-tailor text-[11px] leading-tight", s.fraco), children: r })
@@ -775,14 +775,14 @@ const Ie = We, we = ue, fe = {
           ] }),
           l && /* @__PURE__ */ t("div", { className: h("border-b px-[13px] py-[8px]", s.borda), children: l }),
           n.length > 0 && /* @__PURE__ */ t("div", { className: "pt-[8px]", children: n.map((b) => {
-            const P = b.icone, B = /* @__PURE__ */ i(E, { children: [
+            const P = b.icone, B = /* @__PURE__ */ i(y, { children: [
               P && /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "inline-flex shrink-0", children: /* @__PURE__ */ t(P, { className: "size-4 stroke-[1.5]" }) }),
               b.rotulo
-            ] }), S = () => {
+            ] }), L = () => {
               var O;
               g(), (O = b.onSelect) == null || O.call(b);
             };
-            return b.href ? /* @__PURE__ */ t("a", { href: b.href, onClick: S, className: v(b.tom === "perigo"), children: B }, b.rotulo) : /* @__PURE__ */ t("button", { type: "button", onClick: S, className: v(b.tom === "perigo"), children: B }, b.rotulo);
+            return b.href ? /* @__PURE__ */ t("a", { href: b.href, onClick: L, className: v(b.tom === "perigo"), children: B }, b.rotulo) : /* @__PURE__ */ t("button", { type: "button", onClick: L, className: v(b.tom === "perigo"), children: B }, b.rotulo);
           }) })
         ]
       }
@@ -818,34 +818,34 @@ const Ie = We, we = ue, fe = {
     s,
     c
   ] });
-}, k = "var(--tailor-mv-corpo, var(--tailor-black))", M = "var(--tailor-mv-olho, var(--tailor-white))", L = "var(--tailor-green)", se = "var(--tailor-mv-vermelho, #FF0040)", Be = "var(--tailor-white)", Bt = {
+}, k = "var(--tailor-mv-corpo, var(--tailor-black))", M = "var(--tailor-mv-olho, var(--tailor-white))", S = "var(--tailor-green)", se = "var(--tailor-mv-vermelho, #FF0040)", Be = "var(--tailor-white)", Bt = {
   desk: {
     topo: 70,
     apoio: [165, 128],
     olhos: { l: 88, r: 132, y: 116 },
     corpo: /* @__PURE__ */ t("rect", { x: "55", y: "70", width: "110", height: "110", rx: "48", fill: k }),
     // mordomo: gravata-borboleta
-    verde: /* @__PURE__ */ i(E, { children: [
-      /* @__PURE__ */ t("path", { d: "M110 168 L94 159 V177 Z M110 168 L126 159 V177 Z", fill: L, stroke: L, strokeWidth: "3", strokeLinejoin: "round" }),
-      /* @__PURE__ */ t("rect", { x: "105", y: "163", width: "10", height: "10", rx: "2", fill: L })
+    verde: /* @__PURE__ */ i(y, { children: [
+      /* @__PURE__ */ t("path", { d: "M110 168 L94 159 V177 Z M110 168 L126 159 V177 Z", fill: S, stroke: S, strokeWidth: "3", strokeLinejoin: "round" }),
+      /* @__PURE__ */ t("rect", { x: "105", y: "163", width: "10", height: "10", rx: "2", fill: S })
     ] })
   },
   pergunte: {
     topo: 60,
     apoio: [175, 118],
     olhos: { l: 88, r: 132, y: 102 },
-    corpo: /* @__PURE__ */ i(E, { children: [
+    corpo: /* @__PURE__ */ i(y, { children: [
       /* @__PURE__ */ t("rect", { x: "45", y: "60", width: "130", height: "100", rx: "36", fill: k }),
       /* @__PURE__ */ t("path", { d: "M68 150 L58 184 L100 156 Z", fill: k, stroke: k, strokeWidth: "4", strokeLinejoin: "round" })
     ] }),
-    verde: /* @__PURE__ */ t("circle", { cx: "166", cy: "64", r: "10", fill: L })
+    verde: /* @__PURE__ */ t("circle", { cx: "166", cy: "64", r: "10", fill: S })
   },
   pm: {
     topo: 72,
     apoio: [170, 136],
     olhos: { l: 90, r: 130, y: 122 },
     corpo: /* @__PURE__ */ t("rect", { x: "50", y: "72", width: "120", height: "108", rx: "26", fill: k }),
-    verde: /* @__PURE__ */ t("path", { d: "M50 98 Q50 72 76 72 H144 Q170 72 170 98 Z", fill: L })
+    verde: /* @__PURE__ */ t("path", { d: "M50 98 Q50 72 76 72 H144 Q170 72 170 98 Z", fill: S })
   },
   diretor: {
     topo: 52,
@@ -853,28 +853,28 @@ const Ie = We, we = ue, fe = {
     olhos: { l: 92, r: 128, y: 100 },
     lente: !0,
     corpo: /* @__PURE__ */ t("rect", { x: "62", y: "52", width: "96", height: "128", rx: "44", fill: k }),
-    verde: /* @__PURE__ */ t("path", { d: "M104 142 H116 L113 149 L120 172 L110 180 L100 172 L107 149 Z", fill: L })
+    verde: /* @__PURE__ */ t("path", { d: "M104 142 H116 L113 149 L120 172 L110 180 L100 172 L107 149 Z", fill: S })
   },
   sdr: {
     topo: 56,
     apoio: [170, 132],
     olhos: { l: 90, r: 132, y: 112 },
-    corpo: /* @__PURE__ */ i(E, { children: [
+    corpo: /* @__PURE__ */ i(y, { children: [
       /* @__PURE__ */ t("rect", { x: "52", y: "66", width: "116", height: "114", rx: "44", fill: k }),
       /* @__PURE__ */ t("path", { d: "M50 112 A60 60 0 0 1 170 112", fill: "none", stroke: k, strokeWidth: "7" }),
       /* @__PURE__ */ t("rect", { x: "42", y: "98", width: "16", height: "30", rx: "6", fill: k }),
       /* @__PURE__ */ t("rect", { x: "162", y: "98", width: "16", height: "30", rx: "6", fill: k }),
       /* @__PURE__ */ t("path", { d: "M60 126 Q66 156 88 156", fill: "none", stroke: M, strokeWidth: "4", strokeLinecap: "round" })
     ] }),
-    verde: /* @__PURE__ */ t("circle", { cx: "92", cy: "156", r: "7", fill: L })
+    verde: /* @__PURE__ */ t("circle", { cx: "92", cy: "156", r: "7", fill: S })
   },
   cred: {
     topo: 78,
     apoio: [180, 132],
     olhos: { l: 96, r: 140, y: 112 },
     corpo: /* @__PURE__ */ t("rect", { x: "40", y: "78", width: "140", height: "96", rx: "22", fill: k }),
-    verde: /* @__PURE__ */ i(E, { children: [
-      /* @__PURE__ */ t("rect", { x: "54", y: "134", width: "28", height: "22", rx: "4", fill: L }),
+    verde: /* @__PURE__ */ i(y, { children: [
+      /* @__PURE__ */ t("rect", { x: "54", y: "134", width: "28", height: "22", rx: "4", fill: S }),
       /* @__PURE__ */ t("path", { d: "M54 145 H82 M68 134 V156", stroke: k, strokeWidth: "2" })
     ] })
   },
@@ -883,8 +883,8 @@ const Ie = We, we = ue, fe = {
     apoio: [162, 132],
     olhos: { l: 90, r: 130, y: 106 },
     corpo: /* @__PURE__ */ t("circle", { cx: "110", cy: "128", r: "56", fill: k }),
-    verde: /* @__PURE__ */ i(E, { children: [
-      /* @__PURE__ */ t("path", { d: "M92 172 A18 18 0 0 1 128 172", fill: "none", stroke: L, strokeWidth: "6", strokeLinecap: "round" }),
+    verde: /* @__PURE__ */ i(y, { children: [
+      /* @__PURE__ */ t("path", { d: "M92 172 A18 18 0 0 1 128 172", fill: "none", stroke: S, strokeWidth: "6", strokeLinecap: "round" }),
       /* @__PURE__ */ t("path", { d: "M110 172 L121 160", stroke: M, strokeWidth: "3", strokeLinecap: "round" })
     ] })
   },
@@ -892,34 +892,34 @@ const Ie = We, we = ue, fe = {
     topo: 42,
     apoio: [162, 130],
     olhos: { l: 92, r: 128, y: 114 },
-    corpo: /* @__PURE__ */ i(E, { children: [
+    corpo: /* @__PURE__ */ i(y, { children: [
       /* @__PURE__ */ t("rect", { x: "58", y: "70", width: "104", height: "110", rx: "40", fill: k }),
       /* @__PURE__ */ t("path", { d: "M54 78 Q58 44 110 42 Q162 44 166 78 Z", fill: k }),
       /* @__PURE__ */ t("path", { d: "M48 78 H172 Q172 88 162 88 H58 Q48 88 48 78 Z", fill: M, stroke: k, strokeWidth: "3" })
     ] }),
-    verde: /* @__PURE__ */ t("circle", { cx: "110", cy: "60", r: "8", fill: L })
+    verde: /* @__PURE__ */ t("circle", { cx: "110", cy: "60", r: "8", fill: S })
   },
   flow: {
     topo: 68,
     apoio: [164, 130],
     olhos: { l: 90, r: 130, y: 108 },
     corpo: /* @__PURE__ */ t("rect", { x: "56", y: "68", width: "108", height: "112", rx: "30", fill: k }),
-    verde: /* @__PURE__ */ i(E, { children: [
-      /* @__PURE__ */ t("path", { d: "M84 164 H98 V152 H122 V164 H136", fill: "none", stroke: L, strokeWidth: "4" }),
-      /* @__PURE__ */ t("rect", { x: "76", y: "159", width: "10", height: "10", fill: L }),
-      /* @__PURE__ */ t("rect", { x: "134", y: "159", width: "10", height: "10", fill: L })
+    verde: /* @__PURE__ */ i(y, { children: [
+      /* @__PURE__ */ t("path", { d: "M84 164 H98 V152 H122 V164 H136", fill: "none", stroke: S, strokeWidth: "4" }),
+      /* @__PURE__ */ t("rect", { x: "76", y: "159", width: "10", height: "10", fill: S }),
+      /* @__PURE__ */ t("rect", { x: "134", y: "159", width: "10", height: "10", fill: S })
     ] })
   },
   bi: {
     topo: 62,
     apoio: [176, 118],
     olhos: { l: 84, r: 124, y: 100 },
-    corpo: /* @__PURE__ */ i(E, { children: [
+    corpo: /* @__PURE__ */ i(y, { children: [
       /* @__PURE__ */ t("rect", { x: "44", y: "62", width: "132", height: "100", rx: "16", fill: k }),
       /* @__PURE__ */ t("rect", { x: "98", y: "158", width: "24", height: "16", fill: k }),
       /* @__PURE__ */ t("rect", { x: "76", y: "172", width: "68", height: "8", rx: "4", fill: k })
     ] }),
-    verde: /* @__PURE__ */ i("g", { fill: L, children: [
+    verde: /* @__PURE__ */ i("g", { fill: S, children: [
       /* @__PURE__ */ t("rect", { x: "144", y: "132", width: "7", height: "16" }),
       /* @__PURE__ */ t("rect", { x: "154", y: "122", width: "7", height: "26" }),
       /* @__PURE__ */ t("rect", { x: "164", y: "110", width: "7", height: "38" })
@@ -930,9 +930,20 @@ const Ie = We, we = ue, fe = {
     apoio: [162, 132],
     olhos: { l: 90, r: 130, y: 112 },
     corpo: /* @__PURE__ */ t("rect", { x: "56", y: "68", width: "108", height: "112", rx: "54", fill: k }),
-    verde: /* @__PURE__ */ t("path", { d: "M110 178 C94 168 95 157 103 157 C107 157 110 161 110 161 C110 161 113 157 117 157 C125 157 126 168 110 178 Z", fill: L })
+    verde: /* @__PURE__ */ t("path", { d: "M110 178 C94 168 95 157 103 157 C107 157 110 161 110 161 C110 161 113 157 117 157 C125 157 126 168 110 178 Z", fill: S })
+  },
+  cs: {
+    topo: 64,
+    apoio: [166, 130],
+    olhos: { l: 90, r: 130, y: 108 },
+    corpo: /* @__PURE__ */ t("rect", { x: "54", y: "64", width: "112", height: "116", rx: "42", fill: k }),
+    // sucesso do cliente: balão de conversa com o check, a conversa que resolve
+    verde: /* @__PURE__ */ i(y, { children: [
+      /* @__PURE__ */ t("path", { d: "M94 146 H126 Q131 146 131 151 V163 Q131 168 126 168 H106 L98 175 V168 H94 Q89 168 89 163 V151 Q89 146 94 146 Z", fill: S }),
+      /* @__PURE__ */ t("path", { d: "M102 157 L108 162 L119 151", fill: "none", stroke: k, strokeWidth: "3.5", strokeLinecap: "round", strokeLinejoin: "round" })
+    ] })
   }
-}, St = {
+}, Lt = {
   neutro: ["aberto", "aberto"],
   feliz: ["feliz", "feliz"],
   piscando: ["aberto", "feliz"],
@@ -942,7 +953,7 @@ const Ie = We, we = ue, fe = {
   desconfiado: ["meio", "meio"],
   sonolento: ["fechado", "fechado"],
   tonto: ["x", "x"]
-}, Lt = {
+}, St = {
   parado: "neutro",
   cumprimentando: "piscando",
   pensando: "desconfiado",
@@ -952,70 +963,70 @@ const Ie = We, we = ue, fe = {
   erro: "triste",
   dormindo: "sonolento"
 }, Ct = {
-  gorro: /* @__PURE__ */ i(E, { children: [
+  gorro: /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("path", { d: "M-36 2 L36 2 L36 -10 Q0 -60 -36 -10 Z", fill: se }),
     /* @__PURE__ */ t("path", { d: "M-36 2 Q-30 -36 6 -46 Q30 -50 40 -24", fill: se, stroke: se, strokeWidth: "2" }),
     /* @__PURE__ */ t("rect", { x: "-42", y: "-6", width: "84", height: "14", rx: "7", fill: Be, stroke: k, strokeWidth: "3" }),
     /* @__PURE__ */ t("circle", { cx: "40", cy: "-24", r: "9", fill: Be, stroke: k, strokeWidth: "3" })
   ] }),
-  orelhas: /* @__PURE__ */ t(E, { children: [-1, 1].map((e) => /* @__PURE__ */ i("g", { transform: `rotate(${12 * e} ${22 * e} 0)`, children: [
+  orelhas: /* @__PURE__ */ t(y, { children: [-1, 1].map((e) => /* @__PURE__ */ i("g", { transform: `rotate(${12 * e} ${22 * e} 0)`, children: [
     /* @__PURE__ */ t("ellipse", { cx: 22 * e, cy: "-30", rx: "11", ry: "32", fill: k }),
     /* @__PURE__ */ t("ellipse", { cx: 22 * e, cy: "-30", rx: "4.5", ry: "21", fill: M })
   ] }, e)) }),
-  festa: /* @__PURE__ */ i(E, { children: [
+  festa: /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("path", { d: "M-22 4 L22 4 L2 -50 Z", fill: M, stroke: k, strokeWidth: "4", strokeLinejoin: "round" }),
     /* @__PURE__ */ t("path", { d: "M-12 -14 L14 -8 M-4 -34 L10 -30", stroke: k, strokeWidth: "4" }),
     /* @__PURE__ */ t("circle", { cx: "2", cy: "-52", r: "6", fill: k })
   ] }),
-  bruxa: /* @__PURE__ */ i(E, { children: [
+  bruxa: /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("path", { d: "M-26 0 L26 0 L12 -50 L40 -62 L2 -58 Z", fill: k, stroke: k, strokeWidth: "3", strokeLinejoin: "round" }),
     /* @__PURE__ */ t("rect", { x: "-24", y: "-12", width: "48", height: "8", fill: M }),
     /* @__PURE__ */ t("ellipse", { cx: "0", cy: "2", rx: "52", ry: "8", fill: k })
   ] }),
-  bone: /* @__PURE__ */ i(E, { children: [
+  bone: /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("path", { d: "M-36 6 Q-36 -30 0 -30 Q36 -30 36 6 Z", fill: M, stroke: k, strokeWidth: "4" }),
     /* @__PURE__ */ t("path", { d: "M30 2 H64 Q68 9 58 10 H30 Z", fill: M, stroke: k, strokeWidth: "4", strokeLinejoin: "round" })
   ] }),
-  capacete: /* @__PURE__ */ i(E, { children: [
+  capacete: /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("path", { d: "M-62 40 A62 62 0 0 1 62 40", fill: "none", stroke: k, strokeWidth: "4", strokeLinecap: "round" }),
     /* @__PURE__ */ t("path", { d: "M-40 -14 A48 48 0 0 1 -14 -30", fill: "none", stroke: k, strokeWidth: "4", strokeLinecap: "round" })
   ] }),
   coroa: /* @__PURE__ */ t("path", { d: "M-32 6 L-32 -24 L-16 -8 L0 -32 L16 -8 L32 -24 L32 6 Z", fill: M, stroke: k, strokeWidth: "4", strokeLinejoin: "round" })
 }, Nt = {
-  presente: /* @__PURE__ */ i(E, { children: [
+  presente: /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("rect", { x: "-6", y: "-2", width: "40", height: "34", fill: M, stroke: k, strokeWidth: "4" }),
     /* @__PURE__ */ t("path", { d: "M14 -2 V32", stroke: k, strokeWidth: "4" }),
-    /* @__PURE__ */ t("path", { d: "M14 -2 Q2 -18 -2 -6 Z M14 -2 Q26 -18 30 -6 Z", fill: L, stroke: k, strokeWidth: "3", strokeLinejoin: "round" })
+    /* @__PURE__ */ t("path", { d: "M14 -2 Q2 -18 -2 -6 Z M14 -2 Q26 -18 30 -6 Z", fill: S, stroke: k, strokeWidth: "3", strokeLinejoin: "round" })
   ] }),
-  ovo: /* @__PURE__ */ i(E, { children: [
+  ovo: /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("ellipse", { cx: "14", cy: "10", rx: "17", ry: "22", fill: M, stroke: k, strokeWidth: "4" }),
-    /* @__PURE__ */ t("path", { d: "M-1 8 L5 2 L11 8 L17 2 L23 8 L29 2", fill: "none", stroke: L, strokeWidth: "4", strokeLinejoin: "round" })
+    /* @__PURE__ */ t("path", { d: "M-1 8 L5 2 L11 8 L17 2 L23 8 L29 2", fill: "none", stroke: S, strokeWidth: "4", strokeLinejoin: "round" })
   ] }),
-  bolo: /* @__PURE__ */ i(E, { children: [
+  bolo: /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("rect", { x: "-8", y: "2", width: "44", height: "28", fill: M, stroke: k, strokeWidth: "4" }),
     /* @__PURE__ */ t("path", { d: "M-8 12 H36", stroke: k, strokeWidth: "4" }),
     /* @__PURE__ */ t("rect", { x: "11", y: "-14", width: "6", height: "16", fill: k }),
-    /* @__PURE__ */ t("path", { d: "M14 -28 Q20 -20 14 -16 Q8 -20 14 -28 Z", fill: L })
+    /* @__PURE__ */ t("path", { d: "M14 -28 Q20 -20 14 -16 Q8 -20 14 -28 Z", fill: S })
   ] }),
-  abobora: /* @__PURE__ */ i(E, { children: [
+  abobora: /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("ellipse", { cx: "14", cy: "12", rx: "22", ry: "18", fill: M, stroke: k, strokeWidth: "4" }),
     /* @__PURE__ */ t("path", { d: "M14 -6 V30 M2 -2 Q-4 12 2 27 M26 -2 Q32 12 26 27", fill: "none", stroke: k, strokeWidth: "3" }),
-    /* @__PURE__ */ t("path", { d: "M14 -6 Q16 -16 24 -18", fill: "none", stroke: L, strokeWidth: "5", strokeLinecap: "round" })
+    /* @__PURE__ */ t("path", { d: "M14 -6 Q16 -16 24 -18", fill: "none", stroke: S, strokeWidth: "5", strokeLinecap: "round" })
   ] }),
-  bola: /* @__PURE__ */ i(E, { children: [
+  bola: /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("circle", { cx: "14", cy: "10", r: "20", fill: M, stroke: k, strokeWidth: "4" }),
-    /* @__PURE__ */ t("path", { d: "M14 2 L22 8 L19 17 L9 17 L6 8 Z", fill: L, stroke: k, strokeWidth: "3", strokeLinejoin: "round" })
+    /* @__PURE__ */ t("path", { d: "M14 2 L22 8 L19 17 L9 17 L6 8 Z", fill: S, stroke: k, strokeWidth: "3", strokeLinejoin: "round" })
   ] }),
-  sabre: /* @__PURE__ */ i(E, { children: [
-    /* @__PURE__ */ t("path", { d: "M6 -4 L34 -70", stroke: L, strokeWidth: "8", strokeLinecap: "round" }),
+  sabre: /* @__PURE__ */ i(y, { children: [
+    /* @__PURE__ */ t("path", { d: "M6 -4 L34 -70", stroke: S, strokeWidth: "8", strokeLinecap: "round" }),
     /* @__PURE__ */ t("rect", { x: "-2", y: "-6", width: "12", height: "26", rx: "2", fill: k, transform: "rotate(23 4 7)" })
   ] }),
-  trofeu: /* @__PURE__ */ i(E, { children: [
+  trofeu: /* @__PURE__ */ i(y, { children: [
     /* @__PURE__ */ t("path", { d: "M-2 -10 H30 V4 Q30 20 14 22 Q-2 20 -2 4 Z", fill: M, stroke: k, strokeWidth: "4", strokeLinejoin: "round" }),
     /* @__PURE__ */ t("path", { d: "M14 22 V30 M4 32 H24", stroke: k, strokeWidth: "4", strokeLinecap: "round" }),
-    /* @__PURE__ */ t("circle", { cx: "14", cy: "4", r: "5", fill: L })
+    /* @__PURE__ */ t("circle", { cx: "14", cy: "4", r: "5", fill: S })
   ] })
-}, Se = {
+}, Le = {
   natal: ["gorro", "presente"],
   pascoa: ["orelhas", "ovo"],
   aniversario: ["festa", "bolo"],
@@ -1024,10 +1035,10 @@ const Ie = We, we = ue, fe = {
   galaxia: ["capacete", "sabre"],
   premiacao: ["coroa", "trofeu"]
 };
-function Le({ x: e, y: r, modo: a, lado: o, lente: n }) {
+function Se({ x: e, y: r, modo: a, lado: o, lente: n }) {
   const l = (A) => /* @__PURE__ */ t("path", { d: A, fill: "none", stroke: M, strokeWidth: "5", strokeLinecap: "round" }), s = a === "grande", c = { bravo: [r - 12, r - 1], triste: [r - 1, r - 12], meio: [r - 2, r - 2] }[a], d = e - 18 * o, p = e + 18 * o, m = r - 22;
-  return /* @__PURE__ */ i(E, { children: [
-    a === "feliz" ? l(`M${e - 10} ${r + 4} Q${e} ${r - 10} ${e + 10} ${r + 4}`) : a === "fechado" ? l(`M${e - 10} ${r} Q${e} ${r + 8} ${e + 10} ${r}`) : a === "x" ? l(`M${e - 8} ${r - 8} L${e + 8} ${r + 8} M${e + 8} ${r - 8} L${e - 8} ${r + 8}`) : /* @__PURE__ */ i(E, { children: [
+  return /* @__PURE__ */ i(y, { children: [
+    a === "feliz" ? l(`M${e - 10} ${r + 4} Q${e} ${r - 10} ${e + 10} ${r + 4}`) : a === "fechado" ? l(`M${e - 10} ${r} Q${e} ${r + 8} ${e + 10} ${r}`) : a === "x" ? l(`M${e - 8} ${r - 8} L${e + 8} ${r + 8} M${e + 8} ${r - 8} L${e - 8} ${r + 8}`) : /* @__PURE__ */ i(y, { children: [
       n ? /* @__PURE__ */ t("rect", { x: e - 13, y: r - (s ? 11 : 9), width: "26", height: s ? 22 : 18, rx: "6", fill: M }) : /* @__PURE__ */ t("circle", { cx: e, cy: r, r: s ? 17 : 14, fill: M }),
       /* @__PURE__ */ t("circle", { className: "tailor-mv__pupila", cx: e, cy: r + 1, r: s ? 4.5 : n ? 5 : 6.5, fill: k }),
       c && /* @__PURE__ */ t("path", { d: `M${d} ${m} L${p} ${m} L${p} ${c[1]} L${d} ${c[0]} Z`, fill: k })
@@ -1036,7 +1047,7 @@ function Le({ x: e, y: r, modo: a, lado: o, lente: n }) {
   ] });
 }
 function Ot({ agente: e, pose: r, expressao: a, tema: o, acessorio: n, objeto: l, fala: s, tamanho: c }) {
-  const d = Bt[e], [p, m] = St[a ?? Lt[r]], A = n ?? (o && Se[o][0]), f = l ?? (o && Se[o][1]), g = X(null);
+  const d = Bt[e], [p, m] = Lt[a ?? St[r]], A = n ?? (o && Le[o][0]), f = l ?? (o && Le[o][1]), g = X(null);
   return H(() => {
     const u = g.current;
     if (!u || matchMedia("(prefers-reduced-motion: reduce)").matches) return;
@@ -1050,7 +1061,7 @@ function Ot({ agente: e, pose: r, expressao: a, tema: o, acessorio: n, objeto: l
     return addEventListener("pointermove", w), () => {
       removeEventListener("pointermove", w), cancelAnimationFrame(x);
     };
-  }, []), /* @__PURE__ */ i(E, { children: [
+  }, []), /* @__PURE__ */ i(y, { children: [
     c < 48 ? null : r === "pensando" ? /* @__PURE__ */ i("span", { className: "tailor-mv__balao tailor-mv__pontos", "aria-hidden": "true", children: [
       /* @__PURE__ */ t("span", {}),
       /* @__PURE__ */ t("span", {}),
@@ -1061,14 +1072,14 @@ function Ot({ agente: e, pose: r, expressao: a, tema: o, acessorio: n, objeto: l
         d.corpo,
         /* @__PURE__ */ t("g", { className: "tailor-mv__verde", children: d.verde }),
         /* @__PURE__ */ i("g", { className: "tailor-mv__olhos", children: [
-          /* @__PURE__ */ t(Le, { x: d.olhos.l, y: d.olhos.y, modo: p, lado: 1, lente: d.lente }),
-          /* @__PURE__ */ t(Le, { x: d.olhos.r, y: d.olhos.y, modo: m, lado: -1, lente: d.lente }),
+          /* @__PURE__ */ t(Se, { x: d.olhos.l, y: d.olhos.y, modo: p, lado: 1, lente: d.lente }),
+          /* @__PURE__ */ t(Se, { x: d.olhos.r, y: d.olhos.y, modo: m, lado: -1, lente: d.lente }),
           d.lente && /* @__PURE__ */ t("path", { d: `M${d.olhos.l + 16} ${d.olhos.y - 2} H${d.olhos.r - 16}`, stroke: M, strokeWidth: "3" })
         ] }),
         A && /* @__PURE__ */ t("g", { transform: `translate(110 ${d.topo + 2})`, children: Ct[A] }),
         f && /* @__PURE__ */ t("g", { transform: `translate(${d.apoio[0] + 8} ${d.apoio[1] + 14})`, children: Nt[f] })
       ] }),
-      r === "comemorando" && /* @__PURE__ */ t("g", { className: "tailor-mv__confete", children: [[40, 20, 0], [70, 0, 0.5], [150, 10, 0.2], [180, 30, 0.9], [100, -10, 1.2], [200, 0, 0.7]].map(([u, x, w], N) => /* @__PURE__ */ t("rect", { x: u, y: x, width: "8", height: "8", fill: N % 2 ? L : k, style: { animationDelay: `${w}s` } }, N)) }),
+      r === "comemorando" && /* @__PURE__ */ t("g", { className: "tailor-mv__confete", children: [[40, 20, 0], [70, 0, 0.5], [150, 10, 0.2], [180, 30, 0.9], [100, -10, 1.2], [200, 0, 0.7]].map(([u, x, w], N) => /* @__PURE__ */ t("rect", { x: u, y: x, width: "8", height: "8", fill: N % 2 ? S : k, style: { animationDelay: `${w}s` } }, N)) }),
       r === "dormindo" && /* @__PURE__ */ t("g", { className: "tailor-mv__zzz", children: [0, 1, 2].map((u) => /* @__PURE__ */ t("text", { x: 150 + u * 6, y: d.topo - 4, fill: k, style: { animationDelay: `${u}s` }, children: "z" }, u)) })
     ] })
   ] });
@@ -1281,7 +1292,7 @@ function sr({
   return /* @__PURE__ */ i("header", { className: h("tailor-ph", m), children: [
     /* @__PURE__ */ i("div", { className: "tailor-ph__row", children: [
       /* @__PURE__ */ i("div", { className: "tailor-ph__main", children: [
-        n && (n.href ? p({ href: n.href, className: "tailor-ph__back", children: /* @__PURE__ */ i(E, { children: [
+        n && (n.href ? p({ href: n.href, className: "tailor-ph__back", children: /* @__PURE__ */ i(y, { children: [
           /* @__PURE__ */ t("span", { "aria-hidden": "true", children: "←" }),
           " ",
           n.label
@@ -1318,7 +1329,7 @@ function sr({
     d && /* @__PURE__ */ t("div", { className: "tailor-ph__below", children: d })
   ] });
 }
-const Tt = {
+const Zt = {
   primary: "--tailor-brand-primary",
   primaryText: "--tailor-brand-primary-text",
   onPrimary: "--tailor-brand-on-primary",
@@ -1336,7 +1347,7 @@ function Oe(e) {
   const r = {};
   return Object.keys(e).forEach((a) => {
     const o = e[a];
-    o !== void 0 && o !== "" && (r[Tt[a]] = String(o));
+    o !== void 0 && o !== "" && (r[Zt[a]] = String(o));
   }), r;
 }
 const Re = (e) => Object.entries(e).map(([r, a]) => `${r}:${a.replace(/[;{}<]/g, "")}`).join(";");
@@ -1347,9 +1358,9 @@ function cr({ theme: e, dark: r, children: a }) {
     a
   ] });
 }
-const Zt = ["#007bff", "#6c757d"], W = (e) => e && /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(e.trim()) ? e.trim() : void 0, Me = (e) => {
+const Tt = ["#007bff", "#6c757d"], W = (e) => e && /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(e.trim()) ? e.trim() : void 0, Me = (e) => {
   const r = W(e);
-  return r && !Zt.includes(r.toLowerCase()) ? r : void 0;
+  return r && !Tt.includes(r.toLowerCase()) ? r : void 0;
 };
 function Pe(e) {
   const r = e.length === 4 ? e.slice(1).split("").map((l) => l + l).join("") : e.slice(1), [a, o, n] = [0, 2, 4].map((l) => {
@@ -1450,55 +1461,55 @@ function Ar({
   stickyHeader: f = !1,
   className: g
 }) {
-  const { locale: u, currency: x, messages: w } = F(), [N, R] = J(d), [Q, C] = J(1), v = c ? s : N, b = Ze(() => {
+  const { locale: u, currency: x, messages: w } = F(), [N, R] = J(d), [Q, C] = J(1), v = c ? s : N, b = Te(() => {
     if (c || !v) return r;
-    const y = e.find((K) => K.key === v.key);
-    if (!y) return r;
-    const T = v.direction === "asc" ? 1 : -1;
-    return [...r].sort((K, tt) => T * Ht(ce(y, K), ce(y, tt), u));
-  }, [r, e, v, c, u]), P = p ? Math.max(1, Math.ceil(b.length / p)) : 1, B = Math.min(Q, P), S = p && !m ? b.slice((B - 1) * p, B * p) : b, O = (y) => {
-    const T = (v == null ? void 0 : v.key) === y && v.direction === "asc" ? { key: y, direction: "desc" } : { key: y, direction: "asc" };
-    c ? c(T) : (R(T), C(1));
-  }, z = (y, T) => zt(y, T, u, x), j = (y) => y.align ?? (jt.includes(y.type ?? "text") ? "right" : "left"), D = e.some((y) => y.total !== void 0), U = m ?? (p && P > 1 ? { page: B, totalPages: P, onPageChange: C, totalRows: r.length } : void 0);
+    const E = e.find((K) => K.key === v.key);
+    if (!E) return r;
+    const Z = v.direction === "asc" ? 1 : -1;
+    return [...r].sort((K, tt) => Z * Ht(ce(E, K), ce(E, tt), u));
+  }, [r, e, v, c, u]), P = p ? Math.max(1, Math.ceil(b.length / p)) : 1, B = Math.min(Q, P), L = p && !m ? b.slice((B - 1) * p, B * p) : b, O = (E) => {
+    const Z = (v == null ? void 0 : v.key) === E && v.direction === "asc" ? { key: E, direction: "desc" } : { key: E, direction: "asc" };
+    c ? c(Z) : (R(Z), C(1));
+  }, z = (E, Z) => zt(E, Z, u, x), j = (E) => E.align ?? (jt.includes(E.type ?? "text") ? "right" : "left"), D = e.some((E) => E.total !== void 0), U = m ?? (p && P > 1 ? { page: B, totalPages: P, onPageChange: C, totalRows: r.length } : void 0);
   return /* @__PURE__ */ i("div", { className: h("tailor-table", g), children: [
     /* @__PURE__ */ t("div", { className: "tailor-table__scroll", children: /* @__PURE__ */ i("table", { "aria-busy": n || void 0, children: [
       /* @__PURE__ */ t("caption", { className: "tailor-table__caption", children: o }),
-      /* @__PURE__ */ t("thead", { className: h(f && "tailor-table__sticky"), children: /* @__PURE__ */ t("tr", { children: e.map((y) => {
-        const T = (v == null ? void 0 : v.key) === y.key;
+      /* @__PURE__ */ t("thead", { className: h(f && "tailor-table__sticky"), children: /* @__PURE__ */ t("tr", { children: e.map((E) => {
+        const Z = (v == null ? void 0 : v.key) === E.key;
         return /* @__PURE__ */ t(
           "th",
           {
             scope: "col",
-            style: { width: y.width },
-            className: `tailor-table--${j(y)}`,
-            "aria-sort": T ? v.direction === "asc" ? "ascending" : "descending" : void 0,
-            children: y.sortable ? /* @__PURE__ */ i("button", { type: "button", className: "tailor-table__sort", onClick: () => O(y.key), children: [
-              y.header,
-              /* @__PURE__ */ t("span", { className: h("tailor-table__arrow", T && "tailor-table__arrow--active"), "aria-hidden": "true", children: T && v.direction === "desc" ? "↓" : "↑" })
-            ] }) : y.header
+            style: { width: E.width },
+            className: `tailor-table--${j(E)}`,
+            "aria-sort": Z ? v.direction === "asc" ? "ascending" : "descending" : void 0,
+            children: E.sortable ? /* @__PURE__ */ i("button", { type: "button", className: "tailor-table__sort", onClick: () => O(E.key), children: [
+              E.header,
+              /* @__PURE__ */ t("span", { className: h("tailor-table__arrow", Z && "tailor-table__arrow--active"), "aria-hidden": "true", children: Z && v.direction === "desc" ? "↓" : "↑" })
+            ] }) : E.header
           },
-          y.key
+          E.key
         );
       }) }) }),
-      /* @__PURE__ */ t("tbody", { children: n ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: e.length, children: /* @__PURE__ */ t(Kt, { shape: "table", columns: e.length, lines: Math.min(p ?? 5, 8) }) }) }) : S.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: e.length, className: "tailor-table__state", children: l ?? w.empty }) }) : S.map((y, T) => /* @__PURE__ */ t(
+      /* @__PURE__ */ t("tbody", { children: n ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: e.length, children: /* @__PURE__ */ t(Kt, { shape: "table", columns: e.length, lines: Math.min(p ?? 5, 8) }) }) }) : L.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: e.length, className: "tailor-table__state", children: l ?? w.empty }) }) : L.map((E, Z) => /* @__PURE__ */ t(
         "tr",
         {
           className: h(A && "tailor-table__clickable"),
-          onClick: A ? () => A(y) : void 0,
+          onClick: A ? () => A(E) : void 0,
           onKeyDown: A ? (K) => {
-            K.key === "Enter" && A(y);
+            K.key === "Enter" && A(E);
           } : void 0,
           tabIndex: A ? 0 : void 0,
-          children: e.map((K) => /* @__PURE__ */ t("td", { className: h(`tailor-table--${j(K)}`, K.type === "id" && "tailor-table__id"), children: K.cell ? K.cell(y) : z(ce(K, y), K.type) }, K.key))
+          children: e.map((K) => /* @__PURE__ */ t("td", { className: h(`tailor-table--${j(K)}`, K.type === "id" && "tailor-table__id"), children: K.cell ? K.cell(E) : z(ce(K, E), K.type) }, K.key))
         },
-        a(y, T)
+        a(E, Z)
       )) }),
-      D && !n && r.length > 0 && /* @__PURE__ */ t("tfoot", { children: /* @__PURE__ */ t("tr", { children: e.map((y, T) => /* @__PURE__ */ t("td", { className: `tailor-table--${j(y)}`, children: typeof y.total == "function" ? z(y.total(r), y.type) : y.total ?? (T === 0 ? w.total : null) }, y.key)) }) })
+      D && !n && r.length > 0 && /* @__PURE__ */ t("tfoot", { children: /* @__PURE__ */ t("tr", { children: e.map((E, Z) => /* @__PURE__ */ t("td", { className: `tailor-table--${j(E)}`, children: typeof E.total == "function" ? z(E.total(r), E.type) : E.total ?? (Z === 0 ? w.total : null) }, E.key)) }) })
     ] }) }),
     U && /* @__PURE__ */ i("nav", { className: "tailor-table__pagination", "aria-label": w.pagination, children: [
       /* @__PURE__ */ i("span", { children: [
         w.page(U.page, U.totalPages),
-        U.totalRows !== void 0 && /* @__PURE__ */ i(E, { children: [
+        U.totalRows !== void 0 && /* @__PURE__ */ i(y, { children: [
           " · ",
           w.rows(String(z(U.totalRows, "number")))
         ] })
@@ -1519,7 +1530,7 @@ function de(e, r, a = {}) {
   const o = ++Dt;
   return _ = [..._, { id: o, type: e, title: r, description: a.description, duration: a.duration ?? (e === "error" ? 8e3 : 4e3) }], et(), o;
 }
-const Te = {
+const Ze = {
   success: (e, r) => de("success", e, r),
   error: (e, r) => de("error", e, r),
   info: (e, r) => de("info", e, r),
@@ -1534,7 +1545,7 @@ const Te = {
 function Xt({ item: e }) {
   const { messages: r } = F(), a = typeof e.title == "string" && e.type !== "error", [o, n] = J(!a);
   return H(() => {
-    const l = setTimeout(() => Te.dismiss(e.id), e.duration);
+    const l = setTimeout(() => Ze.dismiss(e.id), e.duration);
     return () => clearTimeout(l);
   }, [e]), /* @__PURE__ */ i(
     "div",
@@ -1548,7 +1559,7 @@ function Xt({ item: e }) {
           /* @__PURE__ */ t("p", { className: "tailor-toast__title", children: a ? /* @__PURE__ */ t(ae, { texts: [e.title], once: !0, onDone: () => n(!0) }) : e.title }),
           e.description && /* @__PURE__ */ t("p", { className: "tailor-toast__description", children: e.description })
         ] }),
-        /* @__PURE__ */ t("button", { type: "button", className: "tailor-toast__close", "aria-label": r.dismiss, onClick: () => Te.dismiss(e.id), children: "×" }),
+        /* @__PURE__ */ t("button", { type: "button", className: "tailor-toast__close", "aria-label": r.dismiss, onClick: () => Ze.dismiss(e.id), children: "×" }),
         /* @__PURE__ */ t("span", { className: "tailor-toast__timer", "aria-hidden": "true" })
       ]
     }
@@ -1673,6 +1684,6 @@ export {
   hr as sumBy,
   dr as themeFromWhitelabel,
   Oe as themeToVars,
-  Te as toast,
+  Ze as toast,
   F as useTailorLocale
 };