@spear-ai/spectral 1.6.17 → 1.8.0

package/dist/Accordion.js

@@ -1,6 +1,6 @@
 "use client";
 import "./styles/main.css";
-import { jsx as a, jsxs as j } from "react/jsx-runtime";
+import { jsx as i, jsxs as K } 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 pe } from "./Icons/ChevronDownIcon.js";
+import { ChevronDownIcon as ve } from "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
 import "./Icons/CloseCircleIcon.js";
@@ -34,7 +34,6 @@ import "./Icons/KeyboardIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
-import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
@@ -48,6 +47,7 @@ import "./Icons/PanelIconClose.js";
 import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
+import "./Icons/PolygonIcon.js";
 import "./Icons/ResetIcon.js";
 import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
@@ -67,44 +67,44 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { useAccordionAutoScroll as me } from "./hooks/useAccordionAutoScroll.js";
+import { useAccordionAutoScroll as Ce } from "./hooks/useAccordionAutoScroll.js";
 import * as f from "react";
-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-OnYbwQjk.js";
-import { c as xe, u as ye } from "./index-DSXuB1g3.js";
-import { P as Ie } from "./index-D6HcSXrq.js";
-import { u as U } from "./index-Dy-Hzr7y.js";
+import u, { createContext as ge, Children as be, isValidElement as Ae, cloneElement as he, useRef as xe, useCallback as Ie, useContext as ye } from "react";
+import { c as F, P as y, b as z, e as M, u as B, f as Re } from "./index-OnYbwQjk.js";
+import { c as Ne, u as we } from "./index-DSXuB1g3.js";
+import { P as _e } from "./index-D6HcSXrq.js";
+import { u as U } from "./index-C12FUuIW.js";
 import { cn as w } from "./utils/twUtils.js";
