chordia-ui 3.6.2 → 3.6.4

package/dist/Toast.es.js

@@ -1,12 +1,12 @@
-import { jsxs as l, jsx as e, Fragment as F } from "react/jsx-runtime";
-import A, { useState as m, useRef as B, useEffect as w, useMemo as H, useCallback as Z } from "react";
-import { AnimatePresence as L, motion as S } from "motion/react";
-import { MessageCircleQuestion as O, History as N, Search as K, X as W, PlusCircle as V, FolderCheck as Q, CircleCheck as R, Info as U, OctagonAlert as Y, AlertTriangle as $ } from "lucide-react";
-import { C as X } from "./ChartRenderer.es.js";
+import { jsxs as s, jsx as e, Fragment as w } from "react/jsx-runtime";
+import A, { useState as b, useRef as E, useEffect as k, useMemo as W, useCallback as Z } from "react";
+import { AnimatePresence as H, motion as S } from "motion/react";
+import { MessageCircleQuestion as O, History as N, Search as K, X as L, PlusCircle as V, FolderCheck as Y, CircleCheck as R, Info as Q, OctagonAlert as U, AlertTriangle as X } from "lucide-react";
+import { C as $ } from "./ChartRenderer.es.js";
 import { T as _ } from "./TextInput.es.js";
 import { S as M } from "./SmallButton.es.js";
 function q({ size: t = 48, isHovered: n = !1 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     "svg",
     {
       width: t,
@@ -37,7 +37,7 @@ function q({ size: t = 48, isHovered: n = !1 }) {
   );
 }
 function J({ size: t = 48 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     "svg",
     {
       width: t,
@@ -56,18 +56,18 @@ function J({ size: t = 48 }) {
     }
   );
 }
-function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: o = !1 }) {
-  const [a, i] = m(""), u = B(null);
-  w(() => {
-    u.current && (u.current.scrollTop = u.current.scrollHeight);
+function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: l = !1, statusLabel: c }) {
+  const [a, d] = b(""), h = E(null);
+  k(() => {
+    h.current && (h.current.scrollTop = h.current.scrollHeight);
   }, [r]);
-  const c = () => {
-    const s = a.trim();
-    !s || o || (t == null || t(s), i(""));
-  }, d = (s) => {
-    s.key === "Enter" && !s.shiftKey && (s.preventDefault(), c());
-  }, h = r.length > 0;
-  return /* @__PURE__ */ l(
+  const i = () => {
+    const o = a.trim();
+    !o || l || (t == null || t(o), d(""));
+  }, g = (o) => {
+    o.key === "Enter" && !o.shiftKey && (o.preventDefault(), i());
+  }, u = r.length > 0;
+  return /* @__PURE__ */ s(
     S.div,
     {
       initial: { opacity: 0, y: 20, scale: 0.95 },
@@ -87,7 +87,7 @@ function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: o = !1 })
         boxSizing: "border-box"
       },
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           "div",
           {
             style: {
@@ -97,7 +97,7 @@ function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: o = !1 })
               alignSelf: "stretch"
             },
             children: [
-              /* @__PURE__ */ l("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+              /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
                 /* @__PURE__ */ e(
                   "div",
                   {
@@ -127,7 +127,7 @@ function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: o = !1 })
                   }
                 )
               ] }),
