@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/Accordion.js

@@ -1,498 +1,3 @@
-"use client";
-import "./styles/main.css";
-import { jsx as i, jsxs as K } from "react/jsx-runtime";
-import "./Icons/AnalyzeIcon.js";
-import "./Icons/AnnotationsIcon.js";
-import "./Icons/ApprovedIcon.js";
-import "./Icons/ArrowDownIcon.js";
-import "./Icons/ArrowUpIcon.js";
-import "./Icons/BoxToolIcon.js";
-import "./Icons/CalendarIcon.js";
-import "./Icons/CheckCircleIcon.js";
-import "./Icons/CheckSquareIcon.js";
-import "./Icons/CheckmarkIcon.js";
-import { ChevronDownIcon as ve } from "./Icons/ChevronDownIcon.js";
-import "./Icons/ChevronUpIcon.js";
-import "./Icons/ClockIcon.js";
-import "./Icons/CloseCircleIcon.js";
-import "./Icons/CloseIcon.js";
-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";
-import "./Icons/EyeClosedIcon.js";
-import "./Icons/EyeClosedIcon2.js";
-import "./Icons/EyeOpenIcon.js";
-import "./Icons/FileDownloadIcon.js";
-import "./Icons/GoToFirstIcon.js";
-import "./Icons/GoToLastIcon.js";
-import "./Icons/HarmonicCursorsIcon.js";
-import "./Icons/InfoIcon.js";
-import "./Icons/KeyboardIcon.js";
-import "./Icons/LabelIcon.js";
-import "./Icons/LassoIcon.js";
-import "./Icons/LineToolIcon.js";
-import "./Icons/LiveViewIcon.js";
-import "./Icons/LoaderIcon.js";
-import "./Icons/LocationIcon.js";
-import "./Icons/LogoutIcon.js";
-import "./Icons/MeasureIcon.js";
-import "./Icons/MessagesIcon.js";
-import "./Icons/MetadataIcon.js";
-import "./Icons/MinusIcon.js";
-import "./Icons/OntologyIcon.js";
-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";
-import "./Icons/SearchIcon.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";
-import "./Icons/UndoIcon.js";
-import "./Icons/User2Icon.js";
-import "./Icons/UserIcon.js";
-import "./Icons/WarningIcon.js";
-import "./Icons/ZoomAllIcon.js";
-import "./Icons/ZoomXIcon.js";
-import "./Icons/ZoomYIcon.js";
-import { useAccordionAutoScroll as Ce } from "./hooks/useAccordionAutoScroll.js";
-import * as f from "react";
-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 { P as y, c as F, e as M, a as z, u as B, f as Re } from "./index-Dc0No4pV.js";
-import { c as Ne, u as we } from "./index-CKEI0pDv.js";
-import { P as _e } from "./index-BFOf48AQ.js";
-import { u as U } from "./index-CwSyIPrv.js";
-import { cn as w } from "./utils/twUtils.js";
-var _ = "Collapsible", [Pe, q] = z(_), [Ee, V] = Pe(_), J = f.forwardRef(
-  (e, a) => {
-    const {
-      __scopeCollapsible: o,
-      open: t,
-      defaultOpen: n,
-      disabled: r,
-      onOpenChange: c,
-      ...s
-    } = e, [l, p] = M({
-      prop: t,
-      defaultProp: n ?? !1,
-      onChange: c,
-      caller: _
-    });
-    return /* @__PURE__ */ i(
-      Ee,
-      {
-        scope: o,
-        disabled: r,
-        contentId: U(),
-        open: l,
-        onOpenToggle: f.useCallback(() => p((m) => !m), [p]),
-        children: /* @__PURE__ */ i(
-          y.div,
-          {
-            "data-state": H(l),
-            "data-disabled": r ? "" : void 0,
-            ...s,
-            ref: a
-          }
-        )
-      }
-    );
-  }
-);
-J.displayName = _;
-var Y = "CollapsibleTrigger", Q = f.forwardRef(
-  (e, a) => {
-    const { __scopeCollapsible: o, ...t } = e, n = V(Y, o);
-    return /* @__PURE__ */ i(
-      y.button,
-      {
-        type: "button",
-        "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: a,
-        onClick: F(e.onClick, n.onOpenToggle)
-      }
-    );
-  }
-);
-Q.displayName = Y;
-var $ = "CollapsibleContent", W = f.forwardRef(
-  (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 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);
-  }, []), 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 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__ */ i(
-    y.div,
-    {
-      "data-state": H(c.open),
-      "data-disabled": c.disabled ? "" : void 0,
-      id: c.contentId,
-      hidden: !b,
-      ...r,
-      ref: m,
-      style: {
-        "--radix-collapsible-content-height": x ? `${x}px` : void 0,
-        "--radix-collapsible-content-width": R ? `${R}px` : void 0,
-        ...e.style
-      },
-      children: b && n
-    }
-  );
-});
-function H(e) {
-  return e ? "open" : "closed";
-}
-var Oe = J, Te = Q, ke = W, C = "Accordion", De = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [L, Me, Ve] = Ne(C), [P] = z(C, [
-  Ve,
-  q
-]), 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, $e] = P(C), [ee, He] = P(
-  C,
-  { collapsible: !1 }
-), Le = u.forwardRef(
-  (e, a) => {
-    const {
-      value: o,
-      defaultValue: t,
-      onValueChange: n = () => {
-      },
-      collapsible: r = !1,
-      ...c
-    } = e, [s, l] = M({
-      prop: o,
-      defaultProp: t ?? "",
-      onChange: n,
-      caller: C
-    });
-    return /* @__PURE__ */ i(
-      Z,
-      {
-        scope: e.__scopeAccordion,
-        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 }) })
-      }
-    );
-  }
-), je = u.forwardRef((e, a) => {
-  const {
-    value: o,
-    defaultValue: t,
-    onValueChange: n = () => {
-    },
-    ...r
-  } = e, [c, s] = M({
-    prop: o,
-    defaultProp: t ?? [],
-    onChange: n,
-    caller: C
-  }), l = u.useCallback(
-    (m) => s((v = []) => [...v, m]),
-    [s]
-  ), p = u.useCallback(
-    (m) => s((v = []) => v.filter((x) => x !== m)),
-    [s]
-  );
-  return /* @__PURE__ */ i(
-    Z,
-    {
-      scope: e.__scopeAccordion,
-      value: c,
-      onItemOpen: l,
-      onItemClose: p,
-      children: /* @__PURE__ */ i(ee, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ i(oe, { ...r, ref: a }) })
-    }
-  );
-}), [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 = F(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 I = 0, S = h - 1, O = () => {
-        d = A + 1, d > S && (d = I);
-      }, T = () => {
-        d = A - 1, d < I && (d = S);
-      };
-      switch (g.key) {
-        case "Home":
-          d = I;
-          break;
-        case "End":
-          d = S;
-          break;
-        case "ArrowRight":
-          r === "horizontal" && (v ? O() : T());
-          break;
-        case "ArrowDown":
-          r === "vertical" && O();
-          break;
-        case "ArrowLeft":
-          r === "horizontal" && (v ? T() : O());
-          break;
-        case "ArrowUp":
-          r === "vertical" && T();
-          break;
-      }
-      const fe = d % h;
-      b[fe].ref.current?.focus();
-    });
-    return /* @__PURE__ */ i(
-      Ge,
-      {
-        scope: o,
-        disabled: t,
-        direction: n,
-        orientation: r,
-        children: /* @__PURE__ */ i(L.Slot, { scope: o, children: /* @__PURE__ */ i(
-          y.div,
-          {
-            ...c,
-            "data-orientation": r,
-            ref: l,
-            onKeyDown: t ? void 0 : x
-          }
-        ) })
-      }
-    );
-  }
-), 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: l,
-        children: /* @__PURE__ */ i(
-          Oe,
-          {
-            "data-orientation": r.orientation,
-            "data-state": se(p),
-            ...s,
-            ...n,
-            ref: a,
-            disabled: m,
-            open: p,
-            onOpenChange: (v) => {
-              v ? c.onItemOpen(t) : c.onItemClose(t);
-            }
-          }
-        )
-      }
-    );
-  }
-);
-te.displayName = N;
-var re = "AccordionHeader", ne = u.forwardRef(
-  (e, a) => {
-    const { __scopeAccordion: o, ...t } = e, n = E(C, o), r = G(re, o);
-    return /* @__PURE__ */ i(
-      y.h3,
-      {
-        "data-orientation": n.orientation,
-        "data-state": se(r.open),
-        "data-disabled": r.disabled ? "" : void 0,
-        ...t,
-        ref: a
-      }
-    );
-  }
-);
-ne.displayName = re;
-var D = "AccordionTrigger", ie = u.forwardRef(
-  (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": n.orientation,
-        id: r.triggerId,
-        ...s,
-        ...t,
-        ref: a
-      }
-    ) });
-  }
-);
-ie.displayName = D;
-var ae = "AccordionContent", ce = u.forwardRef(
-  (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": n.orientation,
-        ...c,
-        ...t,
-        ref: a,
-        style: {
-          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
-          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
-          ...e.style
-        }
-      }
-    );
-  }
-);
-ce.displayName = ae;
-function se(e) {
-  return e ? "open" : "closed";
-}
-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"
-}, 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"
-}, le = ge({ variant: "default" }), de = ({
-  className: e,
-  ref: a,
-  variant: o = "default",
-  ...t
-}) => {
-  const { autoScroll: n = "never", scrollPadding: r = -20, children: c, ...s } = t, l = {
-    autoScroll: n,
-    scrollPadding: r
-  }, p = {
-    ...s,
-    ref: a
-  };
-  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",
-      ...t.type === "single" ? { collapsible: !0 } : {},
-      children: be.map(c, (m) => Ae(m) ? he(m, { variant: o }) : m)
-    }
-  ) });
-};
-de.displayName = "Accordion";
-const pe = ({
-  className: e,
-  ref: a,
-  ...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 });
-};
-pe.displayName = "AccordionItem";
-const me = ({
-  ref: e,
-  className: a,
-  title: o,
-  subtitle: t,
-  ...n
-}) => {
-  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__ */ i(Be, { className: "m-0 flex", children: /* @__PURE__ */ K(
-    Ue,
-    {
-      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",
-      onClick: c,
-      ref: s,
-      ...n,
-      children: [
-        /* @__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__ */ i(ve, { className: "shrink-0 transition-transform duration-200" })
-      ]
-    }
-  ) });
-};
-me.displayName = "AccordionTrigger";
-const ue = ({
-  ref: e,
-  className: a,
-  children: o,
-  ...t
-}) => /* @__PURE__ */ i(
-  qe,
-  {
-    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",
-    ref: e,
-    ...t,
-    children: /* @__PURE__ */ i("div", { className: "px-1 pt-0 pb-4", "data-slot": "accordion-content-inner", children: o })
-  }
-);
-ue.displayName = "AccordionContent";
-const At = Object.assign(de, {
-  Content: ue,
-  Item: pe,
-  Trigger: me
-});
-export {
-  At as Accordion,
-  ue as AccordionContent,
-  pe as AccordionItem,
-  me as AccordionTrigger
-};
+import "./hooks/useAccordionAutoScroll.js";
+import { i as e, n as t, r as n, t as r } from "./Accordion-CDXdSAST.js";
+export { r as Accordion, t as AccordionContent, n as AccordionItem, e as AccordionTrigger };