@spear-ai/spectral 1.3.43 → 1.3.44

package/dist/Dialog/DialogBase.js

@@ -1,93 +1,92 @@
 "use client";
 import "../styles/main.css";
-import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import { c as u } from "../twUtils-CRiPKpXj.js";
+import { jsx as a, jsxs as w } from "react/jsx-runtime";
+import { c as d } from "../twUtils-CRiPKpXj.js";
 import { c as N } from "../index-CRBC94ik.js";
-import { createContext as z, useContext as L, useState as C, useMemo as w, useCallback as b, cloneElement as k, useEffect as x, useRef as O, isValidElement as y } from "react";
-import { createPortal as P } from "react-dom";
-import { c as T } from "../createLucideIcon-CI1yJrZf.js";
-/**
- * @license lucide-react v0.542.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const V = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], R = T("x", V), D = z(null);
+import { createContext as O, useContext as z, useState as y, useMemo as C, useCallback as b, cloneElement as D, useEffect as x, useRef as P, isValidElement as h } from "react";
+import { createPortal as T } from "react-dom";
+import { X as V } from "../x-BBpi7a_7.js";
+const k = O(null);
 function f() {
-  const e = L(D);
+  const e = z(k);
   if (!e)
     throw new Error("Dialog components must be used within <Dialog>");
   return e;
 }
-function E(e) {
-  return y(e) && typeof e.type != "string" ? !0 : y(e);
+function I(e) {
+  return h(e) && typeof e.type != "string" ? !0 : h(e);
 }
-let h = 0;
-function U({ open: e, defaultOpen: t = !1, onOpenChange: n, children: o }) {
-  const [c, s] = C(t), l = e !== void 0, m = l ? e : c, p = w(
+let v = 0;
+function S({ isOpen: e, defaultOpen: t = !1, onOpenChange: n, children: o }) {
+  const [c, r] = y(t), l = e !== void 0, m = l ? e : c, p = C(
     () => ({
-      contentId: `dialog-content-${++h}`,
-      titleId: `dialog-title-${h}`,
-      descriptionId: `dialog-description-${h}`
+      contentId: `dialog-content-${++v}`,
+      titleId: `dialog-title-${v}`,
+      descriptionId: `dialog-description-${v}`
     }),
     []
   ), g = b(
     (i) => {
-      l || s(i), n?.(i);
+      l || r(i), n?.(i);
     },
     [l, n]
-  ), d = w(
+  ), u = C(
     () => ({
-      open: m,
-      setOpen: g,
+      isOpen: m,
+      setIsOpen: g,
       ...p
     }),
     [m, g, p]
   );
-  return /* @__PURE__ */ a(D.Provider, { value: d, children: o });
+  return /* @__PURE__ */ a(k.Provider, { value: u, children: o });
 }