-              /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: /* @__PURE__ */ l(
+              /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: /* @__PURE__ */ s(
                 "button",
                 {
                   onClick: n,
@@ -154,31 +154,31 @@ function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: o = !1 })
             ]
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           "div",
           {
-            ref: u,
+            ref: h,
             style: {
               flex: 1,
               display: "flex",
               flexDirection: "column",
-              justifyContent: h ? "flex-start" : "center",
-              alignItems: h ? "stretch" : "center",
+              justifyContent: u ? "flex-start" : "center",
+              alignItems: u ? "stretch" : "center",
               gap: 12,
               overflow: "auto",
               marginTop: 16,
               marginBottom: 16
             },
             children: [
-              h ? r.map((s, g) => {
-                var C;
-                return /* @__PURE__ */ l(A.Fragment, { children: [
+              u ? r.map((o, C) => {
+                var m;
+                return /* @__PURE__ */ s(A.Fragment, { children: [
                   /* @__PURE__ */ e(
                     "div",
                     {
                       style: {
                         display: "flex",
-                        justifyContent: s.role === "user" ? "flex-end" : "flex-start"
+                        justifyContent: o.role === "user" ? "flex-end" : "flex-start"
                       },
                       children: /* @__PURE__ */ e(
                         "div",
@@ -186,8 +186,8 @@ function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: o = !1 })
                           style: {
                             maxWidth: "85%",
                             padding: "10px 14px",
-                            borderRadius: s.role === "user" ? "14px 14px 4px 14px" : "14px 14px 14px 4px",
-                            background: s.role === "user" ? "var(--Rail-Surface-2, #E3E1D7)" : "#F3F7F7",
+                            borderRadius: o.role === "user" ? "14px 14px 4px 14px" : "14px 14px 14px 4px",
+                            background: o.role === "user" ? "var(--Rail-Surface-2, #E3E1D7)" : "#F3F7F7",
                             fontSize: 14,
                             fontWeight: 400,
                             color: "var(--Grey-Strong, #2E3236)",
@@ -195,23 +195,46 @@ function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: o = !1 })
                             whiteSpace: "pre-wrap",
                             wordBreak: "break-word"
                           },
-                          children: s.content
+                          children: o.content
                         }
                       )
                     }
                   ),
-                  (C = s.charts) == null ? void 0 : C.map((y, b) => /* @__PURE__ */ e("div", { style: { width: "100%", marginTop: 8 }, children: /* @__PURE__ */ e(
-                    X,
+                  (m = o.charts) == null ? void 0 : m.map((y, v) => /* @__PURE__ */ e(
+                    "div",
                     {
-                      chartType: y.chartType,
-                      title: y.title,
-                      xLabel: y.xLabel,
-                      yLabel: y.yLabel,
-                      series: y.series
-                    }
-                  ) }, `chart-${b}`))
-                ] }, g);
-              }) : /* @__PURE__ */ l(F, { children: [
+                      style: {
+                        width: "100%",
+                        marginTop: 8,
+                        overflowX: "auto",
+                        overflowY: "hidden"
+                      },
+                      children: /* @__PURE__ */ e(
+                        "div",
+                        {
+                          style: {
+                            width: 520,
+                            transform: "scale(0.85)",
+                            transformOrigin: "top left",
+                            marginBottom: -40
+                          },
+                          children: /* @__PURE__ */ e(
+                            $,
+                            {
+                              chartType: y.chartType,
+                              title: y.title,
+                              xLabel: y.xLabel,
+                              yLabel: y.yLabel,
+                              series: y.series
+                            }
+                          )
+                        }
+                      )
+                    },
+                    `chart-${v}`
+                  ))
+                ] }, C);
+              }) : /* @__PURE__ */ s(w, { children: [
                 /* @__PURE__ */ e(J, { size: 48 }),
                 /* @__PURE__ */ e(
                   "span",
@@ -228,7 +251,7 @@ function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: o = !1 })
                   }
                 )
               ] }),
-              o && /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-start" }, children: /* @__PURE__ */ e(
+              l && /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-start" }, children: /* @__PURE__ */ e(
                 "div",
                 {
                   style: {
@@ -238,13 +261,13 @@ function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: o = !1 })
                     fontSize: 14,
                     color: "var(--Grey-Muted, #808183)"
                   },
