@schumann-dev/ui 0.12.0 → 0.13.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as h, Fragment as ee } from "react/jsx-runtime";
-import { forwardRef as ue, useContext as ye, createContext as ke, useState as S, useCallback as xe, useId as we, useRef as K, useEffect as H, useMemo as se, useLayoutEffect as Ce } from "react";
+import { forwardRef as de, useContext as ye, createContext as ke, useState as S, useCallback as xe, useId as we, useRef as K, useEffect as H, useMemo as se, useLayoutEffect as Ce } from "react";
 import { c as w, a as P, b as Se } from "./chunks/Icon-xe35IPZg.js";
 import { I as Lt, g as It, i as Tt, d as Rt, r as At } from "./chunks/Icon-xe35IPZg.js";
 import * as W from "@radix-ui/react-tooltip";
@@ -17,81 +17,81 @@ function Me({ size: t = 16, label: a, className: n }) {
     }
   );
 }
-const me = ue(function({
+const me = de(function({
   variant: a = "primary",
   size: n = "md",
   loading: s = !1,
-  fullWidth: l = !1,
-  leftIcon: i,
-  rightIcon: r,
+  fullWidth: r = !1,
+  leftIcon: o,
+  rightIcon: i,
   disabled: c,
-  type: o = "button",
-  className: p,
-  children: d,
-  ...v
-}, f) {
-  const k = c || s;
+  type: l = "button",
+  className: _,
+  children: u,
+  ...g
+}, p) {
+  const y = c || s;
   return /* @__PURE__ */ h(
     "button",
     {
-      ref: f,
-      type: o,
-      className: w("sui-btn", l && "sui-btn--full", p),
+      ref: p,
+      type: l,
+      className: w("sui-btn", r && "sui-btn--full", _),
       "data-variant": a,
       "data-size": n,
       "data-loading": s || void 0,
-      disabled: k,
+      disabled: y,
       "aria-busy": s || void 0,
-      ...v,
+      ...g,
       children: [
         s && /* @__PURE__ */ e(Me, { size: n === "lg" ? 18 : 15, className: "sui-btn__spinner" }),
-        !s && i && /* @__PURE__ */ e("span", { className: "sui-btn__icon", children: i }),
-        d != null && /* @__PURE__ */ e("span", { className: "sui-btn__label", children: d }),
-        !s && r && /* @__PURE__ */ e("span", { className: "sui-btn__icon", children: r })
+        !s && o && /* @__PURE__ */ e("span", { className: "sui-btn__icon", children: o }),
+        u != null && /* @__PURE__ */ e("span", { className: "sui-btn__label", children: u }),
+        !s && i && /* @__PURE__ */ e("span", { className: "sui-btn__icon", children: i })
       ]
     }
   );
-}), De = ue(function({ variant: a = "ghost", size: n = "md", shape: s = "square", className: l, type: i = "button", ...r }, c) {
+}), De = de(function({ variant: a = "ghost", size: n = "md", shape: s = "square", className: r, type: o = "button", ...i }, c) {
   return /* @__PURE__ */ e(
     "button",
     {
       ref: c,
-      type: i,
-      className: w("sui-iconbtn", l),
+      type: o,
+      className: w("sui-iconbtn", r),
       "data-variant": a,
       "data-size": n,
       "data-shape": s,
-      ...r
+      ...i
     }
   );
-}), fe = ke(null);
+}), _e = ke(null);
 function ie() {
-  return ye(fe);
+  return ye(_e);
 }
