@spear-ai/spectral 1.3.21 → 1.3.23

package/dist/Icons/ZoomAllIcon.js

@@ -1,28 +1,60 @@
 "use client";
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import k from "./IconBase.js";
-import { forwardRef as u } from "react";
-const L = ({ className: r, ariaHidden: t, title: e = "Instagram", description: n, size: s = 24 }, i) => /* @__PURE__ */ d(
-  k,
-  {
-    size: s,
-    className: r,
-    title: e,
-    description: n,
-    "aria-hidden": t,
-    ref: i,
-    children: [
-      /* @__PURE__ */ o("path", { d: "M18 9L21 12L18 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ o("path", { d: "M15 12H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ o("path", { d: "M6 9L3 12L6 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ o("path", { d: "M3 12H9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ o("path", { d: "M9 18L12 21L15 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ o("path", { d: "M12 15V21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ o("path", { d: "M15 6L12 3L9 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-      /* @__PURE__ */ o("path", { d: "M12 3V9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-    ]
-  }
-), h = u(L);
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import k, { SvgIdContext as L } from "./IconBase.js";
+import { forwardRef as h, useContext as l } from "react";
+const u = ({ className: e, ariaHidden: n, title: i = "Zoom All", description: d, size: s = 24 }, c) => {
+  const r = l(L);
+  return /* @__PURE__ */ t(
+    k,
+    {
+      size: s,
+      className: e,
+      title: i,
+      description: d,
+      "aria-hidden": n,
+      ref: c,
+      children: [
+        /* @__PURE__ */ t("g", { "clip-path": `url(#${r}-clip0)`, children: [
+          /* @__PURE__ */ o("path", { d: "M21 19L10 19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+          /* @__PURE__ */ o(
+            "path",
+            {
+              d: "M12 17L10 19L12 21",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ o(
+            "path",
+            {
+              d: "M19 21L21 19L19 17",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ o("path", { d: "M5 14L5 3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+          /* @__PURE__ */ o("path", { d: "M7 5L5 3L3 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+          /* @__PURE__ */ o("path", { d: "M3 12L5 14L7 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+          /* @__PURE__ */ o(
+            "path",
+            {
+              d: "M21 12C21 12.5304 20.7893 13.0391 20.4142 13.4142C20.0391 13.7893 19.5304 14 19 14L12 14C11.4696 14 10.9609 13.7893 10.5858 13.4142C10.2107 13.0391 10 12.5304 10 12L10 5C10 4.46957 10.2107 3.96086 10.5858 3.58579C10.9609 3.21071 11.4696 3 12 3L19 3C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5L21 12Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", { id: `${r}-clip0`, children: /* @__PURE__ */ o("rect", { width: "24", height: "24", fill: "white", transform: "matrix(-1 0 0 -1 24 24)" }) }) })
+      ]
+    }
+  );
+}, m = h(u);
 export {
-  h as ZoomAllIcon
+  m as ZoomAllIcon
 };

package/dist/Icons/ZoomXIcon.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import a from "./IconBase.js";
-import { forwardRef as c } from "react";
-const k = ({ className: r, ariaHidden: t, title: e = "Instagram", description: n, size: s = 24 }, i) => /* @__PURE__ */ d(
-  a,
+import c from "./IconBase.js";
+import { forwardRef as k } from "react";
+const a = ({ className: r, ariaHidden: t, title: e = "Zoom X Axis", description: n, size: i = 24 }, s) => /* @__PURE__ */ d(
+  c,
   {
-    size: s,
+    size: i,
     className: r,
     title: e,
     description: n,
     "aria-hidden": t,
-    ref: i,
+    ref: s,
     children: [
       /* @__PURE__ */ o(
         "path",
@@ -35,7 +35,7 @@ const k = ({ className: r, ariaHidden: t, title: e = "Instagram", description: n
       /* @__PURE__ */ o("path", { d: "M2.375 12H21.625", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
     ]
   }
-), m = c(k);
+), m = k(a);
 export {
   m as ZoomXIcon
 };

package/dist/Icons.js

@@ -1,52 +1,64 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { AnnotationsIcon as e } from "./Icons/AnnotationsIcon.js";
 import { CalendarIcon as n } from "./Icons/CalendarIcon.js";
 import { ClockIcon as m } from "./Icons/ClockIcon.js";
-import { DeleteIcon as p } from "./Icons/DeleteIcon.js";
-import { DurationIcon as I } from "./Icons/DurationIcon.js";
+import { DeleteIcon as I } from "./Icons/DeleteIcon.js";
+import { DurationIcon as x } from "./Icons/DurationIcon.js";
 import { EraserIcon as s } from "./Icons/EraserIcon.js";
 import { GoToFirstIcon as i } from "./Icons/GoToFirstIcon.js";
 import { GoToLastIcon as T } from "./Icons/GoToLastIcon.js";
-import { LabelIcon as Z } from "./Icons/LabelIcon.js";
-import { LassoIcon as y } from "./Icons/LassoIcon.js";
-import { LineToolIcon as C } from "./Icons/LineToolIcon.js";
-import { LiveViewIcon as G } from "./Icons/LiveViewIcon.js";
+import { InfoIcon as Z } from "./Icons/InfoIcon.js";
+import { LabelIcon as u } from "./Icons/LabelIcon.js";
+import { LassoIcon as A } from "./Icons/LassoIcon.js";
+import { LineToolIcon as D } from "./Icons/LineToolIcon.js";
+import { LiveViewIcon as P } from "./Icons/LiveViewIcon.js";
 import { LocationIcon as b } from "./Icons/LocationIcon.js";
-import { MetadataIcon as h } from "./Icons/MetadataIcon.js";
-import { OntologyIcon as v } from "./Icons/OntologyIcon.js";
-import { PlayIcon as E } from "./Icons/PlayIcon.js";
-import { PlusIcon as M } from "./Icons/PlusIcon.js";
-import { ResetIcon as R } from "./Icons/ResetIcon.js";
-import { ScissorsIcon as U } from "./Icons/ScissorsIcon.js";
-import { TrashIcon as X } from "./Icons/TrashIcon.js";
-import { UndoIcon as j } from "./Icons/UndoIcon.js";
-import { ZoomAllIcon as z } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as H } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as K } from "./Icons/ZoomYIcon.js";
+import { MetadataIcon as k } from "./Icons/MetadataIcon.js";
+import { OntologyIcon as w } from "./Icons/OntologyIcon.js";
+import { PlayIcon as F } from "./Icons/PlayIcon.js";
+import { PlusIcon as O } from "./Icons/PlusIcon.js";
+import { ResetIcon as U } from "./Icons/ResetIcon.js";
+import { ScissorsIcon as X } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as j } from "./Icons/SettingsIcon.js";
+import { TrashIcon as z } from "./Icons/TrashIcon.js";
+import { UndoIcon as H } from "./Icons/UndoIcon.js";
+import { ZoomAllIcon as K } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as Q } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as _ } from "./Icons/ZoomYIcon.js";
 export {
   e as AnnotationsIcon,
   n as CalendarIcon,
   m as ClockIcon,
-  p as DeleteIcon,
-  I as DurationIcon,
+  I as DeleteIcon,
+  x as DurationIcon,
   s as EraserIcon,
   i as GoToFirstIcon,
   T as GoToLastIcon,
-  Z as LabelIcon,
-  y as LassoIcon,
-  C as LineToolIcon,
-  G as LiveViewIcon,
+  Z as InfoIcon,
+  u as LabelIcon,
+  A as LassoIcon,
+  D as LineToolIcon,
+  P as LiveViewIcon,
   b as LocationIcon,
-  h as MetadataIcon,
-  v as OntologyIcon,
-  E as PlayIcon,
-  M as PlusIcon,
-  R as ResetIcon,
-  U as ScissorsIcon,
-  X as TrashIcon,
-  j as UndoIcon,
-  z as ZoomAllIcon,
-  H as ZoomXIcon,
-  K as ZoomYIcon
+  k as MetadataIcon,
+  w as OntologyIcon,
+  F as PlayIcon,
+  O as PlusIcon,
+  U as ResetIcon,
+  X as ScissorsIcon,
+  j as SettingsIcon,
+  z as TrashIcon,
+  H as UndoIcon,
+  K as ZoomAllIcon,
+  Q as ZoomXIcon,
+  _ as ZoomYIcon
 };

package/dist/Label.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as l } from "react/jsx-runtime";
 import { c as s } from "./twUtils-CRiPKpXj.js";
 import { c as t } from "./index-CRBC94ik.js";

package/dist/Popover.js

@@ -1,23 +1,31 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as s } from "react/jsx-runtime";
 import * as i from "react";
 import { u as L, c as z, a as G, P as x, b as H, d as O, e as _, f as P, g as K, D as j } from "./index-B7LSgz_k.js";
 import { h as U, R as V, u as W, F as Z } from "./index-gg2zpNk0.js";
-import { c as b, R as q, A as w, C as B, a as J } from "./index-sDEISz8i.js";
+import { c as w, R as q, A as b, C as B, a as J } from "./index-sDEISz8i.js";
 import { c as Q } from "./twUtils-CRiPKpXj.js";
 var C = "Popover", [E, he] = z(C, [
-  b
-]), g = b(), [X, l] = E(C), F = (e) => {
+  w
+]), g = w(), [X, l] = E(C), F = (e) => {
   const {
-    __scopePopover: n,
+    __scopePopover: a,
     children: t,
-    open: a,
+    open: n,
     defaultOpen: o,
     onOpenChange: r,
     modal: c = !1
-  } = e, p = g(n), f = i.useRef(null), [v, h] = i.useState(!1), [m, u] = L({
-    prop: a,
+  } = e, p = g(a), f = i.useRef(null), [v, h] = i.useState(!1), [m, u] = L({
+    prop: n,
     defaultProp: o ?? !1,
     onChange: r,
     caller: C
@@ -25,7 +33,7 @@ var C = "Popover", [E, he] = z(C, [
   return /* @__PURE__ */ s(q, { ...p, children: /* @__PURE__ */ s(
     X,
     {
-      scope: n,
+      scope: a,
       contentId: G(),
       triggerRef: f,
       open: m,
@@ -41,15 +49,15 @@ var C = "Popover", [E, he] = z(C, [
 };
 F.displayName = C;
 var N = "PopoverAnchor", S = i.forwardRef(
-  (e, n) => {
-    const { __scopePopover: t, ...a } = e, o = l(N, t), r = g(t), { onCustomAnchorAdd: c, onCustomAnchorRemove: p } = o;
-    return i.useEffect(() => (c(), () => p()), [c, p]), /* @__PURE__ */ s(w, { ...r, ...a, ref: n });
+  (e, a) => {
+    const { __scopePopover: t, ...n } = e, o = l(N, t), r = g(t), { onCustomAnchorAdd: c, onCustomAnchorRemove: p } = o;
+    return i.useEffect(() => (c(), () => p()), [c, p]), /* @__PURE__ */ s(b, { ...r, ...n, ref: a });
   }
 );
 S.displayName = N;
 var y = "PopoverTrigger", D = i.forwardRef(
-  (e, n) => {
-    const { __scopePopover: t, ...a } = e, o = l(y, t), r = g(t), c = O(n, o.triggerRef), p = /* @__PURE__ */ s(
+  (e, a) => {
+    const { __scopePopover: t, ...n } = e, o = l(y, t), r = g(t), c = O(a, o.triggerRef), p = /* @__PURE__ */ s(
       _.button,
       {
         type: "button",
@@ -57,34 +65,34 @@ var y = "PopoverTrigger", D = i.forwardRef(
         "aria-expanded": o.open,
         "aria-controls": o.contentId,
         "data-state": $(o.open),
-        ...a,
+        ...n,
         ref: c,
         onClick: P(e.onClick, o.onOpenToggle)
       }
     );
-    return o.hasCustomAnchor ? p : /* @__PURE__ */ s(w, { asChild: !0, ...r, children: p });
+    return o.hasCustomAnchor ? p : /* @__PURE__ */ s(b, { asChild: !0, ...r, children: p });
   }
 );
 D.displayName = y;
 var A = "PopoverPortal", [Y, ee] = E(A, {
   forceMount: void 0
 }), M = (e) => {
-  const { __scopePopover: n, forceMount: t, children: a, container: o } = e, r = l(A, n);
-  return /* @__PURE__ */ s(Y, { scope: n, forceMount: t, children: /* @__PURE__ */ s(x, { present: t || r.open, children: /* @__PURE__ */ s(H, { asChild: !0, container: o, children: a }) }) });
+  const { __scopePopover: a, forceMount: t, children: n, container: o } = e, r = l(A, a);
+  return /* @__PURE__ */ s(Y, { scope: a, forceMount: t, children: /* @__PURE__ */ s(x, { present: t || r.open, children: /* @__PURE__ */ s(H, { asChild: !0, container: o, children: n }) }) });
 };
 M.displayName = A;
 var d = "PopoverContent", T = i.forwardRef(
-  (e, n) => {
-    const t = ee(d, e.__scopePopover), { forceMount: a = t.forceMount, ...o } = e, r = l(d, e.__scopePopover);
-    return /* @__PURE__ */ s(x, { present: a || r.open, children: r.modal ? /* @__PURE__ */ s(te, { ...o, ref: n }) : /* @__PURE__ */ s(re, { ...o, ref: n }) });
+  (e, a) => {
+    const t = ee(d, e.__scopePopover), { forceMount: n = t.forceMount, ...o } = e, r = l(d, e.__scopePopover);
+    return /* @__PURE__ */ s(x, { present: n || r.open, children: r.modal ? /* @__PURE__ */ s(te, { ...o, ref: a }) : /* @__PURE__ */ s(re, { ...o, ref: a }) });
   }
 );
 T.displayName = d;
 var oe = K("PopoverContent.RemoveScroll"), te = i.forwardRef(
-  (e, n) => {
-    const t = l(d, e.__scopePopover), a = i.useRef(null), o = O(n, a), r = i.useRef(!1);
+  (e, a) => {
+    const t = l(d, e.__scopePopover), n = i.useRef(null), o = O(a, n), r = i.useRef(!1);
     return i.useEffect(() => {
-      const c = a.current;
+      const c = n.current;
       if (c) return U(c);
     }, []), /* @__PURE__ */ s(V, { as: oe, allowPinchZoom: !0, children: /* @__PURE__ */ s(
       k,
@@ -113,20 +121,20 @@ var oe = K("PopoverContent.RemoveScroll"), te = i.forwardRef(
     ) });
   }
 ), re = i.forwardRef(
-  (e, n) => {
-    const t = l(d, e.__scopePopover), a = i.useRef(!1), o = i.useRef(!1);
+  (e, a) => {
+    const t = l(d, e.__scopePopover), n = i.useRef(!1), o = i.useRef(!1);
     return /* @__PURE__ */ s(
       k,
       {
         ...e,
-        ref: n,
+        ref: a,
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (r) => {
-          e.onCloseAutoFocus?.(r), r.defaultPrevented || (a.current || t.triggerRef.current?.focus(), r.preventDefault()), a.current = !1, o.current = !1;
+          e.onCloseAutoFocus?.(r), r.defaultPrevented || (n.current || t.triggerRef.current?.focus(), r.preventDefault()), n.current = !1, o.current = !1;
         },
         onInteractOutside: (r) => {
-          e.onInteractOutside?.(r), r.defaultPrevented || (a.current = !0, r.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+          e.onInteractOutside?.(r), r.defaultPrevented || (n.current = !0, r.detail.originalEvent.type === "pointerdown" && (o.current = !0));
           const c = r.target;
           t.triggerRef.current?.contains(c) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && o.current && r.preventDefault();
         }
@@ -134,10 +142,10 @@ var oe = K("PopoverContent.RemoveScroll"), te = i.forwardRef(
     );
   }
 ), k = i.forwardRef(
-  (e, n) => {
+  (e, a) => {
     const {
       __scopePopover: t,
-      trapFocus: a,
+      trapFocus: n,
       onOpenAutoFocus: o,
       onCloseAutoFocus: r,
       disableOutsidePointerEvents: c,
@@ -152,7 +160,7 @@ var oe = K("PopoverContent.RemoveScroll"), te = i.forwardRef(
       {
         asChild: !0,
         loop: !0,
-        trapped: a,
+        trapped: n,
         onMountAutoFocus: o,
         onUnmountAutoFocus: r,
         children: /* @__PURE__ */ s(
@@ -173,7 +181,7 @@ var oe = K("PopoverContent.RemoveScroll"), te = i.forwardRef(
                 id: u.contentId,
                 ...R,
                 ...m,
-                ref: n,
+                ref: a,
                 style: {
                   ...m.style,
                   "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
@@ -190,14 +198,14 @@ var oe = K("PopoverContent.RemoveScroll"), te = i.forwardRef(
     );
   }
 ), I = "PopoverClose", ne = i.forwardRef(
-  (e, n) => {
-    const { __scopePopover: t, ...a } = e, o = l(I, t);
+  (e, a) => {
+    const { __scopePopover: t, ...n } = e, o = l(I, t);
     return /* @__PURE__ */ s(
       _.button,
       {
         type: "button",
-        ...a,
-        ref: n,
+        ...n,
+        ref: a,
         onClick: P(e.onClick, () => o.onOpenChange(!1))
       }
     );
@@ -205,9 +213,9 @@ var oe = K("PopoverContent.RemoveScroll"), te = i.forwardRef(
 );
 ne.displayName = I;
 var ae = "PopoverArrow", se = i.forwardRef(
-  (e, n) => {
-    const { __scopePopover: t, ...a } = e, o = g(t);
-    return /* @__PURE__ */ s(J, { ...o, ...a, ref: n });
+  (e, a) => {
+    const { __scopePopover: t, ...n } = e, o = g(t);
+    return /* @__PURE__ */ s(J, { ...o, ...n, ref: a });
   }
 );
 se.displayName = ae;
@@ -221,12 +229,18 @@ function me({ ...e }) {
 function Ce({ ...e }) {
   return /* @__PURE__ */ s(pe, { asChild: !0, "data-slot": "popover-trigger", ...e });
 }
-function Re({ className: e, align: n = "center", sideOffset: t = 4, width: a = 320, ...o }) {
+function Re({
+  className: e,
+  align: a = "center",
+  sideOffset: t = 4,
+  width: n = "w-fit",
+  ...o
+}) {
   return /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(
     ue,
     {
       "data-slot": "popover-content",
-      align: n,
+      align: a,
       sideOffset: t,
       className: Q(
         "bg-popover-bg text-popover-text data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
@@ -235,7 +249,7 @@ function Re({ className: e, align: n = "center", sideOffset: t = 4, width: a = 3
         "max-h-[var(--radix-popover-content-max-height)] origin-(--radix-popover-content-transform-origin) rounded-lg border-none p-4 shadow-md outline-hidden",
         e
       ),
-      style: { width: `${a}px` },
+      style: { width: `${n ? `${n}px` : "w-fit"}` },
       ...o
     }
   ) });