-                  children: "Thinking..."
+                  children: c || "Thinking..."
                 }
               ) })
             ]
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ s(
           "div",
           {
             style: {
@@ -264,10 +287,10 @@ function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: o = !1 })
                 {
                   type: "text",
                   value: a,
-                  onChange: (s) => i(s.target.value),
-                  onKeyDown: d,
+                  onChange: (o) => d(o.target.value),
+                  onKeyDown: g,
                   placeholder: "Ask a Question",
-                  disabled: o,
+                  disabled: l,
                   style: {
                     flex: 1,
                     border: "none",
@@ -283,8 +306,8 @@ function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: o = !1 })
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: c,
-                  disabled: !a.trim() || o,
+                  onClick: i,
+                  disabled: !a.trim() || l,
                   style: {
                     display: "flex",
                     height: 28,
@@ -298,8 +321,8 @@ function P({ onSend: t, onHistoryClick: n, messages: r = [], loading: o = !1 })
                     color: "#fff",
                     fontSize: 12,
                     fontWeight: 500,
-                    cursor: a.trim() && !o ? "pointer" : "default",
-                    opacity: a.trim() && !o ? 1 : 0.4,
+                    cursor: a.trim() && !l ? "pointer" : "default",
+                    opacity: a.trim() && !l ? 1 : 0.4,
                     flexShrink: 0,
                     boxSizing: "border-box"
                   },
@@ -317,13 +340,22 @@ function d1({
   onSend: t,
   onHistoryClick: n,
   messages: r = [],
-  loading: o = !1,
+  loading: l = !1,
+  statusLabel: c,
   className: a = ""
 }) {
-  const [i, u] = m(!1), [c, d] = m(!1);
-  return /* @__PURE__ */ l(
+  const [d, h] = b(!1), [i, g] = b(!1), u = E(null);
+  return k(() => {
+    if (!i)
+      return;
+    const o = (C) => {
+      u.current && !u.current.contains(C.target) && g(!1);
+    };
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [i]), /* @__PURE__ */ s(
     "div",
     {
+      ref: u,
       className: a,
       style: {
         position: "fixed",
@@ -336,31 +368,32 @@ function d1({
         gap: 12
       },
       children: [
-        /* @__PURE__ */ e(L, { children: c && /* @__PURE__ */ e(
+        /* @__PURE__ */ e(H, { children: i && /* @__PURE__ */ e(
           P,
           {
             onSend: t,
             onHistoryClick: n,
             messages: r,
-            loading: o
+            loading: l,
+            statusLabel: c
           }
         ) }),
         /* @__PURE__ */ e(
           "div",
           {
             style: { width: 48, height: 48 },
-            onMouseEnter: () => u(!0),
-            onMouseLeave: () => u(!1),
-            children: /* @__PURE__ */ l(
+            onMouseEnter: () => h(!0),
+            onMouseLeave: () => h(!1),
+            children: /* @__PURE__ */ s(
               S.button,
               {
-                onClick: () => d((h) => !h),
+                onClick: () => g((o) => !o),
                 initial: !1,
                 animate: {
-                  width: i || c ? 166 : 48,
-                  height: i || c ? 56 : 48,
-                  borderRadius: i || c ? 30 : 12,
-                  background: i || c ? "var(--Rail-Surface-2, #E3E1D7)" : "rgba(0,0,0,0)"
+                  width: d || i ? 166 : 48,
+                  height: d || i ? 56 : 48,
+                  borderRadius: d || i ? 30 : 12,
+                  background: d || i ? "var(--Rail-Surface-2, #E3E1D7)" : "rgba(0,0,0,0)"
                 },
                 transition: { type: "spring", stiffness: 400, damping: 30 },
                 style: {
@@ -370,8 +403,8 @@ function d1({
                   display: "flex",
                   justifyContent: "center",
                   alignItems: "center",
-                  gap: i || c ? 10 : 0,
-                  padding: i || c ? "0 0 0 16px" : 0,
+                  gap: d || i ? 10 : 0,
+                  padding: d || i ? "0 0 0 16px" : 0,
                   border: "none",
                   outline: "none",
                   cursor: "pointer",
@@ -380,7 +413,7 @@ function d1({
                   boxSizing: "border-box"
                 },
                 children: [
-                  /* @__PURE__ */ e(L, { children: (i || c) && /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(H, { children: (d || i) && /* @__PURE__ */ e(
                     S.span,
                     {
                       initial: { opacity: 0, width: 0 },
@@ -398,7 +431,7 @@ function d1({
                       children: "Ask Compass"
                     }
                   ) }),
-                  /* @__PURE__ */ e(q, { size: 48, isHovered: i || c })
+                  /* @__PURE__ */ e(q, { size: 48, isHovered: d || i })
                 ]
               }
             )
@@ -412,62 +445,62 @@ const c1 = ({
   options: t = [],
   value: n = null,
   onChange: r,
-  placeholder: o = "Search...",
-  disabled: a = !1,
-  showSuggestions: i = !0,
-  styling: u,
-  isAddNew: c = !1
+  placeholder: l = "Search...",
+  disabled: c = !1,
+  showSuggestions: a = !0,
+  styling: d,
+  isAddNew: h = !1
 }) => {
-  const [d, h] = m(""), [s, g] = m(!1), [C, y] = m(null), b = B(null), v = H(() => {
-    if (!i)
+  const [i, g] = b(""), [u, o] = b(!1), [C, m] = b(null), y = E(null), v = W(() => {
+    if (!a)
       return [];
-    const p = d.toLowerCase();
+    const p = i.toLowerCase();
     return t.filter((f) => {
       if (!f)
         return !1;
       const I = f.label || "", z = f.value || "";
       return (I.toLowerCase().includes(p) || z.toLowerCase().includes(p)) && (!C || f.value !== C.value);
     });
-  }, [d, t, i, C]), E = H(() => {
-    if (!c)
+  }, [i, t, a, C]), D = W(() => {
+    if (!h)
       return !1;
-    const p = d.toLowerCase();
+    const p = i.toLowerCase();
     return t.some((f) => {
       if (!f)
         return !1;
       const I = f.label || "", z = f.value || "";
       return I.toLowerCase() === p || z.toLowerCase() === p;
     });
-  }, [t, d, c]);
-  w(() => {
-    if (!s)
+  }, [t, i, h]);
+  k(() => {
+    if (!u)
       return;
     const p = (f) => {
-      b.current && !b.current.contains(f.target) && g(!1);
+      y.current && !y.current.contains(f.target) && o(!1);
     };
     return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
-  }, [s]);
+  }, [u]);
   const x = (p) => {
-    r == null || r(p), h(""), g(!1), y(null);
-  }, D = () => {
-    const p = { label: d, value: d };
-    y(p), r == null || r(p), g(!1), h("");
-  }, k = () => {
-    r == null || r(null), h(""), g(!1), y(null);
+    r == null || r(p), g(""), o(!1), m(null);
+  }, B = () => {
+    const p = { label: i, value: i };
+    m(p), r == null || r(p), o(!1), g("");
+  }, F = () => {
+    r == null || r(null), g(""), o(!1), m(null);
   }, G = (p) => {
     const f = p.target.value;
-    i ? (h(f), g(!0)) : c ? (h(f), g(f.length >= 3)) : r == null || r(f);
+    a ? (g(f), o(!0)) : h ? (g(f), o(f.length >= 3)) : r == null || r(f);
   }, T = () => {
-    (i || c) && g(!0);
-  }, j = s && !n && d.length >= 3;
-  return /* @__PURE__ */ l("div", { className: "relative w-full", ref: b, children: [
-    /* @__PURE__ */ l(
+    (a || h) && o(!0);
+  }, j = u && !n && i.length >= 3;
+  return /* @__PURE__ */ s("div", { className: "relative w-full", ref: y, children: [
+    /* @__PURE__ */ s(
       "div",
       {
-        className: u || "flex items-center gap-2 border rounded-md px-3 py-2 bg-white shadow-sm",
+        className: d || "flex items-center gap-2 border rounded-md px-3 py-2 bg-white shadow-sm",
         children: [
           /* @__PURE__ */ e(K, { className: "w-4 h-4 text-gray-400" }),
-          /* @__PURE__ */ e("div", { className: "flex-1", children: i && n ? /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex-1", children: a && n ? /* @__PURE__ */ e(
             "div",
             {
               className: "text-gray-800 truncate",
@@ -486,10 +519,10 @@ const c1 = ({
           ) : /* @__PURE__ */ e(
             _,
             {
-              value: i || c ? d : n || "",
+              value: a || h ? i : n || "",
               onChange: (p) => G({ target: { value: p } }),
-              placeholder: o,
-              disabled: a,
+              placeholder: l,
+              disabled: c,
               style: {
                 border: "none",
                 boxShadow: "none",
@@ -505,7 +538,7 @@ const c1 = ({
               type: "button",
               variant: "ghost",
               size: "sm",
-              onClick: k,
+              onClick: F,
               style: {
                 padding: 0,
                 width: 20,
@@ -514,13 +547,13 @@ const c1 = ({
                 backgroundColor: "transparent",
                 color: "rgba(107,114,128,1)"
               },
-              children: /* @__PURE__ */ e(W, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ e(L, { className: "w-3 h-3" })
             }
           )
         ]
       }
     ),
-    j && /* @__PURE__ */ l(
+    j && /* @__PURE__ */ s(
       "div",
       {
         className: "absolute w-full rounded-md border border-gray-300 bg-white shadow-lg custom-thin-scrollbar-library",
@@ -562,12 +595,12 @@ const c1 = ({
             },
             p.value
           )) }),
-          c && !E && !C && d.length >= 3 && /* @__PURE__ */ l(
+          h && !D && !C && i.length >= 3 && /* @__PURE__ */ s(
             M,
             {
               type: "button",
               variant: "secondary",
-              onClick: D,
+              onClick: B,
               style: {
                 width: "100%",
                 justifyContent: "space-between",
@@ -579,7 +612,7 @@ const c1 = ({
                 color: "rgba(107,114,128,1)"
               },
               children: [
-                /* @__PURE__ */ e("span", { children: `Add "${d}"` }),
+                /* @__PURE__ */ e("span", { children: `Add "${i}"` }),
                 /* @__PURE__ */ e(V, { className: "w-5 h-5 text-green-500" })
               ]
             }
@@ -593,24 +626,24 @@ function p1({
   open: t,
   onClose: n,
   title: r,
-  subtitle: o,
-  children: a,
-  footer: i,
-  width: u = 515,
-  height: c = 762,
-  toggleLabel: d,
-  toggleChecked: h,
-  onToggle: s
+  subtitle: l,
+  children: c,
+  footer: a,
+  width: d = 515,
+  height: h = 762,
+  toggleLabel: i,
+  toggleChecked: g,
+  onToggle: u
 }) {
-  const g = B(null);
-  return w(() => {
+  const o = E(null);
+  return k(() => {
     if (!t)
       return;
-    const C = (y) => {
-      y.key === "Escape" && (n == null || n());
+    const C = (m) => {
+      m.key === "Escape" && (n == null || n());
     };
     return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
-  }, [t, n]), t ? /* @__PURE__ */ l(F, { children: [
+  }, [t, n]), t ? /* @__PURE__ */ s(w, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -623,10 +656,10 @@ function p1({
         }
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ s(
       "div",
       {
-        ref: g,
+        ref: o,
         style: {
           position: "fixed",
           top: "50%",
@@ -634,8 +667,8 @@ function p1({
           transform: "translateY(-50%)",
           zIndex: 1201,
           display: "flex",
-          width: u,
-          height: c,
+          width: d,
+          height: h,
           maxHeight: "100vh",
           padding: "20px",
           flexDirection: "column",
@@ -646,7 +679,7 @@ function p1({
           boxShadow: "648px 0 100px 0 rgba(0, 0, 0, 0.20)"
         },
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ s(
             "div",
             {
               style: {
@@ -694,7 +727,7 @@ function p1({
                     onMouseLeave: (C) => {
                       C.currentTarget.style.background = "transparent";
                     },
-                    children: /* @__PURE__ */ e(W, { size: 20, strokeWidth: 2 })
+                    children: /* @__PURE__ */ e(L, { size: 20, strokeWidth: 2 })
                   }
                 )
               ]
@@ -711,7 +744,7 @@ function p1({
               }
             }
           ),
-          (o || d) && /* @__PURE__ */ l(
+          (l || i) && /* @__PURE__ */ s(
             "div",
             {
               style: {
@@ -723,7 +756,7 @@ function p1({
                 flexShrink: 0
               },
               children: [
-                o && /* @__PURE__ */ e(
+                l && /* @__PURE__ */ e(
                   "p",
                   {
                     style: {
@@ -735,10 +768,10 @@ function p1({
                       margin: 0,
                       flex: 1
                     },
-                    children: o
+                    children: l
                   }
                 ),
-                d && /* @__PURE__ */ l(
+                i && /* @__PURE__ */ s(
                   "div",
                   {
                     style: {
@@ -751,14 +784,14 @@ function p1({
                       /* @__PURE__ */ e(
                         "button",
                         {
-                          onClick: () => s == null ? void 0 : s(!h),
+                          onClick: () => u == null ? void 0 : u(!g),
                           style: {
                             position: "relative",
                             width: "40px",
                             height: "22px",
                             borderRadius: "11px",
                             border: "none",
-                            background: h ? "var(--Base-Strong, #0B0B0B)" : "var(--Base-Faint, #D9D9D9)",
+                            background: g ? "var(--Base-Strong, #0B0B0B)" : "var(--Base-Faint, #D9D9D9)",
                             cursor: "pointer",
                             transition: "background 0.2s ease",
                             padding: 0,
@@ -770,7 +803,7 @@ function p1({
                               style: {
                                 position: "absolute",
                                 top: "2px",
-                                left: h ? "20px" : "2px",
+                                left: g ? "20px" : "2px",
                                 width: "18px",
                                 height: "18px",
                                 borderRadius: "50%",
@@ -791,7 +824,7 @@ function p1({
                             color: "var(--Base-Strong, #1E1E1E)",
                             lineHeight: 1.4
                           },
-                          children: d
+                          children: i
                         }
                       )
                     ]
@@ -812,10 +845,10 @@ function p1({
                 gap: "16px",
                 minHeight: 0
               },
-              children: a
+              children: c
             }
           ),
-          i && /* @__PURE__ */ l(F, { children: [
+          a && /* @__PURE__ */ s(w, { children: [
             /* @__PURE__ */ e(
               "div",
               {
@@ -838,7 +871,7 @@ function p1({
                   width: "100%",
                   flexShrink: 0
                 },
-                children: i
+                children: a
               }
             )
           ] })
@@ -851,14 +884,14 @@ function u1({
   label: t,
   variant: n = "secondary",
   onClick: r,
-  disabled: o
+  disabled: l
 }) {
-  const a = n === "primary";
+  const c = n === "primary";
   return /* @__PURE__ */ e(
     "button",
     {
       onClick: r,
-      disabled: o,
+      disabled: l,
       style: {
         display: "flex",
         height: "36px",
@@ -867,20 +900,20 @@ function u1({
         alignItems: "center",
         gap: "8px",
         borderRadius: "6px",
-        border: a ? "none" : "1px solid #D9D9D9",
-        background: a ? "var(--Base-Strong, #0B0B0B)" : "var(--Base-White, #FFF)",
-        color: a ? "#FFF" : "var(--Base-Strong, #1E1E1E)",
+        border: c ? "none" : "1px solid #D9D9D9",
+        background: c ? "var(--Base-Strong, #0B0B0B)" : "var(--Base-White, #FFF)",
+        color: c ? "#FFF" : "var(--Base-Strong, #1E1E1E)",
         fontSize: "16px",
         fontWeight: 600,
-        cursor: o ? "default" : "pointer",
-        opacity: o ? 0.5 : 1,
+        cursor: l ? "default" : "pointer",
+        opacity: l ? 0.5 : 1,
         transition: "all 0.15s ease"
       },
-      onMouseEnter: (i) => {
-        !o && !a && (i.currentTarget.style.background = "#ECEEF2");
+      onMouseEnter: (a) => {
+        !l && !c && (a.currentTarget.style.background = "#ECEEF2");
       },
-      onMouseLeave: (i) => {
-        !o && !a && (i.currentTarget.style.background = "var(--Base-White, #FFF)");
+      onMouseLeave: (a) => {
+        !l && !c && (a.currentTarget.style.background = "var(--Base-White, #FFF)");
       },
       children: t
     }
@@ -937,7 +970,7 @@ function h1(t) {
   );
 }
 function e1({ size: t = 48 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     "svg",
     {
       width: t,
@@ -982,23 +1015,23 @@ function C1({
   title: t = "Uploading your file...",
   subtitle: n = "Please wait while we process your file",
   progress: r,
-  width: o = 648,
-  height: a = 281
+  width: l = 648,
+  height: c = 281
 }) {
-  return /* @__PURE__ */ l(F, { children: [
+  return /* @__PURE__ */ s(w, { children: [
     /* @__PURE__ */ e("style", { children: `
         @keyframes file-upload-spin {
           from { transform: rotate(0deg); }
           to { transform: rotate(360deg); }
         }
       ` }),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ s(
       "div",
       {
         style: {
           display: "flex",
-          width: o,
-          height: a,
+          width: l,
+          height: c,
           padding: "88px 64px 64px 64px",
           flexDirection: "column",
           justifyContent: "center",
@@ -1073,17 +1106,17 @@ function g1({
   title: t = "File uploaded successfully!",
   subtitle: n = "Redirecting...",
   actionLabel: r = "Add more files",
-  onAction: o,
-  width: a = 648,
-  height: i = 281
+  onAction: l,
+  width: c = 648,
+  height: a = 281
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     "div",
     {
       style: {
         display: "flex",
-        width: a,
-        height: i,
+        width: c,
+        height: a,
         padding: "88px 64px 64px 64px",
         flexDirection: "column",
         justifyContent: "center",
@@ -1109,7 +1142,7 @@ function g1({
               flexShrink: 0,
               marginBottom: "8px"
             },
-            children: /* @__PURE__ */ e(Q, { size: 24, strokeWidth: 2, color: "var(--Base-Strong, #2E3236)" })
+            children: /* @__PURE__ */ e(Y, { size: 24, strokeWidth: 2, color: "var(--Base-Strong, #2E3236)" })
           }
         ),
         /* @__PURE__ */ e(
@@ -1140,10 +1173,10 @@ function g1({
             children: n
           }
         ),
-        r && o && /* @__PURE__ */ e(
+        r && l && /* @__PURE__ */ e(
           "button",
           {
-            onClick: o,
+            onClick: l,
             style: {
               display: "flex",
               padding: "8px 20px",
@@ -1160,11 +1193,11 @@ function g1({
               marginTop: "8px",
               transition: "all 0.15s ease"
             },
-            onMouseEnter: (u) => {
-              u.currentTarget.style.background = "#ECEEF2";
+            onMouseEnter: (d) => {
+              d.currentTarget.style.background = "#ECEEF2";
             },
-            onMouseLeave: (u) => {
-              u.currentTarget.style.background = "var(--Base-White, #FFF)";
+            onMouseLeave: (d) => {
+              d.currentTarget.style.background = "var(--Base-White, #FFF)";
             },
             children: r
           }
@@ -1175,28 +1208,28 @@ function g1({
 }
 const t1 = {
   success: R,
-  information: U,
-  warning: Y,
-  error: $
+  information: Q,
+  warning: U,
+  error: X
 }, x1 = ({
   variant: t = "success",
   message: n = "",
   showClose: r,
-  autoClose: o,
-  onClose: a,
-  actions: i
+  autoClose: l,
+  onClose: c,
+  actions: a
 }) => {
-  const [u, c] = m(!0), d = t === "error", h = r !== void 0 ? r : !0, s = o !== void 0 ? o : 5e3, g = Z(() => {
-    c(!1), a == null || a();
-  }, [a]);
-  if (w(() => {
-    if (!s || !u)
+  const [d, h] = b(!0), i = t === "error", g = r !== void 0 ? r : !0, u = l !== void 0 ? l : 5e3, o = Z(() => {
+    h(!1), c == null || c();
+  }, [c]);
+  if (k(() => {
+    if (!u || !d)
       return;
-    const x = setTimeout(g, s);
+    const x = setTimeout(o, u);
     return () => clearTimeout(x);
-  }, [s, u, g]), !u)
+  }, [u, d, o]), !d)
     return null;
-  const C = t1[t] || R, y = {
+  const C = t1[t] || R, m = {
     display: "inline-flex",
     width: "fit-content",
     padding: "8px 12px",
@@ -1209,7 +1242,7 @@ const t1 = {
     lineHeight: "normal",
     transition: "opacity 0.2s",
     boxSizing: "border-box",
-    ...d ? {
+    ...i ? {
       background: "var(--Grey-Strong, #2E3236)",
       color: "var(--Grey-White, #FFF)",
       border: "1px solid var(--Grey-Strong, #2E3236)"
@@ -1218,7 +1251,7 @@ const t1 = {
       color: "var(--Grey-Strong, #2E3236)",
       border: "1px solid var(--Grey-Faint, #ACADAD)"
     }
-  }, b = d ? "#FFF" : "var(--Grey-Strong, #2E3236)", v = (x) => ({
+  }, y = i ? "#FFF" : "var(--Grey-Strong, #2E3236)", v = (x) => ({
     display: "flex",
     padding: "4px 12px",
     justifyContent: "center",
@@ -1231,14 +1264,14 @@ const t1 = {
     borderRadius: 6,
     cursor: "pointer",
     transition: "background 0.15s",
-    ...d ? {
+    ...i ? {
       background: x ? "var(--Grey-White, #FFF)" : "transparent",
       color: x ? "var(--Grey-Strong, #2E3236)" : "var(--Grey-White, #FFF)"
     } : {
       background: x ? "var(--Grey-Strong, #2E3236)" : "transparent",
       color: x ? "var(--Grey-White, #FFF)" : "var(--Grey-Strong, #2E3236)"
     }
-  }), E = {
+  }), D = {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
@@ -1249,41 +1282,41 @@ const t1 = {
     marginLeft: 4,
     flexShrink: 0
   };
-  return /* @__PURE__ */ l("div", { style: y, children: [
+  return /* @__PURE__ */ s("div", { style: m, children: [
     /* @__PURE__ */ e(
       C,
       {
         size: 16,
-        color: b,
+        color: y,
         strokeWidth: 2,
         style: { flexShrink: 0 }
       }
     ),
     /* @__PURE__ */ e("span", { children: n }),
-    i && i.length > 0 && /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", gap: 4, marginLeft: 8 }, children: i.map((x, D) => /* @__PURE__ */ e(
+    a && a.length > 0 && /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", gap: 4, marginLeft: 8 }, children: a.map((x, B) => /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         onClick: () => {
-          var k;
-          (k = x.onClick) == null || k.call(x), x.dismissOnClick !== !1 && g();
+          var F;
+          (F = x.onClick) == null || F.call(x), x.dismissOnClick !== !1 && o();
         },
         style: v(!!x.primary),
         children: x.label
       },
-      D
+      B
     )) }),
-    h && /* @__PURE__ */ e(
+    g && /* @__PURE__ */ e(
       "button",
       {
         type: "button",
-        onClick: g,
-        style: E,
+        onClick: o,
+        style: D,
         children: /* @__PURE__ */ e(
-          W,
+          L,
           {
             size: 16,
-            color: d ? "var(--Grey-White, #FFF)" : "var(--Grey-Muted, #808183)",
+            color: i ? "var(--Grey-White, #FFF)" : "var(--Grey-Muted, #808183)",
             strokeWidth: 2
           }
         )