@grapadigital/shared-app-modules 0.0.189 → 0.0.192

package/dist/components.js

@@ -1,30 +1,30 @@
-import { aZ as h, w as S, c, F as I, B as k, aq as _, ar as z, as as M, bf as H, W as L, X as D, $ as v, _ as j, Y as B, a0 as $ } from "./chuncks/switch.D4GUsewk.js";
-import { jsx as e, jsxs as d, Fragment as T } from "react/jsx-runtime";
-import { QueryErrorResetBoundary as O, useQuery as P } from "@tanstack/react-query";
-import { Suspense as q, useState as F, useRef as R, useEffect as A, useMemo as U } from "react";
-import { n as K, M as W, o as X } from "./chuncks/youtube-icon.component.CRGHhhcx.js";
-import { v as Ge, w as Ye, D as Ze, O as Je, E as et, G as tt, F as nt, H as at, Q as rt, J as st, K as it, L as ot, N as lt, u as dt, x as ct, U as gt, V as ut, p as xt, q as bt, r as pt, s as mt, t as ht, W as ft, y as yt, R as wt, z as kt, X as vt, Y as Nt, Z as Ct } from "./chuncks/youtube-icon.component.CRGHhhcx.js";
-import { S as w, c as Q, T as V, a as G, b as Y, B as Z } from "./chuncks/badge.Cur4Mrd7.js";
-import { parseISO as N, differenceInCalendarDays as J, format as ee } from "date-fns";
-import { u as te, a as ne } from "./chuncks/axios.lib.DebbmKD8.js";
+import { aZ as v, c as g, B as N, bf as I, w as M, F as R, aq as T, ar as F, as as A, W as j, X as O, $ as C, _ as B, Y as P, a0 as U } from "./chuncks/switch.D4GUsewk.js";
+import { jsxs as l, jsx as e, Fragment as D } from "react/jsx-runtime";
+import S, { Suspense as K, useState as L, useRef as E, useEffect as H, useMemo as W } from "react";
+import { B as q, S as k, c as X, T as Q, a as V, b as G } from "./chuncks/badge.Cur4Mrd7.js";
+import { QueryErrorResetBoundary as Y, useQuery as Z } from "@tanstack/react-query";
+import { o as J, M as ee, p as te } from "./chuncks/youtube-icon.component.DTkVj8Ri.js";
+import { w as nt, x as at, G as rt, U as st, H as it, J as ot, F as lt, K as dt, V as ct, L as gt, N as ut, O as mt, Q as pt, v as xt, y as ht, W as bt, X as ft, q as yt, r as vt, s as wt, t as kt, u as Nt, Y as Ct, z as St, R as _t, E as zt, Z as It, _ as Mt, $ as Rt } from "./chuncks/youtube-icon.component.DTkVj8Ri.js";
+import { parseISO as _, differenceInCalendarDays as ne, format as ae } from "date-fns";
+import { u as re, a as se } from "./chuncks/axios.lib.DebbmKD8.js";
 import "./chuncks/shared-app-modules.provider.DRJ7n4Cj.js";
 import "axios";
