@schumann-dev/ui 0.12.0

package/dist/index.js

@@ -0,0 +1,1814 @@
+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 { 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";
+import * as F from "@radix-ui/react-dialog";
+function Me({ size: t = 16, label: a, className: n }) {
+  const s = { "--sui-spinner-size": `${t}px` };
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: w("sui-spinner", n),
+      style: s,
+      role: a ? "status" : void 0,
+      "aria-label": a,
+      "aria-hidden": a ? void 0 : !0
+    }
+  );
+}
+const me = ue(function({
+  variant: a = "primary",
+  size: n = "md",
+  loading: s = !1,
+  fullWidth: l = !1,
+  leftIcon: i,
+  rightIcon: r,
+  disabled: c,
+  type: o = "button",
+  className: p,
+  children: d,
+  ...v
+}, f) {
+  const k = c || s;
+  return /* @__PURE__ */ h(
+    "button",
+    {
+      ref: f,
+      type: o,
+      className: w("sui-btn", l && "sui-btn--full", p),
+      "data-variant": a,
+      "data-size": n,
+      "data-loading": s || void 0,
+      disabled: k,
+      "aria-busy": s || void 0,
+      ...v,
+      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 })
+      ]
+    }
+  );
+}), De = ue(function({ variant: a = "ghost", size: n = "md", shape: s = "square", className: l, type: i = "button", ...r }, c) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      ref: c,
+      type: i,
+      className: w("sui-iconbtn", l),
+      "data-variant": a,
+      "data-size": n,
+      "data-shape": s,
+      ...r
+    }
+  );
+}), fe = ke(null);
+function ie() {
+  return ye(fe);
+}
+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;
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: w("sui-input", r),
+      "data-size": a,
+      "data-invalid": f || void 0,
+      "data-disabled": i || void 0,
+      children: [
+        s && /* @__PURE__ */ e("span", { className: "sui-input__addon sui-input__addon--left", children: s }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: p,
+            id: v,
+            className: "sui-input__control",
+            disabled: i,
+            "aria-invalid": f || void 0,
+            "aria-describedby": d == null ? void 0 : d.describedBy,
+            ...o
+          }
+        ),
+        l && /* @__PURE__ */ e("span", { className: "sui-input__addon sui-input__addon--right", children: l })
+      ]
+    }
+  );
+});
+function pe({
+  as: t = "span",
+  size: a = "sm",
+  weight: n = "regular",
+  tone: s = "primary",
+  align: l,
+  truncate: i,
+  mono: r,
+  className: c,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    t,
+    {
+      className: w("sui-text", i && "sui-text--truncate", r && "sui-text--mono", c),
+      "data-size": a,
+      "data-weight": n,
+      "data-tone": s,
+      "data-align": l,
+      ...o
+    }
+  );
+}
+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 });
+}
+function Ee({ required: t, className: a, children: n, ...s }) {
+  return /* @__PURE__ */ h("label", { className: w("sui-label", a), ...s, children: [
+    n,
+    t && /* @__PURE__ */ e("span", { className: "sui-label__required", "aria-hidden": "true", children: "*" })
+  ] });
+}
+function it({
+  status: t = "neutral",
+  size: a = "md",
+  dot: n = !1,
+  leftIcon: s,
+  className: l,
+  children: i,
+  ...r
+}) {
+  return /* @__PURE__ */ h(
+    "span",
+    {
+      className: w("sui-badge", l),
+      "data-status": t,
+      "data-size": a,
+      ...r,
+      children: [
+        n && /* @__PURE__ */ e("span", { className: "sui-badge__dot", "aria-hidden": "true" }),
+        s && /* @__PURE__ */ e("span", { className: "sui-badge__icon", children: s }),
+        i
+      ]
+    }
+  );
+}
+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 }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: w("sui-avatar", s),
+      style: { width: n, height: n, fontSize: n * 0.38, ...l },
+      children: t ? /* @__PURE__ */ e("img", { src: t, alt: "" }) : $e(a) || "?"
+    }
+  );
+}
+function de({
+  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);
+    },
+    [i, n]
+  );
+  return [r, c];
+}
+function Le({
+  checked: t,
+  defaultChecked: a = !1,
+  onCheckedChange: n,
+  disabled: s,
+  id: l,
+  className: i,
+  ...r
+}) {
+  const c = ie(), [o, p] = de({
+    value: t,
+    defaultValue: a,
+    onChange: n
+  });
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": o,
+      id: l ?? (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,
+      children: /* @__PURE__ */ e("span", { className: "sui-switch__thumb" })
+    }
+  );
+}
+function lt({ width: t = "100%", height: a = 16, radius: n = 9, className: s, style: l }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: w("sui-skeleton", s),
+      "aria-hidden": "true",
+      style: { width: t, height: a, borderRadius: n, ...l }
+    }
+  );
+}
+function ot({
+  value: t,
+  max: a = 1,
+  color: n = "var(--interactive-primary)",
+  dangerColor: s = "var(--text-error)",
+  dangerThreshold: l = 0.85,
+  height: i = 6,
+  label: r,
+  className: c
+}) {
+  const o = a > 0 ? Math.min(Math.max(t / a, 0), 1) : 0, p = o >= l ? s : n;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: w("sui-progressbar", c),
+      style: { height: i },
+      role: "progressbar",
+      "aria-valuenow": Math.round(o * 100),
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-label": r,
+      children: /* @__PURE__ */ e("div", { className: "sui-progressbar__fill", style: { width: `${o * 100}%`, background: p } })
+    }
+  );
+}
+function ct({
+  label: t,
+  hint: a,
+  error: n,
+  required: s,
+  id: l,
+  className: i,
+  children: r
+}) {
+  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
+  ] });
+}
+function q(t) {
+  return t.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+}
+function ut({
+  value: t,
+  onChange: a,
+  options: n,
+  placeholder: s = "Selecionar...",
+  emptyText: l = "Nenhum resultado",
+  disabled: i = !1,
+  className: r
+}) {
+  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("");
+  }, T = (m) => {
+    i || a(m), L();
+  }, R = () => {
+    if (i) return;
+    const m = $[f];
+    m && T(m.value);
+  };
+  H(() => {
+    k(0);
+  }, [d, o]);
+  const b = (m) => {
+    if (m.target === m.currentTarget) {
+      if (i) {
+        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());
+    }
+  };
+  return /* @__PURE__ */ h("div", { className: w("sui-combobox", r), children: [
+    /* @__PURE__ */ h(
+      "div",
+      {
+        onClick: z,
+        onFocus: (m) => {
+          m.target === m.currentTarget && !o && z();
+        },
+        onKeyDown: b,
+        tabIndex: i ? -1 : 0,
+        role: "combobox",
+        "aria-expanded": o,
+        "aria-haspopup": "listbox",
+        "aria-disabled": i ? "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-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(
+            "input",
+            {
+              ref: M,
+              autoFocus: !0,
+              onFocus: (m) => m.currentTarget.select(),
+              value: d,
+              onChange: (m) => v(m.target.value),
+              onKeyDown: (m) => {
+                if (i) {
+                  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();
+              },
+              placeholder: E ? E.label : s,
+              className: "sui-combobox__search"
+            }
+          ) : /* @__PURE__ */ e("span", { className: w("sui-combobox__value", !E && "sui-combobox__value--empty"), children: E ? E.label : s }),
+          /* @__PURE__ */ e("span", { className: "sui-combobox__chev", children: /* @__PURE__ */ e(P, { name: "chevDown", size: 15 }) })
+        ]
+      }
+    ),
+    o && !i && /* @__PURE__ */ h(ee, { children: [
+      /* @__PURE__ */ e("div", { className: "sui-combobox__backdrop", onClick: L }),
+      /* @__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(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": m.value === t,
+            onMouseEnter: () => k(y),
+            onClick: () => T(m.value),
+            className: "sui-combobox__option",
+            "data-highlight": y === f || void 0,
+            "data-selected": m.value === t || void 0,
+            children: [
+              m.leading && /* @__PURE__ */ e("span", { className: "sui-combobox__leading", children: m.leading }),
+              /* @__PURE__ */ e("span", { className: "sui-combobox__option-label", children: m.label })
+            ]
+          },
+          m.value
+        ))
+      ] })
+    ] })
+  ] });
+}
+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})`;
+}
+function re(t) {
+  const a = t.replace("#", "").padEnd(6, "0");
+  return [
+    parseInt(a.slice(0, 2), 16) || 0,
+    parseInt(a.slice(2, 4), 16) || 0,
+    parseInt(a.slice(4, 6), 16) || 0
+  ];
+}
+function ne(t, a, n) {
+  const s = (l) => Math.round(Math.max(0, Math.min(255, l))).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 };
+}
+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)];
+}
+function Ie(t) {
+  let a = (t == null ? void 0 : t.parentElement) ?? null;
+  for (; a && a !== document.body && a !== document.documentElement; ) {
+    const n = getComputedStyle(a);
+    if (n.transform !== "none" || n.perspective !== "none" || n.filter !== "none" || n.willChange === "transform" || n.willChange === "filter" || n.willChange === "perspective" || n.contain === "strict" || n.contain === "content" || n.contain.includes("paint") || n.contain.includes("layout"))
+      return a;
+    a = a.parentElement;
+  }
+  return null;
+}
+function ve(t) {
+  const a = Ie(t);
+  if (!a) return { top: 0, left: 0 };
+  const n = a.getBoundingClientRect();
+  return { top: n.top, left: n.left };
+}
+const Q = "#5961f7";
+function dt({
+  options: t,
+  selected: a,
+  onChange: n,
+  placeholder: s = "Selecionar...",
+  emptyText: l = "Nenhuma opção disponível",
+  noResultsText: i = "Nenhum resultado",
+  className: r
+}) {
+  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;
+  H(() => {
+    if (!o) return;
+    const u = () => {
+      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 });
+    };
+    return u(), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
+      window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
+    };
+  }, [o]), H(() => {
+    k(0);
+  }, [d, o]);
+  const b = () => {
+    const u = R[f];
+    u && T(u.value), v("");
+  }, m = () => requestAnimationFrame(() => {
+    var u;
+    return (u = z.current) == null ? void 0 : u.focus();
+  }), y = () => {
+    p(!0), m();
+  };
+  return /* @__PURE__ */ h("div", { ref: $, className: w("sui-multiselect", r), children: [
+    /* @__PURE__ */ h(
+      "div",
+      {
+        onClick: y,
+        onFocus: (u) => {
+          u.target === u.currentTarget && y();
+        },
+        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()));
+        },
+        tabIndex: 0,
+        role: "combobox",
+        "aria-expanded": o,
+        "aria-haspopup": "listbox",
+        id: c == null ? void 0 : c.id,
+        "aria-describedby": c == null ? void 0 : c.describedBy,
+        "data-invalid": (c == null ? void 0 : c.invalid) || void 0,
+        className: "sui-multiselect__trigger",
+        children: [
+          /* @__PURE__ */ h("div", { className: "sui-multiselect__chips", children: [
+            L.map((u) => /* @__PURE__ */ h(
+              "span",
+              {
+                className: "sui-multiselect__chip",
+                style: {
+                  background: U(u.color ?? Q, 0.14),
+                  color: u.color ?? Q
+                },
+                children: [
+                  u.icon ?? /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: "sui-multiselect__dot",
+                      style: { background: u.color ?? Q }
+                    }
+                  ),
+                  u.label,
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": `Remover ${u.label}`,
+                      onClick: (g) => {
+                        g.stopPropagation(), T(u.value);
+                      },
+                      className: "sui-multiselect__chip-x",
+                      children: "×"
+                    }
+                  )
+                ]
+              },
+              u.value
+            )),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                ref: z,
+                value: d,
+                onChange: (u) => {
+                  v(u.target.value), p(!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());
+                },
+                placeholder: L.length === 0 ? s : "",
+                className: "sui-multiselect__search"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("span", { className: "sui-multiselect__chev", children: /* @__PURE__ */ e(P, { name: "chevDown", size: 15 }) })
+        ]
+      }
+    ),
+    o && M && /* @__PURE__ */ h(ee, { children: [
+      /* @__PURE__ */ e("div", { className: "sui-multiselect__backdrop", onClick: () => p(!1) }),
+      /* @__PURE__ */ h(
+        "div",
+        {
+          className: "sui-multiselect__list",
+          role: "listbox",
+          "aria-multiselectable": "true",
+          style: { top: M.top, left: M.left, width: M.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);
+              return /* @__PURE__ */ h(
+                "button",
+                {
+                  type: "button",
+                  role: "option",
+                  "aria-selected": C,
+                  onMouseEnter: () => k(g),
+                  onClick: () => {
+                    var D;
+                    T(u.value), v(""), (D = z.current) == null || D.focus();
+                  },
+                  className: "sui-multiselect__option",
+                  "data-highlight": g === f || void 0,
+                  "data-checked": C || void 0,
+                  children: [
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: "sui-multiselect__check",
+                        style: C ? {
+                          background: u.color ?? Q,
+                          borderColor: u.color ?? Q
+                        } : void 0,
+                        children: C && /* @__PURE__ */ e(P, { name: "check", size: 12, color: "#fff", strokeWidth: 3 })
+                      }
+                    ),
+                    u.icon ?? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: "sui-multiselect__dot sui-multiselect__dot--lg",
+                        style: { background: u.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(
+                        "span",
+                        {
+                          className: "sui-multiselect__option-sub",
+                          style: u.sublabelColor ? { color: u.sublabelColor } : void 0,
+                          children: u.sublabel
+                        }
+                      )
+                    ] })
+                  ]
+                },
+                u.value
+              );
+            })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const Te = "#5961f7";
+function ht({
+  options: t,
+  value: a,
+  onChange: n,
+  variant: s = "pill",
+  className: l
+}) {
+  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__ */ h(
+      "button",
+      {
+        type: "button",
+        "aria-pressed": 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,
+        children: [
+          s === "pill" && /* @__PURE__ */ e(
+            "span",
+            {
+              className: "sui-segmented__dot",
+              style: { background: c, opacity: r ? 1 : 0.4 }
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "sui-segmented__label", children: i.label }),
+          s === "card" && i.sublabel != null && /* @__PURE__ */ e(
+            "span",
+            {
+              className: "sui-segmented__sublabel",
+              style: r ? { color: c } : void 0,
+              children: i.sublabel
+            }
+          )
+        ]
+      },
+      i.value
+    );
+  }) });
+}
+function mt({
+  title: t,
+  description: a,
+  checked: n,
+  onCheckedChange: s,
+  disabled: l,
+  className: i
+}) {
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: w("sui-switchcard", i),
+      "data-disabled": l || void 0,
+      onClick: () => !l && 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(
+          Le,
+          {
+            checked: n,
+            onCheckedChange: (r) => s(r),
+            disabled: l,
+            "aria-label": typeof t == "string" ? t : void 0
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Re(t) {
+  if (t === "") return "";
+  const a = Math.round((Number(t) || 0) * 100);
+  return String(Math.max(a, 0));
+}
+function Ae(t) {
+  const a = t.padStart(3, "0"), n = a.slice(0, -2).replace(/^0+(?=\d)/, "");
+  return `${Number(n).toLocaleString("pt-BR")},${a.slice(-2)}`;
+}
+function pt({
+  value: t,
+  onChange: a,
+  currency: n = "R$",
+  placeholder: s = "0,00",
+  disabled: l,
+  invalid: i
+}) {
+  const r = K(null), c = Re(t);
+  return H(() => {
+    const o = r.current;
+    o && document.activeElement === o && o.setSelectionRange(o.value.length, o.value.length);
+  }), /* @__PURE__ */ e(
+    _e,
+    {
+      ref: r,
+      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) : "");
+      },
+      placeholder: s,
+      disabled: l,
+      invalid: i
+    }
+  );
+}
+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;
+}
+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}`;
+}
+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({
+  value: t,
+  onChange: a,
+  placeholder: n = "dd/mm/aaaa hh:mm",
+  disabled: s
+}) {
+  const [l, i] = S(""), r = Fe(t);
+  H(() => {
+    i(r);
+  }, [r]);
+  const c = l === "" || !!ce(l);
+  return /* @__PURE__ */ e(
+    _e,
+    {
+      type: "text",
+      inputMode: "numeric",
+      value: l,
+      onChange: (o) => {
+        const p = Be(Pe(o.target.value));
+        i(p);
+        const d = ce(p);
+        d && a(d);
+      },
+      onBlur: () => {
+        !ce(l) && t && i(r);
+      },
+      placeholder: n,
+      disabled: s,
+      invalid: !c
+    }
+  );
+}
+const Oe = [
+  "Janeiro",
+  "Fevereiro",
+  "Março",
+  "Abril",
+  "Maio",
+  "Junho",
+  "Julho",
+  "Agosto",
+  "Setembro",
+  "Outubro",
+  "Novembro",
+  "Dezembro"
+];
+function _t({
+  value: t,
+  onChange: a,
+  monthLabels: n = Oe,
+  formatLabel: s,
+  prevLabel: l = "Mês anterior",
+  nextLabel: i = "Próximo mês",
+  className: r
+}) {
+  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);
+  };
+  H(() => {
+    if (!c) return;
+    const b = (m) => {
+      m.key === "Escape" && o(!1);
+    };
+    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+  }, [c]);
+  const L = /* @__PURE__ */ new Date(), T = L.getFullYear(), R = L.getMonth() + 1;
+  return /* @__PURE__ */ h("div", { className: w("sui-monthpicker", r), children: [
+    /* @__PURE__ */ h("div", { className: "sui-monthpicker__bar", children: [
+      /* @__PURE__ */ h(
+        "button",
+        {
+          type: "button",
+          className: "sui-monthpicker__label",
+          "aria-expanded": c,
+          "aria-haspopup": "dialog",
+          onClick: z,
+          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__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 }) })
+    ] }),
+    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__ */ h("div", { className: "sui-monthpicker__yearbar", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "sui-monthpicker__step sui-monthpicker__step--year",
+              "aria-label": "Ano anterior",
+              onClick: () => d((b) => b - 1),
+              children: /* @__PURE__ */ e(P, { name: "chevLeft", size: 16 })
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "sui-monthpicker__year", children: p }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "sui-monthpicker__step sui-monthpicker__step--year",
+              "aria-label": "Próximo ano",
+              onClick: () => d((b) => b + 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;
+          return /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": u,
+              className: "sui-monthpicker__month",
+              "data-selected": u || void 0,
+              "data-current": T === p && R === y || void 0,
+              onClick: () => {
+                a({ year: p, month: y }), o(!1);
+              },
+              children: E(b)
+            },
+            y
+          );
+        }) })
+      ] })
+    ] })
+  ] });
+}
+const He = [
+  "#5961f7",
+  "#15b887",
+  "#f7547a",
+  "#f59e0b",
+  "#38bdf8",
+  "#8b5cf6",
+  "#ec4899",
+  "#10b981",
+  "#6366f1",
+  "#94a3b8"
+];
+function vt({
+  value: t,
+  onChange: a,
+  swatches: n = He,
+  defaultOpen: s = !1,
+  open: l,
+  onOpenChange: i,
+  showInput: r = !0,
+  customLabel: c = "Cor personalizada",
+  className: o
+}) {
+  const p = n[0] ?? "#5961f7", [d, v] = de({
+    value: l,
+    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);
+  H(() => {
+    const N = ne(...oe(f.h, f.s, f.v));
+    (t || p).toLowerCase() !== N.toLowerCase() && k(le(...re(t || p)));
+  }, [t]), H(() => {
+    ("#" + $).toLowerCase() !== (t || p).toLowerCase() && z((t || p).replace("#", ""));
+  }, [t]);
+  const b = (N) => {
+    const x = { ...f, ...N };
+    k(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({
+      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) => {
+    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 });
+  };
+  H(() => {
+    const N = (A) => {
+      R.current === "sv" ? m(A) : R.current === "hue" && y(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);
+  }, G = (N) => {
+    const x = N.replace("#", "");
+    z(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];
+    V[N] = A, X(ne(...V));
+  };
+  return /* @__PURE__ */ h("div", { className: w("sui-colorpicker", o), children: [
+    /* @__PURE__ */ h("div", { className: "sui-colorpicker__swatches", children: [
+      n.map((N) => {
+        const x = N.toLowerCase() === D.toLowerCase();
+        return /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            "aria-label": N,
+            "aria-pressed": x,
+            onClick: () => X(N),
+            className: "sui-colorpicker__swatch",
+            style: {
+              background: N,
+              boxShadow: x ? `0 0 0 2px var(--surface-card), 0 0 0 4px ${N}, 0 4px 14px ${U(N, 0.35)}` : "inset 0 0 0 1px rgba(255,255,255,0.10)"
+            },
+            children: x && /* @__PURE__ */ e(P, { name: "check", size: 14, color: "#fff", strokeWidth: 3 })
+          },
+          N
+        );
+      }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          title: c,
+          "aria-label": c,
+          "aria-expanded": d,
+          onClick: () => v(!d),
+          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)"
+          },
+          children: /* @__PURE__ */ e(
+            "span",
+            {
+              className: "sui-colorpicker__wheel-center",
+              style: { background: O ? "var(--surface-card)" : D },
+              children: O && /* @__PURE__ */ e(P, { name: "plus", size: 12, color: "var(--text-secondary)", strokeWidth: 2.5 })
+            }
+          )
+        }
+      )
+    ] }),
+    d && /* @__PURE__ */ h("div", { className: "sui-colorpicker__panel", children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          ref: L,
+          onPointerDown: (N) => {
+            R.current = "sv", m(N);
+          },
+          className: "sui-colorpicker__sv",
+          style: { backgroundImage: `linear-gradient(to top, #000, rgba(0,0,0,0)), linear-gradient(to right, #fff, ${Y})` },
+          children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: "sui-colorpicker__knob",
+              style: { left: `${f.s * 100}%`, top: `${(1 - f.v) * 100}%`, background: D }
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          ref: T,
+          onPointerDown: (N) => {
+            R.current = "hue", y(N);
+          },
+          className: "sui-colorpicker__hue",
+          children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: "sui-colorpicker__knob",
+              style: { left: `${f.h / 360 * 100}%`, top: "50%", background: Y }
+            }
+          )
+        }
+      ),
+      r && /* @__PURE__ */ h("div", { className: "sui-colorpicker__inputrow", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "sui-colorpicker__preview",
+            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("span", { className: "sui-colorpicker__prefix", children: "#" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              value: $,
+              onChange: (N) => G(N.target.value),
+              spellCheck: !1,
+              maxLength: 6,
+              "aria-label": "Valor hexadecimal",
+              className: "sui-colorpicker__hexinput"
+            }
+          )
+        ] }) : /* @__PURE__ */ e("div", { className: "sui-colorpicker__rgbfields", children: ["R", "G", "B"].map((N, x) => /* @__PURE__ */ h("div", { className: "sui-colorpicker__rgbfield-wrap", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              value: String([u, g, C][x]),
+              onChange: (A) => J(x, A.target.value),
+              spellCheck: !1,
+              maxLength: 3,
+              inputMode: "numeric",
+              "aria-label": N,
+              className: "sui-colorpicker__rgbinput"
+            }
+          ),
+          x < 2 && /* @__PURE__ */ e("span", { className: "sui-colorpicker__rgbsep", children: "·" })
+        ] }, N)) }) }),
+        /* @__PURE__ */ h("div", { className: "sui-colorpicker__modetoggle", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": M === "hex",
+              onClick: () => E("hex"),
+              className: "sui-colorpicker__modetab",
+              "data-active": M === "hex" || void 0,
+              children: "HEX"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": M === "rgb",
+              onClick: () => E("rgb"),
+              className: "sui-colorpicker__modetab",
+              "data-active": M === "rgb" || void 0,
+              children: "RGB"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+const Ve = [
+  "tag",
+  "building",
+  "utensils",
+  "car",
+  "heart",
+  "gamepad",
+  "shopping",
+  "trending",
+  "wallet",
+  "briefcase",
+  "dollar",
+  "card",
+  "repeat",
+  "target",
+  "bell",
+  "calendar",
+  "gift",
+  "plane",
+  "home",
+  "coffee",
+  "book",
+  "music",
+  "phone",
+  "tool",
+  "pet",
+  "shirt",
+  "fuel",
+  "pill"
+];
+function bt({
+  value: t,
+  onChange: a,
+  color: n,
+  icons: s = Ve,
+  searchable: l,
+  searchPlaceholder: i = "Buscar ícone...",
+  emptyText: r = "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]);
+  return /* @__PURE__ */ h("div", { className: w("sui-iconpicker", c), children: [
+    d && /* @__PURE__ */ e(
+      "input",
+      {
+        className: "sui-iconpicker__search",
+        value: o,
+        onChange: (f) => p(f.target.value),
+        placeholder: i,
+        "aria-label": i
+      }
+    ),
+    /* @__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;
+        return /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            title: f,
+            "aria-label": f,
+            "aria-pressed": k,
+            onClick: () => a(f),
+            className: "sui-iconpicker__cell",
+            "data-on": k || void 0,
+            style: k ? { background: n, borderColor: "transparent" } : void 0,
+            children: /* @__PURE__ */ e(
+              P,
+              {
+                name: f,
+                size: 17,
+                color: k ? "#fff" : "var(--text-secondary)",
+                strokeWidth: 1.9
+              }
+            )
+          },
+          f
+        );
+      })
+    ] })
+  ] });
+}
+function gt({
+  label: t,
+  value: a,
+  sublabel: n,
+  icon: s,
+  accent: l,
+  interactive: i,
+  onClick: r,
+  className: c
+}) {
+  const o = l ? { "--sui-stat-accent": l } : 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());
+      } : void 0,
+      children: [
+        /* @__PURE__ */ h("div", { className: "sui-statcard__head", children: [
+          s && /* @__PURE__ */ e("span", { className: "sui-statcard__icon", children: s }),
+          /* @__PURE__ */ e("span", { className: "sui-statcard__label", children: t })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "sui-statcard__value", children: a }),
+        n && /* @__PURE__ */ e("div", { className: "sui-statcard__sub", children: n })
+      ]
+    }
+  );
+}
+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: [
+    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 }),
+    s && /* @__PURE__ */ e("div", { className: "sui-emptystate__actions", children: s })
+  ] });
+}
+function yt({
+  content: t,
+  children: a,
+  side: n = "top",
+  align: s = "center",
+  delayDuration: l = 200,
+  className: i
+}) {
+  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.Trigger, { asChild: !0, children: a }),
+      /* @__PURE__ */ e(W.Portal, { children: /* @__PURE__ */ h(
+        W.Content,
+        {
+          className: w("sui-tooltip", i),
+          side: n,
+          align: s,
+          sideOffset: 6,
+          children: [
+            t,
+            /* @__PURE__ */ e(W.Arrow, { className: "sui-tooltip__arrow" })
+          ]
+        }
+      ) })
+    ] }) })
+  );
+}
+const kt = W.Provider;
+function Ke({ interactive: t, className: a, ...n }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: w("sui-card", t && "sui-card--interactive", a),
+      ...n
+    }
+  );
+}
+function qe({ className: t, ...a }) {
+  return /* @__PURE__ */ e("div", { className: w("sui-card__header", t), ...a });
+}
+function We({ children: t, className: a, ...n }) {
+  return /* @__PURE__ */ e(ze, { level: 4, className: w("sui-card__title", a), ...n, children: t });
+}
+function Ue({ className: t, ...a }) {
+  return /* @__PURE__ */ e("div", { className: w("sui-card__content", t), ...a });
+}
+function Ye({ className: t, ...a }) {
+  return /* @__PURE__ */ e("div", { className: w("sui-card__footer", t), ...a });
+}
+const xt = Object.assign(Ke, {
+  Header: qe,
+  Title: We,
+  Content: Ue,
+  Footer: Ye
+});
+function je({ open: t, defaultOpen: a, onOpenChange: n, children: s }) {
+  return /* @__PURE__ */ e(F.Root, { open: t, defaultOpen: a, onOpenChange: n, children: s });
+}
+function Qe({
+  title: t,
+  description: a,
+  maxWidth: n = 480,
+  hideClose: s,
+  className: l,
+  children: i
+}) {
+  return /* @__PURE__ */ h(F.Portal, { children: [
+    /* @__PURE__ */ e(F.Overlay, { className: "sui-modal__overlay" }),
+    /* @__PURE__ */ h(
+      F.Content,
+      {
+        className: w("sui-modal__content", l),
+        style: { maxWidth: n },
+        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 })
+            ] }),
+            !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(
+              "path",
+              {
+                d: "M6 6l12 12M18 6L6 18",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round"
+              }
+            ) }) })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "sui-modal__body", children: i })
+        ]
+      }
+    )
+  ] });
+}
+function Xe({ className: t, ...a }) {
+  return /* @__PURE__ */ e("div", { className: w("sui-modal__footer", t), ...a });
+}
+const wt = Object.assign(je, {
+  Trigger: F.Trigger,
+  Close: F.Close,
+  Content: Qe,
+  Footer: Xe
+}), Ge = "#B91C1C";
+function Je(t) {
+  return t instanceof Error ? t.message : "Ocorreu um erro. Tente novamente.";
+}
+function Ct({
+  open: t,
+  onOpenChange: a,
+  title: n,
+  message: s,
+  confirmLabel: l = "Confirmar",
+  cancelLabel: i = "Cancelar",
+  busyLabel: r = "Aguarde...",
+  confirmVariant: c = "danger",
+  icon: o,
+  onConfirm: p,
+  formatError: d = Je
+}) {
+  const [v, f] = S(!1), [k, M] = S(null), E = async () => {
+    if (!v) {
+      f(!0), M(null);
+      try {
+        await p(), a(!1);
+      } catch (z) {
+        M(d(z));
+      } finally {
+        f(!1);
+      }
+    }
+  }, $ = (z) => {
+    v || (z || M(null), a(z));
+  };
+  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)" }) }),
+        /* @__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 }),
+      /* @__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: c,
+            fullWidth: !0,
+            loading: v,
+            onClick: () => void E(),
+            children: v ? r : l
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+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 });
+  Ce(() => {
+    o(ve(r.current));
+  }, []), H(() => {
+    var d, v;
+    (v = (d = r.current) == null ? void 0 : d.querySelector(".sui-menu__item")) == null || v.focus({ preventScroll: !0 });
+  }, []), H(() => {
+    const d = (v) => {
+      v.key === "Escape" && s();
+    };
+    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+  }, [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();
+  };
+  return /* @__PURE__ */ h(ee, { children: [
+    /* @__PURE__ */ e("div", { className: "sui-menu__backdrop", onClick: s }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: r,
+        className: w("sui-menu", i),
+        role: "menu",
+        onKeyDown: p,
+        style: {
+          left: t - c.left,
+          top: a + 6 - c.top,
+          transform: l === "end" ? "translateX(-100%)" : void 0
+        },
+        children: n.map(
+          (d, v) => d.sep ? /* @__PURE__ */ e("div", { className: "sui-menu__sep", role: "separator" }, v) : /* @__PURE__ */ h(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              onClick: () => {
+                var f;
+                (f = d.onClick) == null || f.call(d), s();
+              },
+              className: "sui-menu__item",
+              "data-danger": d.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 })
+              ]
+            },
+            v
+          )
+        )
+      }
+    )
+  ] });
+}
+const et = {
+  pageSizePrefix: "Exibir",
+  pageSizeItem: (t) => `${t} registros`,
+  pageSizeSuffix: "registros",
+  selected: (t) => `${t} selecionado(s)`,
+  range: (t, a, n) => `Mostrando ${t}–${a} de ${n}`
+};
+function St({
+  columns: t,
+  data: a,
+  keyField: n = "id",
+  searchable: s = !0,
+  searchPlaceholder: l = "Buscar...",
+  selectable: i = !1,
+  initialSelectedIds: r,
+  pageSize: c = 10,
+  pageSizeOptions: o = null,
+  onRowClick: p,
+  toolbarTitle: d,
+  toolbarActions: v,
+  bulkActions: f,
+  emptyMessage: k = "Nenhum registro encontrado.",
+  loadingMessage: M = "Carregando...",
+  loading: E = !1,
+  labels: $,
+  className: z
+}) {
+  const L = { ...et, ...$ }, [T, R] = S(""), [b, m] = S(null), [y, u] = S("asc"), [g, C] = S(
+    () => new Set(r ?? [])
+  ), [D, Y] = S(0), [O, X] = S(c), [G, J] = S(null), N = se(() => {
+    if (!T.trim()) return a;
+    const _ = 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(_);
+      })
+    );
+  }, [a, T, t]), x = se(() => {
+    if (!b) return N;
+    const _ = t.find((B) => B.key === b), I = [...N];
+    return I.sort((B, Z) => {
+      const te = _ != null && _.sortValue ? _.sortValue(B) : B[b], ae = _ != null && _.sortValue ? _.sortValue(Z) : Z[b];
+      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);
+  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);
+  };
+  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 }),
+        /* @__PURE__ */ h(
+          "button",
+          {
+            type: "button",
+            onClick: (_) => {
+              const I = _.currentTarget.getBoundingClientRect();
+              J({ x: I.right, y: I.bottom });
+            },
+            className: "sui-datatable__pagesize-btn",
+            children: [
+              O,
+              /* @__PURE__ */ e(P, { name: "chevDown", size: 12, strokeWidth: 2.5 })
+            ]
+          }
+        ),
+        G && /* @__PURE__ */ e(
+          Ze,
+          {
+            x: G.x,
+            y: G.y,
+            onClose: () => J(null),
+            items: o.map((_) => ({
+              label: L.pageSizeItem(_),
+              icon: _ === O ? "check" : void 0,
+              onClick: () => {
+                X(_), J(null);
+              }
+            }))
+          }
+        ),
+        /* @__PURE__ */ e("span", { children: L.pageSizeSuffix })
+      ] }),
+      s && /* @__PURE__ */ h("div", { className: "sui-datatable__search", children: [
+        /* @__PURE__ */ e(P, { name: "search", size: 14, color: "var(--text-muted)" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            value: T,
+            onChange: (_) => R(_.target.value),
+            placeholder: l,
+            "aria-label": l
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "sui-datatable__actions", children: v })
+    ] }),
+    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())) })
+    ] }),
+    /* @__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(
+          "input",
+          {
+            type: "checkbox",
+            checked: he,
+            onChange: ge,
+            "aria-label": "Selecionar página"
+          }
+        ) }),
+        t.map((_) => /* @__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,
+            children: /* @__PURE__ */ h("span", { className: "sui-datatable__th-inner", children: [
+              _.header,
+              _.sortable && /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "sui-datatable__sort",
+                  "data-active": b === _.key || void 0,
+                  children: b === _.key ? y === "asc" ? "▲" : "▼" : "▾"
+                }
+              )
+            ] })
+          },
+          _.key
+        ))
+      ] }) }),
+      /* @__PURE__ */ h("tbody", { children: [
+        j.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+          "td",
+          {
+            colSpan: t.length + (i ? 1 : 0),
+            className: "sui-datatable__empty",
+            children: E ? M : k
+          }
+        ) }),
+        j.map((_) => {
+          const I = g.has(_[n]);
+          return /* @__PURE__ */ h(
+            "tr",
+            {
+              onClick: () => p == null ? void 0 : p(_),
+              className: "sui-datatable__row",
+              "data-selected": I || void 0,
+              "data-clickable": p ? !0 : void 0,
+              children: [
+                i && /* @__PURE__ */ e("td", { className: "sui-datatable__td", onClick: (B) => B.stopPropagation(), children: /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: I,
+                    onChange: () => Ne(_[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))
+              ]
+            },
+            String(_[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__ */ h("div", { className: "sui-datatable__pager", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            disabled: V === 0,
+            onClick: () => Y((_) => Math.max(0, _ - 1)),
+            "aria-label": "Página anterior",
+            children: "‹"
+          }
+        ),
+        /* @__PURE__ */ h("span", { className: "sui-datatable__pageinfo", children: [
+          V + 1,
+          " / ",
+          A
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            disabled: V >= A - 1,
+            onClick: () => Y((_) => Math.min(A - 1, _ + 1)),
+            "aria-label": "Próxima página",
+            children: "›"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Mt({ maxWidth: t = 1280, className: a, style: n, ...s }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: w("sui-page", a),
+      style: { "--sui-page-max": `${t}px`, ...n },
+      ...s
+    }
+  );
+}
+function tt() {
+  const [t, a] = S(() => typeof window > "u" ? 1280 : window.innerWidth);
+  return H(() => {
+    const n = () => a(window.innerWidth);
+    return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+  }, []), t;
+}
+function Dt({
+  nav: t,
+  logo: a,
+  topbarCenter: n,
+  topbarEnd: s,
+  sidebarFooter: l,
+  searchable: i = !1,
+  searchPlaceholder: r = "Procurar",
+  collapsed: c,
+  defaultCollapsed: o = !1,
+  onCollapsedChange: p,
+  mobileBreakpoint: d = 860,
+  menuButtonLabel: v = "Menu",
+  children: f,
+  className: k
+}) {
+  const [M, E] = de({
+    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) => ({
+      ...C,
+      items: C.items.filter(
+        (D) => typeof D.label == "string" ? q(D.label).includes(g) : !0
+      )
+    })).filter((C) => C.items.length > 0) : t;
+  }, [t, L]), u = (g) => {
+    var C;
+    (C = g.onSelect) == null || C.call(g), z(!1);
+  };
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: w("sui-appshell", k),
+      "data-mobile": b || void 0,
+      "data-collapsed": !b && M || 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,
+                variant: "ghost",
+                onClick: () => b ? z(!$) : E(!M),
+                children: /* @__PURE__ */ e(P, { name: "menu", size: 20 })
+              }
+            ),
+            a && /* @__PURE__ */ e("div", { className: "sui-appshell__logo", children: a })
+          ] }),
+          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__ */ 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
+              }
+            )
+          ] }),
+          /* @__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(
+              "button",
+              {
+                type: "button",
+                title: typeof D.label == "string" ? D.label : void 0,
+                onClick: () => u(D),
+                className: "sui-appshell__navitem",
+                "data-active": D.active || void 0,
+                "data-icon-only": !m || void 0,
+                "aria-current": D.active ? "page" : void 0,
+                children: [
+                  D.icon && /* @__PURE__ */ e("span", { className: "sui-appshell__navicon", children: D.icon }),
+                  m && /* @__PURE__ */ e("span", { className: "sui-appshell__navtext", children: D.label })
+                ]
+              },
+              D.key
+            ))
+          ] }, C)) }),
+          l && /* @__PURE__ */ e("div", { className: "sui-appshell__sidebar-footer", children: l })
+        ] }),
+        /* @__PURE__ */ e("main", { className: "sui-appshell__content", children: f }),
+        b && $ && /* @__PURE__ */ e("div", { className: "sui-appshell__scrim", onClick: () => z(!1) })
+      ]
+    }
+  );
+}
+function zt({ eyebrow: t, title: a, description: n, actions: s, className: l }) {
+  return /* @__PURE__ */ h("div", { className: w("sui-pageheader", l), 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 }),
+      n && /* @__PURE__ */ e("p", { className: "sui-pageheader__desc", children: n })
+    ] }),
+    s && /* @__PURE__ */ e("div", { className: "sui-pageheader__actions", children: s })
+  ] });
+}
+export {
+  Dt as AppShell,
+  rt as Avatar,
+  it as Badge,
+  me as Button,
+  xt as Card,
+  vt as ColorPicker,
+  ut as Combobox,
+  Ct as ConfirmModal,
+  Ve as DEFAULT_PICKER_ICONS,
+  He as DEFAULT_SWATCHES,
+  St as DataTable,
+  ft as DateTimeInput,
+  Nt as EmptyState,
+  ct as FormField,
+  ze as Heading,
+  Lt as ICON_PATHS,
+  P as Icon,
+  Se as IconBox,
+  De as IconButton,
+  bt as IconPicker,
+  _e as Input,
+  Ee as Label,
+  Ze as Menu,
+  wt as Modal,
+  pt as MoneyInput,
+  _t as MonthPicker,
+  dt as MultiSelect,
+  Mt as PageContainer,
+  zt as PageHeader,
+  ot as ProgressBar,
+  ht as SegmentedControl,
+  lt as Skeleton,
+  Me as Spinner,
+  gt as StatCard,
+  Le as Switch,
+  mt as SwitchCard,
+  pe as Text,
+  yt as Tooltip,
+  kt as TooltipProvider,
+  w as cx,
+  It as getIconNames,
+  U as hexA,
+  Tt as isImageIconSource,
+  q as normalizeSearch,
+  Rt as registerIconAliases,
+  At as registerIcons,
+  de as useControllableState
+};