@spear-ai/spectral 1.4.26 → 1.4.27

package/dist/Accordion.js

@@ -1,6 +1,6 @@
 "use client";
 import "./styles/main.css";
-import { jsx as a, jsxs as F } from "react/jsx-runtime";
+import { jsx as i, jsxs as j } from "react/jsx-runtime";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
@@ -10,7 +10,7 @@ import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
 import "./Icons/CheckmarkIcon.js";
-import { ChevronDownIcon as me } from "./Icons/ChevronDownIcon.js";
+import { ChevronDownIcon as pe } from "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
 import "./Icons/CloseCircleIcon.js";
@@ -63,84 +63,84 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { useAccordionAutoScroll as ue } from "./hooks/useAccordionAutoScroll.js";
+import { useAccordionAutoScroll as me } from "./hooks/useAccordionAutoScroll.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, e as V, P as I, b as B, u as U, f as xe } from "./index-CfypDjr2.js";
-import { c as ye, u as Ie } from "./index-DvqEQspb.js";
-import { P as Re } from "./index-DdOwqCfb.js";
-import { u as q } from "./index-CDYW5LDR.js";
-import { cn as _ } from "./utils/twUtils.js";
-var P = "Collapsible", [Ne, J] = z(P), [we, $] = Ne(P), Y = f.forwardRef(
-  (e, i) => {
+import u, { createContext as ue, Children as fe, isValidElement as ve, cloneElement as Ce, useContext as ge, useRef as be, useCallback as Ae } from "react";
+import { c as F, e as M, P as I, b as z, u as B, f as he } from "./index-CfypDjr2.js";
+import { c as xe, u as ye } from "./index-DvqEQspb.js";
+import { P as Ie } from "./index-DdOwqCfb.js";
+import { u as U } from "./index-CDYW5LDR.js";
+import { cn as w } from "./utils/twUtils.js";
+var _ = "Collapsible", [Ne, q] = F(_), [Re, V] = Ne(_), J = f.forwardRef(
+  (e, n) => {
     const {
       __scopeCollapsible: o,
       open: t,
-      defaultOpen: r,
-      disabled: n,
+      defaultOpen: a,
+      disabled: r,
       onOpenChange: c,
       ...l
-    } = e, [s, p] = V({
+    } = e, [s, p] = M({
       prop: t,
-      defaultProp: r ?? !1,
+      defaultProp: a ?? !1,
       onChange: c,
-      caller: P
+      caller: _
     });
-    return /* @__PURE__ */ a(
-      we,
+    return /* @__PURE__ */ i(
+      Re,
       {
         scope: o,
-        disabled: n,
-        contentId: q(),
+        disabled: r,
+        contentId: U(),
         open: s,
         onOpenToggle: f.useCallback(() => p((m) => !m), [p]),
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ i(
           I.div,
           {
-            "data-state": L(s),
-            "data-disabled": n ? "" : void 0,
+            "data-state": H(s),
+            "data-disabled": r ? "" : void 0,
             ...l,
-            ref: i
+            ref: n
           }
         )
       }
     );
   }
 );
-Y.displayName = P;
-var Q = "CollapsibleTrigger", W = f.forwardRef(
-  (e, i) => {
-    const { __scopeCollapsible: o, ...t } = e, r = $(Q, o);
-    return /* @__PURE__ */ a(
+J.displayName = _;
+var Y = "CollapsibleTrigger", Q = f.forwardRef(
+  (e, n) => {
+    const { __scopeCollapsible: o, ...t } = e, a = V(Y, o);
+    return /* @__PURE__ */ i(
       I.button,
       {
         type: "button",
-        "aria-controls": r.contentId,
-        "aria-expanded": r.open || !1,
-        "data-state": L(r.open),
-        "data-disabled": r.disabled ? "" : void 0,
-        disabled: r.disabled,
+        "aria-controls": a.contentId,
+        "aria-expanded": a.open || !1,
+        "data-state": H(a.open),
+        "data-disabled": a.disabled ? "" : void 0,
+        disabled: a.disabled,
         ...t,
-        ref: i,
-        onClick: B(e.onClick, r.onOpenToggle)
+        ref: n,
+        onClick: z(e.onClick, a.onOpenToggle)
       }
     );
   }
 );
-W.displayName = Q;
-var H = "CollapsibleContent", X = f.forwardRef(
-  (e, i) => {
-    const { forceMount: o, ...t } = e, r = $(H, e.__scopeCollapsible);
-    return /* @__PURE__ */ a(Re, { present: o || r.open, children: ({ present: n }) => /* @__PURE__ */ a(_e, { ...t, ref: i, present: n }) });
+Q.displayName = Y;
+var $ = "CollapsibleContent", W = f.forwardRef(
+  (e, n) => {
+    const { forceMount: o, ...t } = e, a = V($, e.__scopeCollapsible);
+    return /* @__PURE__ */ i(Ie, { present: o || a.open, children: ({ present: r }) => /* @__PURE__ */ i(we, { ...t, ref: n, present: r }) });
   }
 );
-X.displayName = H;
-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);
+W.displayName = $;
+var we = f.forwardRef((e, n) => {
+  const { __scopeCollapsible: o, present: t, children: a, ...r } = e, c = V($, o), [l, s] = f.useState(t), p = f.useRef(null), m = B(n, p), v = f.useRef(0), x = v.current, g = f.useRef(0), N = 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(() => {
+  }, []), he(() => {
     const d = p.current;
     if (d) {
       h.current = h.current || {
@@ -150,77 +150,77 @@ var _e = f.forwardRef((e, i) => {
       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__ */ a(
+  }, [c.open, t]), /* @__PURE__ */ i(
     I.div,
     {
-      "data-state": L(c.open),
+      "data-state": H(c.open),
       "data-disabled": c.disabled ? "" : void 0,
       id: c.contentId,
       hidden: !b,
-      ...n,
+      ...r,
       ref: m,
       style: {
         "--radix-collapsible-content-height": x ? `${x}px` : void 0,
-        "--radix-collapsible-content-width": R ? `${R}px` : void 0,
+        "--radix-collapsible-content-width": N ? `${N}px` : void 0,
         ...e.style
       },
-      children: b && r
+      children: b && a
     }
   );
 });
-function L(e) {
+function H(e) {
   return e ? "open" : "closed";
 }
-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 = u.forwardRef(
-  (e, i) => {
-    const { type: o, ...t } = e, r = t, n = t;
-    return /* @__PURE__ */ a(G.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ a($e, { ...n, ref: i }) : /* @__PURE__ */ a(Ve, { ...r, ref: i }) });
+var _e = J, Pe = Q, Ee = W, C = "Accordion", Se = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [L, Oe, Te] = xe(C), [P] = F(C, [
+  Te,
+  q
+]), G = q(), X = u.forwardRef(
+  (e, n) => {
+    const { type: o, ...t } = e, a = t, r = t;
+    return /* @__PURE__ */ i(L.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ i(Ve, { ...r, ref: n }) : /* @__PURE__ */ i(Me, { ...a, ref: n }) });
   }
 );
-Z.displayName = C;
-var [ee, De] = E(C), [oe, Me] = E(
+X.displayName = C;
+var [Z, ke] = P(C), [ee, De] = P(
   C,
   { collapsible: !1 }
-), Ve = u.forwardRef(
-  (e, i) => {
+), Me = u.forwardRef(
+  (e, n) => {
     const {
       value: o,
       defaultValue: t,
-      onValueChange: r = () => {
+      onValueChange: a = () => {
       },
-      collapsible: n = !1,
+      collapsible: r = !1,
       ...c
-    } = e, [l, s] = V({
+    } = e, [l, s] = M({
       prop: o,
       defaultProp: t ?? "",
-      onChange: r,
+      onChange: a,
       caller: C
     });
-    return /* @__PURE__ */ a(
-      ee,
+    return /* @__PURE__ */ i(
+      Z,
       {
         scope: e.__scopeAccordion,
         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 }) })
+        onItemClose: u.useCallback(() => r && s(""), [r, s]),
+        children: /* @__PURE__ */ i(ee, { scope: e.__scopeAccordion, collapsible: r, children: /* @__PURE__ */ i(oe, { ...c, ref: n }) })
       }
     );
   }
-), $e = u.forwardRef((e, i) => {
+), Ve = u.forwardRef((e, n) => {
   const {
     value: o,
     defaultValue: t,
-    onValueChange: r = () => {
+    onValueChange: a = () => {
     },
-    ...n
-  } = e, [c, l] = V({
+    ...r
+  } = e, [c, l] = M({
     prop: o,
     defaultProp: t ?? [],
-    onChange: r,
+    onChange: a,
     caller: C
   }), s = u.useCallback(
     (m) => l((v = []) => [...v, m]),
@@ -229,64 +229,64 @@ var [ee, De] = E(C), [oe, Me] = E(
     (m) => l((v = []) => v.filter((x) => x !== m)),
     [l]
   );
-  return /* @__PURE__ */ a(
-    ee,
+  return /* @__PURE__ */ i(
+    Z,
     {
       scope: e.__scopeAccordion,
       value: c,
       onItemOpen: s,
       onItemClose: p,
-      children: /* @__PURE__ */ a(oe, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ a(te, { ...n, ref: i }) })
+      children: /* @__PURE__ */ i(ee, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ i(oe, { ...r, ref: n }) })
     }
   );
-}), [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 R = g.target, b = p().filter((D) => !D.ref.current?.disabled), A = b.findIndex((D) => D.ref.current === R), h = b.length;
+}), [$e, E] = P(C), oe = u.forwardRef(
+  (e, n) => {
+    const { __scopeAccordion: o, disabled: t, dir: a, orientation: r = "vertical", ...c } = e, l = u.useRef(null), s = B(l, n), p = Oe(o), v = ye(a) === "ltr", x = z(e.onKeyDown, (g) => {
+      if (!Se.includes(g.key)) return;
+      const N = g.target, b = p().filter((k) => !k.ref.current?.disabled), A = b.findIndex((k) => k.ref.current === N), h = b.length;
       if (A === -1) return;
       g.preventDefault();
       let d = A;
-      const y = 0, O = h - 1, T = () => {
-        d = A + 1, d > O && (d = y);
-      }, k = () => {
-        d = A - 1, d < y && (d = O);
+      const y = 0, S = h - 1, O = () => {
+        d = A + 1, d > S && (d = y);
+      }, T = () => {
+        d = A - 1, d < y && (d = S);
       };
       switch (g.key) {
         case "Home":
           d = y;
           break;
         case "End":
-          d = O;
+          d = S;
           break;
         case "ArrowRight":
-          n === "horizontal" && (v ? T() : k());
+          r === "horizontal" && (v ? O() : T());
           break;
         case "ArrowDown":
-          n === "vertical" && T();
+          r === "vertical" && O();
           break;
         case "ArrowLeft":
-          n === "horizontal" && (v ? k() : T());
+          r === "horizontal" && (v ? T() : O());
           break;
         case "ArrowUp":
-          n === "vertical" && k();
+          r === "vertical" && T();
           break;
       }
-      const pe = d % h;
-      b[pe].ref.current?.focus();
+      const de = d % h;
+      b[de].ref.current?.focus();
     });
-    return /* @__PURE__ */ a(
-      He,
+    return /* @__PURE__ */ i(
+      $e,
       {
         scope: o,
         disabled: t,
-        direction: r,
-        orientation: n,
-        children: /* @__PURE__ */ a(G.Slot, { scope: o, children: /* @__PURE__ */ a(
+        direction: a,
+        orientation: r,
+        children: /* @__PURE__ */ i(L.Slot, { scope: o, children: /* @__PURE__ */ i(
           I.div,
           {
             ...c,
-            "data-orientation": n,
+            "data-orientation": r,
             ref: s,
             onKeyDown: t ? void 0 : x
           }
@@ -294,24 +294,24 @@ var [ee, De] = E(C), [oe, Me] = E(
       }
     );
   }
-), 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,
+), R = "AccordionItem", [He, K] = P(R), te = u.forwardRef(
+  (e, n) => {
+    const { __scopeAccordion: o, value: t, ...a } = e, r = E(R, o), c = ke(R, o), l = G(o), s = U(), p = t && c.value.includes(t) || !1, m = r.disabled || e.disabled;
+    return /* @__PURE__ */ i(
+      He,
       {
         scope: o,
         open: p,
         disabled: m,
         triggerId: s,
-        children: /* @__PURE__ */ a(
-          Pe,
+        children: /* @__PURE__ */ i(
+          _e,
           {
-            "data-orientation": n.orientation,
-            "data-state": se(p),
+            "data-orientation": r.orientation,
+            "data-state": le(p),
             ...l,
-            ...r,
-            ref: i,
+            ...a,
+            ref: n,
             disabled: m,
             open: p,
             onOpenChange: (v) => {
@@ -323,52 +323,52 @@ var [ee, De] = E(C), [oe, Me] = E(
     );
   }
 );
-re.displayName = N;
-var ne = "AccordionHeader", ae = u.forwardRef(
-  (e, i) => {
-    const { __scopeAccordion: o, ...t } = e, r = S(C, o), n = j(ne, o);
-    return /* @__PURE__ */ a(
+te.displayName = R;
+var re = "AccordionHeader", ne = u.forwardRef(
+  (e, n) => {
+    const { __scopeAccordion: o, ...t } = e, a = E(C, o), r = K(re, o);
+    return /* @__PURE__ */ i(
       I.h3,
       {
-        "data-orientation": r.orientation,
-        "data-state": se(n.open),
-        "data-disabled": n.disabled ? "" : void 0,
+        "data-orientation": a.orientation,
+        "data-state": le(r.open),
+        "data-disabled": r.disabled ? "" : void 0,
         ...t,
-        ref: i
+        ref: n
       }
     );
   }
 );
-ae.displayName = ne;
-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,
+ne.displayName = re;
+var D = "AccordionTrigger", ae = u.forwardRef(
+  (e, n) => {
+    const { __scopeAccordion: o, ...t } = e, a = E(C, o), r = K(D, o), c = De(D, o), l = G(o);
+    return /* @__PURE__ */ i(L.ItemSlot, { scope: o, children: /* @__PURE__ */ i(
+      Pe,
       {
-        "aria-disabled": n.open && !c.collapsible || void 0,
-        "data-orientation": r.orientation,
-        id: n.triggerId,
+        "aria-disabled": r.open && !c.collapsible || void 0,
+        "data-orientation": a.orientation,
+        id: r.triggerId,
         ...l,
         ...t,
-        ref: i
+        ref: n
       }
     ) });
   }
 );
-ie.displayName = M;
-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__ */ a(
-      Se,
+ae.displayName = D;
+var ie = "AccordionContent", ce = u.forwardRef(
+  (e, n) => {
+    const { __scopeAccordion: o, ...t } = e, a = E(C, o), r = K(ie, o), c = G(o);
+    return /* @__PURE__ */ i(
+      Ee,
       {
         role: "region",
-        "aria-labelledby": n.triggerId,
-        "data-orientation": r.orientation,
+        "aria-labelledby": r.triggerId,
+        "data-orientation": a.orientation,
         ...c,
         ...t,
-        ref: i,
+        ref: n,
         style: {
           "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
           "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
@@ -378,80 +378,100 @@ var ce = "AccordionContent", le = u.forwardRef(
     );
   }
 );
-le.displayName = ce;
-function se(e) {
+ce.displayName = ie;
+function le(e) {
   return e ? "open" : "closed";
 }
-var Ge = Z, Ke = re, je = ae, Fe = ie, ze = le;
-const Be = {
+var Le = X, Ge = te, Ke = ne, je = ae, Fe = ce;
+const ze = {
   default: "shadow-none",
   contained: "rounded-md border border-level-four",
   separated: "rounded-none space-y-2"
-}, Ue = {
+}, Be = {
   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
+}, se = ue({ variant: "default" }), Ue = ({
+  ref: e,
+  variant: n = "default",
+  className: o,
+  ...t
+}) => {
+  const { autoScroll: a = "never", scrollPadding: r = -20, children: c, ...l } = t, s = {
+    autoScroll: a,
+    scrollPadding: r
   }, p = {
     ...l,
-    ref: t
+    ref: e
   };
-  return /* @__PURE__ */ a(de.Provider, { value: { variant: e }, children: /* @__PURE__ */ a(
-    Ge,
+  return /* @__PURE__ */ i(se.Provider, { value: { variant: n }, children: /* @__PURE__ */ i(
+    Le,
     {
       ...p,
       "data-slot": "accordion",
       "data-testid": "spectral-accordion",
       "data-scroll-options": JSON.stringify(s),
-      "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)
+      "data-auto-scroll": a,
+      "data-scroll-padding": r,
+      ...t.type === "single" ? { collapsible: !0 } : {},
+      className: w("accordion-wrapper flex flex-col", ze[n], o),
+      children: fe.map(c, (m) => ve(m) ? Ce(m, { variant: n }) : m)
     }
   ) });
-});
-qe.displayName = "Accordion";
-const Je = w(({ className: e, ...i }, o) => {
-  const { variant: t = "default" } = be(de);
-  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: i, subtitle: o, ...t }, r) => {
-  const n = Ae(null), c = ue(n), l = he(
+};
+Ue.displayName = "Accordion";
+const qe = ({
+  ref: e,
+  className: n,
+  ...o
+}) => {
+  const { variant: t = "default" } = ge(se);
+  return /* @__PURE__ */ i(Ge, { ref: e, "data-slot": "accordion-item", "data-testid": "spectral-accordion-item", className: w("w-full", Be[t], n), ...o });
+};
+qe.displayName = "AccordionItem";
+const Je = ({
+  ref: e,
+  className: n,
+  title: o,
+  subtitle: t,
+  ...a
+}) => {
+  const r = be(null), c = me(r), l = Ae(
     (s) => {
-      typeof r == "function" ? r(s) : r && (r.current = s), n.current = s;
+      typeof e == "function" ? e(s) : e && (e.current = s), r.current = s;
     },
-    [r]
+    [e]
   );
-  return /* @__PURE__ */ a(je, { className: "m-0 flex", children: /* @__PURE__ */ F(
-    Fe,
+  return /* @__PURE__ */ i(Ke, { className: "m-0 flex", children: /* @__PURE__ */ j(
+    je,
     {
       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),
+      className: w("text-text-primary flex flex-1 items-center justify-between text-sm font-normal transition-all hover:no-underline", "disabled:cursor-not-allowed [&[data-state=open]>svg]:rotate-180", n),
       onClick: c,
-      ...t,
+      ...a,
       children: [
-        /* @__PURE__ */ F("div", { className: "flex flex-col space-y-0.5 text-start w-full", children: [
-          /* @__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__ */ j("div", { className: "flex w-full flex-col space-y-0.5 text-start", children: [
+          /* @__PURE__ */ i("div", { className: "text-text-primary text-base font-medium", children: o }),
+          t && /* @__PURE__ */ i("div", { className: "text-text-secondary text-sm font-normal", children: t })
         ] }),
-        /* @__PURE__ */ a(me, { className: "shrink-0 transition-transform duration-200" })
+        /* @__PURE__ */ i(pe, { className: "shrink-0 transition-transform duration-200" })
       ]
     }
   ) });
-});
-Ye.displayName = "AccordionTrigger";
-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";
+};
+Je.displayName = "AccordionTrigger";
+const Ye = ({
+  ref: e,
+  className: n,
+  children: o,
+  ...t
+}) => /* @__PURE__ */ i(Fe, { ref: e, "data-slot": "accordion-content", "data-testid": "spectral-accordion-content", className: w("data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden pt-4 text-sm", n), ...t, children: /* @__PURE__ */ i("div", { className: "px-1 pt-0 pb-4", "data-slot": "accordion-content-inner", children: o }) });
+Ye.displayName = "AccordionContent";
 export {
-  qe as Accordion,
-  Qe as AccordionContent,
-  Je as AccordionItem,
-  Ye as AccordionTrigger
+  Ue as Accordion,
+  Ye as AccordionContent,
+  qe as AccordionItem,
+  Je as AccordionTrigger
 };

package/dist/Alert/AlertBase.d.ts

@@ -1,21 +1,29 @@
 import { VariantProps } from 'class-variance-authority';
-import { HTMLAttributes, ReactNode } from 'react';
-declare const variantColors: {
-    success: string;
-    warning: string;
-    danger: string;
-    info: string;
-    default: string;
-};
-export declare const AlertBase: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+declare const alertVariants: (props?: ({
     variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const AlertTitle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & {
-    variant: keyof typeof variantColors;
-} & import('react').RefAttributes<HTMLParagraphElement>>;
-export declare const AlertDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & {
-    variant: keyof typeof variantColors;
-} & import('react').RefAttributes<HTMLParagraphElement>>;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type AlertVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';
+export declare const AlertBase: {
+    ({ ref, className, variant, ...props }: HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants> & {
+        ref?: Ref<HTMLDivElement>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AlertTitle: {
+    ({ ref, className, variant, ...props }: HTMLAttributes<HTMLDivElement> & {
+        ref?: Ref<HTMLDivElement>;
+        variant: AlertVariant;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const AlertDescription: {
+    ({ ref, className, variant, ...props }: HTMLAttributes<HTMLDivElement> & {
+        ref?: Ref<HTMLDivElement>;
+        variant: AlertVariant;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 type AlertPortalProps = {
     children: ReactNode;
     container?: Element | DocumentFragment;