@spear-ai/spectral 1.3.61 → 1.3.63

package/dist/HoverCard.d.ts

@@ -0,0 +1,29 @@
+import { ComponentProps } from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+type Side = 'top' | 'right' | 'bottom' | 'left';
+type Align = 'start' | 'center' | 'end';
+export type HoverCardProps = ComponentProps<typeof HoverCardPrimitive.Root> & {
+    side?: Side;
+    sideOffset?: number;
+    align?: Align;
+    alignOffset?: number;
+    collisionBoundary?: Element | null | Array<Element | null>;
+    collisionPadding?: number | Partial<Record<Side, number>>;
+    width?: number | string;
+};
+export declare const HoverCard: {
+    ({ ...props }: ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const HoverCardTrigger: {
+    ({ ...props }: ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const HoverCardContent: {
+    ({ className, align, sideOffset, side, width, ...props }: ComponentProps<typeof HoverCardPrimitive.Content> & {
+        width?: number | "w-fit" | "trigger-width";
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=HoverCard.d.ts.map

package/dist/HoverCard.js

@@ -0,0 +1,207 @@
+"use client";
+import "./styles/main.css";
+import { jsx as s } from "react/jsx-runtime";
+import * as a from "react";
+import { u as k, c as F, b as l, P as I, a as U } from "./index-BhufZRa2.js";
+import { c as T, R as $, A as W, C as z, a as B } from "./index-NzygPVvJ.js";
+import { P as G, D as K } from "./index-B2oBi8ng.js";
+import { P as E } from "./index-6Abv_Flm.js";
+import { cn as j } from "./utils/twUtils.js";
+var x, b = "HoverCard", [y] = F(b, [
+  T
+]), S = T(), [V, w] = y(b), N = (e) => {
+  const {
+    __scopeHoverCard: t,
+    children: o,
+    open: i,
+    defaultOpen: n,
+    onOpenChange: c,
+    openDelay: f = 700,
+    closeDelay: v = 300
+  } = e, d = S(t), C = a.useRef(0), u = a.useRef(0), m = a.useRef(!1), p = a.useRef(!1), [h, r] = k({
+    prop: i,
+    defaultProp: n ?? !1,
+    onChange: c,
+    caller: b
+  }), g = a.useCallback(() => {
+    clearTimeout(u.current), C.current = window.setTimeout(() => r(!0), f);
+  }, [f, r]), L = a.useCallback(() => {
+    clearTimeout(C.current), !m.current && !p.current && (u.current = window.setTimeout(() => r(!1), v));
+  }, [v, r]), M = a.useCallback(() => r(!1), [r]);
+  return a.useEffect(() => () => {
+    clearTimeout(C.current), clearTimeout(u.current);
+  }, []), /* @__PURE__ */ s(
+    V,
+    {
+      scope: t,
+      open: h,
+      onOpenChange: r,
+      onOpen: g,
+      onClose: L,
+      onDismiss: M,
+      hasSelectionRef: m,
+      isPointerDownOnContentRef: p,
+      children: /* @__PURE__ */ s($, { ...d, children: o })
+    }
+  );
+};
+N.displayName = b;
+var O = "HoverCardTrigger", _ = a.forwardRef(
+  (e, t) => {
+    const { __scopeHoverCard: o, ...i } = e, n = w(O, o), c = S(o);
+    return /* @__PURE__ */ s(W, { asChild: !0, ...c, children: /* @__PURE__ */ s(
+      I.a,
+      {
+        "data-state": n.open ? "open" : "closed",
+        ...i,
+        ref: t,
+        onPointerEnter: l(e.onPointerEnter, R(n.onOpen)),
+        onPointerLeave: l(e.onPointerLeave, R(n.onClose)),
+        onFocus: l(e.onFocus, n.onOpen),
+        onBlur: l(e.onBlur, n.onClose),
+        onTouchStart: l(e.onTouchStart, (f) => f.preventDefault())
+      }
+    ) });
+  }
+);
+_.displayName = O;
+var H = "HoverCardPortal", [q, J] = y(H, {
+  forceMount: void 0
+}), D = (e) => {
+  const { __scopeHoverCard: t, forceMount: o, children: i, container: n } = e, c = w(H, t);
+  return /* @__PURE__ */ s(q, { scope: t, forceMount: o, children: /* @__PURE__ */ s(E, { present: o || c.open, children: /* @__PURE__ */ s(G, { asChild: !0, container: n, children: i }) }) });
+};
+D.displayName = H;
+var P = "HoverCardContent", A = a.forwardRef(
+  (e, t) => {
+    const o = J(P, e.__scopeHoverCard), { forceMount: i = o.forceMount, ...n } = e, c = w(P, e.__scopeHoverCard);
+    return /* @__PURE__ */ s(E, { present: i || c.open, children: /* @__PURE__ */ s(
+      Q,
+      {
+        "data-state": c.open ? "open" : "closed",
+        ...n,
+        onPointerEnter: l(e.onPointerEnter, R(c.onOpen)),
+        onPointerLeave: l(e.onPointerLeave, R(c.onClose)),
+        ref: t
+      }
+    ) });
+  }
+);
+A.displayName = P;
+var Q = a.forwardRef((e, t) => {
+  const {
+    __scopeHoverCard: o,
+    onEscapeKeyDown: i,
+    onPointerDownOutside: n,
+    onFocusOutside: c,
+    onInteractOutside: f,
+    ...v
+  } = e, d = w(P, o), C = S(o), u = a.useRef(null), m = U(t, u), [p, h] = a.useState(!1);
+  return a.useEffect(() => {
+    if (p) {
+      const r = document.body;
+      return x = r.style.userSelect || r.style.webkitUserSelect, r.style.userSelect = "none", r.style.webkitUserSelect = "none", () => {
+        r.style.userSelect = x, r.style.webkitUserSelect = x;
+      };
+    }
+  }, [p]), a.useEffect(() => {
+    if (u.current) {
+      const r = () => {
+        h(!1), d.isPointerDownOnContentRef.current = !1, setTimeout(() => {
+          document.getSelection()?.toString() !== "" && (d.hasSelectionRef.current = !0);
+        });
+      };
+      return document.addEventListener("pointerup", r), () => {
+        document.removeEventListener("pointerup", r), d.hasSelectionRef.current = !1, d.isPointerDownOnContentRef.current = !1;
+      };
+    }
+  }, [d.isPointerDownOnContentRef, d.hasSelectionRef]), a.useEffect(() => {
+    u.current && Z(u.current).forEach((g) => g.setAttribute("tabindex", "-1"));
+  }), /* @__PURE__ */ s(
+    K,
+    {
+      asChild: !0,
+      disableOutsidePointerEvents: !1,
+      onInteractOutside: f,
+      onEscapeKeyDown: i,
+      onPointerDownOutside: n,
+      onFocusOutside: l(c, (r) => {
+        r.preventDefault();
+      }),
+      onDismiss: d.onDismiss,
+      children: /* @__PURE__ */ s(
+        z,
+        {
+          ...C,
+          ...v,
+          onPointerDown: l(v.onPointerDown, (r) => {
+            r.currentTarget.contains(r.target) && h(!0), d.hasSelectionRef.current = !1, d.isPointerDownOnContentRef.current = !0;
+          }),
+          ref: m,
+          style: {
+            ...v.style,
+            userSelect: p ? "text" : void 0,
+            // Safari requires prefix
+            WebkitUserSelect: p ? "text" : void 0,
+            "--radix-hover-card-content-transform-origin": "var(--radix-popper-transform-origin)",
+            "--radix-hover-card-content-available-width": "var(--radix-popper-available-width)",
+            "--radix-hover-card-content-available-height": "var(--radix-popper-available-height)",
+            "--radix-hover-card-trigger-width": "var(--radix-popper-anchor-width)",
+            "--radix-hover-card-trigger-height": "var(--radix-popper-anchor-height)"
+          }
+        }
+      )
+    }
+  );
+}), X = "HoverCardArrow", Y = a.forwardRef(
+  (e, t) => {
+    const { __scopeHoverCard: o, ...i } = e, n = S(o);
+    return /* @__PURE__ */ s(B, { ...n, ...i, ref: t });
+  }
+);
+Y.displayName = X;
+function R(e) {
+  return (t) => t.pointerType === "touch" ? void 0 : e();
+}
+function Z(e) {
+  const t = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (i) => i.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
+  });
+  for (; o.nextNode(); ) t.push(o.currentNode);
+  return t;
+}
+var ee = N, re = _, te = D, oe = A;
+const ne = ({ ...e }) => /* @__PURE__ */ s(ee, { "data-slot": "hover-card", ...e });
+ne.displayName = "HoverCard";
+const ae = ({ ...e }) => /* @__PURE__ */ s(re, { "data-slot": "hover-card-trigger", ...e });
+ae.displayName = "HoverCardTrigger";
+const se = ({
+  className: e,
+  align: t = "center",
+  sideOffset: o = 4,
+  side: i = "bottom",
+  width: n = 380,
+  ...c
+}) => /* @__PURE__ */ s(te, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ s(
+  oe,
+  {
+    "data-slot": "hover-card-content",
+    align: t,
+    side: i,
+    sideOffset: o,
+    className: j(
+      "bg-popover-bg text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-[--radix-hover-card-content-transform-origin] rounded-lg p-5 shadow-lg outline-none",
+      e
+    ),
+    style: {
+      width: typeof n == "number" ? `${n}px` : n === "trigger-width" ? "var(--radix-hover-card-trigger-width)" : "fit-content"
+    },
+    ...c
+  }
+) });
+se.displayName = "HoverCardContent";
+export {
+  ne as HoverCard,
+  se as HoverCardContent,
+  ae as HoverCardTrigger
+};

package/dist/Icons/CheckmarkIcon.js

@@ -1,20 +1,20 @@
 "use client";
 import "../styles/main.css";
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import m from "./IconBase.js";
-import { forwardRef as i } from "react";
-const h = ({ className: r, ariaHidden: e, title: n = "Checkmark", description: t, size: c = 24, ...k }, s) => /* @__PURE__ */ a(
-  m,
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import i from "./IconBase.js";
+import { forwardRef as h } from "react";
+const p = ({ className: r, ariaHidden: e, title: n = "Checkmark", description: t, size: c = 24, strokeWidth: k = 2, ...a }, m) => /* @__PURE__ */ s(
+  i,
   {
     size: c,
     className: r,
     title: n,
     description: t,
     ariaHidden: e,
-    ref: s,
-    ...k,
+    ref: m,
+    ...a,
     stroke: "currentColor",
-    strokeWidth: "2",
+    strokeWidth: k,
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
@@ -22,7 +22,7 @@ const h = ({ className: r, ariaHidden: e, title: n = "Checkmark", description: t
       /* @__PURE__ */ o("path", { d: "M5 12l5 5l10 -10" })
     ]
   }
-), d = i(h);
+), d = h(p);
 d.displayName = "CheckmarkIcon";
 export {
   d as CheckmarkIcon

package/dist/Icons/MessagesIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './iconTypes';
+export declare const MessagesIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=MessagesIcon.d.ts.map

package/dist/Icons/MessagesIcon.js

@@ -0,0 +1,31 @@
+"use client";
+import "../styles/main.css";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import i from "./IconBase.js";
+import { forwardRef as p } from "react";
+const c = ({ className: e, ariaHidden: s, title: r = "Messages", description: n, size: t = 24, ...a }, h) => /* @__PURE__ */ d(
+  i,
+  {
+    size: t,
+    className: e,
+    title: r,
+    description: n,
+    ariaHidden: s,
+    ref: h,
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...a,
+    children: [
+      /* @__PURE__ */ o("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ o("path", { d: "M8 9h8" }),
+      /* @__PURE__ */ o("path", { d: "M8 13h6" }),
+      /* @__PURE__ */ o("path", { d: "M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12z" })
+    ]
+  }
+), M = p(c);
+M.displayName = "MessagesIcon";
+export {
+  M as MessagesIcon
+};

package/dist/Icons/MinusIcon.js

@@ -1,26 +1,26 @@
 "use client";
 import "../styles/main.css";
 import { jsx as o } from "react/jsx-runtime";
-import u from "./IconBase.js";
-import { forwardRef as d } from "react";
-const m = ({ className: r, ariaHidden: n, title: t = "Minus", description: e, size: i = 24, ...s }, c) => /* @__PURE__ */ o(
-  u,
+import m from "./IconBase.js";
+import { forwardRef as p } from "react";
+const a = ({ className: r, ariaHidden: n, title: e = "Minus", description: i, strokeWidth: s = 2, size: t = 24, ...c }, u) => /* @__PURE__ */ o(
+  m,
   {
-    size: i,
+    size: t,
     className: r,
-    title: t,
-    description: e,
+    title: e,
+    description: i,
     ariaHidden: n,
-    ref: c,
+    ref: u,
     stroke: "currentColor",
-    strokeWidth: "2",
+    strokeWidth: s,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...s,
+    ...c,
     children: /* @__PURE__ */ o("path", { d: "M5 12l14 0" })
   }
-), p = d(m);
-p.displayName = "MinusIcon";
+), d = p(a);
+d.displayName = "MinusIcon";
 export {
-  p as MinusIcon
+  d as MinusIcon
 };

package/dist/Icons/index.d.ts

@@ -28,6 +28,7 @@ export { LiveViewIcon } from './LiveViewIcon';
 export { LoaderIcon } from './LoaderIcon';
 export { LocationIcon } from './LocationIcon';
 export { LogoutIcon } from './LogoutIcon';
+export { MessagesIcon } from './MessagesIcon';
 export { MetadataIcon } from './MetadataIcon';
 export { MinusIcon } from './MinusIcon';
 export { OntologyIcon } from './OntologyIcon';

package/dist/Icons.js

@@ -3,19 +3,19 @@ import { CalendarIcon as t } from "./Icons/CalendarIcon.js";
 import { CheckCircleIcon as m } from "./Icons/CheckCircleIcon.js";
 import { CheckSquareIcon as f } from "./Icons/CheckSquareIcon.js";
 import { CheckmarkIcon as x } from "./Icons/CheckmarkIcon.js";
-import { ChevronDownIcon as s } from "./Icons/ChevronDownIcon.js";
+import { ChevronDownIcon as a } from "./Icons/ChevronDownIcon.js";
 import { ChevronUpIcon as i } from "./Icons/ChevronUpIcon.js";
 import { ClockIcon as L } from "./Icons/ClockIcon.js";
 import { CloseCircleIcon as h } from "./Icons/CloseCircleIcon.js";
 import { CloseIcon as E } from "./Icons/CloseIcon.js";
-import { DashboardIcon as y } from "./Icons/DashboardIcon.js";
+import { DashboardIcon as k } from "./Icons/DashboardIcon.js";
 import { DeleteIcon as D } from "./Icons/DeleteIcon.js";
 import { DurationIcon as T } from "./Icons/DurationIcon.js";
-import { EmailIcon as O } from "./Icons/EmailIcon.js";
-import { EraserIcon as U } from "./Icons/EraserIcon.js";
-import { ErrorIcon as b } from "./Icons/ErrorIcon.js";
-import { EyeClosedIcon as A } from "./Icons/EyeClosedIcon.js";
-import { EyeClosedIcon2 as M } from "./Icons/EyeClosedIcon2.js";
+import { EmailIcon as M } from "./Icons/EmailIcon.js";
+import { EraserIcon as S } from "./Icons/EraserIcon.js";
+import { ErrorIcon as Z } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as w } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as G } from "./Icons/EyeClosedIcon2.js";
 import { EyeOpenIcon as F } from "./Icons/EyeOpenIcon.js";
 import { GoToFirstIcon as R } from "./Icons/GoToFirstIcon.js";
 import { GoToLastIcon as W } from "./Icons/GoToLastIcon.js";
@@ -28,42 +28,43 @@ import { LiveViewIcon as oo } from "./Icons/LiveViewIcon.js";
 import { LoaderIcon as eo } from "./Icons/LoaderIcon.js";
 import { LocationIcon as to } from "./Icons/LocationIcon.js";
 import { LogoutIcon as mo } from "./Icons/LogoutIcon.js";
-import { MetadataIcon as fo } from "./Icons/MetadataIcon.js";
-import { MinusIcon as xo } from "./Icons/MinusIcon.js";
-import { OntologyIcon as so } from "./Icons/OntologyIcon.js";
-import { PanelIconClose as io } from "./Icons/PanelIconClose.js";
-import { PanelIconOpen as Lo } from "./Icons/PanelIconOpen.js";
-import { PlayIcon as uo } from "./Icons/PlayIcon.js";
-import { PlusIcon as ko } from "./Icons/PlusIcon.js";
-import { ResetIcon as go } from "./Icons/ResetIcon.js";
-import { ScissorsIcon as Po } from "./Icons/ScissorsIcon.js";
-import { SettingsIcon as vo } from "./Icons/SettingsIcon.js";
-import { TrashIcon as So } from "./Icons/TrashIcon.js";
-import { UndoIcon as Zo } from "./Icons/UndoIcon.js";
-import { UserIcon as wo } from "./Icons/UserIcon.js";
-import { WarningIcon as Go } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as qo } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as Ho } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as Vo } from "./Icons/ZoomYIcon.js";
+import { MessagesIcon as fo } from "./Icons/MessagesIcon.js";
+import { MetadataIcon as xo } from "./Icons/MetadataIcon.js";
+import { MinusIcon as ao } from "./Icons/MinusIcon.js";
+import { OntologyIcon as io } from "./Icons/OntologyIcon.js";
+import { PanelIconClose as Lo } from "./Icons/PanelIconClose.js";
+import { PanelIconOpen as uo } from "./Icons/PanelIconOpen.js";
+import { PlayIcon as go } from "./Icons/PlayIcon.js";
+import { PlusIcon as yo } from "./Icons/PlusIcon.js";
+import { ResetIcon as Po } from "./Icons/ResetIcon.js";
+import { ScissorsIcon as vo } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as Oo } from "./Icons/SettingsIcon.js";
+import { TrashIcon as Uo } from "./Icons/TrashIcon.js";
+import { UndoIcon as bo } from "./Icons/UndoIcon.js";
+import { UserIcon as Ao } from "./Icons/UserIcon.js";
+import { WarningIcon as qo } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as Ho } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as Vo } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as Xo } from "./Icons/ZoomYIcon.js";
 export {
   e as AnnotationsIcon,
   t as CalendarIcon,
   m as CheckCircleIcon,
   f as CheckSquareIcon,
   x as CheckmarkIcon,
-  s as ChevronDownIcon,
+  a as ChevronDownIcon,
   i as ChevronUpIcon,
   L as ClockIcon,
   h as CloseCircleIcon,
   E as CloseIcon,
-  y as DashboardIcon,
+  k as DashboardIcon,
   D as DeleteIcon,
   T as DurationIcon,
-  O as EmailIcon,
-  U as EraserIcon,
-  b as ErrorIcon,
-  A as EyeClosedIcon,
-  M as EyeClosedIcon2,
+  M as EmailIcon,
+  S as EraserIcon,
+  Z as ErrorIcon,
+  w as EyeClosedIcon,
+  G as EyeClosedIcon2,
   F as EyeOpenIcon,
   R as GoToFirstIcon,
   W as GoToLastIcon,
@@ -76,21 +77,22 @@ export {
   eo as LoaderIcon,
   to as LocationIcon,
   mo as LogoutIcon,
-  fo as MetadataIcon,
-  xo as MinusIcon,
-  so as OntologyIcon,
-  io as PanelIconClose,
-  Lo as PanelIconOpen,
-  uo as PlayIcon,
-  ko as PlusIcon,
-  go as ResetIcon,
-  Po as ScissorsIcon,
-  vo as SettingsIcon,
-  So as TrashIcon,
-  Zo as UndoIcon,
-  wo as UserIcon,
-  Go as WarningIcon,
-  qo as ZoomAllIcon,
-  Ho as ZoomXIcon,
-  Vo as ZoomYIcon
+  fo as MessagesIcon,
+  xo as MetadataIcon,
+  ao as MinusIcon,
+  io as OntologyIcon,
+  Lo as PanelIconClose,
+  uo as PanelIconOpen,
+  go as PlayIcon,
+  yo as PlusIcon,
+  Po as ResetIcon,
+  vo as ScissorsIcon,
+  Oo as SettingsIcon,
+  Uo as TrashIcon,
+  bo as UndoIcon,
+  Ao as UserIcon,
+  qo as WarningIcon,
+  Ho as ZoomAllIcon,
+  Vo as ZoomXIcon,
+  Xo as ZoomYIcon
 };

package/dist/Input.d.ts

@@ -4,6 +4,7 @@ export type InputType = 'text' | 'email' | 'url' | 'tel' | 'password' | 'number'
 export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id'> & BaseFormFieldProps & {
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
+    onValueChange?: (value: string) => void;
     readonly className?: string;
     readonly clearOnFocus?: boolean;
     readonly placeholder?: string;
@@ -18,6 +19,7 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id'> & Bas
 export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "id"> & BaseFormFieldProps & {
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
+    onValueChange?: (value: string) => void;
     readonly className?: string;
     readonly clearOnFocus?: boolean;
     readonly placeholder?: string;