-var _ = "Collapsible", [Ne, q] = F(_), [Re, V] = Ne(_), J = f.forwardRef(
-  (e, n) => {
+var _ = "Collapsible", [Pe, q] = F(_), [Ee, V] = Pe(_), J = f.forwardRef(
+  (e, a) => {
     const {
       __scopeCollapsible: o,
       open: t,
-      defaultOpen: i,
+      defaultOpen: n,
       disabled: r,
       onOpenChange: c,
-      ...l
-    } = e, [s, p] = M({
+      ...s
+    } = e, [l, p] = M({
       prop: t,
-      defaultProp: i ?? !1,
+      defaultProp: n ?? !1,
       onChange: c,
       caller: _
     });
-    return /* @__PURE__ */ a(
-      Re,
+    return /* @__PURE__ */ i(
+      Ee,
       {
         scope: o,
         disabled: r,
         contentId: U(),
-        open: s,
+        open: l,
         onOpenToggle: f.useCallback(() => p((m) => !m), [p]),
-        children: /* @__PURE__ */ a(
-          I.div,
+        children: /* @__PURE__ */ i(
+          y.div,
           {
-            "data-state": H(s),
+            "data-state": H(l),
             "data-disabled": r ? "" : void 0,
-            ...l,
-            ref: n
+            ...s,
+            ref: a
           }
         )
       }
@@ -113,49 +113,49 @@ var _ = "Collapsible", [Ne, q] = F(_), [Re, V] = Ne(_), J = f.forwardRef(
 );
 J.displayName = _;
 var Y = "CollapsibleTrigger", Q = f.forwardRef(
-  (e, n) => {
-    const { __scopeCollapsible: o, ...t } = e, i = V(Y, o);
-    return /* @__PURE__ */ a(
-      I.button,
+  (e, a) => {
+    const { __scopeCollapsible: o, ...t } = e, n = V(Y, o);
+    return /* @__PURE__ */ i(
+      y.button,
       {
         type: "button",
-        "aria-controls": i.contentId,
-        "aria-expanded": i.open || !1,
-        "data-state": H(i.open),
-        "data-disabled": i.disabled ? "" : void 0,
-        disabled: i.disabled,
+        "aria-controls": n.contentId,
+        "aria-expanded": n.open || !1,
+        "data-state": H(n.open),
+        "data-disabled": n.disabled ? "" : void 0,
+        disabled: n.disabled,
         ...t,
-        ref: n,
-        onClick: z(e.onClick, i.onOpenToggle)
+        ref: a,
+        onClick: z(e.onClick, n.onOpenToggle)
       }
     );
   }
 );
 Q.displayName = Y;
 var $ = "CollapsibleContent", W = f.forwardRef(
-  (e, n) => {
-    const { forceMount: o, ...t } = e, i = V($, e.__scopeCollapsible);
-    return /* @__PURE__ */ a(Ie, { present: o || i.open, children: ({ present: r }) => /* @__PURE__ */ a(we, { ...t, ref: n, present: r }) });
+  (e, a) => {
+    const { forceMount: o, ...t } = e, n = V($, e.__scopeCollapsible);
+    return /* @__PURE__ */ i(_e, { present: o || n.open, children: ({ present: r }) => /* @__PURE__ */ i(Se, { ...t, ref: a, present: r }) });
   }
 );
 W.displayName = $;
-var we = f.forwardRef((e, n) => {
-  const { __scopeCollapsible: o, present: t, children: i, ...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);
+var Se = f.forwardRef((e, a) => {
+  const { __scopeCollapsible: o, present: t, children: n, ...r } = e, c = V($, o), [s, l] = f.useState(t), p = f.useRef(null), m = B(a, p), v = f.useRef(0), x = v.current, g = f.useRef(0), R = g.current, b = c.open || s, A = f.useRef(b), h = f.useRef(void 0);
   return f.useEffect(() => {
     const d = requestAnimationFrame(() => A.current = !1);
     return () => cancelAnimationFrame(d);
-  }, []), he(() => {
+  }, []), Re(() => {
     const d = p.current;
     if (d) {
       h.current = h.current || {
         transitionDuration: d.style.transitionDuration,
         animationName: d.style.animationName
       }, d.style.transitionDuration = "0s", d.style.animationName = "none";
-      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);
+      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);
     }
-  }, [c.open, t]), /* @__PURE__ */ a(
-    I.div,
+  }, [c.open, t]), /* @__PURE__ */ i(
+    y.div,
     {
       "data-state": H(c.open),
       "data-disabled": c.disabled ? "" : void 0,
@@ -165,100 +165,100 @@ var we = f.forwardRef((e, n) => {
       ref: m,
       style: {
         "--radix-collapsible-content-height": x ? `${x}px` : void 0,
-        "--radix-collapsible-content-width": N ? `${N}px` : void 0,
+        "--radix-collapsible-content-width": R ? `${R}px` : void 0,
         ...e.style
       },
-      children: b && i
+      children: b && n
     }
   );
 });
 function H(e) {
   return e ? "open" : "closed";
 }
-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,
+var Oe = J, Te = Q, ke = W, C = "Accordion", De = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [L, Me, Ve] = Ne(C), [P] = F(C, [
+  Ve,
   q
-]), G = q(), X = u.forwardRef(
-  (e, n) => {
-    const { type: o, ...t } = e, i = t, r = t;
-    return /* @__PURE__ */ a(L.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ a(Ve, { ...r, ref: n }) : /* @__PURE__ */ a(Me, { ...i, ref: n }) });
+]), j = q(), X = u.forwardRef(
+  (e, a) => {
+    const { type: o, ...t } = e, n = t, r = t;
+    return /* @__PURE__ */ i(L.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ i(je, { ...r, ref: a }) : /* @__PURE__ */ i(Le, { ...n, ref: a }) });
   }
 );
 X.displayName = C;
-var [Z, ke] = P(C), [ee, De] = P(
+var [Z, $e] = P(C), [ee, He] = P(
   C,
   { collapsible: !1 }
-), Me = u.forwardRef(
-  (e, n) => {
+), Le = u.forwardRef(
+  (e, a) => {
     const {
       value: o,
       defaultValue: t,
-      onValueChange: i = () => {
+      onValueChange: n = () => {
       },
       collapsible: r = !1,
       ...c
-    } = e, [l, s] = M({
+    } = e, [s, l] = M({
       prop: o,
       defaultProp: t ?? "",
-      onChange: i,
+      onChange: n,
       caller: C
     });
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ i(
       Z,
       {
         scope: e.__scopeAccordion,
-        value: u.useMemo(() => l ? [l] : [], [l]),
-        onItemOpen: s,
-        onItemClose: u.useCallback(() => r && s(""), [r, s]),
-        children: /* @__PURE__ */ a(ee, { scope: e.__scopeAccordion, collapsible: r, children: /* @__PURE__ */ a(oe, { ...c, ref: n }) })
+        value: u.useMemo(() => s ? [s] : [], [s]),
+        onItemOpen: l,
+        onItemClose: u.useCallback(() => r && l(""), [r, l]),
+        children: /* @__PURE__ */ i(ee, { scope: e.__scopeAccordion, collapsible: r, children: /* @__PURE__ */ i(oe, { ...c, ref: a }) })
       }
     );
   }
-), Ve = u.forwardRef((e, n) => {
+), je = u.forwardRef((e, a) => {
   const {
     value: o,
     defaultValue: t,
-    onValueChange: i = () => {
+    onValueChange: n = () => {
     },
     ...r
-  } = e, [c, l] = M({
+  } = e, [c, s] = M({
     prop: o,
     defaultProp: t ?? [],
-    onChange: i,
+    onChange: n,
     caller: C
-  }), s = u.useCallback(
-    (m) => l((v = []) => [...v, m]),
-    [l]
+  }), l = u.useCallback(
+    (m) => s((v = []) => [...v, m]),
+    [s]
   ), p = u.useCallback(
-    (m) => l((v = []) => v.filter((x) => x !== m)),
-    [l]
+    (m) => s((v = []) => v.filter((x) => x !== m)),
+    [s]
   );
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     Z,
     {
       scope: e.__scopeAccordion,
       value: c,
-      onItemOpen: s,
+      onItemOpen: l,
       onItemClose: p,
-      children: /* @__PURE__ */ a(ee, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ a(oe, { ...r, ref: n }) })
+      children: /* @__PURE__ */ i(ee, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ i(oe, { ...r, ref: a }) })
     }
   );
-}), [$e, E] = P(C), oe = u.forwardRef(
-  (e, n) => {
-    const { __scopeAccordion: o, disabled: t, dir: i, orientation: r = "vertical", ...c } = e, l = u.useRef(null), s = B(l, n), p = Oe(o), v = ye(i) === "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;
+}), [Ge, E] = P(C), oe = u.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, disabled: t, dir: n, orientation: r = "vertical", ...c } = e, s = u.useRef(null), l = B(s, a), p = Me(o), v = we(n) === "ltr", x = z(e.onKeyDown, (g) => {
+      if (!De.includes(g.key)) return;
+      const R = g.target, b = p().filter((k) => !k.ref.current?.disabled), A = b.findIndex((k) => k.ref.current === R), h = b.length;
       if (A === -1) return;
       g.preventDefault();
       let d = A;
-      const y = 0, S = h - 1, O = () => {
-        d = A + 1, d > S && (d = y);
+      const I = 0, S = h - 1, O = () => {
+        d = A + 1, d > S && (d = I);
       }, T = () => {
-        d = A - 1, d < y && (d = S);
+        d = A - 1, d < I && (d = S);
       };
       switch (g.key) {
         case "Home":
-          d = y;
+          d = I;
           break;
         case "End":
           d = S;
@@ -276,46 +276,46 @@ var [Z, ke] = P(C), [ee, De] = P(
           r === "vertical" && T();
           break;
       }
-      const de = d % h;
-      b[de].ref.current?.focus();
+      const fe = d % h;
+      b[fe].ref.current?.focus();
     });
-    return /* @__PURE__ */ a(
-      $e,
+    return /* @__PURE__ */ i(
+      Ge,
       {
         scope: o,
         disabled: t,
-        direction: i,
+        direction: n,
         orientation: r,
-        children: /* @__PURE__ */ a(L.Slot, { scope: o, children: /* @__PURE__ */ a(
-          I.div,
+        children: /* @__PURE__ */ i(L.Slot, { scope: o, children: /* @__PURE__ */ i(
+          y.div,
           {
             ...c,
             "data-orientation": r,
-            ref: s,
+            ref: l,
             onKeyDown: t ? void 0 : x
           }
         ) })
       }
     );
   }
-), R = "AccordionItem", [He, K] = P(R), te = u.forwardRef(
-  (e, n) => {
-    const { __scopeAccordion: o, value: t, ...i } = 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__ */ a(
-      He,
+), N = "AccordionItem", [Ke, G] = P(N), te = u.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, value: t, ...n } = e, r = E(N, o), c = $e(N, o), s = j(o), l = U(), p = t && c.value.includes(t) || !1, m = r.disabled || e.disabled;
+    return /* @__PURE__ */ i(
+      Ke,
       {
         scope: o,
         open: p,
         disabled: m,
-        triggerId: s,
-        children: /* @__PURE__ */ a(
-          _e,
+        triggerId: l,
+        children: /* @__PURE__ */ i(
+          Oe,
           {
             "data-orientation": r.orientation,
-            "data-state": le(p),
-            ...l,
-            ...i,
-            ref: n,
+            "data-state": se(p),
+            ...s,
+            ...n,
+            ref: a,
             disabled: m,
             open: p,
             onOpenChange: (v) => {
@@ -327,52 +327,52 @@ var [Z, ke] = P(C), [ee, De] = P(
     );
   }
 );
-te.displayName = R;
+te.displayName = N;
 var re = "AccordionHeader", ne = u.forwardRef(
-  (e, n) => {
-    const { __scopeAccordion: o, ...t } = e, i = E(C, o), r = K(re, o);
-    return /* @__PURE__ */ a(
-      I.h3,
+  (e, a) => {
+    const { __scopeAccordion: o, ...t } = e, n = E(C, o), r = G(re, o);
+    return /* @__PURE__ */ i(
+      y.h3,
       {
-        "data-orientation": i.orientation,
-        "data-state": le(r.open),
+        "data-orientation": n.orientation,
+        "data-state": se(r.open),
         "data-disabled": r.disabled ? "" : void 0,
         ...t,
-        ref: n
+        ref: a
       }
     );
   }
 );
 ne.displayName = re;
 var D = "AccordionTrigger", ie = u.forwardRef(
-  (e, n) => {
-    const { __scopeAccordion: o, ...t } = e, i = E(C, o), r = K(D, o), c = De(D, o), l = G(o);
-    return /* @__PURE__ */ a(L.ItemSlot, { scope: o, children: /* @__PURE__ */ a(
-      Pe,
+  (e, a) => {
+    const { __scopeAccordion: o, ...t } = e, n = E(C, o), r = G(D, o), c = He(D, o), s = j(o);
+    return /* @__PURE__ */ i(L.ItemSlot, { scope: o, children: /* @__PURE__ */ i(
+      Te,
       {
         "aria-disabled": r.open && !c.collapsible || void 0,
-        "data-orientation": i.orientation,
+        "data-orientation": n.orientation,
         id: r.triggerId,
-        ...l,
+        ...s,
         ...t,
-        ref: n
+        ref: a
       }
     ) });
   }
 );
 ie.displayName = D;
 var ae = "AccordionContent", ce = u.forwardRef(
-  (e, n) => {
-    const { __scopeAccordion: o, ...t } = e, i = E(C, o), r = K(ae, o), c = G(o);
-    return /* @__PURE__ */ a(
-      Ee,
+  (e, a) => {
+    const { __scopeAccordion: o, ...t } = e, n = E(C, o), r = G(ae, o), c = j(o);
+    return /* @__PURE__ */ i(
+      ke,
       {
         role: "region",
         "aria-labelledby": r.triggerId,
-        "data-orientation": i.orientation,
+        "data-orientation": n.orientation,
         ...c,
         ...t,
-        ref: n,
+        ref: a,
         style: {
           "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
           "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
@@ -383,109 +383,114 @@ var ae = "AccordionContent", ce = u.forwardRef(
   }
 );
 ce.displayName = ae;
-function le(e) {
+function se(e) {
   return e ? "open" : "closed";
 }
-var Le = X, Ge = te, Ke = ne, je = ie, Fe = ce;
-const ze = {
+var Fe = X, ze = te, Be = ne, Ue = ie, qe = ce;
+const Je = {
   default: "shadow-none",
   contained: "rounded-md border border-level-four",
   separated: "rounded-none space-y-2"
-}, Be = {
+}, Ye = {
   default: "w-full py-4",
   contained: "not-last:border-b border-level-four p-4",
   separated: "border border-level-four rounded-md p-4"
-}, se = ue({ variant: "default" }), Ue = ({
-  ref: e,
-  variant: n = "default",
-  className: o,
+}, le = ge({ variant: "default" }), de = ({
+  className: e,
+  ref: a,
+  variant: o = "default",
   ...t
 }) => {
-  const { autoScroll: i = "never", scrollPadding: r = -20, children: c, ...l } = t, s = {
-    autoScroll: i,
+  const { autoScroll: n = "never", scrollPadding: r = -20, children: c, ...s } = t, l = {
+    autoScroll: n,
     scrollPadding: r
   }, p = {
-    ...l,
-    ref: e
+    ...s,
+    ref: a
   };
-  return /* @__PURE__ */ a(se.Provider, { value: { variant: n }, children: /* @__PURE__ */ a(
-    Le,
+  return /* @__PURE__ */ i(le.Provider, { value: { variant: o }, children: /* @__PURE__ */ i(
+    Fe,
     {
       ...p,
+      className: w("accordion-wrapper flex flex-col", Je[o], e),
+      "data-auto-scroll": n,
+      "data-scroll-options": JSON.stringify(l),
+      "data-scroll-padding": r,
       "data-slot": "accordion",
       "data-testid": "spectral-accordion",
-      "data-scroll-options": JSON.stringify(s),
-      "data-auto-scroll": i,
-      "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)
+      children: be.map(c, (m) => Ae(m) ? he(m, { variant: o }) : m)
     }
   ) });
 };
-Ue.displayName = "Accordion";
-const qe = ({
-  ref: e,
-  className: n,
+de.displayName = "Accordion";
+const pe = ({
+  className: e,
+  ref: a,
   ...o
 }) => {
-  const { variant: t = "default" } = ge(se);
-  return /* @__PURE__ */ a(Ge, { ref: e, "data-slot": "accordion-item", "data-testid": "spectral-accordion-item", className: w("w-full", Be[t], n), ...o });
+  const { variant: t = "default" } = ye(le);
+  return /* @__PURE__ */ i(ze, { className: w("w-full", Ye[t], e), "data-slot": "accordion-item", "data-testid": "spectral-accordion-item", ref: a, ...o });
 };
-qe.displayName = "AccordionItem";
-const Je = ({
+pe.displayName = "AccordionItem";
+const me = ({
   ref: e,
-  className: n,
+  className: a,
   title: o,
   subtitle: t,
-  ...i
+  ...n
 }) => {
-  const r = be(null), c = me(r), l = Ae(
-    (s) => {
-      typeof e == "function" ? e(s) : e && (e.current = s), r.current = s;
+  const r = xe(null), c = Ce(r), s = Ie(
+    (l) => {
+      typeof e == "function" ? e(l) : e && (e.current = l), r.current = l;
     },
     [e]
   );
-  return /* @__PURE__ */ a(Ke, { className: "m-0 flex", children: /* @__PURE__ */ j(
-    je,
+  return /* @__PURE__ */ i(Be, { className: "m-0 flex", children: /* @__PURE__ */ K(
+    Ue,
     {
-      ref: l,
+      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", a),
       "data-slot": "accordion-trigger",
       "data-testid": "spectral-accordion-trigger",
-      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,
-      ...i,
+      ref: s,
+      ...n,
       children: [
-        /* @__PURE__ */ j("div", { className: "flex w-full flex-col space-y-0.5 text-start", children: [
-          /* @__PURE__ */ a("div", { className: "text-text-primary text-base font-medium", children: o }),
-          t && /* @__PURE__ */ a("div", { className: "text-text-secondary text-sm font-normal", children: t })
+        /* @__PURE__ */ K("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(pe, { className: "shrink-0 transition-transform duration-200" })
+        /* @__PURE__ */ i(ve, { className: "shrink-0 transition-transform duration-200" })
       ]
     }
   ) });
 };
-Je.displayName = "AccordionTrigger";
-const Ye = ({
+me.displayName = "AccordionTrigger";
+const ue = ({
   ref: e,
-  className: n,
+  className: a,
   children: o,
   ...t
-}) => /* @__PURE__ */ a(
-  Fe,
+}) => /* @__PURE__ */ i(
+  qe,
   {
-    ref: e,
+    className: w("motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down overflow-hidden pt-4 text-sm", a),
     "data-slot": "accordion-content",
     "data-testid": "spectral-accordion-content",
-    className: w("motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down overflow-hidden pt-4 text-sm", n),
+    ref: e,
     ...t,
-    children: /* @__PURE__ */ a("div", { className: "px-1 pt-0 pb-4", "data-slot": "accordion-content-inner", children: o })
+    children: /* @__PURE__ */ i("div", { className: "px-1 pt-0 pb-4", "data-slot": "accordion-content-inner", children: o })
   }
 );
-Ye.displayName = "AccordionContent";
+ue.displayName = "AccordionContent";
+const gt = Object.assign(de, {
+  Content: ue,
+  Item: pe,
+  Trigger: me
+});
 export {
-  Ue as Accordion,
-  Ye as AccordionContent,
-  qe as AccordionItem,
-  Je as AccordionTrigger
+  gt as Accordion,
+  ue as AccordionContent,
+  pe as AccordionItem,
+  me as AccordionTrigger
 };

package/dist/Alert/AlertBase.d.ts

@@ -11,36 +11,36 @@ export declare const AlertBase: {
     displayName: string;
 };
 export declare const AlertHeader: {
-    ({ ref, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+    ({ className, ref, ...props }: HTMLAttributes<HTMLDivElement> & {
         ref?: Ref<HTMLDivElement>;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const AlertTitle: {
-    ({ ref, className, variant, ...props }: HTMLAttributes<HTMLDivElement> & {
+    ({ className, ref, 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> & {
+    ({ className, ref, variant, ...props }: HTMLAttributes<HTMLDivElement> & {
         ref?: Ref<HTMLDivElement>;
         variant: AlertVariant;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const AlertCloseButton: {
-    ({ ref, className, variant, ...props }: HTMLAttributes<SVGSVGElement> & {
+    ({ className, ref, variant, ...props }: HTMLAttributes<SVGSVGElement> & {
         ref?: Ref<SVGSVGElement>;
         variant: AlertVariant;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-type AlertPortalProps = {
+interface AlertPortalProps {
     children: ReactNode;
     container?: Element | DocumentFragment;
-};
-export declare function AlertPortal({ children, container }: AlertPortalProps): import('react').ReactPortal | null;
+}
+export declare const AlertPortal: ({ children, container }: AlertPortalProps) => import('react').ReactPortal | null;
 export {};
 //# sourceMappingURL=AlertBase.d.ts.map