@spear-ai/spectral 1.6.17 → 1.8.0

package/dist/HoverCard.js

@@ -2,15 +2,15 @@
 import "./styles/main.css";
 import { jsx as i } from "react/jsx-runtime";
 import * as s from "react";
-import { createContext as F, useContext as I } from "react";
-import { e as B, c as U, b as h, P as $, u as W } from "./index-OnYbwQjk.js";
-import { c as O, R as z, A as G, C as K, a as j } from "./index-B3FZpM60.js";
-import { P as V, D as q } from "./index-u1k2AYWy.js";
+import { createContext as I, useContext as B } from "react";
+import { e as U, c as $, b as m, P as W, u as z } from "./index-OnYbwQjk.js";
+import { c as O, R as G, A as K, C as j, a as V } from "./index-B3FZpM60.js";
+import { P as q, D as J } from "./index-u1k2AYWy.js";
 import { P as T } from "./index-D6HcSXrq.js";
-import { cn as J } from "./utils/twUtils.js";
-var H, x = "HoverCard", [E] = U(x, [
+import { cn as E } from "./utils/twUtils.js";
+var H, b = "HoverCard", [N] = $(b, [
   O
-]), R = O(), [Q, b] = E(x), N = (e) => {
+]), x = O(), [Q, R] = N(b), _ = (e) => {
   const {
     __scopeHoverCard: o,
     children: r,
@@ -18,77 +18,77 @@ var H, x = "HoverCard", [E] = U(x, [
     defaultOpen: n,
     onOpenChange: c,
     openDelay: u = 700,
-    closeDelay: p = 300
-  } = e, d = R(o), l = s.useRef(0), f = s.useRef(0), m = s.useRef(!1), v = s.useRef(!1), [C, t] = B({
+    closeDelay: f = 300
+  } = e, d = x(o), l = s.useRef(0), p = s.useRef(0), C = s.useRef(!1), v = s.useRef(!1), [h, t] = U({
     prop: a,
     defaultProp: n ?? !1,
     onChange: c,
-    caller: x
+    caller: b
   }), g = s.useCallback(() => {
-    clearTimeout(f.current), l.current = window.setTimeout(() => t(!0), u);
+    clearTimeout(p.current), l.current = window.setTimeout(() => t(!0), u);
   }, [u, t]), S = s.useCallback(() => {
-    clearTimeout(l.current), !m.current && !v.current && (f.current = window.setTimeout(() => t(!1), p));
-  }, [p, t]), k = s.useCallback(() => t(!1), [t]);
+    clearTimeout(l.current), !C.current && !v.current && (p.current = window.setTimeout(() => t(!1), f));
+  }, [f, t]), F = s.useCallback(() => t(!1), [t]);
   return s.useEffect(() => () => {
-    clearTimeout(l.current), clearTimeout(f.current);
+    clearTimeout(l.current), clearTimeout(p.current);
   }, []), /* @__PURE__ */ i(
     Q,
     {
       scope: o,
-      open: C,
+      open: h,
       onOpenChange: t,
       onOpen: g,
       onClose: S,
-      onDismiss: k,
-      hasSelectionRef: m,
+      onDismiss: F,
+      hasSelectionRef: C,
       isPointerDownOnContentRef: v,
-      children: /* @__PURE__ */ i(z, { ...d, children: r })
+      children: /* @__PURE__ */ i(G, { ...d, children: r })
     }
   );
 };
-N.displayName = x;
-var _ = "HoverCardTrigger", D = s.forwardRef(
+_.displayName = b;
+var D = "HoverCardTrigger", A = s.forwardRef(
   (e, o) => {
-    const { __scopeHoverCard: r, ...a } = e, n = b(_, r), c = R(r);
-    return /* @__PURE__ */ i(G, { asChild: !0, ...c, children: /* @__PURE__ */ i(
-      $.a,
+    const { __scopeHoverCard: r, ...a } = e, n = R(D, r), c = x(r);
+    return /* @__PURE__ */ i(K, { asChild: !0, ...c, children: /* @__PURE__ */ i(
+      W.a,
       {
         "data-state": n.open ? "open" : "closed",
         ...a,
         ref: o,
-        onPointerEnter: h(e.onPointerEnter, w(n.onOpen)),
-        onPointerLeave: h(e.onPointerLeave, w(n.onClose)),
-        onFocus: h(e.onFocus, n.onOpen),
-        onBlur: h(e.onBlur, n.onClose),
-        onTouchStart: h(e.onTouchStart, (u) => u.preventDefault())
+        onPointerEnter: m(e.onPointerEnter, w(n.onOpen)),
+        onPointerLeave: m(e.onPointerLeave, w(n.onClose)),
+        onFocus: m(e.onFocus, n.onOpen),
+        onBlur: m(e.onBlur, n.onClose),
+        onTouchStart: m(e.onTouchStart, (u) => u.preventDefault())
       }
     ) });
   }
 );
-D.displayName = _;
-var y = "HoverCardPortal", [X, Y] = E(y, {
+A.displayName = D;
+var y = "HoverCardPortal", [X, Y] = N(y, {
   forceMount: void 0
-}), A = (e) => {
-  const { __scopeHoverCard: o, forceMount: r, children: a, container: n } = e, c = b(y, o);
-  return /* @__PURE__ */ i(X, { scope: o, forceMount: r, children: /* @__PURE__ */ i(T, { present: r || c.open, children: /* @__PURE__ */ i(V, { asChild: !0, container: n, children: a }) }) });
+}), L = (e) => {
+  const { __scopeHoverCard: o, forceMount: r, children: a, container: n } = e, c = R(y, o);
+  return /* @__PURE__ */ i(X, { scope: o, forceMount: r, children: /* @__PURE__ */ i(T, { present: r || c.open, children: /* @__PURE__ */ i(q, { asChild: !0, container: n, children: a }) }) });
 };
-A.displayName = y;
-var P = "HoverCardContent", L = s.forwardRef(
+L.displayName = y;
+var P = "HoverCardContent", M = s.forwardRef(
   (e, o) => {
-    const r = Y(P, e.__scopeHoverCard), { forceMount: a = r.forceMount, ...n } = e, c = b(P, e.__scopeHoverCard);
+    const r = Y(P, e.__scopeHoverCard), { forceMount: a = r.forceMount, ...n } = e, c = R(P, e.__scopeHoverCard);
     return /* @__PURE__ */ i(T, { present: a || c.open, children: /* @__PURE__ */ i(
       Z,
       {
         "data-state": c.open ? "open" : "closed",
         ...n,
-        onPointerEnter: h(e.onPointerEnter, w(c.onOpen)),
-        onPointerLeave: h(e.onPointerLeave, w(c.onClose)),
+        onPointerEnter: m(e.onPointerEnter, w(c.onOpen)),
+        onPointerLeave: m(e.onPointerLeave, w(c.onClose)),
         ref: o
       }
     ) });
   }
 );
-L.displayName = P;
+M.displayName = P;
 var Z = s.forwardRef((e, o) => {
   const {
     __scopeHoverCard: r,
@@ -96,8 +96,8 @@ var Z = s.forwardRef((e, o) => {
     onPointerDownOutside: n,
     onFocusOutside: c,
     onInteractOutside: u,
-    ...p
-  } = e, d = b(P, r), l = R(r), f = s.useRef(null), m = W(o, f), [v, C] = s.useState(!1);
+    ...f
+  } = e, d = R(P, r), l = x(r), p = s.useRef(null), C = z(o, p), [v, h] = s.useState(!1);
   return s.useEffect(() => {
     if (v) {
       const t = document.body;
@@ -106,9 +106,9 @@ var Z = s.forwardRef((e, o) => {
       };
     }
   }, [v]), s.useEffect(() => {
-    if (f.current) {
+    if (p.current) {
       const t = () => {
-        C(!1), d.isPointerDownOnContentRef.current = !1, setTimeout(() => {
+        h(!1), d.isPointerDownOnContentRef.current = !1, setTimeout(() => {
           document.getSelection()?.toString() !== "" && (d.hasSelectionRef.current = !0);
         });
       };
@@ -117,30 +117,30 @@ var Z = s.forwardRef((e, o) => {
       };
     }
   }, [d.isPointerDownOnContentRef, d.hasSelectionRef]), s.useEffect(() => {
-    f.current && oe(f.current).forEach((g) => g.setAttribute("tabindex", "-1"));
+    p.current && oe(p.current).forEach((g) => g.setAttribute("tabindex", "-1"));
   }), /* @__PURE__ */ i(
-    q,
+    J,
     {
       asChild: !0,
       disableOutsidePointerEvents: !1,
       onInteractOutside: u,
       onEscapeKeyDown: a,
       onPointerDownOutside: n,
-      onFocusOutside: h(c, (t) => {
+      onFocusOutside: m(c, (t) => {
         t.preventDefault();
       }),
       onDismiss: d.onDismiss,
       children: /* @__PURE__ */ i(
-        K,
+        j,
         {
           ...l,
-          ...p,
-          onPointerDown: h(p.onPointerDown, (t) => {
-            t.currentTarget.contains(t.target) && C(!0), d.hasSelectionRef.current = !1, d.isPointerDownOnContentRef.current = !0;
+          ...f,
+          onPointerDown: m(f.onPointerDown, (t) => {
+            t.currentTarget.contains(t.target) && h(!0), d.hasSelectionRef.current = !1, d.isPointerDownOnContentRef.current = !0;
           }),
-          ref: m,
+          ref: C,
           style: {
-            ...p.style,
+            ...f.style,
             userSelect: v ? "text" : void 0,
             // Safari requires prefix
             WebkitUserSelect: v ? "text" : void 0,
@@ -156,8 +156,8 @@ var Z = s.forwardRef((e, o) => {
   );
 }), ee = "HoverCardArrow", te = s.forwardRef(
   (e, o) => {
-    const { __scopeHoverCard: r, ...a } = e, n = R(r);
-    return /* @__PURE__ */ i(j, { ...n, ...a, ref: o });
+    const { __scopeHoverCard: r, ...a } = e, n = x(r);
+    return /* @__PURE__ */ i(V, { ...n, ...a, ref: o });
   }
 );
 te.displayName = ee;
@@ -171,10 +171,10 @@ function oe(e) {
   for (; r.nextNode(); ) o.push(r.currentNode);
   return o;
 }
-var re = N, ne = D, ae = A, se = L;
-const M = F({}), ie = ({ align: e, alignOffset: o, collisionBoundary: r, collisionPadding: a, side: n, sideOffset: c, width: u, ...p }) => /* @__PURE__ */ i(M.Provider, { value: { side: n, sideOffset: c, align: e, alignOffset: o, collisionBoundary: r, collisionPadding: a, width: u }, children: /* @__PURE__ */ i(re, { "data-slot": "hover-card", "data-testid": "spectral-hover-card", ...p }) });
+var re = _, ne = A, ae = L, se = M;
+const k = I({}), ie = ({ align: e, alignOffset: o, collisionBoundary: r, collisionPadding: a, side: n, sideOffset: c, width: u, ...f }) => /* @__PURE__ */ i(k.Provider, { value: { side: n, sideOffset: c, align: e, alignOffset: o, collisionBoundary: r, collisionPadding: a, width: u }, children: /* @__PURE__ */ i(re, { "data-slot": "hover-card", "data-testid": "spectral-hover-card", ...f }) });
 ie.displayName = "HoverCard";
-const ce = ({ ...e }) => /* @__PURE__ */ i(ne, { "data-slot": "hover-card-trigger", "data-testid": "spectral-hover-card-trigger", ...e });
+const ce = ({ className: e, ...o }) => /* @__PURE__ */ i(ne, { className: E("font-base", e), "data-slot": "hover-card-trigger", "data-testid": "spectral-hover-card-trigger", ...o });
 ce.displayName = "HoverCardTrigger";
 const de = ({
   align: e,
@@ -184,17 +184,17 @@ const de = ({
   collisionPadding: n,
   side: c,
   sideOffset: u,
-  width: p,
+  width: f,
   ...d
 }) => {
-  const l = I(M), f = e ?? l.align ?? "center", m = u ?? l.sideOffset ?? 4, v = c ?? l.side ?? "bottom", C = p ?? l.width ?? 380, t = o ?? l.alignOffset, g = a ?? l.collisionBoundary, S = n ?? l.collisionPadding;
+  const l = B(k), p = e ?? l.align ?? "center", C = u ?? l.sideOffset ?? 4, v = c ?? l.side ?? "bottom", h = f ?? l.width ?? 380, t = o ?? l.alignOffset, g = a ?? l.collisionBoundary, S = n ?? l.collisionPadding;
   return /* @__PURE__ */ i(ae, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ i(
     se,
     {
-      align: f,
+      align: p,
       alignOffset: t,
-      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",
+      className: E(
+        "bg-popover-bg text-text-primary motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out 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=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe: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",
         r
       ),
       collisionBoundary: g,
@@ -202,9 +202,9 @@ const de = ({
       "data-slot": "hover-card-content",
       "data-testid": "spectral-hover-card-content",
       side: v,
-      sideOffset: m,
+      sideOffset: C,
       style: {
-        width: typeof C == "number" ? `${C}px` : C === "trigger-width" ? "var(--radix-hover-card-trigger-width)" : "fit-content"
+        width: typeof h == "number" ? `${h}px` : h === "trigger-width" ? "var(--radix-hover-card-trigger-width)" : "fit-content"
       },
       ...d
     }

package/dist/Icons/PolygonIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from './iconTypes';
+export declare const PolygonIcon: (({ ref, className, ariaHidden, title, description, size, strokeWidth: _strokeWidth, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=PolygonIcon.d.ts.map

package/dist/Icons/PolygonIcon.js

@@ -0,0 +1,40 @@
+import "../styles/main.css";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import a from "./IconBase.js";
+const k = ({ ref: r, className: C, ariaHidden: t, title: e, description: n, size: s = 24, strokeWidth: l, ...c }) => /* @__PURE__ */ d(a, { ...c, size: s, className: C, title: e, description: n, ariaHidden: t, ref: r, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M10 5C10 5.53043 10.2107 6.03914 10.5858 6.41421C10.9609 6.78929 11.4696 7 12 7C12.5304 7 13.0391 6.78929 13.4142 6.41421C13.7893 6.03914 14 5.53043 14 5C14 4.46957 13.7893 3.96086 13.4142 3.58579C13.0391 3.21071 12.5304 3 12 3C11.4696 3 10.9609 3.21071 10.5858 3.58579C10.2107 3.96086 10 4.46957 10 5Z",
+      stroke: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M17 8C17 8.53043 17.2107 9.03914 17.5858 9.41421C17.9609 9.78929 18.4696 10 19 10C19.5304 10 20.0391 9.78929 20.4142 9.41421C20.7893 9.03914 21 8.53043 21 8C21 7.46957 20.7893 6.96086 20.4142 6.58579C20.0391 6.21071 19.5304 6 19 6C18.4696 6 17.9609 6.21071 17.5858 6.58579C17.2107 6.96086 17 7.46957 17 8Z",
+      stroke: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M3 11C3 11.5304 3.21071 12.0391 3.58579 12.4142C3.96086 12.7893 4.46957 13 5 13C5.53043 13 6.03914 12.7893 6.41421 12.4142C6.78929 12.0391 7 11.5304 7 11C7 10.4696 6.78929 9.96086 6.41421 9.58579C6.03914 9.21071 5.53043 9 5 9C4.46957 9 3.96086 9.21071 3.58579 9.58579C3.21071 9.96086 3 10.4696 3 11Z",
+      stroke: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M13 19C13 19.5304 13.2107 20.0391 13.5858 20.4142C13.9609 20.7893 14.4696 21 15 21C15.5304 21 16.0391 20.7893 16.4142 20.4142C16.7893 20.0391 17 19.5304 17 19C17 18.4696 16.7893 17.9609 16.4142 17.5858C16.0391 17.2107 15.5304 17 15 17C14.4696 17 13.9609 17.2107 13.5858 17.5858C13.2107 17.9609 13 18.4696 13 19Z",
+      stroke: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ o("path", { d: "M6.5 9.5L10 6.5", stroke: "currentColor" }),
+  /* @__PURE__ */ o("path", { d: "M14 5.5L17 7", stroke: "currentColor" }),
+  /* @__PURE__ */ o("path", { d: "M18.5 10L16 17", stroke: "currentColor" }),
+  /* @__PURE__ */ o("path", { d: "M13.5 17.5L6.5 12.5", stroke: "currentColor" })
+] }), i = Object.assign(k, { displayName: "PolygonIcon" });
+export {
+  i as PolygonIcon
+};

package/dist/Icons/index.d.ts

@@ -31,7 +31,6 @@ export { KeyboardIcon } from './KeyboardIcon';
 export { LabelIcon } from './LabelIcon';
 export { LassoIcon } from './LassoIcon';
 export { LineToolIcon } from './LineToolIcon';
-export { LineToolIcon2 } from './LineToolIcon2';
 export { LiveViewIcon } from './LiveViewIcon';
 export { LoaderIcon } from './LoaderIcon';
 export { LocationIcon } from './LocationIcon';
@@ -45,6 +44,7 @@ export { PanelIconClose } from './PanelIconClose';
 export { PanelIconOpen } from './PanelIconOpen';
 export { PlayIcon } from './PlayIcon';
 export { PlusIcon } from './PlusIcon';
+export { PolygonIcon } from './PolygonIcon';
 export { ResetIcon } from './ResetIcon';
 export { ReviewedIcon } from './ReviewedIcon';
 export { ScissorsIcon } from './ScissorsIcon';

package/dist/Icons.js

@@ -8,13 +8,13 @@ import { CheckCircleIcon as i } from "./Icons/CheckCircleIcon.js";
 import { CheckSquareIcon as d } from "./Icons/CheckSquareIcon.js";
 import { CheckmarkIcon as A } from "./Icons/CheckmarkIcon.js";
 import { ChevronDownIcon as h } from "./Icons/ChevronDownIcon.js";
-import { ChevronUpIcon as u } from "./Icons/ChevronUpIcon.js";
+import { ChevronUpIcon as L } from "./Icons/ChevronUpIcon.js";
 import { ClockIcon as D } from "./Icons/ClockIcon.js";
 import { CloseCircleIcon as k } from "./Icons/CloseCircleIcon.js";
 import { CloseIcon as v } from "./Icons/CloseIcon.js";
 import { DashboardIcon as U } from "./Icons/DashboardIcon.js";
 import { DatabaseIcon as b } from "./Icons/DatabaseIcon.js";
-import { DeleteIcon as P } from "./Icons/DeleteIcon.js";
+import { DeleteIcon as T } from "./Icons/DeleteIcon.js";
 import { DurationIcon as G } from "./Icons/DurationIcon.js";
 import { EditIcon as q } from "./Icons/EditIcon.js";
 import { EmailIcon as F } from "./Icons/EmailIcon.js";
@@ -31,20 +31,20 @@ import { KeyboardIcon as mo } from "./Icons/KeyboardIcon.js";
 import { LabelIcon as fo } from "./Icons/LabelIcon.js";
 import { LassoIcon as xo } from "./Icons/LassoIcon.js";
 import { LineToolIcon as so } from "./Icons/LineToolIcon.js";
-import { LineToolIcon2 as io } from "./Icons/LineToolIcon2.js";
-import { LiveViewIcon as So } from "./Icons/LiveViewIcon.js";
-import { LoaderIcon as Lo } from "./Icons/LoaderIcon.js";
+import { LiveViewIcon as io } from "./Icons/LiveViewIcon.js";
+import { LoaderIcon as So } from "./Icons/LoaderIcon.js";
 import { LocationIcon as go } from "./Icons/LocationIcon.js";
 import { LogoutIcon as yo } from "./Icons/LogoutIcon.js";
-import { MeasureIcon as Eo } from "./Icons/MeasureIcon.js";
-import { MessagesIcon as wo } from "./Icons/MessagesIcon.js";
-import { MetadataIcon as To } from "./Icons/MetadataIcon.js";
-import { MinusIcon as Zo } from "./Icons/MinusIcon.js";
-import { OntologyIcon as Mo } from "./Icons/OntologyIcon.js";
-import { PanelIconClose as Oo } from "./Icons/PanelIconClose.js";
-import { PanelIconOpen as Ro } from "./Icons/PanelIconOpen.js";
-import { PlayIcon as zo } from "./Icons/PlayIcon.js";
-import { PlusIcon as Ho } from "./Icons/PlusIcon.js";
+import { MeasureIcon as uo } from "./Icons/MeasureIcon.js";
+import { MessagesIcon as Eo } from "./Icons/MessagesIcon.js";
+import { MetadataIcon as wo } from "./Icons/MetadataIcon.js";
+import { MinusIcon as Po } from "./Icons/MinusIcon.js";
+import { OntologyIcon as Zo } from "./Icons/OntologyIcon.js";
+import { PanelIconClose as Mo } from "./Icons/PanelIconClose.js";
+import { PanelIconOpen as Oo } from "./Icons/PanelIconOpen.js";
+import { PlayIcon as Ro } from "./Icons/PlayIcon.js";
+import { PlusIcon as zo } from "./Icons/PlusIcon.js";
+import { PolygonIcon as Ho } from "./Icons/PolygonIcon.js";
 import { ResetIcon as Vo } from "./Icons/ResetIcon.js";
 import { ReviewedIcon as Xo } from "./Icons/ReviewedIcon.js";
 import { ScissorsIcon as jo } from "./Icons/ScissorsIcon.js";
@@ -60,9 +60,9 @@ import { TrashIcon as ar } from "./Icons/TrashIcon.js";
 import { UndoIcon as lr } from "./Icons/UndoIcon.js";
 import { User2Icon as Cr } from "./Icons/User2Icon.js";
 import { UserIcon as Sr } from "./Icons/UserIcon.js";
-import { WarningIcon as Lr } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as gr } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as yr } from "./Icons/ZoomXIcon.js";
+import { WarningIcon as gr } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as yr } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as ur } from "./Icons/ZoomXIcon.js";
 import { ZoomYIcon as Er } from "./Icons/ZoomYIcon.js";
 export {
   e as AnalyzeIcon,
@@ -75,13 +75,13 @@ export {
   d as CheckSquareIcon,
   A as CheckmarkIcon,
   h as ChevronDownIcon,
-  u as ChevronUpIcon,
+  L as ChevronUpIcon,
   D as ClockIcon,
   k as CloseCircleIcon,
   v as CloseIcon,
   U as DashboardIcon,
   b as DatabaseIcon,
-  P as DeleteIcon,
+  T as DeleteIcon,
   G as DurationIcon,
   q as EditIcon,
   F as EmailIcon,
@@ -98,20 +98,20 @@ export {
   fo as LabelIcon,
   xo as LassoIcon,
   so as LineToolIcon,
-  io as LineToolIcon2,
-  So as LiveViewIcon,
-  Lo as LoaderIcon,
+  io as LiveViewIcon,
+  So as LoaderIcon,
   go as LocationIcon,
   yo as LogoutIcon,
-  Eo as MeasureIcon,
-  wo as MessagesIcon,
-  To as MetadataIcon,
-  Zo as MinusIcon,
-  Mo as OntologyIcon,
-  Oo as PanelIconClose,
-  Ro as PanelIconOpen,
-  zo as PlayIcon,
-  Ho as PlusIcon,
+  uo as MeasureIcon,
+  Eo as MessagesIcon,
+  wo as MetadataIcon,
+  Po as MinusIcon,
+  Zo as OntologyIcon,
+  Mo as PanelIconClose,
+  Oo as PanelIconOpen,
+  Ro as PlayIcon,
+  zo as PlusIcon,
+  Ho as PolygonIcon,
   Vo as ResetIcon,
   Xo as ReviewedIcon,
   jo as ScissorsIcon,
@@ -127,8 +127,8 @@ export {
   lr as UndoIcon,
   Cr as User2Icon,
   Sr as UserIcon,
-  Lr as WarningIcon,
-  gr as ZoomAllIcon,
-  yr as ZoomXIcon,
+  gr as WarningIcon,
+  yr as ZoomAllIcon,
+  ur as ZoomXIcon,
   Er as ZoomYIcon
 };

package/dist/IconsAnimated/PanelLeftCloseIcon.js

@@ -3,8 +3,8 @@ import "../styles/main.css";
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { cn as f } from "../utils/twUtils.js";
 import { useRef as p, useImperativeHandle as x, useCallback as i } from "react";
-import { u as v } from "../use-animation-zNd5Nq85.js";
-import { m as A } from "../proxy-Cukf-VVj.js";
+import { u as v } from "../use-animation-CR-SdV2l.js";
+import { m as A } from "../proxy-CgaCj1WQ.js";
 const w = {
   times: [0, 0.4, 1],
   duration: 0.5

package/dist/IconsAnimated/PanelLeftOpenIcon.js

@@ -3,8 +3,8 @@ import "../styles/main.css";
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { cn as p } from "../utils/twUtils.js";
 import { useRef as f, useImperativeHandle as x, useCallback as i } from "react";
-import { u as v } from "../use-animation-zNd5Nq85.js";
-import { m as A } from "../proxy-Cukf-VVj.js";
+import { u as v } from "../use-animation-CR-SdV2l.js";
+import { m as A } from "../proxy-CgaCj1WQ.js";
 const w = {
   times: [0, 0.4, 1],
   duration: 0.5

package/dist/Input/InputUtils.d.ts

@@ -4,12 +4,12 @@ export declare const usePrefixWidth: (prefix?: string) => {
     prefixRef: Ref<HTMLSpanElement | null>;
 };
 export declare const usePasswordVisibility: () => {
+    inputType: "text" | "password";
     isVisible: boolean;
     toggleVisibility: () => void;
-    inputType: "text" | "password";
 };
 export declare const useClearOnFocus: (clearOnFocus: boolean, onChange?: (e: ChangeEvent<HTMLInputElement>) => void) => {
-    hasBeenFocused: boolean;
     handleFocus: (e: FocusEvent<HTMLInputElement>, originalOnFocus?: (e: FocusEvent<HTMLInputElement>) => void) => void;
+    hasBeenFocused: boolean;
 };
 //# sourceMappingURL=InputUtils.d.ts.map

package/dist/Input/InputUtils.js

@@ -12,17 +12,17 @@ const h = (t) => {
       return i.observe(e.current), () => {
         i.disconnect();
       };
-    } else
-      s(0);
+    }
+    s(0);
   }, [t]), { prefixWidth: r, prefixRef: e };
 }, p = () => {
   const [t, r] = u(!1), s = f(() => {
     r((e) => !e);
   }, []);
   return {
+    inputType: t ? "text" : "password",
     isVisible: t,
-    toggleVisibility: s,
-    inputType: t ? "text" : "password"
+    toggleVisibility: s
   };
 }, v = (t, r) => {
   const [s, e] = u(!1), n = f(

package/dist/Input.d.ts

@@ -18,7 +18,7 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'onC
     value?: string;
 };
 export declare const Input: {
-    ({ ref, className, clearOnFocus, disabled, endIcon, errorMessage, id, label, labelClassName, name, onBlur, onChange, onFocus, placeholder, prefix, required, showClearButton, startIcon, state, suppressHydrationWarning, type, value, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, ...props }: InputProps & {
+    ({ className, clearOnFocus, disabled, endIcon, errorMessage, id, label, labelClassName, name, onBlur, onChange, onFocus, placeholder, prefix, ref, required, showClearButton, startIcon, state, suppressHydrationWarning, type, value, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, ...props }: InputProps & {
         ref?: Ref<HTMLInputElement>;
     }): ReactElement;
     displayName: string;

package/dist/Input.js

@@ -35,7 +35,6 @@ import "./Icons/KeyboardIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
-import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import { LoaderIcon as nt } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
@@ -49,6 +48,7 @@ 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";
@@ -77,30 +77,30 @@ const gt = (...a) => (p) => {
     i && (typeof i == "function" ? i(p) : i.current = p);
   });
 }, xt = (a) => ({
+  date: "off",
   email: "email",
+  number: "off",
   password: "current-password",
   tel: "tel",
-  url: "url",
   text: "off",
-  number: "off",
-  date: "off",
+  url: "url",
   "datetime-local": "off"
 })[a] || "off", Ct = ({
-  ref: a,
-  className: p,
-  clearOnFocus: i = !1,
-  disabled: k,
+  className: a,
+  clearOnFocus: p = !1,
+  disabled: i,
   endIcon: b,
   errorMessage: g,
-  id: P,
+  id: k,
   label: e,
-  labelClassName: R,
+  labelClassName: P,
   name: x,
   onBlur: C,
   onChange: n,
   onFocus: w,
-  placeholder: V,
+  placeholder: R,
   prefix: l,
+  ref: V,
   required: v,
   showClearButton: $ = !1,
   startIcon: y,
@@ -112,7 +112,7 @@ const gt = (...a) => (p) => {
   "aria-describedby": O,
   ...j
 }) => {
-  const m = ct(P, x), N = `${m}-error`, { isDisabled: F, isLoading: A, isInvalid: B } = mt(k, s), H = dt(s, O, v, N), E = bt(null), T = gt(a, E), { isVisible: u, toggleVisibility: W, inputType: D } = tt(), { prefixWidth: G, prefixRef: J } = rt(l), { handleFocus: z } = et(i, n ? (r) => n(r.target.value) : void 0), K = d(
+  const m = ct(k, x), N = `${m}-error`, { isDisabled: F, isLoading: A, isInvalid: B } = mt(i, s), H = dt(s, O, v, N), E = bt(null), T = gt(V, E), { isVisible: u, toggleVisibility: W, inputType: D } = tt(), { prefixWidth: G, prefixRef: J } = rt(l), { handleFocus: z } = et(p, n ? (r) => n(r.target.value) : void 0), K = d(
     (r) => {
       C?.(r);
     },
@@ -133,16 +133,16 @@ const gt = (...a) => (p) => {
     r && (r.value = "", r.dispatchEvent(new Event("input", { bubbles: !0 })), r.focus());
   }, []), S = $ && I.length > 0, Y = () => {
     const r = "absolute right-4 top-1/2 -translate-y-1/2 text-input-icon hover:text-input-icon--hover focus:outline-none cursor-pointer", o = {
-      password: () => /* @__PURE__ */ t("button", { "aria-controls": m, "aria-label": u ? `Hide ${e || "password"}` : `Show ${e || "password"}`, "aria-pressed": u, className: r, "data-testid": "spectral-input-password-toggle", onClick: W, type: "button", children: u ? /* @__PURE__ */ t(at, { size: 22 }) : /* @__PURE__ */ t(pt, { size: 22 }) }),
-      clear: () => /* @__PURE__ */ t("button", { "aria-label": `Clear ${e || "input"}`, className: r, "data-testid": "spectral-input-clear-button", onClick: X, type: "button", children: /* @__PURE__ */ t(it, { size: 24 }) }),
+      password: () => /* @__PURE__ */ t("button", { "aria-controls": m, "aria-label": u ? `Hide ${e ?? "password"}` : `Show ${e ?? "password"}`, "aria-pressed": u, className: r, "data-testid": "spectral-input-password-toggle", onClick: W, type: "button", children: u ? /* @__PURE__ */ t(at, { size: 22 }) : /* @__PURE__ */ t(pt, { size: 22 }) }),
+      clear: () => /* @__PURE__ */ t("button", { "aria-label": `Clear ${e ?? "input"}`, className: r, "data-testid": "spectral-input-clear-button", onClick: X, type: "button", children: /* @__PURE__ */ t(it, { size: 24 }) }),
       loading: () => /* @__PURE__ */ t("div", { className: "text-input-icon absolute top-1/2 right-4 -translate-y-1/2", "data-testid": "spectral-input-loading-icon", children: /* @__PURE__ */ t(nt, { size: 24 }) }),
       error: () => /* @__PURE__ */ t("div", { className: "text-danger-400 absolute top-1/2 right-4 -translate-y-1/2", "data-testid": "spectral-input-error-icon", children: /* @__PURE__ */ t(st, { size: 24 }) }),
       success: () => /* @__PURE__ */ t("div", { className: "text-success-400 absolute top-1/2 right-4 -translate-y-1/2", "data-testid": "spectral-input-success-icon", children: /* @__PURE__ */ t(ot, { size: 24 }) })
     };
     return b ? /* @__PURE__ */ t("div", { className: "text-input-icon absolute top-1/2 right-4 -translate-y-1/2", children: b }) : c === "password" ? o.password() : S ? o.clear() : A ? o.loading() : s === "success" ? o.success() : s === "error" ? o.error() : null;
-  }, Z = () => y || null, _ = h(ut(s, p), "[text-indent:var(--prefix-width)]", S && "pr-10"), q = h("pointer-events-none absolute inset-y-0 left-4 flex items-center text-base text-input-text-prefix opacity-100 peer-disabled:opacity-50");
+  }, Z = () => y || null, _ = h(ut(s, a), "[text-indent:var(--prefix-width)]", S && "pr-10"), q = h("pointer-events-none absolute inset-y-0 left-4 flex items-center text-base text-input-text-prefix opacity-100 peer-disabled:opacity-50");
   return /* @__PURE__ */ f("div", { className: "w-full space-y-1.5", "data-testid": "spectral-input-container", children: [
-    e && /* @__PURE__ */ t(lt, { className: h("mb-2 block", R, F && "text-input-text--disabled placeholder:text-input-text-placeholder cursor-not-allowed"), "data-testid": "spectral-input-label", htmlFor: m, children: e }),
+    e && /* @__PURE__ */ t(lt, { className: h("mb-2 block", P, F && "text-input-text--disabled placeholder:text-input-text-placeholder cursor-not-allowed"), "data-testid": "spectral-input-label", htmlFor: m, children: e }),
     /* @__PURE__ */ f("div", { className: "relative", "data-testid": "spectral-input-wrapper", children: [
       /* @__PURE__ */ f("div", { className: "relative", children: [
         Z(),
@@ -150,7 +150,7 @@ const gt = (...a) => (p) => {
         /* @__PURE__ */ t(
           "input",
           {
-            "aria-label": M || e,
+            "aria-label": M ?? e,
             autoComplete: xt(c),
             className: _,
             "data-state": s,
@@ -161,11 +161,11 @@ const gt = (...a) => (p) => {
             onBlur: K,
             onChange: U,
             onFocus: Q,
-            placeholder: V || e,
+            placeholder: R ?? e,
             ref: T,
             required: v,
             style: ft({
-              "--prefix-width": l ? `${G}px` : "0px"
+              "--prefix-width": l ? `${G}px` : "0"
             }),
             suppressHydrationWarning: L,
             type: c === "password" ? D : c,