-import { l as ae } from "./chuncks/organization-users.service.I1WrInGh.js";
-const re = [
+import { l as ie } from "./chuncks/organization-users.service.I1WrInGh.js";
+const oe = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], se = h("circle-alert", re);
-const ie = [
+], le = v("circle-alert", oe);
+const de = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], oe = h("circle-question-mark", ie);
-const le = [
+], ce = v("circle-question-mark", de);
+const ge = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
-], de = h("copy", le);
-const ce = [
+], ue = v("copy", ge);
+const me = [
   [
     "path",
     {
@@ -36,13 +36,13 @@ const ce = [
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
-], ge = h("file-text", ce);
-const ue = [
+], pe = v("file-text", me);
+const xe = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
-], xe = h("refresh-cw", ue);
+], he = v("refresh-cw", xe);
 const be = [
   [
     "path",
@@ -53,61 +53,162 @@ const be = [
   ],
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], pe = h("triangle-alert", be);
-function me({
-  icon: a = pe,
-  title: t = "Algo deu errado",
+], fe = v("triangle-alert", be);
+const ye = [
+  ["path", { d: "M12 3v12", key: "1x0j5s" }],
+  ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
+], ve = v("upload", ye);
+function Oe({
+  icon: a = ve,
+  title: n = "Enviar arquivos",
+  description: r = "Arraste e solte os arquivos aqui ou clique para selecionar.",
+  buttonText: s = "Selecionar novos arquivos",
+  files: i,
+  disabled: t,
+  onFilesChange: o,
+  ...d
+}) {
+  const [p, b] = S.useState(!1), x = S.useRef(null), w = (c) => {
+    const y = Array.from(c.target.files ?? []);
+    o([...i, ...y]);
+  }, f = (c) => {
+    const y = [...i];
+    y.splice(c, 1), o(y);
+  };
+  function h(c) {
+    c.preventDefault(), b(!0);
+  }
+  function m(c) {
+    c.preventDefault(), b(!1);
+  }
+  function u(c) {
+    c.preventDefault(), b(!1);
+    const y = Array.from(c.dataTransfer.files);
+    o([...i, ...y]);
+  }
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      onDragOver: h,
+      onDragLeave: m,
+      onDrop: u,
+      className: g(
+        "w-full space-y-3",
+        t && "pointer-events-none opacity-60 select-none"
+      ),
+      children: [
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: g(
+              "border border-dashed rounded-md p-6 text-center grid gap-6 duration-200",
+              p && "bg-zinc-100"
+            ),
+            children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  multiple: !0,
+                  ...d,
+                  ref: x,
+                  type: "file",
+                  className: "hidden",
+                  onChange: w,
+                  disabled: t
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "w-fit mx-auto", children: /* @__PURE__ */ e(a, { className: "text-muted-foreground size-8" }) }),
+              /* @__PURE__ */ l("div", { children: [
+                /* @__PURE__ */ e("h3", { className: "font-semibold", children: n }),
+                /* @__PURE__ */ e("p", { className: "text-muted-foreground text-sm", children: r })
+              ] }),
+              /* @__PURE__ */ e(
+                N,
+                {
+                  type: "button",
+                  disabled: t,
+                  size: "sm",
+                  onClick: () => x.current?.click(),
+                  className: "w-fit mx-auto",
+                  children: s
+                }
+              )
+            ]
+          }
+        ),
+        i.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: i.map((c, y) => /* @__PURE__ */ l(q, { children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => f(y),
+              className: "hover:text-red-500",
+              "aria-label": "Remover anexo",
+              title: "Remover anexo",
+              disabled: t,
+              children: /* @__PURE__ */ e(I, { className: "size-3" })
+            }
+          ),
+          c.name
+        ] }, c.name)) })
+      ]
+    }
+  );
+}
+function we({
+  icon: a = fe,
+  title: n = "Algo deu errado",
   description: r = "Não foi possível concluir esta operação no momento. Tente novamente em alguns instantes. Se o problema persistir, entre em contato com o suporte.",
   onRetry: s,
   tip: i,
-  className: n,
+  className: t,
   ...o
 }) {
-  return /* @__PURE__ */ e(S, { className: c(n), ...o, children: /* @__PURE__ */ d(I, { className: "flex flex-col items-center justify-center px-6 py-12 text-center", children: [
+  return /* @__PURE__ */ e(M, { className: g(t), ...o, children: /* @__PURE__ */ l(R, { className: "flex flex-col items-center justify-center px-6 py-12 text-center", children: [
     /* @__PURE__ */ e("div", { className: "relative mb-4", children: /* @__PURE__ */ e(a, { "aria-hidden": "true", className: "text-destructive/60 size-16" }) }),
-    /* @__PURE__ */ e("h3", { className: "text-foreground mb-2 text-lg font-semibold", children: t }),
+    /* @__PURE__ */ e("h3", { className: "text-foreground mb-2 text-lg font-semibold", children: n }),
     /* @__PURE__ */ e("p", { className: "text-muted-foreground max-w-md text-sm leading-relaxed", children: r }),
-    s && /* @__PURE__ */ d(k, { onClick: s, variant: "outline", className: "mt-6", children: [
-      /* @__PURE__ */ e(xe, {}),
+    s && /* @__PURE__ */ l(N, { onClick: s, variant: "outline", className: "mt-6", children: [
+      /* @__PURE__ */ e(he, {}),
       "Tentar novamente"
     ] }),
     i && /* @__PURE__ */ e("div", { className: "bg-destructive/5 border-destructive/20 mt-6 rounded-lg border border-dashed px-4 py-2", children: /* @__PURE__ */ e("p", { className: "text-muted-foreground text-xs", children: i }) })
   ] }) });
 }
-function Le({
-  suspenseFallback: a = he,
-  errorFallback: t = me,
+function Be({
+  suspenseFallback: a = ke,
+  errorFallback: n = we,
   children: r
 }) {
-  return /* @__PURE__ */ e(q, { fallback: /* @__PURE__ */ e(a, {}), children: /* @__PURE__ */ e(O, { children: ({ reset: s }) => /* @__PURE__ */ e(
-    K,
+  return /* @__PURE__ */ e(K, { fallback: /* @__PURE__ */ e(a, {}), children: /* @__PURE__ */ e(Y, { children: ({ reset: s }) => /* @__PURE__ */ e(
+    J,
     {
       onReset: s,
-      fallbackRender: ({ resetErrorBoundary: i, error: n }) => /* @__PURE__ */ e(t, { error: n, onRetry: i }),
+      fallbackRender: ({ resetErrorBoundary: i, error: t }) => /* @__PURE__ */ e(n, { error: t, onRetry: i }),
       children: r
     }
   ) }) });
 }
-function he() {
-  return /* @__PURE__ */ e(w, { className: "h-[13.75625rem]" });
+function ke() {
+  return /* @__PURE__ */ e(k, { className: "h-[13.75625rem]" });
 }
-function De({
+function Pe({
   content: a,
-  align: t,
+  align: n,
   asChild: r,
   className: s,
   openDelay: i = 0,
-  closeDelay: n = 0,
+  closeDelay: t = 0,
   children: o,
-  disabled: l = !1,
-  ...x
+  disabled: d = !1,
+  ...p
 }) {
-  return /* @__PURE__ */ e(T, { children: l === !0 ? o : /* @__PURE__ */ d(_, { openDelay: i, closeDelay: n, ...x, children: [
-    /* @__PURE__ */ e(z, { asChild: r, children: o }),
-    /* @__PURE__ */ e(M, { align: t, className: s, children: a })
+  return /* @__PURE__ */ e(D, { children: d === !0 ? o : /* @__PURE__ */ l(T, { openDelay: i, closeDelay: t, ...p, children: [
+    /* @__PURE__ */ e(F, { asChild: r, children: o }),
+    /* @__PURE__ */ e(A, { align: n, className: s, children: a })
   ] }) });
 }
-const fe = {
+const Ne = {
   red: { bg: "bg-red-50", text: "text-red-600" },
   orange: { bg: "bg-orange-50", text: "text-orange-600" },
   amber: { bg: "bg-amber-50", text: "text-amber-600" },
@@ -130,7 +231,7 @@ const fe = {
   zinc: { bg: "bg-zinc-200", text: "text-zinc-800" },
   neutral: { bg: "bg-neutral-200", text: "text-neutral-800" },
   stone: { bg: "bg-stone-200", text: "text-stone-800" }
-}, ye = {
+}, Ce = {
   red: { bg: "bg-red-500", text: "text-white" },
   orange: { bg: "bg-orange-500", text: "text-white" },
   amber: { bg: "bg-amber-500", text: "text-white" },
@@ -154,82 +255,82 @@ const fe = {
   neutral: { bg: "bg-neutral-500", text: "text-white" },
   stone: { bg: "bg-stone-500", text: "text-white" },
   black: { bg: "bg-black", text: "text-white" }
-}, C = {
+}, z = {
   xs: "size-3",
   sm: "size-4",
   md: "size-5",
   lg: "size-6",
   xl: "size-7"
 };
-function je({
+function Ue({
   size: a,
-  color: t,
+  color: n,
   className: r,
   icon: s,
   filled: i
 }) {
-  const n = i ? ye[t] : fe[t], o = a ? C[a] : C.md;
-  return /* @__PURE__ */ e("div", { className: c("w-fit p-2 rounded-lg", n?.bg, r), children: /* @__PURE__ */ e(s, { className: c(o, n?.text) }) });
+  const t = i ? Ce[n] : Ne[n], o = a ? z[a] : z.md;
+  return /* @__PURE__ */ e("div", { className: g("w-fit p-2 rounded-lg", t?.bg, r), children: /* @__PURE__ */ e(s, { className: g(o, t?.text) }) });
 }
-function Be({ className: a, ...t }) {
-  return /* @__PURE__ */ e("div", { className: c("divide-y", a), ...t });
+function Ke({ className: a, ...n }) {
+  return /* @__PURE__ */ e("div", { className: g("divide-y", a), ...n });
 }
-function $e({
+function We({
   label: a,
-  value: t,
+  value: n,
   tooltip: r,
   highlight: s = !1,
   negative: i = !1,
-  positive: n = !1,
+  positive: t = !1,
   isPercentage: o = !1,
-  isDate: l = !1,
-  isText: x = !1,
-  isInvoiced: f = !1,
-  hasCopyButton: p = !1,
-  enableHoverableContent: y = !1,
-  handleCopy: m
+  isDate: d = !1,
+  isText: p = !1,
+  isInvoiced: b = !1,
+  hasCopyButton: x = !1,
+  enableHoverableContent: w = !1,
+  handleCopy: f
 }) {
-  let b = "";
-  if (l && typeof t == "string" && !f && s) {
-    const u = N(t), g = J(u, /* @__PURE__ */ new Date());
-    g > 15 ? b = "bg-yellow-100 font-bold" : g > 7 ? b = "bg-yellow-300 font-bold" : g >= 0 ? b = "bg-red-300 font-bold" : b = "bg-red-500 text-white font-bold";
-  } else s && (b = "bg-[#ffe0b2] font-bold");
-  return /* @__PURE__ */ e("div", { className: c("px-2 py-1 text-sm", b), children: /* @__PURE__ */ d(_, { openDelay: 0, closeDelay: 0, children: [
-    /* @__PURE__ */ e(z, { children: /* @__PURE__ */ d("div", { className: "flex justify-between", children: [
-      /* @__PURE__ */ d(
+  let h = "";
+  if (d && typeof n == "string" && !b && s) {
+    const m = _(n), u = ne(m, /* @__PURE__ */ new Date());
+    u > 15 ? h = "bg-yellow-100 font-bold" : u > 7 ? h = "bg-yellow-300 font-bold" : u >= 0 ? h = "bg-red-300 font-bold" : h = "bg-red-500 text-white font-bold";
+  } else s && (h = "bg-[#ffe0b2] font-bold");
+  return /* @__PURE__ */ e("div", { className: g("px-2 py-1 text-sm", h), children: /* @__PURE__ */ l(T, { openDelay: 0, closeDelay: 0, children: [
+    /* @__PURE__ */ e(F, { children: /* @__PURE__ */ l("div", { className: "flex justify-between", children: [
+      /* @__PURE__ */ l(
         "span",
         {
-          className: c(
+          className: g(
             "flex flex-row gap-1",
-            i ? "text-red-600" : n ? "text-green-600" : ""
+            i ? "text-red-600" : t ? "text-green-600" : ""
           ),
           children: [
             a,
             " ",
-            /* @__PURE__ */ e(se, { className: "size-3.5" })
+            /* @__PURE__ */ e(le, { className: "size-3.5" })
           ]
         }
       ),
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ l(
         "span",
         {
-          className: c(
+          className: g(
             "flex flex-row justify-end gap-2 text-right",
-            i ? "text-red-600" : n ? "text-green-600" : ""
+            i ? "text-red-600" : t ? "text-green-600" : ""
           ),
           children: [
-            o && typeof t == "number" ? `${t.toFixed(2)}%` : l && typeof t == "string" ? ee(N(t), "dd/MM/yyyy") : x && typeof t == "string" ? t : `R$ ${t.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`,
-            p && m && /* @__PURE__ */ e(de, { size: 15, onClick: () => m(t) })
+            o && typeof n == "number" ? `${n.toFixed(2)}%` : d && typeof n == "string" ? ae(_(n), "dd/MM/yyyy") : p && typeof n == "string" ? n : `R$ ${n.toLocaleString("pt-BR", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`,
+            x && f && /* @__PURE__ */ e(ue, { size: 15, onClick: () => f(n) })
           ]
         }
       )
     ] }) }),
     /* @__PURE__ */ e(
-      M,
+      A,
       {
         align: "start",
-        className: c(!y && "pointer-events-none"),
-        children: /* @__PURE__ */ d("div", { className: "space-y-0.5", children: [
+        className: g(!w && "pointer-events-none"),
+        children: /* @__PURE__ */ l("div", { className: "space-y-0.5", children: [
           /* @__PURE__ */ e("div", { className: "font-medium", children: a }),
           /* @__PURE__ */ e("div", { className: "font-normal opacity-80", children: r })
         ] })
@@ -237,15 +338,15 @@ function $e({
     )
   ] }) });
 }
-function Oe({
-  icon: a = ge,
-  title: t,
+function Xe({
+  icon: a = pe,
+  title: n,
   description: r,
   tip: s,
   className: i,
-  ...n
+  ...t
 }) {
-  return /* @__PURE__ */ e(S, { className: c(i), ...n, children: /* @__PURE__ */ d(I, { className: "flex flex-col items-center justify-center px-6 py-12 text-center", children: [
+  return /* @__PURE__ */ e(M, { className: g(i), ...t, children: /* @__PURE__ */ l(R, { className: "flex flex-col items-center justify-center px-6 py-12 text-center", children: [
     /* @__PURE__ */ e("div", { className: "relative mb-4", children: /* @__PURE__ */ e(
       a,
       {
@@ -253,135 +354,135 @@ function Oe({
         className: "size-16 text-muted-foreground/40"
       }
     ) }),
-    /* @__PURE__ */ e("h3", { className: "mb-2 text-lg font-semibold text-foreground", children: t }),
+    /* @__PURE__ */ e("h3", { className: "mb-2 text-lg font-semibold text-foreground", children: n }),
     /* @__PURE__ */ e("p", { className: "max-w-md text-sm leading-relaxed text-muted-foreground", children: r }),
     s && /* @__PURE__ */ e("div", { className: "mt-6 rounded-lg border border-dashed border-muted-foreground/20 bg-muted/50 px-4 py-2", children: /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: s }) })
   ] }) });
 }
-function Pe({
+function Qe({
   actions: a,
-  icon: t = oe
+  icon: n = ce
 }) {
-  const [r, s] = F(!1), i = R(null);
-  return A(() => {
+  const [r, s] = L(!1), i = E(null);
+  return H(() => {
     if (!r) return;
-    const n = (l) => {
-      i.current?.contains(l.target) || s(!1);
-    }, o = (l) => {
-      l.key === "Escape" && s(!1);
+    const t = (d) => {
+      i.current?.contains(d.target) || s(!1);
+    }, o = (d) => {
+      d.key === "Escape" && s(!1);
     };
-    return document.addEventListener("mousedown", n), document.addEventListener("keydown", o), () => {
-      document.removeEventListener("mousedown", n), document.removeEventListener("keydown", o);
+    return document.addEventListener("mousedown", t), document.addEventListener("keydown", o), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", o);
     };
-  }, [r]), /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ d(
+  }, [r]), /* @__PURE__ */ e(X, { children: /* @__PURE__ */ l(
     "div",
     {
       ref: i,
       className: "fixed bottom-6 right-6 z-50 flex flex-col items-end gap-3",
       children: [
-        /* @__PURE__ */ e("div", { className: "flex flex-col items-end gap-3", children: a.map((n, o) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "flex flex-col items-end gap-3", children: a.map((t, o) => /* @__PURE__ */ e(
           "div",
           {
-            className: c(
+            className: g(
               "transition-all duration-200 ease-out",
               r ? "translate-y-0 opacity-100" : "pointer-events-none translate-y-2 opacity-0"
             ),
             style: { transitionDelay: r ? `${o * 30}ms` : "0ms" },
-            children: /* @__PURE__ */ d(V, { children: [
-              /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ e(
-                k,
+            children: /* @__PURE__ */ l(Q, { children: [
+              /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(
+                N,
                 {
                   size: "icon",
                   variant: "outline",
-                  disabled: n.disabled,
-                  "aria-disabled": n.disabled,
-                  className: c(
+                  disabled: t.disabled,
+                  "aria-disabled": t.disabled,
+                  className: g(
                     "size-11 rounded-full shadow-md",
-                    n.disabled && "opacity-50"
+                    t.disabled && "opacity-50"
                   ),
                   onClick: () => {
-                    n.disabled || (n.onClick(), s(!1));
+                    t.disabled || (t.onClick(), s(!1));
                   },
-                  children: /* @__PURE__ */ e(n.icon, { className: "size-5" })
+                  children: /* @__PURE__ */ e(t.icon, { className: "size-5" })
                 }
               ) }),
-              /* @__PURE__ */ e(Y, { side: "left", children: n.label })
+              /* @__PURE__ */ e(G, { side: "left", children: t.label })
             ] })
           },
-          n.label
+          t.label
         )) }),
         /* @__PURE__ */ e(
-          k,
+          N,
           {
             size: "icon",
             variant: "outline",
             className: "size-11 rounded-full shadow-md",
             "aria-label": r ? "Fechar menu de ajuda" : "Abrir menu de ajuda",
             "aria-expanded": r,
-            onClick: () => s((n) => !n),
-            children: r ? /* @__PURE__ */ e(H, { className: "size-5" }) : /* @__PURE__ */ e(t, { className: "size-5" })
+            onClick: () => s((t) => !t),
+            children: r ? /* @__PURE__ */ e(I, { className: "size-5" }) : /* @__PURE__ */ e(n, { className: "size-5" })
           }
         )
       ]
     }
   ) });
 }
-function qe({
+function Ve({
   columns: a = 9,
-  rows: t = 20,
+  rows: n = 20,
   hasActions: r = !1,
   actionsCount: s = 1
 }) {
-  return /* @__PURE__ */ d(L, { children: [
-    /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(v, { children: Array.from({ length: a }).map((i, n) => {
-      const o = r && n === a - 1;
+  return /* @__PURE__ */ l(j, { children: [
+    /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(C, { children: Array.from({ length: a }).map((i, t) => {
+      const o = r && t === a - 1;
       return /* @__PURE__ */ e(
-        j,
+        B,
         {
           className: o ? "w-0 text-right" : "",
           children: /* @__PURE__ */ e(
-            w,
+            k,
             {
               className: o ? "ml-auto h-4 w-8" : "h-4 w-[60%]"
             }
           )
         },
-        n
+        t
       );
     }) }) }),
-    /* @__PURE__ */ e(B, { children: Array.from({ length: t }).map((i, n) => /* @__PURE__ */ e(v, { className: "h-[3.05rem]", children: Array.from({ length: a }).map((o, l) => {
-      const x = r && l === a - 1;
-      return /* @__PURE__ */ e($, { children: x ? /* @__PURE__ */ e("div", { className: "flex gap-2", children: Array.from({ length: s }).map((f, p) => /* @__PURE__ */ e(w, { className: "ml-auto size-8" }, p)) }) : /* @__PURE__ */ e(w, { className: "h-4 w-full" }) }, l);
-    }) }, n)) })
+    /* @__PURE__ */ e(P, { children: Array.from({ length: n }).map((i, t) => /* @__PURE__ */ e(C, { className: "h-[3.05rem]", children: Array.from({ length: a }).map((o, d) => {
+      const p = r && d === a - 1;
+      return /* @__PURE__ */ e(U, { children: p ? /* @__PURE__ */ e("div", { className: "flex gap-2", children: Array.from({ length: s }).map((b, x) => /* @__PURE__ */ e(k, { className: "ml-auto size-8" }, x)) }) : /* @__PURE__ */ e(k, { className: "h-4 w-full" }) }, d);
+    }) }, t)) })
   ] });
 }
-const we = "@[__display__](__id__)", E = /@\[([^\]]+)\]\(([^)]+)\)/g;
-function ke(a) {
-  const t = [], r = new RegExp(E);
+const Se = "@[__display__](__id__)", $ = /@\[([^\]]+)\]\(([^)]+)\)/g;
+function _e(a) {
+  const n = [], r = new RegExp($);
   let s;
   for (; (s = r.exec(a)) !== null; )
-    t.push({ display: s[1], id: s[2] });
-  return t;
+    n.push({ display: s[1], id: s[2] });
+  return n;
 }
-function Ue(a) {
-  return ke(a).map((t) => ({
-    userId: t.id,
-    username: t.display
+function Ge(a) {
+  return _e(a).map((n) => ({
+    userId: n.id,
+    username: n.display
   }));
 }
-function ve(a, t) {
-  const { environments: r } = te();
-  return P({
-    queryKey: ["organization-users", a, t],
-    queryFn: () => ae({
+function ze(a, n) {
+  const { environments: r } = re();
+  return Z({
+    queryKey: ["organization-users", a, n],
+    queryFn: () => ie({
       organizationId: a,
-      search: t,
+      search: n,
       environment: r.VITE_BACKEND_API_ORGANIZATION_URL ?? ""
     }),
-    enabled: a.length > 0 && t.length > 0
+    enabled: a.length > 0 && n.length > 0
   });
 }
-const Ne = {
+const Ie = {
   control: {
     fontSize: 14,
     fontWeight: "normal"
@@ -433,72 +534,72 @@ const Ne = {
       }
     }
   }
-}, Ce = {
+}, Me = {
   backgroundColor: "var(--accent, #dbeafe)",
   color: "var(--accent-foreground, #1d4ed8)",
   fontWeight: 600,
   borderRadius: 4,
   padding: "1px 2px"
 };
-function Ke({
+function Ye({
   value: a,
-  onChange: t,
+  onChange: n,
   onBlur: r,
   organizationId: s,
   placeholder: i,
-  disabled: n,
+  disabled: t,
   singleLine: o = !1
 }) {
-  const [l, x] = F(""), f = ne(l, 200), { data: p } = ve(s, f), y = R(void 0), m = U(
-    () => p?.map((u) => ({ id: u._id, display: u.username })) ?? [],
-    [p]
+  const [d, p] = L(""), b = se(d, 200), { data: x } = ze(s, b), w = E(void 0), f = W(
+    () => x?.map((m) => ({ id: m._id, display: m.username })) ?? [],
+    [x]
   );
-  return A(() => {
-    y.current?.(m);
-  }, [m]), /* @__PURE__ */ e(
-    W,
+  return H(() => {
+    w.current?.(f);
+  }, [f]), /* @__PURE__ */ e(
+    ee,
     {
       value: a,
-      onChange: (u, g) => t(g),
+      onChange: (m, u) => n(u),
       onBlur: r,
       placeholder: i,
-      disabled: n,
+      disabled: t,
       singleLine: o,
       allowSuggestionsAboveCursor: !0,
-      style: Ne,
+      style: Ie,
       children: /* @__PURE__ */ e(
-        X,
+        te,
         {
           trigger: "@",
-          markup: we,
-          data: (u, g) => {
-            y.current = g, x(u), g(m);
+          markup: Se,
+          data: (m, u) => {
+            w.current = u, p(m), u(f);
           },
-          displayTransform: (u, g) => `@${g}`,
+          displayTransform: (m, u) => `@${u}`,
           appendSpaceOnAdd: !0,
-          style: Ce
+          style: Me
         }
       )
     }
   );
 }
-function We({ text: a, className: t }) {
-  const r = new RegExp(E), s = [];
-  let i = 0, n, o = 0;
-  for (; (n = r.exec(a)) !== null; )
-    n.index > i && s.push(
-      /* @__PURE__ */ e("span", { children: a.slice(i, n.index) }, o++)
+function Ze({ text: a, className: n }) {
+  const r = new RegExp($), s = [];
+  let i = 0, t, o = 0;
+  for (; (t = r.exec(a)) !== null; )
+    t.index > i && s.push(
+      /* @__PURE__ */ e("span", { children: a.slice(i, t.index) }, o++)
     ), s.push(
-      /* @__PURE__ */ d(Z, { variant: "secondary", className: t, children: [
+      /* @__PURE__ */ l(q, { variant: "secondary", className: n, children: [
         "@",
-        n[1]
+        t[1]
       ] }, o++)
-    ), i = n.index + n[0].length;
-  return i < a.length && s.push(/* @__PURE__ */ e("span", { children: a.slice(i) }, o++)), /* @__PURE__ */ e(T, { children: s });
+    ), i = t.index + t[0].length;
+  return i < a.length && s.push(/* @__PURE__ */ e("span", { children: a.slice(i) }, o++)), /* @__PURE__ */ e(D, { children: s });
 }
-function Xe({
+function Je({
   size: a = 24,
-  color: t = "currentColor",
+  color: n = "currentColor",
   ...r
 }) {
   return /* @__PURE__ */ e(
@@ -509,7 +610,7 @@ function Xe({
       height: a,
       viewBox: "0 0 24 24",
       fill: "none",
-      stroke: t,
+      stroke: n,
       "stroke-width": "2",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
@@ -520,47 +621,48 @@ function Xe({
   );
 }
 export {
-  Le as AsyncBoundary,
-  Ge as CampaignsSelectInput,
-  Ye as ClientSelectInput,
-  me as ErrorCard,
-  Ze as FieldCalendar,
-  Je as FieldCheckbox,
-  et as FieldClientSelectInput,
-  tt as FieldInput,
-  nt as FieldLabelWithAsterisk,
-  at as FieldProfileSelectInput,
-  rt as FieldResponsibleSelectInput,
-  st as FieldSaleSelectInput,
-  it as FieldSelect,
-  ot as FieldSwitch,
-  lt as FieldTextarea,
-  De as HoverContent,
-  je as IconBadge,
-  dt as Image,
-  ct as InfluencerSelectInput,
-  gt as InstagramIcon,
-  ut as LinkedInIcon,
-  Be as List,
-  $e as ListRow,
-  Ke as MentionInput,
-  We as MentionText,
-  Oe as NotFoundCard,
-  xt as PageHeader,
-  bt as PageHeaderActions,
-  pt as PageHeaderContent,
-  mt as PageHeaderDescription,
-  ht as PageHeaderTitle,
-  ft as PinterestIcon,
-  yt as ProfileSelectInput,
-  wt as ResponsibleSelectInput,
-  kt as SaleSelectInput,
-  Pe as SpeedDialButton,
-  qe as TableSkeleton,
-  vt as TikTokIcon,
-  Xe as TwitterIcon,
-  Nt as XIcon,
-  Ct as YoutubeIcon,
-  Ue as getMentionedUsers,
-  ke as parseMentions
+  Be as AsyncBoundary,
+  Oe as AttachmentInput,
+  nt as CampaignsSelectInput,
+  at as ClientSelectInput,
+  we as ErrorCard,
+  rt as FieldCalendar,
+  st as FieldCheckbox,
+  it as FieldClientSelectInput,
+  ot as FieldInput,
+  lt as FieldLabelWithAsterisk,
+  dt as FieldProfileSelectInput,
+  ct as FieldResponsibleSelectInput,
+  gt as FieldSaleSelectInput,
+  ut as FieldSelect,
+  mt as FieldSwitch,
+  pt as FieldTextarea,
+  Pe as HoverContent,
+  Ue as IconBadge,
+  xt as Image,
+  ht as InfluencerSelectInput,
+  bt as InstagramIcon,
+  ft as LinkedInIcon,
+  Ke as List,
+  We as ListRow,
+  Ye as MentionInput,
+  Ze as MentionText,
+  Xe as NotFoundCard,
+  yt as PageHeader,
+  vt as PageHeaderActions,
+  wt as PageHeaderContent,
+  kt as PageHeaderDescription,
+  Nt as PageHeaderTitle,
+  Ct as PinterestIcon,
+  St as ProfileSelectInput,
+  _t as ResponsibleSelectInput,
+  zt as SaleSelectInput,
+  Qe as SpeedDialButton,
+  Ve as TableSkeleton,
+  It as TikTokIcon,
+  Je as TwitterIcon,
+  Mt as XIcon,
+  Rt as YoutubeIcon,
+  Ge as getMentionedUsers,
+  _e as parseMentions
 };