@spear-ai/spectral 1.9.0 → 1.10.0

package/dist/Select.js

@@ -1,189 +1,166 @@
 "use client";
 import "./styles/main.css";
-import { jsxs as a, jsx as e, Fragment as I } 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 { CheckmarkIcon as _ } from "./Icons/CheckmarkIcon.js";
-import { ChevronDownIcon as p } 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 { LoaderIcon as $ } from "./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 { Label as O } from "./Label.js";
-import { R as ee, T as te, V as ae, I as re, P as se, C as oe, S as ie, a as le, b as de, c as z, G as me, d as ne, e as pe, f as ce } from "./index-T6XEa11q.js";
-import { useFormFieldId as ue, useFormFieldState as ge, getAriaProps as fe, groupOptions as he, getFormFieldCSSProperties as be, getStateClasses as xe, getTriggerClasses as ye, ErrorMessage as ve, LoadingState as Ne, EmptyState as Ce, getErrorMessageId as Se, getOptionClasses as we } from "./utils/formFieldUtils.js";
-import { cn as r } from "./utils/twUtils.js";
-import { useState as Ie } from "react";
-const Oe = (c) => {
-  const F = "value" in c, {
-    align: j = "start",
-    alignOffset: k = 0,
-    avoidCollisions: L = !0,
-    className: M,
-    collisionBoundary: P,
-    collisionPadding: V = 10,
-    defaultValue: B,
-    emptyMessage: D = "No options found",
-    errorMessage: u,
-    id: T,
-    label: l,
-    labelClassName: g,
-    loadingMessage: q = "Loading…",
-    name: f,
-    onChange: E,
-    options: h = [],
-    placeholder: G = "Select an option",
-    position: d = "popper",
-    ref: R,
-    side: A = "bottom",
-    sideOffset: U = 4,
-    state: s = "default",
-    value: b,
-    "aria-label": H,
-    "aria-describedby": J,
-    ...o
-  } = c, x = F ? b ?? "" : b, [y, K] = Ie(!1), i = ue(T, f), v = Se(i), { isDisabled: m, isLoading: N, isInvalid: Q } = ge(o.disabled, s), W = fe(s, J, o.required, v), { groups: C, ungrouped: S } = he(h), X = () => {
-    if (N)
-      return /* @__PURE__ */ e(Ne, { "data-testid": "spectral-select-loading", message: q });
-    if (h.length === 0)
-      return /* @__PURE__ */ e(Ce, { "data-testid": "spectral-select-empty", message: D });
-    const w = (t) => {
-      const n = x === t.value;
-      return /* @__PURE__ */ a(ne, { className: r(we(!!t.disabled, !1, n), "relative flex w-full cursor-pointer items-center"), "data-testid": "spectral-select-item", disabled: t.disabled, value: t.value, children: [
-        /* @__PURE__ */ e(pe, { "data-testid": "spectral-select-item-text", className: "block truncate", children: t.label }),
-        /* @__PURE__ */ e(ce, { "data-testid": "spectral-select-item-selected-indicator", asChild: !0, children: /* @__PURE__ */ e("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ e(_, { size: 16 }) }) })
-      ] }, t.value);
-    };
-    return /* @__PURE__ */ a(I, { children: [
-      S.length > 0 && /* @__PURE__ */ a(I, { children: [
-        S.map(w),
-        Object.keys(C).length > 0 && /* @__PURE__ */ e(z, { className: "bg-border-secondary -mx-1 my-1 h-px", "data-testid": "spectral-select-separator" })
-      ] }),
-      Object.entries(C).map(([t, n], Y) => /* @__PURE__ */ a(me, { "data-testid": "spectral-select-group", children: [
-        Y > 0 && /* @__PURE__ */ e(z, { className: "bg-border-secondary -mx-1 my-1 h-px", "data-testid": "spectral-select-group-separator" }),
-        /* @__PURE__ */ e(O, { className: r("text-text-primary px-2 py-1.5 text-base font-semibold", g), "data-testid": "spectral-select-group-label", children: t }),
-        n.map((Z) => w(Z))
-      ] }, t))
-    ] });
-  };
-  return /* @__PURE__ */ a("div", { className: "w-full", children: [
-    l && /* @__PURE__ */ e(O, { className: r("text-text-primary mb-2 block", g, m && "text-text-secondary"), "data-testid": "spectral-select-label", htmlFor: i, children: l }),
-    /* @__PURE__ */ a(ee, { "data-testid": "spectral-select", defaultValue: B, disabled: m, name: f, onOpenChange: K, onValueChange: E, open: y, required: o.required, value: x, children: [
-      /* @__PURE__ */ e(
-        te,
-        {
-          "aria-controls": i,
-          "aria-expanded": y,
-          "aria-label": H ?? l,
-          asChild: !0,
-          className: r(ye(!1, s), xe(s), M),
-          "data-slot": "select-trigger",
-          "data-state": s,
-          "data-testid": "spectral-select-trigger",
-          id: i,
-          ref: R,
-          role: "combobox",
-          style: be(),
-          ...W,
-          ...o,
-          children: /* @__PURE__ */ a("button", { type: "button", disabled: m, children: [
-            /* @__PURE__ */ e(ae, { className: "block truncate", "data-testid": "spectral-select-value", placeholder: G }),
-            /* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center", children: N ? /* @__PURE__ */ e($, { size: 20 }) : /* @__PURE__ */ e(p, { className: "transition-transform duration-200 data-[state=open]:rotate-180", size: 20 }) }) })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ e(se, { children: /* @__PURE__ */ a(
-        oe,
-        {
-          align: j,
-          alignOffset: k,
-          avoidCollisions: L,
-          className: r(
-            "border-input-border bg-input-bg motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out relative z-50 rounded-lg border shadow-md",
-            "motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:zoom-in-95",
-            "motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 max-h-[min(var(--radix-select-content-available-height),300px)]",
-            "min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto",
-            d === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1"
-          ),
-          collisionBoundary: P,
-          collisionPadding: V,
-          "data-slot": "select-content",
-          "data-testid": "spectral-select-content",
-          position: d,
-          side: A,
-          sideOffset: U,
-          children: [
-            /* @__PURE__ */ e(ie, { className: "flex cursor-default items-center justify-center py-1", "data-testid": "spectral-select-scroll-up-button", children: /* @__PURE__ */ e(p, { "aria-hidden": "true", className: "rotate-180", size: 18 }) }),
-            /* @__PURE__ */ e(le, { asChild: !0, children: /* @__PURE__ */ e("div", { className: r("p-1", d === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"), "data-testid": "spectral-select-items", children: X() }) }),
-            /* @__PURE__ */ e(de, { className: "flex cursor-default items-center justify-center py-1", "data-testid": "spectral-select-scroll-down-button", children: /* @__PURE__ */ e(p, { "aria-hidden": "true", size: 18 }) })
-          ]
-        }
-      ) })
-    ] }),
-    Q && u && /* @__PURE__ */ e(ve, { "data-testid": "spectral-select-error-message", id: v, message: u })
-  ] });
-};
-Oe.displayName = "Select";
-export {
-  Oe as Select
+import { CheckmarkIcon as e } from "./Icons/CheckmarkIcon.js";
+import { ChevronDownIcon as t } from "./Icons/ChevronDownIcon.js";
+import { LoaderIcon as n } from "./Icons/LoaderIcon.js";
+import { t as r } from "./twUtils-VNWgstKL.js";
+import { EmptyState as i, ErrorMessage as a, LoadingState as o, getAriaProps as s, getErrorMessageId as c, getFormFieldCSSProperties as l, getOptionClasses as ee, getStateClasses as te, getTriggerClasses as ne, groupOptions as re, useFormFieldId as u, useFormFieldState as d } from "./utils/formFieldUtils.js";
+import { Label as f } from "./Label.js";
+import { a as p, c as m, d as h, f as g, h as _, i as v, l as ie, m as ae, n as oe, o as se, p as ce, r as le, t as ue, u as y } from "./dist-fW81qjVl.js";
+import { useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/components/Select/Select.tsx
+var w = (w) => {
+	let T = "value" in w, { align: E = "start", alignOffset: D = 0, avoidCollisions: O = !0, className: k, collisionBoundary: A, collisionPadding: j = 10, defaultValue: M, emptyMessage: N = "No options found", errorMessage: P, id: F, label: I, labelClassName: L, loadingMessage: de = "Loading…", name: R, onChange: z, options: B = [], placeholder: V = "Select an option", position: H = "popper", ref: fe, side: pe = "bottom", sideOffset: me = 4, state: U = "default", value: W, "aria-label": he, "aria-describedby": ge, ...G } = w, K = T ? W ?? "" : W, [q, _e] = b(!1), J = u(F, R), Y = c(J), { isDisabled: X, isLoading: Z, isInvalid: ve } = d(G.disabled, U), ye = s(U, ge, G.required, Y), { groups: Q, ungrouped: $ } = re(B), be = () => {
+		if (Z) return /* @__PURE__ */ S(o, {
+			"data-testid": "spectral-select-loading",
+			message: de
+		});
+		if (B.length === 0) return /* @__PURE__ */ S(i, {
+			"data-testid": "spectral-select-empty",
+			message: N
+		});
+		let t = (t) => {
+			let n = K === t.value;
+			return /* @__PURE__ */ C(v, {
+				className: r(ee(!!t.disabled, !1, n), "relative flex w-full cursor-pointer items-center"),
+				"data-testid": "spectral-select-item",
+				disabled: t.disabled,
+				value: t.value,
+				children: [/* @__PURE__ */ S(se, {
+					"data-testid": "spectral-select-item-text",
+					className: "block truncate",
+					children: t.label
+				}), /* @__PURE__ */ S(p, {
+					"data-testid": "spectral-select-item-selected-indicator",
+					asChild: !0,
+					children: /* @__PURE__ */ S("span", {
+						className: "right-2 h-4 w-4 absolute flex items-center justify-center",
+						children: /* @__PURE__ */ S(e, { size: 16 })
+					})
+				})]
+			}, t.value);
+		};
+		return /* @__PURE__ */ C(x, { children: [$.length > 0 && /* @__PURE__ */ C(x, { children: [$.map(t), Object.keys(Q).length > 0 && /* @__PURE__ */ S(g, {
+			className: "-mx-1 my-1 h-px bg-border-secondary",
+			"data-testid": "spectral-select-separator"
+		})] }), Object.entries(Q).map(([e, n], i) => /* @__PURE__ */ C(oe, {
+			"data-testid": "spectral-select-group",
+			children: [
+				i > 0 && /* @__PURE__ */ S(g, {
+					className: "-mx-1 my-1 h-px bg-border-secondary",
+					"data-testid": "spectral-select-group-separator"
+				}),
+				/* @__PURE__ */ S(f, {
+					className: r("px-2 py-1.5 text-base font-semibold text-text-primary", L),
+					"data-testid": "spectral-select-group-label",
+					children: e
+				}),
+				n.map((e) => t(e))
+			]
+		}, e))] });
+	};
+	return /* @__PURE__ */ C("div", {
+		className: "w-full",
+		children: [
+			I && /* @__PURE__ */ S(f, {
+				className: r("mb-2 block text-text-primary", L, X && "text-text-secondary"),
+				"data-testid": "spectral-select-label",
+				htmlFor: J,
+				children: I
+			}),
+			/* @__PURE__ */ C(ie, {
+				"data-testid": "spectral-select",
+				defaultValue: M,
+				disabled: X,
+				name: R,
+				onOpenChange: _e,
+				onValueChange: z,
+				open: q,
+				required: G.required,
+				value: K,
+				children: [/* @__PURE__ */ S(ce, {
+					"aria-controls": J,
+					"aria-expanded": q,
+					"aria-label": he ?? I,
+					asChild: !0,
+					className: r(ne(!1, U), te(U), k),
+					"data-slot": "select-trigger",
+					"data-state": U,
+					"data-testid": "spectral-select-trigger",
+					id: J,
+					ref: fe,
+					role: "combobox",
+					style: l(),
+					...ye,
+					...G,
+					children: /* @__PURE__ */ C("button", {
+						type: "button",
+						disabled: X,
+						children: [/* @__PURE__ */ S(ae, {
+							className: "block truncate",
+							"data-testid": "spectral-select-value",
+							placeholder: V
+						}), /* @__PURE__ */ S(le, {
+							asChild: !0,
+							children: /* @__PURE__ */ S("div", {
+								className: "flex items-center",
+								children: Z ? /* @__PURE__ */ S(n, { size: 20 }) : /* @__PURE__ */ S(t, {
+									className: "transition-transform duration-200 data-[state=open]:rotate-180",
+									size: 20
+								})
+							})
+						})]
+					})
+				}), /* @__PURE__ */ S(m, { children: /* @__PURE__ */ C(ue, {
+					align: E,
+					alignOffset: D,
+					avoidCollisions: O,
+					className: r("rounded-lg shadow-md relative z-50 border border-input-border bg-input-bg motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=open]:animate-in", "motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", "max-h-[min(var(--radix-select-content-available-height),300px)] motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2", "min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto", H === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1"),
+					collisionBoundary: A,
+					collisionPadding: j,
+					"data-slot": "select-content",
+					"data-testid": "spectral-select-content",
+					position: H,
+					side: pe,
+					sideOffset: me,
+					children: [
+						/* @__PURE__ */ S(h, {
+							className: "py-1 flex cursor-default items-center justify-center",
+							"data-testid": "spectral-select-scroll-up-button",
+							children: /* @__PURE__ */ S(t, {
+								"aria-hidden": "true",
+								className: "rotate-180",
+								size: 18
+							})
+						}),
+						/* @__PURE__ */ S(_, {
+							asChild: !0,
+							children: /* @__PURE__ */ S("div", {
+								className: r("p-1", H === "popper" && "scroll-my-1 h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),
+								"data-testid": "spectral-select-items",
+								children: be()
+							})
+						}),
+						/* @__PURE__ */ S(y, {
+							className: "py-1 flex cursor-default items-center justify-center",
+							"data-testid": "spectral-select-scroll-down-button",
+							children: /* @__PURE__ */ S(t, {
+								"aria-hidden": "true",
+								size: 18
+							})
+						})
+					]
+				}) })]
+			}),
+			ve && P && /* @__PURE__ */ S(a, {
+				"data-testid": "spectral-select-error-message",
+				id: Y,
+				message: P
+			})
+		]
+	});
 };
+w.displayName = "Select";
+//#endregion
+export { w as Select };

package/dist/Separator.js

@@ -1,21 +1,18 @@
 import "./styles/main.css";
-import { jsx as p } from "react/jsx-runtime";
-import { cn as e } from "./utils/twUtils.js";
+import { t as e } from "./twUtils-VNWgstKL.js";
 import "react";
-const l = ({ className: o, decorative: r = !0, orientation: a = "horizontal", ref: t, ...i }) => /* @__PURE__ */ p(
-  "div",
-  {
-    "aria-hidden": r ? "true" : void 0,
-    "aria-orientation": r ? void 0 : a,
-    className: e("bg-border shrink-0", a === "horizontal" ? "h-px w-full" : "h-full w-px", o),
-    "data-orientation": a,
-    "data-slot": "separator",
-    role: r ? "none" : "separator",
-    ref: t,
-    ...i
-  }
-);
-l.displayName = "Separator";
-export {
-  l as Separator
-};
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Separator/Separator.tsx
+var n = ({ className: n, decorative: r = !0, orientation: i = "horizontal", ref: a, ...o }) => /* @__PURE__ */ t("div", {
+	"aria-hidden": r ? "true" : void 0,
+	"aria-orientation": r ? void 0 : i,
+	className: e("bg-border shrink-0", i === "horizontal" ? "h-px w-full" : "h-full w-px", n),
+	"data-orientation": i,
+	"data-slot": "separator",
+	role: r ? "none" : "separator",
+	ref: a,
+	...o
+});
+n.displayName = "Separator";
+//#endregion
+export { n as Separator };

package/dist/Skeleton.js

@@ -1,8 +1,12 @@
 import "./styles/main.css";
-import { jsx as t } from "react/jsx-runtime";
-import { cn as r } from "./utils/twUtils.js";
+import { t as e } from "./twUtils-VNWgstKL.js";
 import "react";
-const a = ({ className: e, ...o }) => /* @__PURE__ */ t("div", { "data-slot": "skeleton", className: r("bg-level-three rounded-md motion-safe:animate-pulse", e), ...o });
-export {
-  a as Skeleton
-};
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Skeleton/Skeleton.tsx
+var n = ({ className: n, ...r }) => /* @__PURE__ */ t("div", {
+	"data-slot": "skeleton",
+	className: e("motion-safe:animate-pulse rounded-md bg-level-three", n),
+	...r
+});
+//#endregion
+export { n as Skeleton };