-function X({ children: e, asChild: t = !0 }) {
-  const { setOpen: n } = f(), o = b(() => {
+function U({ children: e, asChild: t = !0 }) {
+  const { setIsOpen: n } = f(), o = b(() => {
     n(!0);
   }, [n]);
   if (!t)
     return /* @__PURE__ */ a("button", { onClick: o, children: e });
-  if (!E(e))
+  if (!I(e))
     throw new Error("DialogTrigger expects a single React element as child");
-  return k(e, {
+  return D(e, {
     onClick: o
   });
 }
-function j({ children: e, asChild: t = !0 }) {
-  const { setOpen: n } = f(), o = b(() => {
+function L({ children: e, asChild: t = !0 }) {
+  const { setIsOpen: n } = f(), o = b(() => {
     n(!1);
   }, [n]);
   if (!t)
-    return /* @__PURE__ */ a("button", { onClick: o, children: e });
-  if (!E(e))
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        onClick: o,
+        className: "focus-visible:ring-ring cursor-pointer outline-transparent focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-none",
+        tabIndex: 0,
+        children: e
+      }
+    );
+  if (!I(e))
     throw new Error("DialogClose expects a single React element as child");
-  return k(e, {
+  return D(e, {
     onClick: o
   });
 }
-function B({ children: e, container: t }) {
-  const [n, o] = C(!1);
-  return x(() => (o(!0), () => o(!1)), []), n ? P(e, t ?? document.body) : null;
+function E({ children: e, container: t }) {
+  const [n, o] = y(!1);
+  return x(() => (o(!0), () => o(!1)), []), n ? T(e, t ?? document.body) : null;
 }
-function q({ className: e }) {
-  const { open: t, setOpen: n } = f(), o = b(
+function X({ className: e }) {
+  const { isOpen: t, setIsOpen: n } = f(), o = b(
     (c) => {
       c.target === c.currentTarget && n(!1);
     },
     [n]
   );
-  return t ? /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(
+  return t ? /* @__PURE__ */ a(E, { children: /* @__PURE__ */ a(
     "div",
     {
-      className: u(
+      className: d(
         "data-[state=open]:animate-in data-[state=open]:fade-in-0 fixed inset-0 z-40 bg-black/50 backdrop-blur-sm",
         "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
         e
@@ -98,7 +97,7 @@ function q({ className: e }) {
     }
   ) }) : null;
 }
-const M = N(
+const R = N(
   [
     "fixed left-1/2 top-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 rounded-lg p-6 shadow-lg outline-none data-[state=open]:animate-in data-[state=open]:fade-in-0",
     "data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
@@ -118,56 +117,58 @@ const M = N(
     }
   }
 );
-function G({
+function q({
   children: e,
   className: t,
   size: n,
   onPointerDownOutside: o,
   onEscapeKeyDown: c
 }) {
-  const { open: s, setOpen: l, contentId: m, titleId: p, descriptionId: g } = f(), d = O(null);
+  const { isOpen: r, setIsOpen: l, contentId: m, titleId: p, descriptionId: g } = f(), u = P(null);
   return x(() => {
-    if (!s || !d.current) return;
-    const i = d.current, r = document.activeElement;
+    if (!r || !u.current) return;
+    const i = u.current, s = document.activeElement;
     return i.focus(), () => {
-      r && typeof r.focus == "function" && r.focus();
+      s && typeof s.focus == "function" && s.focus();
+    };
+  }, [r]), x(() => {
+    if (!r) return;
+    const i = (s) => {
+      s.key === "Escape" && (c?.(s), s.defaultPrevented || (s.preventDefault(), l(!1)));
     };
-  }, [s]), x(() => {
-    if (!s) return;
-    const i = (r) => {
-      r.key === "Escape" && (r.preventDefault(), c?.(r), r.defaultPrevented || l(!1));
+    return document.addEventListener("keydown", i, { capture: !0 }), () => {
+      document.removeEventListener("keydown", i, { capture: !0 });
     };
-    return document.addEventListener("keydown", i, { capture: !0 }), () => document.removeEventListener("keydown", i, { capture: !0 });
-  }, [s, c, l]), x(() => {
-    if (!s) return;
-    const i = (r) => {
-      const I = r.target;
-      d.current && !d.current.contains(I) && (o?.(r), r.defaultPrevented || l(!1));
+  }, [r, c, l]), x(() => {
+    if (!r) return;
+    const i = (s) => {
+      const B = s.target;
+      u.current && !u.current.contains(B) && (o?.(s), s.defaultPrevented || l(!1));
     };
     return document.addEventListener("pointerdown", i, { capture: !0 }), () => document.removeEventListener("pointerdown", i, { capture: !0 });
-  }, [s, o, l]), s ? /* @__PURE__ */ a(B, { children: /* @__PURE__ */ v(
+  }, [r, o, l]), r ? /* @__PURE__ */ a(E, { children: /* @__PURE__ */ w(
     "div",
     {
-      ref: d,
+      ref: u,
       id: m,
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": p,
       "aria-describedby": g,
-      "data-state": s ? "open" : "closed",
+      "data-state": r ? "open" : "closed",
       tabIndex: -1,
-      className: u(M({ size: n }), t),
+      className: d(R({ size: n }), t),
       children: [
-        /* @__PURE__ */ a(j, { asChild: !0, children: /* @__PURE__ */ v(
+        /* @__PURE__ */ a(L, { asChild: !0, children: /* @__PURE__ */ w(
           "button",
           {
-            className: u(
+            className: d(
               "ring-offset-background absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100",
               "focus:ring-ring focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none"
             ),
             "aria-label": "Close dialog",
             children: [
-              /* @__PURE__ */ a(R, { className: "h-4 w-4" }),
+              /* @__PURE__ */ a(V, { className: "h-4 w-4" }),
               /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
             ]
           }
@@ -177,30 +178,30 @@ function G({
     }
   ) }) : null;
 }
-function J({ children: e, className: t }) {
+function G({ children: e, className: t }) {
   const { titleId: n } = f();
-  return /* @__PURE__ */ a("h2", { id: n, className: u("text-lg leading-none font-semibold tracking-tight", t), children: e });
+  return /* @__PURE__ */ a("h2", { id: n, className: d("text-lg leading-none font-semibold tracking-tight", t), children: e });
 }
-function K({ children: e, className: t }) {
+function J({ children: e, className: t }) {
   const { descriptionId: n } = f();
-  return /* @__PURE__ */ a("p", { id: n, className: u("text-text-secondary text-sm", t), children: e });
+  return /* @__PURE__ */ a("p", { id: n, className: d("text-text-secondary text-sm", t), children: e });
 }
-function Q({ children: e, className: t }) {
-  return /* @__PURE__ */ a("div", { className: u("flex flex-col space-y-1.5 text-center text-left", t), children: e });
+function K({ children: e, className: t }) {
+  return /* @__PURE__ */ a("div", { className: d("flex flex-col space-y-1.5 text-center text-left", t), children: e });
 }
-function W({ children: e, className: t }) {
-  return /* @__PURE__ */ a("div", { className: u("flex flex-col-reverse flex-row justify-end space-x-2", t), children: e });
+function Q({ children: e, className: t }) {
+  return /* @__PURE__ */ a("div", { className: d("flex flex-col-reverse flex-row justify-end space-x-2", t), children: e });
 }
 export {
-  U as DialogBase,
-  j as DialogCloseBase,
-  G as DialogContentBase,
-  K as DialogDescriptionBase,
-  W as DialogFooterBase,
-  Q as DialogHeaderBase,
-  q as DialogOverlayBase,
-  B as DialogPortalBase,
-  J as DialogTitleBase,
-  X as DialogTriggerBase,
+  S as DialogBase,
+  L as DialogCloseBase,
+  q as DialogContentBase,
+  J as DialogDescriptionBase,
+  Q as DialogFooterBase,
+  K as DialogHeaderBase,
+  X as DialogOverlayBase,
+  E as DialogPortalBase,
+  G as DialogTitleBase,
+  U as DialogTriggerBase,
   f as useDialogContext
 };

package/dist/Icons/CheckCircleIcon.d.ts

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

package/dist/Icons/CheckCircleIcon.js

@@ -0,0 +1,29 @@
+"use client";
+import "../styles/main.css";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import d from "./IconBase.js";
+import { forwardRef as h } from "react";
+const k = ({ className: o, ariaHidden: e, title: n = "Checkmark in Circle", description: t, size: i = 24, ...c }, a) => /* @__PURE__ */ s(
+  d,
+  {
+    size: i,
+    className: o,
+    title: n,
+    description: t,
+    "aria-hidden": e,
+    ref: a,
+    ...c,
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ r("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ r("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
+      /* @__PURE__ */ r("path", { d: "M9 12l2 2l4 -4" })
+    ]
+  }
+), C = h(k);
+export {
+  C as CheckCircleIcon
+};

package/dist/Icons/CheckSquareIcon.d.ts

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

package/dist/Icons/CheckSquareIcon.js

@@ -0,0 +1,29 @@
+"use client";
+import "../styles/main.css";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import d from "./IconBase.js";
+import { forwardRef as h } from "react";
+const k = ({ className: o, ariaHidden: e, title: n = "Checkmark in Square", description: t, size: s = 24, ...a }, c) => /* @__PURE__ */ i(
+  d,
+  {
+    size: s,
+    className: o,
+    title: n,
+    description: t,
+    "aria-hidden": e,
+    ref: c,
+    ...a,
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ r("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ r("path", { d: "M9 12l2 2l4 -4" }),
+      /* @__PURE__ */ r("path", { d: "M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z" })
+    ]
+  }
+), f = h(k);
+export {
+  f as CheckSquareIcon
+};

package/dist/Icons/ChevronDownIcon.d.ts

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

package/dist/Icons/ChevronDownIcon.js

@@ -0,0 +1,28 @@
+"use client";
+import "../styles/main.css";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import c from "./IconBase.js";
+import { forwardRef as a } from "react";
+const p = ({ className: r, ariaHidden: n, title: e = "Chevron", description: t, size: i = 24, ...s }, d) => /* @__PURE__ */ h(
+  c,
+  {
+    size: i,
+    className: r,
+    title: e,
+    description: t,
+    "aria-hidden": n,
+    ref: d,
+    ...s,
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ o("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ o("path", { d: "M6 9l6 6l6 -6" })
+    ]
+  }
+), k = a(p);
+export {
+  k as ChevronDownIcon
+};

package/dist/Icons/ChevronUpIcon.d.ts

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

package/dist/Icons/ChevronUpIcon.js

@@ -0,0 +1,28 @@
+"use client";
+import "../styles/main.css";
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import p from "./IconBase.js";
+import { forwardRef as c } from "react";
+const a = ({ className: r, ariaHidden: n, title: e = "Chevron", description: t, size: i = 24, ...s }, d) => /* @__PURE__ */ h(
+  p,
+  {
+    size: i,
+    className: r,
+    title: e,
+    description: t,
+    "aria-hidden": n,
+    ref: d,
+    ...s,
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ o("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ o("path", { d: "M6 15l6 -6l6 6" })
+    ]
+  }
+), k = c(a);
+export {
+  k as ChevronUpIcon
+};

package/dist/Icons/{CheckIcon.d.ts → ErrorIcon.d.ts}

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

package/dist/Icons/ErrorIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import "../styles/main.css";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import p from "./IconBase.js";
+import { forwardRef as c } from "react";
+const h = ({ className: o, ariaHidden: n, title: t = "Error", description: e, size: a = 24, ...d }, i) => /* @__PURE__ */ s(
+  p,
+  {
+    size: a,
+    className: o,
+    title: t,
+    description: e,
+    "aria-hidden": n,
+    ref: i,
+    ...d,
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ r("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ r("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }),
+      /* @__PURE__ */ r("path", { d: "M12 9v4" }),
+      /* @__PURE__ */ r("path", { d: "M12 16v.01" })
+    ]
+  }
+), l = c(h);
+export {
+  l as ErrorIcon
+};

package/dist/Icons/LoaderIcon.d.ts

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

package/dist/Icons/LoaderIcon.js

@@ -0,0 +1,53 @@
+"use client";
+import "../styles/main.css";
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import c, { SvgIdContext as f } from "./IconBase.js";
+import { forwardRef as l, useContext as h } from "react";
+const m = ({ className: e, ariaHidden: s, title: n = "Loader", description: i, size: a = 24, ...p }, d) => {
+  const r = h(f);
+  return /* @__PURE__ */ t(
+    c,
+    {
+      size: a,
+      className: e,
+      title: n,
+      description: i,
+      "aria-hidden": s,
+      ref: d,
+      ...p,
+      color: "oklch(92.53% 0.1976 123.38)",
+      viewBox: "0 0 240 240",
+      children: [
+        /* @__PURE__ */ t("defs", { children: [
+          /* @__PURE__ */ t("linearGradient", { id: `${r}-spinner-secondHalf`, children: [
+            /* @__PURE__ */ o("stop", { offset: "0%", stopOpacity: "0", stopColor: "oklch(92.53% 0.1976 123.38)" }),
+            /* @__PURE__ */ o("stop", { offset: "100%", stopOpacity: "0.5", stopColor: "oklch(95.78% 0.1105 120.84)" })
+          ] }),
+          /* @__PURE__ */ t("linearGradient", { id: `${r}-spinner-firstHalf`, children: [
+            /* @__PURE__ */ o("stop", { offset: "0%", stopOpacity: "1", stopColor: "oklch(92.53% 0.1976 123.38)" }),
+            /* @__PURE__ */ o("stop", { offset: "100%", stopOpacity: "0.5", stopColor: "oklch(95.78% 0.1105 120.84)" })
+          ] })
+        ] }),
+        /* @__PURE__ */ t("g", { strokeWidth: "24", children: [
+          /* @__PURE__ */ o(
+            "animateTransform",
+            {
+              from: "0 120 120",
+              to: "360 120 120",
+              attributeName: "transform",
+              type: "rotate",
+              repeatCount: "indefinite",
+              dur: "1300ms"
+            }
+          ),
+          /* @__PURE__ */ o("path", { stroke: `url(#${r}-spinner-secondHalf)`, d: "M 40 120 A 80 80 0 0 1 200 120" }),
+          /* @__PURE__ */ o("path", { stroke: `url(#${r}-spinner-firstHalf)`, d: "M 200 120 A 80 80 0 0 1 40 120" }),
+          /* @__PURE__ */ o("path", { stroke: "currentColor", strokeLinecap: "round", d: "M 40 120 A 100 100 0 0 1 40 118" })
+        ] })
+      ]
+    }
+  );
+}, x = l(m);
+export {
+  x as LoaderIcon
+};

package/dist/Icons/index.d.ts

@@ -1,6 +1,9 @@
 export { AnnotationsIcon } from './AnnotationsIcon';
 export { CalendarIcon } from './CalendarIcon';
-export { CheckIcon } from './CheckIcon';
+export { CheckCircleIcon } from './CheckCircleIcon';
+export { CheckSquareIcon } from './CheckSquareIcon';
+export { ChevronDownIcon } from './ChevronDownIcon';
+export { ChevronUpIcon } from './ChevronUpIcon';
 export { ClockIcon } from './ClockIcon';
 export { CloseCircleIcon } from './CloseCircleIcon';
 export { CloseIcon } from './CloseIcon';
@@ -8,6 +11,7 @@ export { DashboardIcon } from './DashboardIcon';
 export { DeleteIcon } from './DeleteIcon';
 export { DurationIcon } from './DurationIcon';
 export { EraserIcon } from './EraserIcon';
+export { ErrorIcon } from './ErrorIcon';
 export { EyeClosedIcon } from './EyeClosedIcon';
 export { EyeClosedIcon2 } from './EyeClosedIcon2';
 export { EyeOpenIcon } from './EyeOpenIcon';
@@ -19,6 +23,7 @@ export { LabelIcon } from './LabelIcon';
 export { LassoIcon } from './LassoIcon';
 export { LineToolIcon } from './LineToolIcon';
 export { LiveViewIcon } from './LiveViewIcon';
+export { LoaderIcon } from './LoaderIcon';
 export { LocationIcon } from './LocationIcon';
 export { LogoutIcon } from './LogoutIcon';
 export { MetadataIcon } from './MetadataIcon';