-const _e = ue(function({ inputSize: a = "md", invalid: n, leftAddon: s, rightAddon: l, disabled: i, className: r, id: c, ...o }, p) {
-  const d = ie(), v = c ?? (d == null ? void 0 : d.id), f = n ?? (d == null ? void 0 : d.invalid) ?? !1;
+const fe = de(function({ inputSize: a = "md", invalid: n, leftAddon: s, rightAddon: r, disabled: o, className: i, id: c, ...l }, _) {
+  const u = ie(), g = c ?? (u == null ? void 0 : u.id), p = n ?? (u == null ? void 0 : u.invalid) ?? !1;
   return /* @__PURE__ */ h(
     "div",
     {
-      className: w("sui-input", r),
+      className: w("sui-input", i),
       "data-size": a,
-      "data-invalid": f || void 0,
-      "data-disabled": i || void 0,
+      "data-invalid": p || void 0,
+      "data-disabled": o || void 0,
       children: [
         s && /* @__PURE__ */ e("span", { className: "sui-input__addon sui-input__addon--left", children: s }),
         /* @__PURE__ */ e(
           "input",
           {
-            ref: p,
-            id: v,
+            ref: _,
+            id: g,
             className: "sui-input__control",
-            disabled: i,
-            "aria-invalid": f || void 0,
-            "aria-describedby": d == null ? void 0 : d.describedBy,
-            ...o
+            disabled: o,
+            "aria-invalid": p || void 0,
+            "aria-describedby": u == null ? void 0 : u.describedBy,
+            ...l
           }
         ),
-        l && /* @__PURE__ */ e("span", { className: "sui-input__addon sui-input__addon--right", children: l })
+        r && /* @__PURE__ */ e("span", { className: "sui-input__addon sui-input__addon--right", children: r })
       ]
     }
   );
@@ -101,27 +101,27 @@ function pe({
   size: a = "sm",
   weight: n = "regular",
   tone: s = "primary",
-  align: l,
-  truncate: i,
-  mono: r,
+  align: r,
+  truncate: o,
+  mono: i,
   className: c,
-  ...o
+  ...l
 }) {
   return /* @__PURE__ */ e(
     t,
     {
-      className: w("sui-text", i && "sui-text--truncate", r && "sui-text--mono", c),
+      className: w("sui-text", o && "sui-text--truncate", i && "sui-text--mono", c),
       "data-size": a,
       "data-weight": n,
       "data-tone": s,
-      "data-align": l,
-      ...o
+      "data-align": r,
+      ...l
     }
   );
 }
 function ze({ level: t = 2, as: a, className: n, ...s }) {
-  const l = a ?? `h${t}`;
-  return /* @__PURE__ */ e(l, { className: w("sui-heading", n), "data-level": t, ...s });
+  const r = a ?? `h${t}`;
+  return /* @__PURE__ */ e(r, { className: w("sui-heading", n), "data-level": t, ...s });
 }
 function Ee({ required: t, className: a, children: n, ...s }) {
   return /* @__PURE__ */ h("label", { className: w("sui-label", a), ...s, children: [
@@ -134,21 +134,21 @@ function it({
   size: a = "md",
   dot: n = !1,
   leftIcon: s,
-  className: l,
-  children: i,
-  ...r
+  className: r,
+  children: o,
+  ...i
 }) {
   return /* @__PURE__ */ h(
     "span",
     {
-      className: w("sui-badge", l),
+      className: w("sui-badge", r),
       "data-status": t,
       "data-size": a,
-      ...r,
+      ...i,
       children: [
         n && /* @__PURE__ */ e("span", { className: "sui-badge__dot", "aria-hidden": "true" }),
         s && /* @__PURE__ */ e("span", { className: "sui-badge__icon", children: s }),
-        i
+        o
       ]
     }
   );
@@ -156,39 +156,39 @@ function it({
 function $e(t) {
   return t.trim().split(/\s+/).slice(0, 2).map((a) => a[0] ?? "").join("").toUpperCase();
 }
-function rt({ src: t, name: a, size: n = 30, className: s, style: l }) {
+function rt({ src: t, name: a, size: n = 30, className: s, style: r }) {
   return /* @__PURE__ */ e(
     "span",
     {
       className: w("sui-avatar", s),
-      style: { width: n, height: n, fontSize: n * 0.38, ...l },
+      style: { width: n, height: n, fontSize: n * 0.38, ...r },
       children: t ? /* @__PURE__ */ e("img", { src: t, alt: "" }) : $e(a) || "?"
     }
   );
 }
-function de({
+function ue({
   value: t,
   defaultValue: a,
   onChange: n
 }) {
-  const [s, l] = S(a), i = t !== void 0, r = i ? t : s, c = xe(
-    (o) => {
-      i || l(o), n == null || n(o);
+  const [s, r] = S(a), o = t !== void 0, i = o ? t : s, c = xe(
+    (l) => {
+      o || r(l), n == null || n(l);
     },
-    [i, n]
+    [o, n]
   );
-  return [r, c];
+  return [i, c];
 }
 function Le({
   checked: t,
   defaultChecked: a = !1,
   onCheckedChange: n,
   disabled: s,
-  id: l,
-  className: i,
-  ...r
+  id: r,
+  className: o,
+  ...i
 }) {
-  const c = ie(), [o, p] = de({
+  const c = ie(), [l, _] = ue({
     value: t,
     defaultValue: a,
     onChange: n
@@ -198,25 +198,25 @@ function Le({
     {
       type: "button",
       role: "switch",
-      "aria-checked": o,
-      id: l ?? (c == null ? void 0 : c.id),
+      "aria-checked": l,
+      id: r ?? (c == null ? void 0 : c.id),
       "aria-describedby": c == null ? void 0 : c.describedBy,
       disabled: s,
-      onClick: () => p(!o),
-      className: w("sui-switch", i),
-      "data-checked": o || void 0,
-      ...r,
+      onClick: () => _(!l),
+      className: w("sui-switch", o),
+      "data-checked": l || void 0,
+      ...i,
       children: /* @__PURE__ */ e("span", { className: "sui-switch__thumb" })
     }
   );
 }
-function lt({ width: t = "100%", height: a = 16, radius: n = 9, className: s, style: l }) {
+function lt({ width: t = "100%", height: a = 16, radius: n = 9, className: s, style: r }) {
   return /* @__PURE__ */ e(
     "span",
     {
       className: w("sui-skeleton", s),
       "aria-hidden": "true",
-      style: { width: t, height: a, borderRadius: n, ...l }
+      style: { width: t, height: a, borderRadius: n, ...r }
     }
   );
 }
@@ -225,23 +225,23 @@ function ot({
   max: a = 1,
   color: n = "var(--interactive-primary)",
   dangerColor: s = "var(--text-error)",
-  dangerThreshold: l = 0.85,
-  height: i = 6,
-  label: r,
+  dangerThreshold: r = 0.85,
+  height: o = 6,
+  label: i,
   className: c
 }) {
-  const o = a > 0 ? Math.min(Math.max(t / a, 0), 1) : 0, p = o >= l ? s : n;
+  const l = a > 0 ? Math.min(Math.max(t / a, 0), 1) : 0, _ = l >= r ? s : n;
   return /* @__PURE__ */ e(
     "div",
     {
       className: w("sui-progressbar", c),
-      style: { height: i },
+      style: { height: o },
       role: "progressbar",
-      "aria-valuenow": Math.round(o * 100),
+      "aria-valuenow": Math.round(l * 100),
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      "aria-label": r,
-      children: /* @__PURE__ */ e("div", { className: "sui-progressbar__fill", style: { width: `${o * 100}%`, background: p } })
+      "aria-label": i,
+      children: /* @__PURE__ */ e("div", { className: "sui-progressbar__fill", style: { width: `${l * 100}%`, background: _ } })
     }
   );
 }
@@ -250,87 +250,88 @@ function ct({
   hint: a,
   error: n,
   required: s,
-  id: l,
-  className: i,
-  children: r
+  id: r,
+  className: o,
+  style: i,
+  children: c
 }) {
-  const c = we(), o = l ?? c, p = n != null && n !== !1, d = `${o}-hint`, v = `${o}-error`, f = p ? v : a ? d : void 0;
-  return /* @__PURE__ */ h("div", { className: w("sui-formfield", i), children: [
-    t && /* @__PURE__ */ e(Ee, { htmlFor: o, required: s, children: t }),
-    /* @__PURE__ */ e(fe.Provider, { value: { id: o, invalid: p, describedBy: f }, children: r }),
-    p ? /* @__PURE__ */ e(pe, { as: "p", id: v, size: "xs", tone: "error", role: "alert", children: n }) : a ? /* @__PURE__ */ e(pe, { as: "p", id: d, size: "xs", tone: "secondary", children: a }) : null
+  const l = we(), _ = r ?? l, u = n != null && n !== !1, g = `${_}-hint`, p = `${_}-error`, y = u ? p : a ? g : void 0;
+  return /* @__PURE__ */ h("div", { className: w("sui-formfield", o), style: i, children: [
+    t && /* @__PURE__ */ e(Ee, { htmlFor: _, required: s, children: t }),
+    /* @__PURE__ */ e(_e.Provider, { value: { id: _, invalid: u, describedBy: y }, children: c }),
+    u ? /* @__PURE__ */ e(pe, { as: "p", id: p, size: "xs", tone: "error", role: "alert", children: n }) : a ? /* @__PURE__ */ e(pe, { as: "p", id: g, size: "xs", tone: "secondary", children: a }) : null
   ] });
 }
 function q(t) {
   return t.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
 }
-function ut({
+function dt({
   value: t,
   onChange: a,
   options: n,
   placeholder: s = "Selecionar...",
-  emptyText: l = "Nenhum resultado",
-  disabled: i = !1,
-  className: r
+  emptyText: r = "Nenhum resultado",
+  disabled: o = !1,
+  className: i
 }) {
-  const c = ie(), [o, p] = S(!1), [d, v] = S(""), [f, k] = S(0), M = K(null), E = n.find((m) => m.value === t) ?? null, $ = d.trim() ? n.filter((m) => q(m.label).includes(q(d))) : n, z = () => {
-    i || p(!0);
-  }, L = () => {
-    p(!1), v("");
+  const c = ie(), [l, _] = S(!1), [u, g] = S(""), [p, y] = S(0), z = K(null), E = n.find((m) => m.value === t) ?? null, L = u.trim() ? n.filter((m) => q(m.label).includes(q(u))) : n, $ = () => {
+    o || _(!0);
+  }, M = () => {
+    _(!1), g("");
   }, T = (m) => {
-    i || a(m), L();
+    o || a(m), M();
   }, R = () => {
-    if (i) return;
-    const m = $[f];
+    if (o) return;
+    const m = L[p];
     m && T(m.value);
   };
   H(() => {
-    k(0);
-  }, [d, o]);
-  const b = (m) => {
+    y(0);
+  }, [u, l]);
+  const v = (m) => {
     if (m.target === m.currentTarget) {
-      if (i) {
+      if (o) {
         m.preventDefault();
         return;
       }
-      m.key === "Enter" ? (m.preventDefault(), o ? R() : z()) : m.key === " " || m.key === "ArrowDown" ? (m.preventDefault(), o ? k((y) => Math.min(y + 1, $.length - 1)) : z()) : m.key === "ArrowUp" && (m.preventDefault(), o ? k((y) => Math.max(y - 1, 0)) : z());
+      m.key === "Enter" ? (m.preventDefault(), l ? R() : $()) : m.key === " " || m.key === "ArrowDown" ? (m.preventDefault(), l ? y((k) => Math.min(k + 1, L.length - 1)) : $()) : m.key === "ArrowUp" && (m.preventDefault(), l ? y((k) => Math.max(k - 1, 0)) : $());
     }
   };
-  return /* @__PURE__ */ h("div", { className: w("sui-combobox", r), children: [
+  return /* @__PURE__ */ h("div", { className: w("sui-combobox", i), children: [
     /* @__PURE__ */ h(
       "div",
       {
-        onClick: z,
+        onClick: $,
         onFocus: (m) => {
-          m.target === m.currentTarget && !o && z();
+          m.target === m.currentTarget && !l && $();
         },
-        onKeyDown: b,
-        tabIndex: i ? -1 : 0,
+        onKeyDown: v,
+        tabIndex: o ? -1 : 0,
         role: "combobox",
-        "aria-expanded": o,
+        "aria-expanded": l,
         "aria-haspopup": "listbox",
-        "aria-disabled": i ? "true" : void 0,
+        "aria-disabled": o ? "true" : void 0,
         "aria-describedby": c == null ? void 0 : c.describedBy,
         id: c == null ? void 0 : c.id,
         className: "sui-combobox__trigger",
-        "data-disabled": i || void 0,
+        "data-disabled": o || void 0,
         "data-invalid": (c == null ? void 0 : c.invalid) || void 0,
         children: [
-          E && !o && E.leading && /* @__PURE__ */ e("span", { className: "sui-combobox__leading", children: E.leading }),
-          o ? /* @__PURE__ */ e(
+          E && !l && E.leading && /* @__PURE__ */ e("span", { className: "sui-combobox__leading", children: E.leading }),
+          l ? /* @__PURE__ */ e(
             "input",
             {
-              ref: M,
+              ref: z,
               autoFocus: !0,
               onFocus: (m) => m.currentTarget.select(),
-              value: d,
-              onChange: (m) => v(m.target.value),
+              value: u,
+              onChange: (m) => g(m.target.value),
               onKeyDown: (m) => {
-                if (i) {
+                if (o) {
                   m.preventDefault();
                   return;
                 }
-                m.key === "Enter" ? (m.preventDefault(), R()) : m.key === "ArrowDown" ? (m.preventDefault(), k((y) => Math.min(y + 1, $.length - 1))) : m.key === "ArrowUp" ? (m.preventDefault(), k((y) => Math.max(y - 1, 0))) : m.key === "Escape" && L();
+                m.key === "Enter" ? (m.preventDefault(), R()) : m.key === "ArrowDown" ? (m.preventDefault(), y((k) => Math.min(k + 1, L.length - 1))) : m.key === "ArrowUp" ? (m.preventDefault(), y((k) => Math.max(k - 1, 0))) : m.key === "Escape" && M();
               },
               placeholder: E ? E.label : s,
               className: "sui-combobox__search"
@@ -340,20 +341,20 @@ function ut({
         ]
       }
     ),
-    o && !i && /* @__PURE__ */ h(ee, { children: [
-      /* @__PURE__ */ e("div", { className: "sui-combobox__backdrop", onClick: L }),
+    l && !o && /* @__PURE__ */ h(ee, { children: [
+      /* @__PURE__ */ e("div", { className: "sui-combobox__backdrop", onClick: M }),
       /* @__PURE__ */ h("div", { className: "sui-combobox__list", role: "listbox", children: [
-        $.length === 0 && /* @__PURE__ */ e("div", { className: "sui-combobox__empty", children: l }),
-        $.map((m, y) => /* @__PURE__ */ h(
+        L.length === 0 && /* @__PURE__ */ e("div", { className: "sui-combobox__empty", children: r }),
+        L.map((m, k) => /* @__PURE__ */ h(
           "button",
           {
             type: "button",
             role: "option",
             "aria-selected": m.value === t,
-            onMouseEnter: () => k(y),
+            onMouseEnter: () => y(k),
             onClick: () => T(m.value),
             className: "sui-combobox__option",
-            "data-highlight": y === f || void 0,
+            "data-highlight": k === p || void 0,
             "data-selected": m.value === t || void 0,
             children: [
               m.leading && /* @__PURE__ */ e("span", { className: "sui-combobox__leading", children: m.leading }),
@@ -367,8 +368,8 @@ function ut({
   ] });
 }
 function U(t, a) {
-  const n = t.replace("#", ""), s = parseInt(n.slice(0, 2), 16), l = parseInt(n.slice(2, 4), 16), i = parseInt(n.slice(4, 6), 16);
-  return `rgba(${s},${l},${i},${a})`;
+  const n = t.replace("#", ""), s = parseInt(n.slice(0, 2), 16), r = parseInt(n.slice(2, 4), 16), o = parseInt(n.slice(4, 6), 16);
+  return `rgba(${s},${r},${o},${a})`;
 }
 function re(t) {
   const a = t.replace("#", "").padEnd(6, "0");
@@ -379,19 +380,19 @@ function re(t) {
   ];
 }
 function ne(t, a, n) {
-  const s = (l) => Math.round(Math.max(0, Math.min(255, l))).toString(16).padStart(2, "0");
+  const s = (r) => Math.round(Math.max(0, Math.min(255, r))).toString(16).padStart(2, "0");
   return `#${s(t)}${s(a)}${s(n)}`;
 }
 function le(t, a, n) {
   t /= 255, a /= 255, n /= 255;
-  const s = Math.max(t, a, n), l = Math.min(t, a, n), i = s - l;
-  let r = 0;
-  return i && (s === t ? r = (a - n) / i % 6 : s === a ? r = (n - t) / i + 2 : r = (t - a) / i + 4, r *= 60, r < 0 && (r += 360)), { h: r, s: s ? i / s : 0, v: s };
+  const s = Math.max(t, a, n), r = Math.min(t, a, n), o = s - r;
+  let i = 0;
+  return o && (s === t ? i = (a - n) / o % 6 : s === a ? i = (n - t) / o + 2 : i = (t - a) / o + 4, i *= 60, i < 0 && (i += 360)), { h: i, s: s ? o / s : 0, v: s };
 }
 function oe(t, a, n) {
-  const s = n * a, l = s * (1 - Math.abs(t / 60 % 2 - 1)), i = n - s;
-  let r = 0, c = 0, o = 0;
-  return t < 60 ? [r, c, o] = [s, l, 0] : t < 120 ? [r, c, o] = [l, s, 0] : t < 180 ? [r, c, o] = [0, s, l] : t < 240 ? [r, c, o] = [0, l, s] : t < 300 ? [r, c, o] = [l, 0, s] : [r, c, o] = [s, 0, l], [Math.round((r + i) * 255), Math.round((c + i) * 255), Math.round((o + i) * 255)];
+  const s = n * a, r = s * (1 - Math.abs(t / 60 % 2 - 1)), o = n - s;
+  let i = 0, c = 0, l = 0;
+  return t < 60 ? [i, c, l] = [s, r, 0] : t < 120 ? [i, c, l] = [r, s, 0] : t < 180 ? [i, c, l] = [0, s, r] : t < 240 ? [i, c, l] = [0, r, s] : t < 300 ? [i, c, l] = [r, 0, s] : [i, c, l] = [s, 0, r], [Math.round((i + o) * 255), Math.round((c + o) * 255), Math.round((l + o) * 255)];
 }
 function Ie(t) {
   let a = (t == null ? void 0 : t.parentElement) ?? null;
@@ -410,54 +411,54 @@ function ve(t) {
   return { top: n.top, left: n.left };
 }
 const Q = "#5961f7";
-function dt({
+function ut({
   options: t,
   selected: a,
   onChange: n,
   placeholder: s = "Selecionar...",
-  emptyText: l = "Nenhuma opção disponível",
-  noResultsText: i = "Nenhum resultado",
-  className: r
+  emptyText: r = "Nenhuma opção disponível",
+  noResultsText: o = "Nenhum resultado",
+  className: i
 }) {
-  const c = ie(), [o, p] = S(!1), [d, v] = S(""), [f, k] = S(0), [M, E] = S(null), $ = K(null), z = K(null), L = a.map((u) => t.find((g) => g.value === u)).filter((u) => !!u), T = (u) => n(a.includes(u) ? a.filter((g) => g !== u) : [...a, u]), R = d.trim() ? t.filter((u) => q(u.label).includes(q(d))) : t;
+  const c = ie(), [l, _] = S(!1), [u, g] = S(""), [p, y] = S(0), [z, E] = S(null), L = K(null), $ = K(null), M = a.map((d) => t.find((b) => b.value === d)).filter((d) => !!d), T = (d) => n(a.includes(d) ? a.filter((b) => b !== d) : [...a, d]), R = u.trim() ? t.filter((d) => q(d.label).includes(q(u))) : t;
   H(() => {
-    if (!o) return;
-    const u = () => {
+    if (!l) return;
+    const d = () => {
       var D;
-      const g = (D = $.current) == null ? void 0 : D.getBoundingClientRect();
-      if (!g) return;
-      const C = ve($.current);
-      E({ top: g.bottom - C.top + 6, left: g.left - C.left, width: g.width });
+      const b = (D = L.current) == null ? void 0 : D.getBoundingClientRect();
+      if (!b) return;
+      const C = ve(L.current);
+      E({ top: b.bottom - C.top + 6, left: b.left - C.left, width: b.width });
     };
-    return u(), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
-      window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
+    return d(), window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
+      window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
     };
-  }, [o]), H(() => {
-    k(0);
-  }, [d, o]);
-  const b = () => {
-    const u = R[f];
-    u && T(u.value), v("");
+  }, [l]), H(() => {
+    y(0);
+  }, [u, l]);
+  const v = () => {
+    const d = R[p];
+    d && T(d.value), g("");
   }, m = () => requestAnimationFrame(() => {
-    var u;
-    return (u = z.current) == null ? void 0 : u.focus();
-  }), y = () => {
-    p(!0), m();
+    var d;
+    return (d = $.current) == null ? void 0 : d.focus();
+  }), k = () => {
+    _(!0), m();
   };
-  return /* @__PURE__ */ h("div", { ref: $, className: w("sui-multiselect", r), children: [
+  return /* @__PURE__ */ h("div", { ref: L, className: w("sui-multiselect", i), children: [
     /* @__PURE__ */ h(
       "div",
       {
-        onClick: y,
-        onFocus: (u) => {
-          u.target === u.currentTarget && y();
+        onClick: k,
+        onFocus: (d) => {
+          d.target === d.currentTarget && k();
         },
-        onKeyDown: (u) => {
-          u.target === u.currentTarget && (u.key === "Enter" ? (u.preventDefault(), o ? b() : y()) : u.key === " " || u.key === "ArrowDown" ? (u.preventDefault(), o ? k((g) => Math.min(g + 1, R.length - 1)) : y()) : u.key === "ArrowUp" && (u.preventDefault(), o ? k((g) => Math.max(g - 1, 0)) : y()));
+        onKeyDown: (d) => {
+          d.target === d.currentTarget && (d.key === "Enter" ? (d.preventDefault(), l ? v() : k()) : d.key === " " || d.key === "ArrowDown" ? (d.preventDefault(), l ? y((b) => Math.min(b + 1, R.length - 1)) : k()) : d.key === "ArrowUp" && (d.preventDefault(), l ? y((b) => Math.max(b - 1, 0)) : k()));
         },
         tabIndex: 0,
         role: "combobox",
-        "aria-expanded": o,
+        "aria-expanded": l,
         "aria-haspopup": "listbox",
         id: c == null ? void 0 : c.id,
         "aria-describedby": c == null ? void 0 : c.describedBy,
@@ -465,30 +466,30 @@ function dt({
         className: "sui-multiselect__trigger",
         children: [
           /* @__PURE__ */ h("div", { className: "sui-multiselect__chips", children: [
-            L.map((u) => /* @__PURE__ */ h(
+            M.map((d) => /* @__PURE__ */ h(
               "span",
               {
                 className: "sui-multiselect__chip",
                 style: {
-                  background: U(u.color ?? Q, 0.14),
-                  color: u.color ?? Q
+                  background: U(d.color ?? Q, 0.14),
+                  color: d.color ?? Q
                 },
                 children: [
-                  u.icon ?? /* @__PURE__ */ e(
+                  d.icon ?? /* @__PURE__ */ e(
                     "span",
                     {
                       className: "sui-multiselect__dot",
-                      style: { background: u.color ?? Q }
+                      style: { background: d.color ?? Q }
                     }
                   ),
-                  u.label,
+                  d.label,
                   /* @__PURE__ */ e(
                     "button",
                     {
                       type: "button",
-                      "aria-label": `Remover ${u.label}`,
-                      onClick: (g) => {
-                        g.stopPropagation(), T(u.value);
+                      "aria-label": `Remover ${d.label}`,
+                      onClick: (b) => {
+                        b.stopPropagation(), T(d.value);
                       },
                       className: "sui-multiselect__chip-x",
                       children: "×"
@@ -496,22 +497,22 @@ function dt({
                   )
                 ]
               },
-              u.value
+              d.value
             )),
             /* @__PURE__ */ e(
               "input",
               {
-                ref: z,
-                value: d,
-                onChange: (u) => {
-                  v(u.target.value), p(!0);
+                ref: $,
+                value: u,
+                onChange: (d) => {
+                  g(d.target.value), _(!0);
                 },
-                onFocus: () => p(!0),
-                onKeyDown: (u) => {
-                  var g;
-                  u.key === "Enter" ? (u.preventDefault(), b()) : u.key === "ArrowDown" ? (u.preventDefault(), p(!0), k((C) => Math.min(C + 1, R.length - 1))) : u.key === "ArrowUp" ? (u.preventDefault(), k((C) => Math.max(C - 1, 0))) : u.key === "Escape" && (p(!1), (g = z.current) == null || g.blur());
+                onFocus: () => _(!0),
+                onKeyDown: (d) => {
+                  var b;
+                  d.key === "Enter" ? (d.preventDefault(), v()) : d.key === "ArrowDown" ? (d.preventDefault(), _(!0), y((C) => Math.min(C + 1, R.length - 1))) : d.key === "ArrowUp" ? (d.preventDefault(), y((C) => Math.max(C - 1, 0))) : d.key === "Escape" && (_(!1), (b = $.current) == null || b.blur());
                 },
-                placeholder: L.length === 0 ? s : "",
+                placeholder: M.length === 0 ? s : "",
                 className: "sui-multiselect__search"
               }
             )
@@ -520,32 +521,32 @@ function dt({
         ]
       }
     ),
-    o && M && /* @__PURE__ */ h(ee, { children: [
-      /* @__PURE__ */ e("div", { className: "sui-multiselect__backdrop", onClick: () => p(!1) }),
+    l && z && /* @__PURE__ */ h(ee, { children: [
+      /* @__PURE__ */ e("div", { className: "sui-multiselect__backdrop", onClick: () => _(!1) }),
       /* @__PURE__ */ h(
         "div",
         {
           className: "sui-multiselect__list",
           role: "listbox",
           "aria-multiselectable": "true",
-          style: { top: M.top, left: M.left, width: M.width },
+          style: { top: z.top, left: z.left, width: z.width },
           children: [
-            R.length === 0 && /* @__PURE__ */ e("div", { className: "sui-multiselect__empty", children: t.length === 0 ? l : i }),
-            R.map((u, g) => {
-              const C = a.includes(u.value);
+            R.length === 0 && /* @__PURE__ */ e("div", { className: "sui-multiselect__empty", children: t.length === 0 ? r : o }),
+            R.map((d, b) => {
+              const C = a.includes(d.value);
               return /* @__PURE__ */ h(
                 "button",
                 {
                   type: "button",
                   role: "option",
                   "aria-selected": C,
-                  onMouseEnter: () => k(g),
+                  onMouseEnter: () => y(b),
                   onClick: () => {
                     var D;
-                    T(u.value), v(""), (D = z.current) == null || D.focus();
+                    T(d.value), g(""), (D = $.current) == null || D.focus();
                   },
                   className: "sui-multiselect__option",
-                  "data-highlight": g === f || void 0,
+                  "data-highlight": b === p || void 0,
                   "data-checked": C || void 0,
                   children: [
                     /* @__PURE__ */ e(
@@ -553,33 +554,33 @@ function dt({
                       {
                         className: "sui-multiselect__check",
                         style: C ? {
-                          background: u.color ?? Q,
-                          borderColor: u.color ?? Q
+                          background: d.color ?? Q,
+                          borderColor: d.color ?? Q
                         } : void 0,
                         children: C && /* @__PURE__ */ e(P, { name: "check", size: 12, color: "#fff", strokeWidth: 3 })
                       }
                     ),
-                    u.icon ?? /* @__PURE__ */ e(
+                    d.icon ?? /* @__PURE__ */ e(
                       "span",
                       {
                         className: "sui-multiselect__dot sui-multiselect__dot--lg",
-                        style: { background: u.color ?? Q }
+                        style: { background: d.color ?? Q }
                       }
                     ),
                     /* @__PURE__ */ h("span", { className: "sui-multiselect__option-text", children: [
-                      /* @__PURE__ */ e("span", { className: "sui-multiselect__option-label", children: u.label }),
-                      u.sublabel && /* @__PURE__ */ e(
+                      /* @__PURE__ */ e("span", { className: "sui-multiselect__option-label", children: d.label }),
+                      d.sublabel && /* @__PURE__ */ e(
                         "span",
                         {
                           className: "sui-multiselect__option-sub",
-                          style: u.sublabelColor ? { color: u.sublabelColor } : void 0,
-                          children: u.sublabel
+                          style: d.sublabelColor ? { color: d.sublabelColor } : void 0,
+                          children: d.sublabel
                         }
                       )
                     ] })
                   ]
                 },
-                u.value
+                d.value
               );
             })
           ]
@@ -594,25 +595,27 @@ function ht({
   value: a,
   onChange: n,
   variant: s = "pill",
-  className: l
+  disabled: r = !1,
+  className: o
 }) {
-  return /* @__PURE__ */ e("div", { className: w("sui-segmented", l), "data-variant": s, role: "group", children: t.map((i) => {
-    const r = a === i.value, c = i.color ?? Te;
+  return /* @__PURE__ */ e("div", { className: w("sui-segmented", o), "data-variant": s, "data-disabled": r || void 0, role: "group", children: t.map((i) => {
+    const c = a === i.value, l = i.color ?? Te;
     return /* @__PURE__ */ h(
       "button",
       {
         type: "button",
-        "aria-pressed": r,
+        "aria-pressed": c,
+        disabled: r,
         onClick: () => n(i.value),
         className: "sui-segmented__option",
-        "data-on": r || void 0,
-        style: r ? s === "pill" ? { background: U(c, 0.13), color: c } : s === "card" ? { background: U(c, 0.16), borderColor: U(c, 0.5) } : void 0 : void 0,
+        "data-on": c || void 0,
+        style: c ? s === "pill" ? { background: U(l, 0.13), color: l } : s === "card" ? { background: U(l, 0.16), borderColor: U(l, 0.5) } : void 0 : void 0,
         children: [
           s === "pill" && /* @__PURE__ */ e(
             "span",
             {
               className: "sui-segmented__dot",
-              style: { background: c, opacity: r ? 1 : 0.4 }
+              style: { background: l, opacity: c ? 1 : 0.4 }
             }
           ),
           /* @__PURE__ */ e("span", { className: "sui-segmented__label", children: i.label }),
@@ -620,7 +623,7 @@ function ht({
             "span",
             {
               className: "sui-segmented__sublabel",
-              style: r ? { color: c } : void 0,
+              style: c ? { color: l } : void 0,
               children: i.sublabel
             }
           )
@@ -635,26 +638,26 @@ function mt({
   description: a,
   checked: n,
   onCheckedChange: s,
-  disabled: l,
-  className: i
+  disabled: r,
+  className: o
 }) {
   return /* @__PURE__ */ h(
     "div",
     {
-      className: w("sui-switchcard", i),
-      "data-disabled": l || void 0,
-      onClick: () => !l && s(!n),
+      className: w("sui-switchcard", o),
+      "data-disabled": r || void 0,
+      onClick: () => !r && s(!n),
       children: [
         /* @__PURE__ */ h("div", { className: "sui-switchcard__text", children: [
           /* @__PURE__ */ e("div", { className: "sui-switchcard__title", children: t }),
           a && /* @__PURE__ */ e("div", { className: "sui-switchcard__desc", children: a })
         ] }),
-        /* @__PURE__ */ e("span", { onClick: (r) => r.stopPropagation(), style: { display: "inline-flex" }, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e("span", { onClick: (i) => i.stopPropagation(), style: { display: "inline-flex" }, children: /* @__PURE__ */ e(
           Le,
           {
             checked: n,
-            onCheckedChange: (r) => s(r),
-            disabled: l,
+            onCheckedChange: (i) => s(i),
+            disabled: r,
             "aria-label": typeof t == "string" ? t : void 0
           }
         ) })
@@ -676,29 +679,29 @@ function pt({
   onChange: a,
   currency: n = "R$",
   placeholder: s = "0,00",
-  disabled: l,
-  invalid: i
+  disabled: r,
+  invalid: o
 }) {
-  const r = K(null), c = Re(t);
+  const i = K(null), c = Re(t);
   return H(() => {
-    const o = r.current;
-    o && document.activeElement === o && o.setSelectionRange(o.value.length, o.value.length);
+    const l = i.current;
+    l && document.activeElement === l && l.setSelectionRange(l.value.length, l.value.length);
   }), /* @__PURE__ */ e(
-    _e,
+    fe,
     {
-      ref: r,
+      ref: i,
       type: "text",
       inputMode: "decimal",
       className: "sui-moneyinput",
       leftAddon: /* @__PURE__ */ e("span", { className: "sui-moneyinput__currency", children: n }),
       value: c ? Ae(c) : "",
-      onChange: (o) => {
-        const p = o.target.value.replace(/\D/g, "");
-        a(p ? (Number(p) / 100).toFixed(2) : "");
+      onChange: (l) => {
+        const _ = l.target.value.replace(/\D/g, "");
+        a(_ ? (Number(_) / 100).toFixed(2) : "");
       },
       placeholder: s,
-      disabled: l,
-      invalid: i
+      disabled: r,
+      invalid: o
     }
   );
 }
@@ -706,47 +709,47 @@ function Pe(t) {
   return t.replace(/\D+/g, "").slice(0, 12);
 }
 function Be(t) {
-  const a = t.slice(0, 2), n = t.slice(2, 4), s = t.slice(4, 8), l = t.slice(8, 10), i = t.slice(10, 12);
-  let r = "";
-  return a && (r += a, a.length === 2 && n && (r += "/")), n && (r += n, n.length === 2 && s && (r += "/")), s && (r += s, s.length === 4 && (l || i) && (r += " ")), l && (r += l, l.length === 2 && i && (r += ":")), i && (r += i), r;
+  const a = t.slice(0, 2), n = t.slice(2, 4), s = t.slice(4, 8), r = t.slice(8, 10), o = t.slice(10, 12);
+  let i = "";
+  return a && (i += a, a.length === 2 && n && (i += "/")), n && (i += n, n.length === 2 && s && (i += "/")), s && (i += s, s.length === 4 && (r || o) && (i += " ")), r && (i += r, r.length === 2 && o && (i += ":")), o && (i += o), i;
 }
 function ce(t) {
   const a = /^(\d{2})\/(\d{2})\/(\d{4})\s+(\d{2}):(\d{2})$/.exec(t.trim());
   if (!a) return null;
-  const [, n, s, l, i, r] = a, c = Number(n), o = Number(s), p = Number(l), d = Number(i), v = Number(r);
-  if (o < 1 || o > 12 || c < 1 || c > 31 || d < 0 || d > 23 || v < 0 || v > 59) return null;
-  const f = new Date(p, o - 1, c, d, v);
-  return Number.isNaN(f.getTime()) || f.getFullYear() !== p || f.getMonth() !== o - 1 || f.getDate() !== c ? null : `${l}-${s}-${n}T${i}:${r}`;
+  const [, n, s, r, o, i] = a, c = Number(n), l = Number(s), _ = Number(r), u = Number(o), g = Number(i);
+  if (l < 1 || l > 12 || c < 1 || c > 31 || u < 0 || u > 23 || g < 0 || g > 59) return null;
+  const p = new Date(_, l - 1, c, u, g);
+  return Number.isNaN(p.getTime()) || p.getFullYear() !== _ || p.getMonth() !== l - 1 || p.getDate() !== c ? null : `${r}-${s}-${n}T${o}:${i}`;
 }
 function Fe(t) {
   const a = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})/.exec(t ?? "");
   return a ? `${a[3]}/${a[2]}/${a[1]} ${a[4]}:${a[5]}` : "";
 }
-function ft({
+function _t({
   value: t,
   onChange: a,
   placeholder: n = "dd/mm/aaaa hh:mm",
   disabled: s
 }) {
-  const [l, i] = S(""), r = Fe(t);
+  const [r, o] = S(""), i = Fe(t);
   H(() => {
-    i(r);
-  }, [r]);
-  const c = l === "" || !!ce(l);
+    o(i);
+  }, [i]);
+  const c = r === "" || !!ce(r);
   return /* @__PURE__ */ e(
-    _e,
+    fe,
     {
       type: "text",
       inputMode: "numeric",
-      value: l,
-      onChange: (o) => {
-        const p = Be(Pe(o.target.value));
-        i(p);
-        const d = ce(p);
-        d && a(d);
+      value: r,
+      onChange: (l) => {
+        const _ = Be(Pe(l.target.value));
+        o(_);
+        const u = ce(_);
+        u && a(u);
       },
       onBlur: () => {
-        !ce(l) && t && i(r);
+        !ce(r) && t && o(i);
       },
       placeholder: n,
       disabled: s,
@@ -768,30 +771,30 @@ const Oe = [
   "Novembro",
   "Dezembro"
 ];
-function _t({
+function ft({
   value: t,
   onChange: a,
   monthLabels: n = Oe,
   formatLabel: s,
-  prevLabel: l = "Mês anterior",
-  nextLabel: i = "Próximo mês",
-  className: r
+  prevLabel: r = "Mês anterior",
+  nextLabel: o = "Próximo mês",
+  className: i
 }) {
-  const [c, o] = S(!1), [p, d] = S(t.year), v = (b) => s ? s(b) : `${n[b.month - 1]} ${b.year}`, f = v(t), k = n.indexOf(n.reduce((b, m) => m.length > b.length ? m : b)) + 1, M = v({ year: t.year, month: k }), E = (b) => b.slice(0, 3), $ = (b) => {
-    let m = t.month + b, y = t.year;
-    m < 1 ? (m = 12, y -= 1) : m > 12 && (m = 1, y += 1), a({ year: y, month: m }), d(y);
-  }, z = () => {
-    d(t.year), o((b) => !b);
+  const [c, l] = S(!1), [_, u] = S(t.year), g = (v) => s ? s(v) : `${n[v.month - 1]} ${v.year}`, p = g(t), y = n.indexOf(n.reduce((v, m) => m.length > v.length ? m : v)) + 1, z = g({ year: t.year, month: y }), E = (v) => v.slice(0, 3), L = (v) => {
+    let m = t.month + v, k = t.year;
+    m < 1 ? (m = 12, k -= 1) : m > 12 && (m = 1, k += 1), a({ year: k, month: m }), u(k);
+  }, $ = () => {
+    u(t.year), l((v) => !v);
   };
   H(() => {
     if (!c) return;
-    const b = (m) => {
-      m.key === "Escape" && o(!1);
+    const v = (m) => {
+      m.key === "Escape" && l(!1);
     };
-    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
   }, [c]);
-  const L = /* @__PURE__ */ new Date(), T = L.getFullYear(), R = L.getMonth() + 1;
-  return /* @__PURE__ */ h("div", { className: w("sui-monthpicker", r), children: [
+  const M = /* @__PURE__ */ new Date(), T = M.getFullYear(), R = M.getMonth() + 1;
+  return /* @__PURE__ */ h("div", { className: w("sui-monthpicker", i), children: [
     /* @__PURE__ */ h("div", { className: "sui-monthpicker__bar", children: [
       /* @__PURE__ */ h(
         "button",
@@ -800,23 +803,23 @@ function _t({
           className: "sui-monthpicker__label",
           "aria-expanded": c,
           "aria-haspopup": "dialog",
-          onClick: z,
+          onClick: $,
           children: [
             /* @__PURE__ */ e(P, { name: "calendar", size: 16, color: "var(--text-brand)" }),
             /* @__PURE__ */ h("span", { className: "sui-monthpicker__label-text", children: [
-              /* @__PURE__ */ e("span", { className: "sui-monthpicker__label-ghost", "aria-hidden": "true", children: M }),
-              /* @__PURE__ */ e("span", { className: "sui-monthpicker__label-value", children: f })
+              /* @__PURE__ */ e("span", { className: "sui-monthpicker__label-ghost", "aria-hidden": "true", children: z }),
+              /* @__PURE__ */ e("span", { className: "sui-monthpicker__label-value", children: p })
             ] })
           ]
         }
       ),
       /* @__PURE__ */ e("span", { className: "sui-monthpicker__divider", "aria-hidden": "true" }),
-      /* @__PURE__ */ e("button", { type: "button", className: "sui-monthpicker__step", "aria-label": l, onClick: () => $(-1), children: /* @__PURE__ */ e(P, { name: "chevLeft", size: 16 }) }),
-      /* @__PURE__ */ e("button", { type: "button", className: "sui-monthpicker__step", "aria-label": i, onClick: () => $(1), children: /* @__PURE__ */ e(P, { name: "chevRight", size: 16 }) })
+      /* @__PURE__ */ e("button", { type: "button", className: "sui-monthpicker__step", "aria-label": r, onClick: () => L(-1), children: /* @__PURE__ */ e(P, { name: "chevLeft", size: 16 }) }),
+      /* @__PURE__ */ e("button", { type: "button", className: "sui-monthpicker__step", "aria-label": o, onClick: () => L(1), children: /* @__PURE__ */ e(P, { name: "chevRight", size: 16 }) })
     ] }),
     c && /* @__PURE__ */ h(ee, { children: [
-      /* @__PURE__ */ e("div", { className: "sui-monthpicker__backdrop", onClick: () => o(!1) }),
-      /* @__PURE__ */ h("div", { className: "sui-monthpicker__panel", role: "dialog", "aria-label": f, children: [
+      /* @__PURE__ */ e("div", { className: "sui-monthpicker__backdrop", onClick: () => l(!1) }),
+      /* @__PURE__ */ h("div", { className: "sui-monthpicker__panel", role: "dialog", "aria-label": p, children: [
         /* @__PURE__ */ h("div", { className: "sui-monthpicker__yearbar", children: [
           /* @__PURE__ */ e(
             "button",
@@ -824,38 +827,38 @@ function _t({
               type: "button",
               className: "sui-monthpicker__step sui-monthpicker__step--year",
               "aria-label": "Ano anterior",
-              onClick: () => d((b) => b - 1),
+              onClick: () => u((v) => v - 1),
               children: /* @__PURE__ */ e(P, { name: "chevLeft", size: 16 })
             }
           ),
-          /* @__PURE__ */ e("span", { className: "sui-monthpicker__year", children: p }),
+          /* @__PURE__ */ e("span", { className: "sui-monthpicker__year", children: _ }),
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               className: "sui-monthpicker__step sui-monthpicker__step--year",
               "aria-label": "Próximo ano",
-              onClick: () => d((b) => b + 1),
+              onClick: () => u((v) => v + 1),
               children: /* @__PURE__ */ e(P, { name: "chevRight", size: 16 })
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "sui-monthpicker__grid", children: n.map((b, m) => {
-          const y = m + 1, u = t.year === p && t.month === y;
+        /* @__PURE__ */ e("div", { className: "sui-monthpicker__grid", children: n.map((v, m) => {
+          const k = m + 1, d = t.year === _ && t.month === k;
           return /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-pressed": u,
+              "aria-pressed": d,
               className: "sui-monthpicker__month",
-              "data-selected": u || void 0,
-              "data-current": T === p && R === y || void 0,
+              "data-selected": d || void 0,
+              "data-current": T === _ && R === k || void 0,
               onClick: () => {
-                a({ year: p, month: y }), o(!1);
+                a({ year: _, month: k }), l(!1);
               },
-              children: E(b)
+              children: E(v)
             },
-            y
+            k
           );
         }) })
       ] })
@@ -879,58 +882,58 @@ function vt({
   onChange: a,
   swatches: n = He,
   defaultOpen: s = !1,
-  open: l,
-  onOpenChange: i,
-  showInput: r = !0,
+  open: r,
+  onOpenChange: o,
+  showInput: i = !0,
   customLabel: c = "Cor personalizada",
-  className: o
+  className: l
 }) {
-  const p = n[0] ?? "#5961f7", [d, v] = de({
-    value: l,
+  const _ = n[0] ?? "#5961f7", [u, g] = ue({
+    value: r,
     defaultValue: s,
-    onChange: i
-  }), [f, k] = S(() => le(...re(t || p))), [M, E] = S("hex"), [$, z] = S(() => (t || p).replace("#", "")), L = K(null), T = K(null), R = K(null);
+    onChange: o
+  }), [p, y] = S(() => le(...re(t || _))), [z, E] = S("hex"), [L, $] = S(() => (t || _).replace("#", "")), M = K(null), T = K(null), R = K(null);
   H(() => {
-    const N = ne(...oe(f.h, f.s, f.v));
-    (t || p).toLowerCase() !== N.toLowerCase() && k(le(...re(t || p)));
+    const N = ne(...oe(p.h, p.s, p.v));
+    (t || _).toLowerCase() !== N.toLowerCase() && y(le(...re(t || _)));
   }, [t]), H(() => {
-    ("#" + $).toLowerCase() !== (t || p).toLowerCase() && z((t || p).replace("#", ""));
+    ("#" + L).toLowerCase() !== (t || _).toLowerCase() && $((t || _).replace("#", ""));
   }, [t]);
-  const b = (N) => {
-    const x = { ...f, ...N };
-    k(x), a(ne(...oe(x.h, x.s, x.v)));
+  const v = (N) => {
+    const x = { ...p, ...N };
+    y(x), a(ne(...oe(x.h, x.s, x.v)));
   }, m = (N) => {
     var A;
-    const x = (A = L.current) == null ? void 0 : A.getBoundingClientRect();
-    x && b({
+    const x = (A = M.current) == null ? void 0 : A.getBoundingClientRect();
+    x && v({
       s: Math.min(1, Math.max(0, (N.clientX - x.left) / x.width)),
       v: 1 - Math.min(1, Math.max(0, (N.clientY - x.top) / x.height))
     });
-  }, y = (N) => {
+  }, k = (N) => {
     var A;
     const x = (A = T.current) == null ? void 0 : A.getBoundingClientRect();
-    x && b({ h: Math.min(1, Math.max(0, (N.clientX - x.left) / x.width)) * 360 });
+    x && v({ h: Math.min(1, Math.max(0, (N.clientX - x.left) / x.width)) * 360 });
   };
   H(() => {
     const N = (A) => {
-      R.current === "sv" ? m(A) : R.current === "hue" && y(A);
+      R.current === "sv" ? m(A) : R.current === "hue" && k(A);
     }, x = () => {
       R.current = null;
     };
     return window.addEventListener("pointermove", N), window.addEventListener("pointerup", x), () => {
       window.removeEventListener("pointermove", N), window.removeEventListener("pointerup", x);
     };
-  }, [f]);
-  const [u, g, C] = oe(f.h, f.s, f.v), D = ne(u, g, C), Y = `hsl(${f.h},100%,50%)`, O = n.some((N) => N.toLowerCase() === D.toLowerCase()), X = (N) => {
-    k(le(...re(N))), a(N);
+  }, [p]);
+  const [d, b, C] = oe(p.h, p.s, p.v), D = ne(d, b, C), Y = `hsl(${p.h},100%,50%)`, O = n.some((N) => N.toLowerCase() === D.toLowerCase()), X = (N) => {
+    y(le(...re(N))), a(N);
   }, G = (N) => {
     const x = N.replace("#", "");
-    z(x), /^[0-9a-fA-F]{6}$/.test(x) && X("#" + x.toLowerCase());
+    $(x), /^[0-9a-fA-F]{6}$/.test(x) && X("#" + x.toLowerCase());
   }, J = (N, x) => {
-    const A = Math.max(0, Math.min(255, parseInt(x, 10) || 0)), V = [u, g, C];
+    const A = Math.max(0, Math.min(255, parseInt(x, 10) || 0)), V = [d, b, C];
     V[N] = A, X(ne(...V));
   };
-  return /* @__PURE__ */ h("div", { className: w("sui-colorpicker", o), children: [
+  return /* @__PURE__ */ h("div", { className: w("sui-colorpicker", l), children: [
     /* @__PURE__ */ h("div", { className: "sui-colorpicker__swatches", children: [
       n.map((N) => {
         const x = N.toLowerCase() === D.toLowerCase();
@@ -957,11 +960,11 @@ function vt({
           type: "button",
           title: c,
           "aria-label": c,
-          "aria-expanded": d,
-          onClick: () => v(!d),
+          "aria-expanded": u,
+          onClick: () => g(!u),
           className: "sui-colorpicker__wheel",
           style: {
-            boxShadow: !O || d ? "0 0 0 2px var(--surface-card), 0 0 0 4px var(--text-secondary)" : "inset 0 0 0 1px rgba(255,255,255,0.10)"
+            boxShadow: !O || u ? "0 0 0 2px var(--surface-card), 0 0 0 4px var(--text-secondary)" : "inset 0 0 0 1px rgba(255,255,255,0.10)"
           },
           children: /* @__PURE__ */ e(
             "span",
@@ -974,11 +977,11 @@ function vt({
         }
       )
     ] }),
-    d && /* @__PURE__ */ h("div", { className: "sui-colorpicker__panel", children: [
+    u && /* @__PURE__ */ h("div", { className: "sui-colorpicker__panel", children: [
       /* @__PURE__ */ e(
         "div",
         {
-          ref: L,
+          ref: M,
           onPointerDown: (N) => {
             R.current = "sv", m(N);
           },
@@ -988,7 +991,7 @@ function vt({
             "div",
             {
               className: "sui-colorpicker__knob",
-              style: { left: `${f.s * 100}%`, top: `${(1 - f.v) * 100}%`, background: D }
+              style: { left: `${p.s * 100}%`, top: `${(1 - p.v) * 100}%`, background: D }
             }
           )
         }
@@ -998,19 +1001,19 @@ function vt({
         {
           ref: T,
           onPointerDown: (N) => {
-            R.current = "hue", y(N);
+            R.current = "hue", k(N);
           },
           className: "sui-colorpicker__hue",
           children: /* @__PURE__ */ e(
             "div",
             {
               className: "sui-colorpicker__knob",
-              style: { left: `${f.h / 360 * 100}%`, top: "50%", background: Y }
+              style: { left: `${p.h / 360 * 100}%`, top: "50%", background: Y }
             }
           )
         }
       ),
-      r && /* @__PURE__ */ h("div", { className: "sui-colorpicker__inputrow", children: [
+      i && /* @__PURE__ */ h("div", { className: "sui-colorpicker__inputrow", children: [
         /* @__PURE__ */ e(
           "div",
           {
@@ -1018,12 +1021,12 @@ function vt({
             style: { background: D, boxShadow: `inset 0 0 0 1px rgba(255,255,255,0.18), 0 4px 16px ${U(D, 0.35)}` }
           }
         ),
-        /* @__PURE__ */ e("div", { className: "sui-colorpicker__field", children: M === "hex" ? /* @__PURE__ */ h(ee, { children: [
+        /* @__PURE__ */ e("div", { className: "sui-colorpicker__field", children: z === "hex" ? /* @__PURE__ */ h(ee, { children: [
           /* @__PURE__ */ e("span", { className: "sui-colorpicker__prefix", children: "#" }),
           /* @__PURE__ */ e(
             "input",
             {
-              value: $,
+              value: L,
               onChange: (N) => G(N.target.value),
               spellCheck: !1,
               maxLength: 6,
@@ -1035,7 +1038,7 @@ function vt({
           /* @__PURE__ */ e(
             "input",
             {
-              value: String([u, g, C][x]),
+              value: String([d, b, C][x]),
               onChange: (A) => J(x, A.target.value),
               spellCheck: !1,
               maxLength: 3,
@@ -1051,10 +1054,10 @@ function vt({
             "button",
             {
               type: "button",
-              "aria-pressed": M === "hex",
+              "aria-pressed": z === "hex",
               onClick: () => E("hex"),
               className: "sui-colorpicker__modetab",
-              "data-active": M === "hex" || void 0,
+              "data-active": z === "hex" || void 0,
               children: "HEX"
             }
           ),
@@ -1062,10 +1065,10 @@ function vt({
             "button",
             {
               type: "button",
-              "aria-pressed": M === "rgb",
+              "aria-pressed": z === "rgb",
               onClick: () => E("rgb"),
               className: "sui-colorpicker__modetab",
-              "data-active": M === "rgb" || void 0,
+              "data-active": z === "rgb" || void 0,
               children: "RGB"
             }
           )
@@ -1109,53 +1112,53 @@ function bt({
   onChange: a,
   color: n,
   icons: s = Ve,
-  searchable: l,
-  searchPlaceholder: i = "Buscar ícone...",
-  emptyText: r = "Nenhum ícone encontrado",
+  searchable: r,
+  searchPlaceholder: o = "Buscar ícone...",
+  emptyText: i = "Nenhum ícone encontrado",
   className: c
 }) {
-  const [o, p] = S(""), d = l ?? s.length > 40, v = se(() => {
-    if (!d || !o.trim()) return s;
-    const f = q(o);
-    return s.filter((k) => q(k).includes(f));
-  }, [s, o, d]);
+  const [l, _] = S(""), u = r ?? s.length > 40, g = se(() => {
+    if (!u || !l.trim()) return s;
+    const p = q(l);
+    return s.filter((y) => q(y).includes(p));
+  }, [s, l, u]);
   return /* @__PURE__ */ h("div", { className: w("sui-iconpicker", c), children: [
-    d && /* @__PURE__ */ e(
+    u && /* @__PURE__ */ e(
       "input",
       {
         className: "sui-iconpicker__search",
-        value: o,
-        onChange: (f) => p(f.target.value),
-        placeholder: i,
-        "aria-label": i
+        value: l,
+        onChange: (p) => _(p.target.value),
+        placeholder: o,
+        "aria-label": o
       }
     ),
-    /* @__PURE__ */ h("div", { className: "sui-iconpicker__grid", "data-scroll": d || void 0, children: [
-      v.length === 0 && /* @__PURE__ */ e("div", { className: "sui-iconpicker__empty", children: r }),
-      v.map((f) => {
-        const k = t === f;
+    /* @__PURE__ */ h("div", { className: "sui-iconpicker__grid", "data-scroll": u || void 0, children: [
+      g.length === 0 && /* @__PURE__ */ e("div", { className: "sui-iconpicker__empty", children: i }),
+      g.map((p) => {
+        const y = t === p;
         return /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            title: f,
-            "aria-label": f,
-            "aria-pressed": k,
-            onClick: () => a(f),
+            title: p,
+            "aria-label": p,
+            "aria-pressed": y,
+            onClick: () => a(p),
             className: "sui-iconpicker__cell",
-            "data-on": k || void 0,
-            style: k ? { background: n, borderColor: "transparent" } : void 0,
+            "data-on": y || void 0,
+            style: y ? { background: n, borderColor: "transparent" } : void 0,
             children: /* @__PURE__ */ e(
               P,
               {
-                name: f,
+                name: p,
                 size: 17,
-                color: k ? "#fff" : "var(--text-secondary)",
+                color: y ? "#fff" : "var(--text-secondary)",
                 strokeWidth: 1.9
               }
             )
           },
-          f
+          p
         );
       })
     ] })
@@ -1166,23 +1169,23 @@ function gt({
   value: a,
   sublabel: n,
   icon: s,
-  accent: l,
-  interactive: i,
-  onClick: r,
+  accent: r,
+  interactive: o,
+  onClick: i,
   className: c
 }) {
-  const o = l ? { "--sui-stat-accent": l } : void 0;
+  const l = r ? { "--sui-stat-accent": r } : void 0;
   return /* @__PURE__ */ h(
     "div",
     {
-      className: w("sui-statcard", (i || r) && "sui-statcard--interactive", c),
-      style: o,
-      "data-accent": l ? "" : void 0,
-      onClick: r,
-      role: r ? "button" : void 0,
-      tabIndex: r ? 0 : void 0,
-      onKeyDown: r ? (p) => {
-        (p.key === "Enter" || p.key === " ") && (p.preventDefault(), r());
+      className: w("sui-statcard", (o || i) && "sui-statcard--interactive", c),
+      style: l,
+      "data-accent": r ? "" : void 0,
+      onClick: i,
+      role: i ? "button" : void 0,
+      tabIndex: i ? 0 : void 0,
+      onKeyDown: i ? (_) => {
+        (_.key === "Enter" || _.key === " ") && (_.preventDefault(), i());
       } : void 0,
       children: [
         /* @__PURE__ */ h("div", { className: "sui-statcard__head", children: [
@@ -1195,8 +1198,8 @@ function gt({
     }
   );
 }
-function Nt({ icon: t, title: a, description: n, actions: s, dashed: l, className: i }) {
-  return /* @__PURE__ */ h("div", { className: w("sui-emptystate", l && "sui-emptystate--dashed", i), children: [
+function Nt({ icon: t, title: a, description: n, actions: s, dashed: r, className: o }) {
+  return /* @__PURE__ */ h("div", { className: w("sui-emptystate", r && "sui-emptystate--dashed", o), children: [
     t && /* @__PURE__ */ e("div", { className: "sui-emptystate__icon", children: t }),
     /* @__PURE__ */ e("div", { className: "sui-emptystate__title", children: a }),
     n && /* @__PURE__ */ e("div", { className: "sui-emptystate__desc", children: n }),
@@ -1208,18 +1211,18 @@ function yt({
   children: a,
   side: n = "top",
   align: s = "center",
-  delayDuration: l = 200,
-  className: i
+  delayDuration: r = 200,
+  className: o
 }) {
   return (
     // Provider embutido para uso avulso; envolver a app com <TooltipProvider>
     // é opcional (compartilha o timing entre tooltips). Providers aninhados são ok.
-    /* @__PURE__ */ e(W.Provider, { delayDuration: l, children: /* @__PURE__ */ h(W.Root, { children: [
+    /* @__PURE__ */ e(W.Provider, { delayDuration: r, children: /* @__PURE__ */ h(W.Root, { children: [
       /* @__PURE__ */ e(W.Trigger, { asChild: !0, children: a }),
       /* @__PURE__ */ e(W.Portal, { children: /* @__PURE__ */ h(
         W.Content,
         {
-          className: w("sui-tooltip", i),
+          className: w("sui-tooltip", o),
           side: n,
           align: s,
           sideOffset: 6,
@@ -1266,9 +1269,10 @@ function je({ open: t, defaultOpen: a, onOpenChange: n, children: s }) {
 function Qe({
   title: t,
   description: a,
-  maxWidth: n = 480,
-  hideClose: s,
-  className: l,
+  icon: n,
+  maxWidth: s = 480,
+  hideClose: r,
+  className: o,
   children: i
 }) {
   return /* @__PURE__ */ h(F.Portal, { children: [
@@ -1276,15 +1280,18 @@ function Qe({
     /* @__PURE__ */ h(
       F.Content,
       {
-        className: w("sui-modal__content", l),
-        style: { maxWidth: n },
+        className: w("sui-modal__content", o),
+        style: { maxWidth: s },
         children: [
           /* @__PURE__ */ h("div", { className: "sui-modal__header", children: [
-            /* @__PURE__ */ h("div", { className: "sui-modal__heading", children: [
-              /* @__PURE__ */ e(F.Title, { className: "sui-modal__title", children: t }),
-              a && /* @__PURE__ */ e(F.Description, { className: "sui-modal__desc", children: a })
+            /* @__PURE__ */ h("div", { className: "sui-modal__headlead", children: [
+              n != null && /* @__PURE__ */ e("div", { className: "sui-modal__icon", children: n }),
+              /* @__PURE__ */ h("div", { className: "sui-modal__heading", children: [
+                /* @__PURE__ */ e(F.Title, { className: "sui-modal__title", children: t }),
+                a && /* @__PURE__ */ e(F.Description, { className: "sui-modal__desc", children: a })
+              ] })
             ] }),
-            !s && /* @__PURE__ */ e(F.Close, { className: "sui-modal__close", "aria-label": "Fechar", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ e(
+            !r && /* @__PURE__ */ e(F.Close, { className: "sui-modal__close", "aria-label": "Fechar", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ e(
               "path",
               {
                 d: "M6 6l12 12M18 6L6 18",
@@ -1317,107 +1324,108 @@ function Ct({
   onOpenChange: a,
   title: n,
   message: s,
-  confirmLabel: l = "Confirmar",
-  cancelLabel: i = "Cancelar",
-  busyLabel: r = "Aguarde...",
+  confirmLabel: r = "Confirmar",
+  cancelLabel: o = "Cancelar",
+  busyLabel: i = "Aguarde...",
   confirmVariant: c = "danger",
-  icon: o,
-  onConfirm: p,
-  formatError: d = Je
+  icon: l,
+  hideCancel: _ = !1,
+  onConfirm: u,
+  formatError: g = Je
 }) {
-  const [v, f] = S(!1), [k, M] = S(null), E = async () => {
-    if (!v) {
-      f(!0), M(null);
+  const [p, y] = S(!1), [z, E] = S(null), L = async () => {
+    if (!p) {
+      y(!0), E(null);
       try {
-        await p(), a(!1);
-      } catch (z) {
-        M(d(z));
+        await u(), a(!1);
+      } catch (M) {
+        E(g(M));
       } finally {
-        f(!1);
+        y(!1);
       }
     }
-  }, $ = (z) => {
-    v || (z || M(null), a(z));
+  }, $ = (M) => {
+    p || (M || E(null), a(M));
   };
   return /* @__PURE__ */ e(F.Root, { open: t, onOpenChange: $, children: /* @__PURE__ */ h(F.Portal, { children: [
     /* @__PURE__ */ e(F.Overlay, { className: "sui-confirm__overlay" }),
     /* @__PURE__ */ h(F.Content, { className: "sui-confirm", children: [
       /* @__PURE__ */ h("div", { className: "sui-confirm__head", children: [
-        o ?? /* @__PURE__ */ e(Se, { size: 44, radius: 12, bg: U(Ge, 0.15), children: /* @__PURE__ */ e(P, { name: "alert", size: 20, color: "var(--status-error-fg)" }) }),
+        l ?? /* @__PURE__ */ e(Se, { size: 44, radius: 12, bg: U(Ge, 0.15), children: /* @__PURE__ */ e(P, { name: "alert", size: 20, color: "var(--status-error-fg)" }) }),
         /* @__PURE__ */ h("div", { children: [
           /* @__PURE__ */ e(F.Title, { className: "sui-confirm__title", children: n }),
           /* @__PURE__ */ e(F.Description, { className: "sui-confirm__message", children: s })
         ] })
       ] }),
-      k != null && /* @__PURE__ */ e("div", { className: "sui-confirm__error", role: "alert", children: k }),
+      z != null && /* @__PURE__ */ e("div", { className: "sui-confirm__error", role: "alert", children: z }),
       /* @__PURE__ */ h("div", { className: "sui-confirm__actions", children: [
-        /* @__PURE__ */ e(me, { variant: "secondary", fullWidth: !0, disabled: v, onClick: () => $(!1), children: i }),
+        !_ && /* @__PURE__ */ e(me, { variant: "secondary", fullWidth: !0, disabled: p, onClick: () => $(!1), children: o }),
         /* @__PURE__ */ e(
           me,
           {
             variant: c,
             fullWidth: !0,
-            loading: v,
-            onClick: () => void E(),
-            children: v ? r : l
+            loading: p,
+            onClick: () => void L(),
+            children: p ? i : r
           }
         )
       ] })
     ] })
   ] }) });
 }
-function Ze({ x: t, y: a, items: n, onClose: s, align: l = "end", className: i }) {
-  const r = K(null), [c, o] = S({ top: 0, left: 0 });
+function Ze({ x: t, y: a, items: n, onClose: s, align: r = "end", className: o }) {
+  const i = K(null), [c, l] = S({ top: 0, left: 0 });
   Ce(() => {
-    o(ve(r.current));
+    l(ve(i.current));
   }, []), H(() => {
-    var d, v;
-    (v = (d = r.current) == null ? void 0 : d.querySelector(".sui-menu__item")) == null || v.focus({ preventScroll: !0 });
+    var u, g;
+    (g = (u = i.current) == null ? void 0 : u.querySelector(".sui-menu__item")) == null || g.focus({ preventScroll: !0 });
   }, []), H(() => {
-    const d = (v) => {
-      v.key === "Escape" && s();
+    const u = (g) => {
+      g.key === "Escape" && s();
     };
-    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+    return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
   }, [s]);
-  const p = (d) => {
-    var M, E;
-    if (d.key !== "ArrowDown" && d.key !== "ArrowUp") return;
-    d.preventDefault();
-    const v = Array.from(((M = r.current) == null ? void 0 : M.querySelectorAll(".sui-menu__item")) ?? []), f = v.indexOf(document.activeElement), k = d.key === "ArrowDown" ? Math.min(f + 1, v.length - 1) : Math.max(f - 1, 0);
-    (E = v[k]) == null || E.focus();
+  const _ = (u) => {
+    var z, E;
+    if (u.key !== "ArrowDown" && u.key !== "ArrowUp") return;
+    u.preventDefault();
+    const g = Array.from(((z = i.current) == null ? void 0 : z.querySelectorAll(".sui-menu__item")) ?? []), p = g.indexOf(document.activeElement), y = u.key === "ArrowDown" ? Math.min(p + 1, g.length - 1) : Math.max(p - 1, 0);
+    (E = g[y]) == null || E.focus();
   };
   return /* @__PURE__ */ h(ee, { children: [
     /* @__PURE__ */ e("div", { className: "sui-menu__backdrop", onClick: s }),
     /* @__PURE__ */ e(
       "div",
       {
-        ref: r,
-        className: w("sui-menu", i),
+        ref: i,
+        className: w("sui-menu", o),
         role: "menu",
-        onKeyDown: p,
+        onKeyDown: _,
         style: {
           left: t - c.left,
           top: a + 6 - c.top,
-          transform: l === "end" ? "translateX(-100%)" : void 0
+          transform: r === "end" ? "translateX(-100%)" : void 0
         },
         children: n.map(
-          (d, v) => d.sep ? /* @__PURE__ */ e("div", { className: "sui-menu__sep", role: "separator" }, v) : /* @__PURE__ */ h(
+          (u, g) => u.sep ? /* @__PURE__ */ e("div", { className: "sui-menu__sep", role: "separator" }, g) : /* @__PURE__ */ h(
             "button",
             {
               type: "button",
               role: "menuitem",
               onClick: () => {
-                var f;
-                (f = d.onClick) == null || f.call(d), s();
+                var p;
+                (p = u.onClick) == null || p.call(u), s();
               },
               className: "sui-menu__item",
-              "data-danger": d.danger || void 0,
+              "data-danger": u.danger || void 0,
               children: [
-                typeof d.icon == "string" ? /* @__PURE__ */ e(P, { name: d.icon, size: 15, color: d.danger ? "var(--status-error-fg)" : "var(--text-secondary)" }) : d.icon,
-                /* @__PURE__ */ e("span", { children: d.label })
+                typeof u.icon == "string" ? /* @__PURE__ */ e(P, { name: u.icon, size: 15, color: u.danger ? "var(--status-error-fg)" : "var(--text-secondary)" }) : u.icon,
+                /* @__PURE__ */ e("span", { children: u.label })
               ]
             },
-            v
+            g
           )
         )
       }
@@ -1436,63 +1444,63 @@ function St({
   data: a,
   keyField: n = "id",
   searchable: s = !0,
-  searchPlaceholder: l = "Buscar...",
-  selectable: i = !1,
-  initialSelectedIds: r,
+  searchPlaceholder: r = "Buscar...",
+  selectable: o = !1,
+  initialSelectedIds: i,
   pageSize: c = 10,
-  pageSizeOptions: o = null,
-  onRowClick: p,
-  toolbarTitle: d,
-  toolbarActions: v,
-  bulkActions: f,
-  emptyMessage: k = "Nenhum registro encontrado.",
-  loadingMessage: M = "Carregando...",
+  pageSizeOptions: l = null,
+  onRowClick: _,
+  toolbarTitle: u,
+  toolbarActions: g,
+  bulkActions: p,
+  emptyMessage: y = "Nenhum registro encontrado.",
+  loadingMessage: z = "Carregando...",
   loading: E = !1,
-  labels: $,
-  className: z
+  labels: L,
+  className: $
 }) {
-  const L = { ...et, ...$ }, [T, R] = S(""), [b, m] = S(null), [y, u] = S("asc"), [g, C] = S(
-    () => new Set(r ?? [])
+  const M = { ...et, ...L }, [T, R] = S(""), [v, m] = S(null), [k, d] = S("asc"), [b, C] = S(
+    () => new Set(i ?? [])
   ), [D, Y] = S(0), [O, X] = S(c), [G, J] = S(null), N = se(() => {
     if (!T.trim()) return a;
-    const _ = T.toLowerCase();
+    const f = T.toLowerCase();
     return a.filter(
       (I) => t.some((B) => {
         const Z = B.searchValue ? B.searchValue(I) : I[B.key];
-        return Z != null && String(Z).toLowerCase().includes(_);
+        return Z != null && String(Z).toLowerCase().includes(f);
       })
     );
   }, [a, T, t]), x = se(() => {
-    if (!b) return N;
-    const _ = t.find((B) => B.key === b), I = [...N];
+    if (!v) return N;
+    const f = t.find((B) => B.key === v), I = [...N];
     return I.sort((B, Z) => {
-      const te = _ != null && _.sortValue ? _.sortValue(B) : B[b], ae = _ != null && _.sortValue ? _.sortValue(Z) : Z[b];
+      const te = f != null && f.sortValue ? f.sortValue(B) : B[v], ae = f != null && f.sortValue ? f.sortValue(Z) : Z[v];
       return te == null ? 1 : ae == null ? -1 : typeof te == "number" && typeof ae == "number" ? te - ae : String(te).localeCompare(String(ae));
-    }), y === "desc" && I.reverse(), I;
-  }, [N, b, y, t]), A = Math.max(1, Math.ceil(x.length / O)), V = Math.min(D, A - 1), j = x.slice(V * O, V * O + O);
+    }), k === "desc" && I.reverse(), I;
+  }, [N, v, k, t]), A = Math.max(1, Math.ceil(x.length / O)), V = Math.min(D, A - 1), j = x.slice(V * O, V * O + O);
   H(() => {
     Y(0);
-  }, [T, b, y, O]);
-  const be = (_) => {
-    _.sortable && (b !== _.key ? (m(_.key), u("asc")) : y === "asc" ? u("desc") : (m(null), u("asc")));
-  }, he = j.length > 0 && j.every((_) => g.has(_[n])), ge = () => {
-    const _ = new Set(g);
-    he ? j.forEach((I) => _.delete(I[n])) : j.forEach((I) => _.add(I[n])), C(_);
-  }, Ne = (_) => {
-    const I = new Set(g);
-    I.has(_) ? I.delete(_) : I.add(_), C(I);
+  }, [T, v, k, O]);
+  const be = (f) => {
+    f.sortable && (v !== f.key ? (m(f.key), d("asc")) : k === "asc" ? d("desc") : (m(null), d("asc")));
+  }, he = j.length > 0 && j.every((f) => b.has(f[n])), ge = () => {
+    const f = new Set(b);
+    he ? j.forEach((I) => f.delete(I[n])) : j.forEach((I) => f.add(I[n])), C(f);
+  }, Ne = (f) => {
+    const I = new Set(b);
+    I.has(f) ? I.delete(f) : I.add(f), C(I);
   };
-  return /* @__PURE__ */ h("div", { className: w("sui-datatable", z), children: [
-    (d || s || v) && /* @__PURE__ */ h("div", { className: "sui-datatable__toolbar", children: [
-      d && /* @__PURE__ */ e("h3", { className: "sui-datatable__title", children: d }),
-      o && /* @__PURE__ */ h("div", { className: "sui-datatable__pagesize", children: [
-        /* @__PURE__ */ e("span", { children: L.pageSizePrefix }),
+  return /* @__PURE__ */ h("div", { className: w("sui-datatable", $), children: [
+    (u || s || g) && /* @__PURE__ */ h("div", { className: "sui-datatable__toolbar", children: [
+      u && /* @__PURE__ */ e("h3", { className: "sui-datatable__title", children: u }),
+      l && /* @__PURE__ */ h("div", { className: "sui-datatable__pagesize", children: [
+        /* @__PURE__ */ e("span", { children: M.pageSizePrefix }),
         /* @__PURE__ */ h(
           "button",
           {
             type: "button",
-            onClick: (_) => {
-              const I = _.currentTarget.getBoundingClientRect();
+            onClick: (f) => {
+              const I = f.currentTarget.getBoundingClientRect();
               J({ x: I.right, y: I.bottom });
             },
             className: "sui-datatable__pagesize-btn",
@@ -1508,16 +1516,16 @@ function St({
             x: G.x,
             y: G.y,
             onClose: () => J(null),
-            items: o.map((_) => ({
-              label: L.pageSizeItem(_),
-              icon: _ === O ? "check" : void 0,
+            items: l.map((f) => ({
+              label: M.pageSizeItem(f),
+              icon: f === O ? "check" : void 0,
               onClick: () => {
-                X(_), J(null);
+                X(f), J(null);
               }
             }))
           }
         ),
-        /* @__PURE__ */ e("span", { children: L.pageSizeSuffix })
+        /* @__PURE__ */ e("span", { children: M.pageSizeSuffix })
       ] }),
       s && /* @__PURE__ */ h("div", { className: "sui-datatable__search", children: [
         /* @__PURE__ */ e(P, { name: "search", size: 14, color: "var(--text-muted)" }),
@@ -1525,21 +1533,21 @@ function St({
           "input",
           {
             value: T,
-            onChange: (_) => R(_.target.value),
-            placeholder: l,
-            "aria-label": l
+            onChange: (f) => R(f.target.value),
+            placeholder: r,
+            "aria-label": r
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "sui-datatable__actions", children: v })
+      /* @__PURE__ */ e("div", { className: "sui-datatable__actions", children: g })
     ] }),
-    i && g.size > 0 && /* @__PURE__ */ h("div", { className: "sui-datatable__bulkbar", children: [
-      /* @__PURE__ */ e("span", { className: "sui-datatable__bulkcount", children: L.selected(g.size) }),
-      /* @__PURE__ */ e("div", { className: "sui-datatable__bulkactions", children: f == null ? void 0 : f(g, () => C(/* @__PURE__ */ new Set())) })
+    o && b.size > 0 && /* @__PURE__ */ h("div", { className: "sui-datatable__bulkbar", children: [
+      /* @__PURE__ */ e("span", { className: "sui-datatable__bulkcount", children: M.selected(b.size) }),
+      /* @__PURE__ */ e("div", { className: "sui-datatable__bulkactions", children: p == null ? void 0 : p(b, () => C(/* @__PURE__ */ new Set())) })
     ] }),
     /* @__PURE__ */ e("div", { className: "sui-datatable__scroll", children: /* @__PURE__ */ h("table", { children: [
       /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ h("tr", { children: [
-        i && /* @__PURE__ */ e("th", { className: "sui-datatable__th sui-datatable__th--check", children: /* @__PURE__ */ e(
+        o && /* @__PURE__ */ e("th", { className: "sui-datatable__th sui-datatable__th--check", children: /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
@@ -1548,75 +1556,75 @@ function St({
             "aria-label": "Selecionar página"
           }
         ) }),
-        t.map((_) => /* @__PURE__ */ e(
+        t.map((f) => /* @__PURE__ */ e(
           "th",
           {
             className: "sui-datatable__th",
-            "data-align": _.align ?? "left",
-            "data-sortable": _.sortable || void 0,
-            style: { width: _.width },
-            onClick: () => be(_),
-            "aria-sort": b === _.key ? y === "asc" ? "ascending" : "descending" : void 0,
+            "data-align": f.align ?? "left",
+            "data-sortable": f.sortable || void 0,
+            style: { width: f.width },
+            onClick: () => be(f),
+            "aria-sort": v === f.key ? k === "asc" ? "ascending" : "descending" : void 0,
             children: /* @__PURE__ */ h("span", { className: "sui-datatable__th-inner", children: [
-              _.header,
-              _.sortable && /* @__PURE__ */ e(
+              f.header,
+              f.sortable && /* @__PURE__ */ e(
                 "span",
                 {
                   className: "sui-datatable__sort",
-                  "data-active": b === _.key || void 0,
-                  children: b === _.key ? y === "asc" ? "▲" : "▼" : "▾"
+                  "data-active": v === f.key || void 0,
+                  children: v === f.key ? k === "asc" ? "▲" : "▼" : "▾"
                 }
               )
             ] })
           },
-          _.key
+          f.key
         ))
       ] }) }),
       /* @__PURE__ */ h("tbody", { children: [
         j.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
           "td",
           {
-            colSpan: t.length + (i ? 1 : 0),
+            colSpan: t.length + (o ? 1 : 0),
             className: "sui-datatable__empty",
-            children: E ? M : k
+            children: E ? z : y
           }
         ) }),
-        j.map((_) => {
-          const I = g.has(_[n]);
+        j.map((f) => {
+          const I = b.has(f[n]);
           return /* @__PURE__ */ h(
             "tr",
             {
-              onClick: () => p == null ? void 0 : p(_),
+              onClick: () => _ == null ? void 0 : _(f),
               className: "sui-datatable__row",
               "data-selected": I || void 0,
-              "data-clickable": p ? !0 : void 0,
+              "data-clickable": _ ? !0 : void 0,
               children: [
-                i && /* @__PURE__ */ e("td", { className: "sui-datatable__td", onClick: (B) => B.stopPropagation(), children: /* @__PURE__ */ e(
+                o && /* @__PURE__ */ e("td", { className: "sui-datatable__td", onClick: (B) => B.stopPropagation(), children: /* @__PURE__ */ e(
                   "input",
                   {
                     type: "checkbox",
                     checked: I,
-                    onChange: () => Ne(_[n]),
+                    onChange: () => Ne(f[n]),
                     "aria-label": "Selecionar linha"
                   }
                 ) }),
-                t.map((B) => /* @__PURE__ */ e("td", { className: "sui-datatable__td", "data-align": B.align ?? "left", children: B.render ? B.render(_) : String(_[B.key] ?? "") }, B.key))
+                t.map((B) => /* @__PURE__ */ e("td", { className: "sui-datatable__td", "data-align": B.align ?? "left", children: B.render ? B.render(f) : String(f[B.key] ?? "") }, B.key))
               ]
             },
-            String(_[n])
+            String(f[n])
           );
         })
       ] })
     ] }) }),
     x.length > 0 && /* @__PURE__ */ h("div", { className: "sui-datatable__footer", children: [
-      /* @__PURE__ */ e("span", { className: "sui-datatable__range", children: L.range(V * O + 1, Math.min(x.length, (V + 1) * O), x.length) }),
+      /* @__PURE__ */ e("span", { className: "sui-datatable__range", children: M.range(V * O + 1, Math.min(x.length, (V + 1) * O), x.length) }),
       /* @__PURE__ */ h("div", { className: "sui-datatable__pager", children: [
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             disabled: V === 0,
-            onClick: () => Y((_) => Math.max(0, _ - 1)),
+            onClick: () => Y((f) => Math.max(0, f - 1)),
             "aria-label": "Página anterior",
             children: "‹"
           }
@@ -1631,7 +1639,7 @@ function St({
           {
             type: "button",
             disabled: V >= A - 1,
-            onClick: () => Y((_) => Math.min(A - 1, _ + 1)),
+            onClick: () => Y((f) => Math.min(A - 1, f + 1)),
             "aria-label": "Próxima página",
             children: "›"
           }
@@ -1662,48 +1670,48 @@ function Dt({
   logo: a,
   topbarCenter: n,
   topbarEnd: s,
-  sidebarFooter: l,
-  searchable: i = !1,
-  searchPlaceholder: r = "Procurar",
+  sidebarFooter: r,
+  searchable: o = !1,
+  searchPlaceholder: i = "Procurar",
   collapsed: c,
-  defaultCollapsed: o = !1,
-  onCollapsedChange: p,
-  mobileBreakpoint: d = 860,
-  menuButtonLabel: v = "Menu",
-  children: f,
-  className: k
+  defaultCollapsed: l = !1,
+  onCollapsedChange: _,
+  mobileBreakpoint: u = 860,
+  menuButtonLabel: g = "Menu",
+  children: p,
+  className: y
 }) {
-  const [M, E] = de({
+  const [z, E] = ue({
     value: c,
-    defaultValue: o,
-    onChange: p
-  }), [$, z] = S(!1), [L, T] = S(""), b = tt() < d, m = b ? !0 : !M, y = se(() => {
-    const g = q(L.trim());
-    return g ? t.map((C) => ({
+    defaultValue: l,
+    onChange: _
+  }), [L, $] = S(!1), [M, T] = S(""), v = tt() < u, m = v ? !0 : !z, k = se(() => {
+    const b = q(M.trim());
+    return b ? t.map((C) => ({
       ...C,
       items: C.items.filter(
-        (D) => typeof D.label == "string" ? q(D.label).includes(g) : !0
+        (D) => typeof D.label == "string" ? q(D.label).includes(b) : !0
       )
     })).filter((C) => C.items.length > 0) : t;
-  }, [t, L]), u = (g) => {
+  }, [t, M]), d = (b) => {
     var C;
-    (C = g.onSelect) == null || C.call(g), z(!1);
+    (C = b.onSelect) == null || C.call(b), $(!1);
   };
   return /* @__PURE__ */ h(
     "div",
     {
-      className: w("sui-appshell", k),
-      "data-mobile": b || void 0,
-      "data-collapsed": !b && M || void 0,
+      className: w("sui-appshell", y),
+      "data-mobile": v || void 0,
+      "data-collapsed": !v && z || void 0,
       children: [
         /* @__PURE__ */ h("header", { className: "sui-appshell__topbar", children: [
           /* @__PURE__ */ h("div", { className: "sui-appshell__topbar-start", children: [
             /* @__PURE__ */ e(
               De,
               {
-                "aria-label": v,
+                "aria-label": g,
                 variant: "ghost",
-                onClick: () => b ? z(!$) : E(!M),
+                onClick: () => v ? $(!L) : E(!z),
                 children: /* @__PURE__ */ e(P, { name: "menu", size: 20 })
               }
             ),
@@ -1712,27 +1720,27 @@ function Dt({
           n && /* @__PURE__ */ e("div", { className: "sui-appshell__topbar-center", children: n }),
           /* @__PURE__ */ e("div", { className: "sui-appshell__topbar-end", children: s })
         ] }),
-        /* @__PURE__ */ h("aside", { className: "sui-appshell__sidebar", "data-open": b && $ || void 0, children: [
-          i && m && /* @__PURE__ */ h("div", { className: "sui-appshell__search", children: [
+        /* @__PURE__ */ h("aside", { className: "sui-appshell__sidebar", "data-open": v && L || void 0, children: [
+          o && m && /* @__PURE__ */ h("div", { className: "sui-appshell__search", children: [
             /* @__PURE__ */ e(P, { name: "search", size: 15, color: "var(--text-muted)" }),
             /* @__PURE__ */ e(
               "input",
               {
-                value: L,
-                onChange: (g) => T(g.target.value),
-                placeholder: r,
-                "aria-label": r
+                value: M,
+                onChange: (b) => T(b.target.value),
+                placeholder: i,
+                "aria-label": i
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "sui-appshell__nav", children: y.map((g, C) => /* @__PURE__ */ h("div", { className: "sui-appshell__navgroup", children: [
-            m && g.label && /* @__PURE__ */ e("h4", { className: "sui-appshell__navlabel", children: g.label }),
-            g.items.map((D) => /* @__PURE__ */ h(
+          /* @__PURE__ */ e("div", { className: "sui-appshell__nav", children: k.map((b, C) => /* @__PURE__ */ h("div", { className: "sui-appshell__navgroup", children: [
+            m && b.label && /* @__PURE__ */ e("h4", { className: "sui-appshell__navlabel", children: b.label }),
+            b.items.map((D) => /* @__PURE__ */ h(
               "button",
               {
                 type: "button",
                 title: typeof D.label == "string" ? D.label : void 0,
-                onClick: () => u(D),
+                onClick: () => d(D),
                 className: "sui-appshell__navitem",
                 "data-active": D.active || void 0,
                 "data-icon-only": !m || void 0,
@@ -1745,16 +1753,16 @@ function Dt({
               D.key
             ))
           ] }, C)) }),
-          l && /* @__PURE__ */ e("div", { className: "sui-appshell__sidebar-footer", children: l })
+          r && /* @__PURE__ */ e("div", { className: "sui-appshell__sidebar-footer", children: r })
         ] }),
-        /* @__PURE__ */ e("main", { className: "sui-appshell__content", children: f }),
-        b && $ && /* @__PURE__ */ e("div", { className: "sui-appshell__scrim", onClick: () => z(!1) })
+        /* @__PURE__ */ e("main", { className: "sui-appshell__content", children: p }),
+        v && L && /* @__PURE__ */ e("div", { className: "sui-appshell__scrim", onClick: () => $(!1) })
       ]
     }
   );
 }
-function zt({ eyebrow: t, title: a, description: n, actions: s, className: l }) {
-  return /* @__PURE__ */ h("div", { className: w("sui-pageheader", l), children: [
+function zt({ eyebrow: t, title: a, description: n, actions: s, className: r }) {
+  return /* @__PURE__ */ h("div", { className: w("sui-pageheader", r), children: [
     /* @__PURE__ */ h("div", { className: "sui-pageheader__text", children: [
       t && /* @__PURE__ */ e("span", { className: "sui-pageheader__eyebrow", children: t }),
       /* @__PURE__ */ e("h1", { className: "sui-pageheader__title", children: a }),
@@ -1770,12 +1778,12 @@ export {
   me as Button,
   xt as Card,
   vt as ColorPicker,
-  ut as Combobox,
+  dt as Combobox,
   Ct as ConfirmModal,
   Ve as DEFAULT_PICKER_ICONS,
   He as DEFAULT_SWATCHES,
   St as DataTable,
-  ft as DateTimeInput,
+  _t as DateTimeInput,
   Nt as EmptyState,
   ct as FormField,
   ze as Heading,
@@ -1784,13 +1792,13 @@ export {
   Se as IconBox,
   De as IconButton,
   bt as IconPicker,
-  _e as Input,
+  fe as Input,
   Ee as Label,
   Ze as Menu,
   wt as Modal,
   pt as MoneyInput,
-  _t as MonthPicker,
-  dt as MultiSelect,
+  ft as MonthPicker,
+  ut as MultiSelect,
   Mt as PageContainer,
   zt as PageHeader,
   ot as ProgressBar,
@@ -1810,5 +1818,5 @@ export {
   q as normalizeSearch,
   Rt as registerIconAliases,
   At as registerIcons,
-  de as useControllableState
+  ue as useControllableState
 };