@spear-ai/spectral 1.4.10 → 1.4.12

package/dist/Accordion.js

@@ -1,6 +1,6 @@
 "use client";
 import "./styles/main.css";
-import { jsx as i, jsxs as F } from "react/jsx-runtime";
+import { jsx as a, jsxs as F } from "react/jsx-runtime";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
@@ -19,6 +19,7 @@ import "./Icons/DashboardIcon.js";
 import "./Icons/DatabaseIcon.js";
 import "./Icons/DeleteIcon.js";
 import "./Icons/DurationIcon.js";
+import "./Icons/EditIcon.js";
 import "./Icons/EmailIcon.js";
 import "./Icons/EraserIcon.js";
 import "./Icons/ErrorIcon.js";
@@ -50,7 +51,9 @@ import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
 import "./Icons/SettingsIcon.js";
 import "./Icons/SortAscendingIcon.js";
+import "./Icons/SortAtoZIcon.js";
 import "./Icons/SortDescendingIcon.js";
+import "./Icons/SortZtoAIcon.js";
 import "./Icons/StackIcon.js";
 import "./Icons/StarIcon.js";
 import "./Icons/TrashIcon.js";
@@ -61,43 +64,43 @@ import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { useAccordionAutoScroll as ue } from "./hooks/useAccordionAutoScroll.js";
-import * as u from "react";
-import m, { createContext as fe, forwardRef as w, Children as ve, isValidElement as Ce, cloneElement as ge, useContext as be, useRef as Ae, useCallback as he } from "react";
-import { c as z, u as V, P as R, b as B, a as U, d as xe } from "./index-BhufZRa2.js";
-import { c as Ie, u as Re } from "./index-UEFPWH8U.js";
-import { P as ye } from "./index-6Abv_Flm.js";
+import * as f from "react";
+import u, { createContext as fe, forwardRef as w, Children as ve, isValidElement as Ce, cloneElement as ge, useContext as be, useRef as Ae, useCallback as he } from "react";
+import { c as z, u as V, P as I, b as B, a as U, d as xe } from "./index-BhufZRa2.js";
+import { c as ye, u as Ie } from "./index-UEFPWH8U.js";
+import { P as Re } from "./index-6Abv_Flm.js";
 import { u as q } from "./index-CVSxKOPp.js";
 import { cn as _ } from "./utils/twUtils.js";
-var P = "Collapsible", [Ne, J] = z(P), [we, $] = Ne(P), Y = u.forwardRef(
-  (e, a) => {
+var P = "Collapsible", [Ne, J] = z(P), [we, $] = Ne(P), Y = f.forwardRef(
+  (e, i) => {
     const {
       __scopeCollapsible: o,
       open: t,
       defaultOpen: r,
       disabled: n,
       onOpenChange: c,
-      ...s
-    } = e, [l, p] = V({
+      ...l
+    } = e, [s, p] = V({
       prop: t,
       defaultProp: r ?? !1,
       onChange: c,
       caller: P
     });
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ a(
       we,
       {
         scope: o,
         disabled: n,
         contentId: q(),
-        open: l,
-        onOpenToggle: u.useCallback(() => p((f) => !f), [p]),
-        children: /* @__PURE__ */ i(
-          R.div,
+        open: s,
+        onOpenToggle: f.useCallback(() => p((m) => !m), [p]),
+        children: /* @__PURE__ */ a(
+          I.div,
           {
-            "data-state": L(l),
+            "data-state": L(s),
             "data-disabled": n ? "" : void 0,
-            ...s,
-            ref: a
+            ...l,
+            ref: i
           }
         )
       }
@@ -105,11 +108,11 @@ var P = "Collapsible", [Ne, J] = z(P), [we, $] = Ne(P), Y = u.forwardRef(
   }
 );
 Y.displayName = P;
-var Q = "CollapsibleTrigger", W = u.forwardRef(
-  (e, a) => {
+var Q = "CollapsibleTrigger", W = f.forwardRef(
+  (e, i) => {
     const { __scopeCollapsible: o, ...t } = e, r = $(Q, o);
-    return /* @__PURE__ */ i(
-      R.button,
+    return /* @__PURE__ */ a(
+      I.button,
       {
         type: "button",
         "aria-controls": r.contentId,
@@ -118,23 +121,23 @@ var Q = "CollapsibleTrigger", W = u.forwardRef(
         "data-disabled": r.disabled ? "" : void 0,
         disabled: r.disabled,
         ...t,
-        ref: a,
+        ref: i,
         onClick: B(e.onClick, r.onOpenToggle)
       }
     );
   }
 );
 W.displayName = Q;
-var H = "CollapsibleContent", X = u.forwardRef(
-  (e, a) => {
+var H = "CollapsibleContent", X = f.forwardRef(
+  (e, i) => {
     const { forceMount: o, ...t } = e, r = $(H, e.__scopeCollapsible);
-    return /* @__PURE__ */ i(ye, { present: o || r.open, children: ({ present: n }) => /* @__PURE__ */ i(_e, { ...t, ref: a, present: n }) });
+    return /* @__PURE__ */ a(Re, { present: o || r.open, children: ({ present: n }) => /* @__PURE__ */ a(_e, { ...t, ref: i, present: n }) });
   }
 );
 X.displayName = H;
-var _e = u.forwardRef((e, a) => {
-  const { __scopeCollapsible: o, present: t, children: r, ...n } = e, c = $(H, o), [s, l] = u.useState(t), p = u.useRef(null), f = U(a, p), v = u.useRef(0), x = v.current, g = u.useRef(0), y = g.current, b = c.open || s, A = u.useRef(b), h = u.useRef(void 0);
-  return u.useEffect(() => {
+var _e = f.forwardRef((e, i) => {
+  const { __scopeCollapsible: o, present: t, children: r, ...n } = e, c = $(H, o), [l, s] = f.useState(t), p = f.useRef(null), m = U(i, p), v = f.useRef(0), x = v.current, g = f.useRef(0), R = g.current, b = c.open || l, A = f.useRef(b), h = f.useRef(void 0);
+  return f.useEffect(() => {
     const d = requestAnimationFrame(() => A.current = !1);
     return () => cancelAnimationFrame(d);
   }, []), xe(() => {
@@ -144,21 +147,21 @@ var _e = u.forwardRef((e, a) => {
         transitionDuration: d.style.transitionDuration,
         animationName: d.style.animationName
       }, d.style.transitionDuration = "0s", d.style.animationName = "none";
-      const I = d.getBoundingClientRect();
-      v.current = I.height, g.current = I.width, A.current || (d.style.transitionDuration = h.current.transitionDuration, d.style.animationName = h.current.animationName), l(t);
+      const y = d.getBoundingClientRect();
+      v.current = y.height, g.current = y.width, A.current || (d.style.transitionDuration = h.current.transitionDuration, d.style.animationName = h.current.animationName), s(t);
     }
-  }, [c.open, t]), /* @__PURE__ */ i(
-    R.div,
+  }, [c.open, t]), /* @__PURE__ */ a(
+    I.div,
     {
       "data-state": L(c.open),
       "data-disabled": c.disabled ? "" : void 0,
       id: c.contentId,
       hidden: !b,
       ...n,
-      ref: f,
+      ref: m,
       style: {
         "--radix-collapsible-content-height": x ? `${x}px` : void 0,
-        "--radix-collapsible-content-width": y ? `${y}px` : void 0,
+        "--radix-collapsible-content-width": R ? `${R}px` : void 0,
         ...e.style
       },
       children: b && r
@@ -168,21 +171,21 @@ var _e = u.forwardRef((e, a) => {
 function L(e) {
   return e ? "open" : "closed";
 }
-var Pe = Y, Ee = W, Se = X, C = "Accordion", Oe = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [G, Te, ke] = Ie(C), [E] = z(C, [
+var Pe = Y, Ee = W, Se = X, C = "Accordion", Oe = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [G, Te, ke] = ye(C), [E] = z(C, [
   ke,
   J
-]), K = J(), Z = m.forwardRef(
-  (e, a) => {
+]), K = J(), Z = u.forwardRef(
+  (e, i) => {
     const { type: o, ...t } = e, r = t, n = t;
-    return /* @__PURE__ */ i(G.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ i($e, { ...n, ref: a }) : /* @__PURE__ */ i(Ve, { ...r, ref: a }) });
+    return /* @__PURE__ */ a(G.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ a($e, { ...n, ref: i }) : /* @__PURE__ */ a(Ve, { ...r, ref: i }) });
   }
 );
 Z.displayName = C;
 var [ee, De] = E(C), [oe, Me] = E(
   C,
   { collapsible: !1 }
-), Ve = m.forwardRef(
-  (e, a) => {
+), Ve = u.forwardRef(
+  (e, i) => {
     const {
       value: o,
       defaultValue: t,
@@ -190,68 +193,68 @@ var [ee, De] = E(C), [oe, Me] = E(
       },
       collapsible: n = !1,
       ...c
-    } = e, [s, l] = V({
+    } = e, [l, s] = V({
       prop: o,
       defaultProp: t ?? "",
       onChange: r,
       caller: C
     });
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ a(
       ee,
       {
         scope: e.__scopeAccordion,
-        value: m.useMemo(() => s ? [s] : [], [s]),
-        onItemOpen: l,
-        onItemClose: m.useCallback(() => n && l(""), [n, l]),
-        children: /* @__PURE__ */ i(oe, { scope: e.__scopeAccordion, collapsible: n, children: /* @__PURE__ */ i(te, { ...c, ref: a }) })
+        value: u.useMemo(() => l ? [l] : [], [l]),
+        onItemOpen: s,
+        onItemClose: u.useCallback(() => n && s(""), [n, s]),
+        children: /* @__PURE__ */ a(oe, { scope: e.__scopeAccordion, collapsible: n, children: /* @__PURE__ */ a(te, { ...c, ref: i }) })
       }
     );
   }
-), $e = m.forwardRef((e, a) => {
+), $e = u.forwardRef((e, i) => {
   const {
     value: o,
     defaultValue: t,
     onValueChange: r = () => {
     },
     ...n
-  } = e, [c, s] = V({
+  } = e, [c, l] = V({
     prop: o,
     defaultProp: t ?? [],
     onChange: r,
     caller: C
-  }), l = m.useCallback(
-    (f) => s((v = []) => [...v, f]),
-    [s]
-  ), p = m.useCallback(
-    (f) => s((v = []) => v.filter((x) => x !== f)),
-    [s]
+  }), s = u.useCallback(
+    (m) => l((v = []) => [...v, m]),
+    [l]
+  ), p = u.useCallback(
+    (m) => l((v = []) => v.filter((x) => x !== m)),
+    [l]
   );
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     ee,
     {
       scope: e.__scopeAccordion,
       value: c,
-      onItemOpen: l,
+      onItemOpen: s,
       onItemClose: p,
-      children: /* @__PURE__ */ i(oe, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ i(te, { ...n, ref: a }) })
+      children: /* @__PURE__ */ a(oe, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ a(te, { ...n, ref: i }) })
     }
   );
-}), [He, S] = E(C), te = m.forwardRef(
-  (e, a) => {
-    const { __scopeAccordion: o, disabled: t, dir: r, orientation: n = "vertical", ...c } = e, s = m.useRef(null), l = U(s, a), p = Te(o), v = Re(r) === "ltr", x = B(e.onKeyDown, (g) => {
+}), [He, S] = E(C), te = u.forwardRef(
+  (e, i) => {
+    const { __scopeAccordion: o, disabled: t, dir: r, orientation: n = "vertical", ...c } = e, l = u.useRef(null), s = U(l, i), p = Te(o), v = Ie(r) === "ltr", x = B(e.onKeyDown, (g) => {
       if (!Oe.includes(g.key)) return;
-      const y = g.target, b = p().filter((D) => !D.ref.current?.disabled), A = b.findIndex((D) => D.ref.current === y), h = b.length;
+      const R = g.target, b = p().filter((D) => !D.ref.current?.disabled), A = b.findIndex((D) => D.ref.current === R), h = b.length;
       if (A === -1) return;
       g.preventDefault();
       let d = A;
-      const I = 0, O = h - 1, T = () => {
-        d = A + 1, d > O && (d = I);
+      const y = 0, O = h - 1, T = () => {
+        d = A + 1, d > O && (d = y);
       }, k = () => {
-        d = A - 1, d < I && (d = O);
+        d = A - 1, d < y && (d = O);
       };
       switch (g.key) {
         case "Home":
-          d = I;
+          d = y;
           break;
         case "End":
           d = O;
@@ -272,44 +275,44 @@ var [ee, De] = E(C), [oe, Me] = E(
       const pe = d % h;
       b[pe].ref.current?.focus();
     });
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ a(
       He,
       {
         scope: o,
         disabled: t,
         direction: r,
         orientation: n,
-        children: /* @__PURE__ */ i(G.Slot, { scope: o, children: /* @__PURE__ */ i(
-          R.div,
+        children: /* @__PURE__ */ a(G.Slot, { scope: o, children: /* @__PURE__ */ a(
+          I.div,
           {
             ...c,
             "data-orientation": n,
-            ref: l,
+            ref: s,
             onKeyDown: t ? void 0 : x
           }
         ) })
       }
     );
   }
-), N = "AccordionItem", [Le, j] = E(N), re = m.forwardRef(
-  (e, a) => {
-    const { __scopeAccordion: o, value: t, ...r } = e, n = S(N, o), c = De(N, o), s = K(o), l = q(), p = t && c.value.includes(t) || !1, f = n.disabled || e.disabled;
-    return /* @__PURE__ */ i(
+), N = "AccordionItem", [Le, j] = E(N), re = u.forwardRef(
+  (e, i) => {
+    const { __scopeAccordion: o, value: t, ...r } = e, n = S(N, o), c = De(N, o), l = K(o), s = q(), p = t && c.value.includes(t) || !1, m = n.disabled || e.disabled;
+    return /* @__PURE__ */ a(
       Le,
       {
         scope: o,
         open: p,
-        disabled: f,
-        triggerId: l,
-        children: /* @__PURE__ */ i(
+        disabled: m,
+        triggerId: s,
+        children: /* @__PURE__ */ a(
           Pe,
           {
             "data-orientation": n.orientation,
-            "data-state": le(p),
-            ...s,
+            "data-state": se(p),
+            ...l,
             ...r,
-            ref: a,
-            disabled: f,
+            ref: i,
+            disabled: m,
             open: p,
             onOpenChange: (v) => {
               v ? c.onItemOpen(t) : c.onItemClose(t);
@@ -321,43 +324,43 @@ var [ee, De] = E(C), [oe, Me] = E(
   }
 );
 re.displayName = N;
-var ne = "AccordionHeader", ae = m.forwardRef(
-  (e, a) => {
+var ne = "AccordionHeader", ae = u.forwardRef(
+  (e, i) => {
     const { __scopeAccordion: o, ...t } = e, r = S(C, o), n = j(ne, o);
-    return /* @__PURE__ */ i(
-      R.h3,
+    return /* @__PURE__ */ a(
+      I.h3,
       {
         "data-orientation": r.orientation,
-        "data-state": le(n.open),
+        "data-state": se(n.open),
         "data-disabled": n.disabled ? "" : void 0,
         ...t,
-        ref: a
+        ref: i
       }
     );
   }
 );
 ae.displayName = ne;
-var M = "AccordionTrigger", ie = m.forwardRef(
-  (e, a) => {
-    const { __scopeAccordion: o, ...t } = e, r = S(C, o), n = j(M, o), c = Me(M, o), s = K(o);
-    return /* @__PURE__ */ i(G.ItemSlot, { scope: o, children: /* @__PURE__ */ i(
+var M = "AccordionTrigger", ie = u.forwardRef(
+  (e, i) => {
+    const { __scopeAccordion: o, ...t } = e, r = S(C, o), n = j(M, o), c = Me(M, o), l = K(o);
+    return /* @__PURE__ */ a(G.ItemSlot, { scope: o, children: /* @__PURE__ */ a(
       Ee,
       {
         "aria-disabled": n.open && !c.collapsible || void 0,
         "data-orientation": r.orientation,
         id: n.triggerId,
-        ...s,
+        ...l,
         ...t,
-        ref: a
+        ref: i
       }
     ) });
   }
 );
 ie.displayName = M;
-var ce = "AccordionContent", se = m.forwardRef(
-  (e, a) => {
+var ce = "AccordionContent", le = u.forwardRef(
+  (e, i) => {
     const { __scopeAccordion: o, ...t } = e, r = S(C, o), n = j(ce, o), c = K(o);
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ a(
       Se,
       {
         role: "region",
@@ -365,7 +368,7 @@ var ce = "AccordionContent", se = m.forwardRef(
         "data-orientation": r.orientation,
         ...c,
         ...t,
-        ref: a,
+        ref: i,
         style: {
           "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
           "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
@@ -375,59 +378,59 @@ var ce = "AccordionContent", se = m.forwardRef(
     );
   }
 );
-se.displayName = ce;
-function le(e) {
+le.displayName = ce;
+function se(e) {
   return e ? "open" : "closed";
 }
-var Ge = Z, Ke = re, je = ae, Fe = ie, ze = se;
+var Ge = Z, Ke = re, je = ae, Fe = ie, ze = le;
 const Be = {
   default: "shadow-none",
   contained: "rounded-md border border-level-four",
   separated: "rounded-none space-y-2"
 }, Ue = {
-  default: "",
-  contained: "last:border-b-0",
-  separated: "rounded-md"
-}, de = fe({ variant: "default" }), qe = w(({ variant: e = "default", ...a }, o) => {
-  const { autoScroll: t = "never", scrollPadding: r = -20, children: n, ...c } = a, s = {
-    autoScroll: t,
-    scrollPadding: r
-  }, l = {
-    ...c,
-    ref: o
+  default: "w-full py-4",
+  contained: "not-last:border-b border-level-four p-4",
+  separated: "border border-level-four rounded-md p-4"
+}, de = fe({ variant: "default" }), qe = w(({ variant: e = "default", className: i, ...o }, t) => {
+  const { autoScroll: r = "never", scrollPadding: n = -20, children: c, ...l } = o, s = {
+    autoScroll: r,
+    scrollPadding: n
+  }, p = {
+    ...l,
+    ref: t
   };
-  return /* @__PURE__ */ i(de.Provider, { value: { variant: e }, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(de.Provider, { value: { variant: e }, children: /* @__PURE__ */ a(
     Ge,
     {
-      ...l,
+      ...p,
       "data-slot": "accordion",
       "data-testid": "spectral-accordion",
       "data-scroll-options": JSON.stringify(s),
-      "data-auto-scroll": t,
-      "data-scroll-padding": r,
-      ...a.type === "single" ? { collapsible: !0 } : {},
-      className: _("flex flex-col accordion-wrapper", Be[e]),
-      children: ve.map(n, (p) => Ce(p) ? ge(p, { variant: e }) : p)
+      "data-auto-scroll": r,
+      "data-scroll-padding": n,
+      ...o.type === "single" ? { collapsible: !0 } : {},
+      className: _("flex flex-col accordion-wrapper", Be[e], i),
+      children: ve.map(c, (m) => Ce(m) ? ge(m, { variant: e }) : m)
     }
   ) });
 });
 qe.displayName = "Accordion";
-const Je = w(({ className: e, ...a }, o) => {
+const Je = w(({ className: e, ...i }, o) => {
   const { variant: t = "default" } = be(de);
-  return /* @__PURE__ */ i(Ke, { ref: o, "data-slot": "accordion-item", "data-testid": "spectral-accordion-item", className: _("w-full border-b border-level-four p-4", Ue[t], e), ...a });
+  return /* @__PURE__ */ a(Ke, { ref: o, "data-slot": "accordion-item", "data-testid": "spectral-accordion-item", className: _("w-full", Ue[t], e), ...i });
 });
 Je.displayName = "AccordionItem";
-const Ye = w(({ className: e, title: a, subtitle: o, ...t }, r) => {
-  const n = Ae(null), c = ue(n), s = he(
-    (l) => {
-      typeof r == "function" ? r(l) : r && (r.current = l), n.current = l;
+const Ye = w(({ className: e, title: i, subtitle: o, ...t }, r) => {
+  const n = Ae(null), c = ue(n), l = he(
+    (s) => {
+      typeof r == "function" ? r(s) : r && (r.current = s), n.current = s;
     },
     [r]
   );
-  return /* @__PURE__ */ i(je, { className: "m-0 flex", children: /* @__PURE__ */ F(
+  return /* @__PURE__ */ a(je, { className: "m-0 flex", children: /* @__PURE__ */ F(
     Fe,
     {
-      ref: s,
+      ref: l,
       "data-slot": "accordion-trigger",
       "data-testid": "spectral-accordion-trigger",
       className: _("flex flex-1 items-center justify-between text-sm font-normal text-text-primary transition-all hover:no-underline", "disabled:cursor-not-allowed [&[data-state=open]>svg]:rotate-180", e),
@@ -435,16 +438,16 @@ const Ye = w(({ className: e, title: a, subtitle: o, ...t }, r) => {
       ...t,
       children: [
         /* @__PURE__ */ F("div", { className: "flex flex-col space-y-0.5 text-start w-full", children: [
-          /* @__PURE__ */ i("div", { className: "text-base font-medium text-text-primary", children: a }),
-          o && /* @__PURE__ */ i("div", { className: "text-sm font-normal text-text-secondary", children: o })
+          /* @__PURE__ */ a("div", { className: "text-base font-medium text-text-primary", children: i }),
+          o && /* @__PURE__ */ a("div", { className: "text-sm font-normal text-text-secondary", children: o })
         ] }),
-        /* @__PURE__ */ i(me, { className: "shrink-0 transition-transform duration-200" })
+        /* @__PURE__ */ a(me, { className: "shrink-0 transition-transform duration-200" })
       ]
     }
   ) });
 });
 Ye.displayName = "AccordionTrigger";
-const Qe = w(({ className: e, children: a, ...o }, t) => /* @__PURE__ */ i(ze, { ref: t, "data-slot": "accordion-content", "data-testid": "spectral-accordion-content", className: _("overflow-hidden pt-4 text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", e), ...o, children: /* @__PURE__ */ i("div", { className: "px-1 pb-4 pt-0", "data-slot": "accordion-content-inner", children: a }) }));
+const Qe = w(({ className: e, children: i, ...o }, t) => /* @__PURE__ */ a(ze, { ref: t, "data-slot": "accordion-content", "data-testid": "spectral-accordion-content", className: _("overflow-hidden pt-4 text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", e), ...o, children: /* @__PURE__ */ a("div", { className: "px-1 pb-4 pt-0", "data-slot": "accordion-content-inner", children: i }) }));
 Qe.displayName = "AccordionContent";
 export {
   qe as Accordion,

package/dist/Alert.js

@@ -20,6 +20,7 @@ import "./Icons/DashboardIcon.js";
 import "./Icons/DatabaseIcon.js";
 import "./Icons/DeleteIcon.js";
 import "./Icons/DurationIcon.js";
+import "./Icons/EditIcon.js";
 import "./Icons/EmailIcon.js";
 import "./Icons/EraserIcon.js";
 import "./Icons/ErrorIcon.js";
@@ -51,7 +52,9 @@ import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
 import "./Icons/SettingsIcon.js";
 import "./Icons/SortAscendingIcon.js";
+import "./Icons/SortAtoZIcon.js";
 import "./Icons/SortDescendingIcon.js";
+import "./Icons/SortZtoAIcon.js";
 import "./Icons/StackIcon.js";
 import "./Icons/StarIcon.js";
 import "./Icons/TrashIcon.js";
@@ -63,7 +66,7 @@ import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { cn as g } from "./utils/twUtils.js";
 import { useRef as R, useEffect as T } from "react";
-const qt = ({ id: n, description: s, onClose: a, icon: l, title: c, className: d, variant: r = "default" }) => {
+const Kt = ({ id: n, description: s, onClose: a, icon: l, title: c, className: d, variant: r = "default" }) => {
   const o = R(null), u = l || {
     info: /* @__PURE__ */ t(E, {}),
     success: /* @__PURE__ */ t(w, {}),
@@ -107,5 +110,5 @@ const qt = ({ id: n, description: s, onClose: a, icon: l, title: c, className: d
   ] }) });
 };
 export {
-  qt as Alert
+  Kt as Alert
 };

package/dist/Button.js

@@ -1,15 +1,15 @@
 "use client";
 import "./styles/main.css";
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { ErrorMessage as v } from "./utils/formFieldUtils.js";
+import { ErrorMessage as h } from "./utils/formFieldUtils.js";
 import { cn as u } from "./utils/twUtils.js";
-import { c as f } from "./index-D29mdTf5.js";
-import { forwardRef as h } from "react";
+import { c as y } from "./index-D29mdTf5.js";
+import { forwardRef as f } from "react";
 import { c as w } from "./createLucideIcon-D4r5Phnh.js";
-const N = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = w("loader-circle", N), j = f(
+const N = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = w("loader-circle", N), j = y(
   `
     !font-sans flex relative items-center justify-center gap-2 whitespace-nowrap transition-colors cursor-pointer rounded-lg border font-semibold focus:outline-none focus:outline-none
-    focus-visible:outline-1 focus-visible:outline-offset-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0
+    focus-visible:outline-1 focus-visible:outline-offset-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 disabled:pointer-events-none
   `,
   {
     variants: {
@@ -29,7 +29,7 @@ const N = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = w
       },
       state: {
         default: "",
-        error: "bg-button-danger text-text-primary transition pointer-events-none focus-visible:outline-button-danger",
+        error: "bg-button-danger text-text-primary transition focus-visible:outline-button-danger",
         loading: "cursor-wait pointer-events-none"
       }
     },
@@ -39,13 +39,13 @@ const N = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = w
       size: "default"
     }
   }
-), z = h(({ className: l, dataTestId: c, disabled: r, endIcon: n, errorMessage: b, label: g, size: i, startIcon: a, state: t, type: p = "button", variant: e, ...x }, m) => {
-  const d = {
+), z = f(({ className: l, dataTestId: g, disabled: r, endIcon: n, errorMessage: b, label: c, size: a, startIcon: d, state: t, type: p = "button", variant: e = "primary", ...x }, m) => {
+  const i = {
     error: {
-      primary: "bg-button-danger border-button-danger text-button-primary-text pointer-events-none",
-      secondary: "bg-button-danger border-button-danger text-button-secondary-text pointer-events-none",
-      outline: "bg-transparent border-button-danger text-button-danger pointer-events-none",
-      ghost: "bg-transparent text-button-danger pointer-events-none"
+      primary: "bg-button-danger border-button-danger text-text-primary hover:bg-button-danger--hover hover:text-text-primary",
+      secondary: "bg-button-danger border-button-danger text-text-primary hover:bg-button-danger--hover hover:text-text-primary",
+      outline: "bg-transparent border-button-danger text-button-danger hover:border-button-danger--hover hover:text-button-danger/80",
+      ghost: "bg-transparent text-button-danger hover:text-button-danger/80"
     },
     loading: {
       primary: "bg-button-primary-bg--disabled border-button-primary-border--disabled text-button-primary-text--disabled pointer-events-none",
@@ -53,15 +53,15 @@ const N = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = w
       outline: "bg-button-outline-bg--disabled border-button-outline-border--disabled text-button-outline-text--disabled pointer-events-none",
       ghost: "bg-transparent text-button-ghost-text--disabled pointer-events-none"
     }
-  }, y = u(j({ variant: e, state: t, size: i }), t === "error" && d.error[e], t === "loading" && d.loading[e], l);
-  return /* @__PURE__ */ s("div", { className: u("flex flex-col justify-items-center", i), children: [
-    /* @__PURE__ */ s("button", { "aria-disabled": r, className: y, "data-state": t, "data-testid": c || `spectral-button-${e}`, disabled: r, ref: m, type: p, ...x, children: [
-      a && /* @__PURE__ */ o("span", { className: "flex pr-2", "aria-hidden": !0, "data-testid": "spectral-button-start-icon", children: a }),
+  }, v = u(j({ variant: e, state: t, size: a }), t === "error" && i.error[e], t === "loading" && i.loading[e], l);
+  return /* @__PURE__ */ s("div", { className: u("flex flex-col justify-items-center", a), children: [
+    /* @__PURE__ */ s("button", { "aria-disabled": r, className: v, "data-state": t, "data-testid": g || `spectral-button-${e}`, disabled: r, ref: m, type: p, ...x, children: [
+      d && /* @__PURE__ */ o("span", { className: "flex pr-2", "aria-hidden": !0, "data-testid": "spectral-button-start-icon", children: d }),
       t === "loading" && /* @__PURE__ */ o(_, { className: "ml-2 animate-spin", size: 16 }),
-      n && t !== "loading" && /* @__PURE__ */ o("span", { className: "flex pl-2", "aria-hidden": !0, "data-testid": "spectral-button-end-icon", children: n }),
-      g
+      c,
+      n && t !== "loading" && /* @__PURE__ */ o("span", { className: "flex pl-2", "aria-hidden": !0, "data-testid": "spectral-button-end-icon", children: n })
     ] }),
-    t === "error" && b && /* @__PURE__ */ o(v, { message: b, dataTestId: "spectral-button-error-message", id: "button-error" })
+    t === "error" && b && /* @__PURE__ */ o(h, { message: b, dataTestId: "spectral-button-error-message", id: "button-error" })
   ] });
 });
 z.displayName = "Button";

package/dist/ButtonIcon.js

@@ -19,6 +19,7 @@ import "./Icons/DashboardIcon.js";
 import "./Icons/DatabaseIcon.js";
 import "./Icons/DeleteIcon.js";
 import "./Icons/DurationIcon.js";
+import "./Icons/EditIcon.js";
 import "./Icons/EmailIcon.js";
 import "./Icons/EraserIcon.js";
 import "./Icons/ErrorIcon.js";
@@ -50,7 +51,9 @@ import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
 import "./Icons/SettingsIcon.js";
 import "./Icons/SortAscendingIcon.js";
+import "./Icons/SortAtoZIcon.js";
 import "./Icons/SortDescendingIcon.js";
+import "./Icons/SortZtoAIcon.js";
 import "./Icons/StackIcon.js";
 import "./Icons/StarIcon.js";
 import "./Icons/TrashIcon.js";