@spear-ai/spectral 1.4.10 → 1.4.12

package/dist/Checkbox.js

@@ -20,6 +20,7 @@ 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";
@@ -51,7 +52,9 @@ import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.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";

package/dist/Icons/EditIcon.d.ts

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

package/dist/Icons/EditIcon.js

@@ -0,0 +1,31 @@
+"use client";
+import "../styles/main.css";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import c from "./IconBase.js";
+import { forwardRef as p } from "react";
+const a = ({ className: r, ariaHidden: t, title: e, description: n, size: C = 24, ...i }, s) => /* @__PURE__ */ d(c, { size: C, className: r, title: e, description: n, ariaHidden: t, ref: s, ...i, children: [
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M12 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V12",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M18.375 2.62498C18.7728 2.22716 19.3124 2.00366 19.875 2.00366C20.4376 2.00366 20.9771 2.22716 21.375 2.62498C21.7728 3.02281 21.9963 3.56237 21.9963 4.12498C21.9963 4.68759 21.7728 5.22716 21.375 5.62498L12.362 14.639C12.1245 14.8762 11.8312 15.0499 11.509 15.144L8.63597 15.984C8.54992 16.0091 8.45871 16.0106 8.37188 15.9883C8.28505 15.9661 8.2058 15.9209 8.14242 15.8575C8.07904 15.7942 8.03386 15.7149 8.01162 15.6281C7.98937 15.5412 7.99087 15.45 8.01597 15.364L8.85597 12.491C8.9505 12.169 9.12451 11.876 9.36197 11.639L18.375 2.62498Z",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+] }), k = p(a);
+k.displayName = "EditIcon";
+export {
+  k as EditIcon
+};

package/dist/Icons/SortAtoZIcon.d.ts

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

package/dist/Icons/SortAtoZIcon.js

@@ -0,0 +1,16 @@
+"use client";
+import "../styles/main.css";
+import { jsxs as k, jsx as o } from "react/jsx-runtime";
+import c from "./IconBase.js";
+import { forwardRef as u } from "react";
+const p = ({ className: r, ariaHidden: t, title: e, description: n, size: s = 24, ...i }, d) => /* @__PURE__ */ k(c, { size: s, className: r, title: e, description: n, ariaHidden: t, ref: d, ...i, children: [
+  /* @__PURE__ */ o("path", { d: "M3 16L7 20L11 16", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ o("path", { d: "M7 20V4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ o("path", { d: "M20 8H15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ o("path", { d: "M15 10V6.5C15 5.83696 15.2634 5.20107 15.7322 4.73223C16.2011 4.26339 16.837 4 17.5 4C18.163 4 18.7989 4.26339 19.2678 4.73223C19.7366 5.20107 20 5.83696 20 6.5V10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ o("path", { d: "M15 14H20L15 20H20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] }), a = u(p);
+a.displayName = "SortAtoZIcon";
+export {
+  a as SortAtoZIcon
+};

package/dist/Icons/SortZtoAIcon.d.ts

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

package/dist/Icons/SortZtoAIcon.js

@@ -0,0 +1,16 @@
+"use client";
+import "../styles/main.css";
+import { jsxs as k, jsx as o } from "react/jsx-runtime";
+import c from "./IconBase.js";
+import { forwardRef as u } from "react";
+const p = ({ className: r, ariaHidden: t, title: e, description: n, size: s = 24, ...i }, d) => /* @__PURE__ */ k(c, { size: s, className: r, title: e, description: n, ariaHidden: t, ref: d, ...i, children: [
+  /* @__PURE__ */ o("path", { d: "M3 8L7 4L11 8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ o("path", { d: "M7 4V20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ o("path", { d: "M20 8H15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ o("path", { d: "M15 10V6.5C15 5.83696 15.2634 5.20107 15.7322 4.73223C16.2011 4.26339 16.837 4 17.5 4C18.163 4 18.7989 4.26339 19.2678 4.73223C19.7366 5.20107 20 5.83696 20 6.5V10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ o("path", { d: "M15 14H20L15 20H20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] }), a = u(p);
+a.displayName = "SortZtoAIcon";
+export {
+  a as SortZtoAIcon
+};

package/dist/Icons/index.d.ts

@@ -16,6 +16,7 @@ export { DashboardIcon } from './DashboardIcon';
 export { DatabaseIcon } from './DatabaseIcon';
 export { DeleteIcon } from './DeleteIcon';
 export { DurationIcon } from './DurationIcon';
+export { EditIcon } from './EditIcon';
 export { EmailIcon } from './EmailIcon';
 export { EraserIcon } from './EraserIcon';
 export { ErrorIcon } from './ErrorIcon';
@@ -47,7 +48,9 @@ export { ReviewedIcon } from './ReviewedIcon';
 export { ScissorsIcon } from './ScissorsIcon';
 export { SettingsIcon } from './SettingsIcon';
 export { SortAscendingIcon } from './SortAscendingIcon';
+export { SortAtoZIcon } from './SortAtoZIcon';
 export { SortDescendingIcon } from './SortDescendingIcon';
+export { SortZtoAIcon } from './SortZtoAIcon';
 export { StackIcon } from './StackIcon';
 export { StarIcon } from './StarIcon';
 export { TrashIcon } from './TrashIcon';

package/dist/Icons.js

@@ -6,57 +6,60 @@ import { ArrowUpIcon as x } from "./Icons/ArrowUpIcon.js";
 import { CalendarIcon as s } from "./Icons/CalendarIcon.js";
 import { CheckCircleIcon as i } from "./Icons/CheckCircleIcon.js";
 import { CheckSquareIcon as d } from "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as g } from "./Icons/CheckmarkIcon.js";
-import { ChevronDownIcon as A } from "./Icons/ChevronDownIcon.js";
-import { ChevronUpIcon as S } from "./Icons/ChevronUpIcon.js";
-import { ClockIcon as u } from "./Icons/ClockIcon.js";
-import { CloseCircleIcon as y } from "./Icons/CloseCircleIcon.js";
+import { CheckmarkIcon as L } from "./Icons/CheckmarkIcon.js";
+import { ChevronDownIcon as g } from "./Icons/ChevronDownIcon.js";
+import { ChevronUpIcon as D } from "./Icons/ChevronUpIcon.js";
+import { ClockIcon as k } from "./Icons/ClockIcon.js";
+import { CloseCircleIcon as w } from "./Icons/CloseCircleIcon.js";
 import { CloseIcon as v } from "./Icons/CloseIcon.js";
-import { DashboardIcon as P } from "./Icons/DashboardIcon.js";
-import { DatabaseIcon as b } from "./Icons/DatabaseIcon.js";
-import { DeleteIcon as O } from "./Icons/DeleteIcon.js";
+import { DashboardIcon as Z } from "./Icons/DashboardIcon.js";
+import { DatabaseIcon as U } from "./Icons/DatabaseIcon.js";
+import { DeleteIcon as M } from "./Icons/DeleteIcon.js";
 import { DurationIcon as G } from "./Icons/DurationIcon.js";
-import { EmailIcon as q } from "./Icons/EmailIcon.js";
-import { EraserIcon as F } from "./Icons/EraserIcon.js";
-import { ErrorIcon as V } from "./Icons/ErrorIcon.js";
-import { EyeClosedIcon as X } from "./Icons/EyeClosedIcon.js";
-import { EyeClosedIcon2 as j } from "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as J } from "./Icons/EyeOpenIcon.js";
-import { GoToFirstIcon as N } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as _ } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as oo } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as eo } from "./Icons/InfoIcon.js";
-import { LabelIcon as to } from "./Icons/LabelIcon.js";
-import { LassoIcon as mo } from "./Icons/LassoIcon.js";
-import { LineToolIcon as fo } from "./Icons/LineToolIcon.js";
-import { LineToolIcon2 as xo } from "./Icons/LineToolIcon2.js";
-import { LiveViewIcon as so } from "./Icons/LiveViewIcon.js";
-import { LoaderIcon as io } from "./Icons/LoaderIcon.js";
-import { LocationIcon as Lo } from "./Icons/LocationIcon.js";
+import { EditIcon as q } from "./Icons/EditIcon.js";
+import { EmailIcon as F } from "./Icons/EmailIcon.js";
+import { EraserIcon as V } from "./Icons/EraserIcon.js";
+import { ErrorIcon as X } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as j } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as J } from "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as N } from "./Icons/EyeOpenIcon.js";
+import { GoToFirstIcon as _ } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as oo } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as eo } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as to } from "./Icons/InfoIcon.js";
+import { LabelIcon as mo } from "./Icons/LabelIcon.js";
+import { LassoIcon as fo } from "./Icons/LassoIcon.js";
+import { LineToolIcon as xo } from "./Icons/LineToolIcon.js";
+import { LineToolIcon2 as so } from "./Icons/LineToolIcon2.js";
+import { LiveViewIcon as io } from "./Icons/LiveViewIcon.js";
+import { LoaderIcon as Ao } from "./Icons/LoaderIcon.js";
+import { LocationIcon as So } from "./Icons/LocationIcon.js";
 import { LogoutIcon as ho } from "./Icons/LogoutIcon.js";
-import { MessagesIcon as Do } from "./Icons/MessagesIcon.js";
-import { MetadataIcon as ko } from "./Icons/MetadataIcon.js";
-import { MinusIcon as wo } from "./Icons/MinusIcon.js";
-import { OntologyIcon as Eo } from "./Icons/OntologyIcon.js";
-import { PanelIconClose as To } from "./Icons/PanelIconClose.js";
-import { PanelIconOpen as Uo } from "./Icons/PanelIconOpen.js";
-import { PlayIcon as Mo } from "./Icons/PlayIcon.js";
-import { PlusIcon as Zo } from "./Icons/PlusIcon.js";
-import { ResetIcon as Ro } from "./Icons/ResetIcon.js";
-import { ReviewedIcon as zo } from "./Icons/ReviewedIcon.js";
-import { ScissorsIcon as Ho } from "./Icons/ScissorsIcon.js";
-import { SettingsIcon as Wo } from "./Icons/SettingsIcon.js";
-import { SortAscendingIcon as Yo } from "./Icons/SortAscendingIcon.js";
-import { SortDescendingIcon as Bo } from "./Icons/SortDescendingIcon.js";
-import { StackIcon as Ko } from "./Icons/StackIcon.js";
-import { StarIcon as Qo } from "./Icons/StarIcon.js";
-import { TrashIcon as $o } from "./Icons/TrashIcon.js";
-import { UndoIcon as rr } from "./Icons/UndoIcon.js";
-import { UserIcon as nr } from "./Icons/UserIcon.js";
-import { WarningIcon as cr } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as pr } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as Ir } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as ar } from "./Icons/ZoomYIcon.js";
+import { MessagesIcon as Eo } from "./Icons/MessagesIcon.js";
+import { MetadataIcon as uo } from "./Icons/MetadataIcon.js";
+import { MinusIcon as yo } from "./Icons/MinusIcon.js";
+import { OntologyIcon as To } from "./Icons/OntologyIcon.js";
+import { PanelIconClose as Po } from "./Icons/PanelIconClose.js";
+import { PanelIconOpen as bo } from "./Icons/PanelIconOpen.js";
+import { PlayIcon as Oo } from "./Icons/PlayIcon.js";
+import { PlusIcon as Ro } from "./Icons/PlusIcon.js";
+import { ResetIcon as zo } from "./Icons/ResetIcon.js";
+import { ReviewedIcon as Ho } from "./Icons/ReviewedIcon.js";
+import { ScissorsIcon as Wo } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as Yo } from "./Icons/SettingsIcon.js";
+import { SortAscendingIcon as Bo } from "./Icons/SortAscendingIcon.js";
+import { SortAtoZIcon as Ko } from "./Icons/SortAtoZIcon.js";
+import { SortDescendingIcon as Qo } from "./Icons/SortDescendingIcon.js";
+import { SortZtoAIcon as $o } from "./Icons/SortZtoAIcon.js";
+import { StackIcon as rr } from "./Icons/StackIcon.js";
+import { StarIcon as nr } from "./Icons/StarIcon.js";
+import { TrashIcon as cr } from "./Icons/TrashIcon.js";
+import { UndoIcon as pr } from "./Icons/UndoIcon.js";
+import { UserIcon as Ir } from "./Icons/UserIcon.js";
+import { WarningIcon as ar } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as lr } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as Cr } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as Ar } from "./Icons/ZoomYIcon.js";
 export {
   e as AnalyzeIcon,
   t as AnnotationsIcon,
@@ -66,55 +69,58 @@ export {
   s as CalendarIcon,
   i as CheckCircleIcon,
   d as CheckSquareIcon,
-  g as CheckmarkIcon,
-  A as ChevronDownIcon,
-  S as ChevronUpIcon,
-  u as ClockIcon,
-  y as CloseCircleIcon,
+  L as CheckmarkIcon,
+  g as ChevronDownIcon,
+  D as ChevronUpIcon,
+  k as ClockIcon,
+  w as CloseCircleIcon,
   v as CloseIcon,
-  P as DashboardIcon,
-  b as DatabaseIcon,
-  O as DeleteIcon,
+  Z as DashboardIcon,
+  U as DatabaseIcon,
+  M as DeleteIcon,
   G as DurationIcon,
-  q as EmailIcon,
-  F as EraserIcon,
-  V as ErrorIcon,
-  X as EyeClosedIcon,
-  j as EyeClosedIcon2,
-  J as EyeOpenIcon,
-  N as GoToFirstIcon,
-  _ as GoToLastIcon,
-  oo as HarmonicCursorsIcon,
-  eo as InfoIcon,
-  to as LabelIcon,
-  mo as LassoIcon,
-  fo as LineToolIcon,
-  xo as LineToolIcon2,
-  so as LiveViewIcon,
-  io as LoaderIcon,
-  Lo as LocationIcon,
+  q as EditIcon,
+  F as EmailIcon,
+  V as EraserIcon,
+  X as ErrorIcon,
+  j as EyeClosedIcon,
+  J as EyeClosedIcon2,
+  N as EyeOpenIcon,
+  _ as GoToFirstIcon,
+  oo as GoToLastIcon,
+  eo as HarmonicCursorsIcon,
+  to as InfoIcon,
+  mo as LabelIcon,
+  fo as LassoIcon,
+  xo as LineToolIcon,
+  so as LineToolIcon2,
+  io as LiveViewIcon,
+  Ao as LoaderIcon,
+  So as LocationIcon,
   ho as LogoutIcon,
-  Do as MessagesIcon,
-  ko as MetadataIcon,
-  wo as MinusIcon,
-  Eo as OntologyIcon,
-  To as PanelIconClose,
-  Uo as PanelIconOpen,
-  Mo as PlayIcon,
-  Zo as PlusIcon,
-  Ro as ResetIcon,
-  zo as ReviewedIcon,
-  Ho as ScissorsIcon,
-  Wo as SettingsIcon,
-  Yo as SortAscendingIcon,
-  Bo as SortDescendingIcon,
-  Ko as StackIcon,
-  Qo as StarIcon,
-  $o as TrashIcon,
-  rr as UndoIcon,
-  nr as UserIcon,
-  cr as WarningIcon,
-  pr as ZoomAllIcon,
-  Ir as ZoomXIcon,
-  ar as ZoomYIcon
+  Eo as MessagesIcon,
+  uo as MetadataIcon,
+  yo as MinusIcon,
+  To as OntologyIcon,
+  Po as PanelIconClose,
+  bo as PanelIconOpen,
+  Oo as PlayIcon,
+  Ro as PlusIcon,
+  zo as ResetIcon,
+  Ho as ReviewedIcon,
+  Wo as ScissorsIcon,
+  Yo as SettingsIcon,
+  Bo as SortAscendingIcon,
+  Ko as SortAtoZIcon,
+  Qo as SortDescendingIcon,
+  $o as SortZtoAIcon,
+  rr as StackIcon,
+  nr as StarIcon,
+  cr as TrashIcon,
+  pr as UndoIcon,
+  Ir as UserIcon,
+  ar as WarningIcon,
+  lr as ZoomAllIcon,
+  Cr as ZoomXIcon,
+  Ar as ZoomYIcon
 };

package/dist/Input.js

@@ -1,7 +1,7 @@
 "use client";
 import "./styles/main.css";
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { usePasswordVisibility as tt, usePrefixWidth as et, useClearOnFocus as rt } from "./Input/InputUtils.js";
+import { usePasswordVisibility as tt, usePrefixWidth as rt, useClearOnFocus as et } from "./Input/InputUtils.js";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
@@ -20,6 +20,7 @@ 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 { ErrorIcon as st } from "./Icons/ErrorIcon.js";
@@ -51,7 +52,9 @@ import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.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";
@@ -82,7 +85,7 @@ const gt = (m) => ({
     endIcon: b,
     errorMessage: x,
     id: P,
-    label: r,
+    label: e,
     labelClassName: R,
     name: g,
     onBlur: C,
@@ -101,28 +104,28 @@ const gt = (m) => ({
     "aria-describedby": M,
     ...O
   }, j) => {
-    const l = ct(P, g), N = `${l}-error`, { isDisabled: F, isLoading: A, isInvalid: B } = ut(k, i), H = mt(i, M, v, N), T = xt(null), s = j || T, { isVisible: d, toggleVisibility: W, inputType: D } = tt(), { prefixWidth: G, prefixRef: J } = et(p), { handleFocus: E } = rt(h, a ? (e) => a(e.target.value) : void 0), K = c(
-      (e) => {
-        C?.(e);
+    const l = ct(P, g), N = `${l}-error`, { isDisabled: F, isLoading: A, isInvalid: B } = ut(k, i), H = mt(i, M, v, N), T = xt(null), s = j || T, { isVisible: d, toggleVisibility: W, inputType: D } = tt(), { prefixWidth: G, prefixRef: J } = rt(p), { handleFocus: E } = et(h, a ? (r) => a(r.target.value) : void 0), K = c(
+      (r) => {
+        C?.(r);
       },
       [C]
     ), Q = c(
-      (e) => {
-        E(e, w);
+      (r) => {
+        E(r, w);
       },
       [E, w]
     ), U = c(
-      (e) => {
-        const o = e.target.value;
+      (r) => {
+        const o = r.target.value;
         a?.(o);
       },
       [a]
     ), X = c(() => {
       s.current && (s.current.value = "", s.current.dispatchEvent(new Event("input", { bubbles: !0 })), s.current.focus());
     }, [s]), z = V && I.length > 0, Y = () => {
-      const e = "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": l, "aria-label": d ? `Hide ${r}` : `Show ${r}`, "aria-pressed": d, className: e, "data-testid": "spectral-input-password-toggle", onClick: W, type: "button", children: d ? /* @__PURE__ */ t(at, { size: 22 }) : /* @__PURE__ */ t(pt, { size: 22 }) }),
-        clear: () => /* @__PURE__ */ t("button", { "aria-label": `Clear ${r}`, "aria-pressed": !1, className: e, "data-testid": "spectral-input-clear-button", onClick: X, type: "button", children: /* @__PURE__ */ t(it, { size: 24 }) }),
+      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": l, "aria-label": d ? `Hide ${e}` : `Show ${e}`, "aria-pressed": d, className: r, "data-testid": "spectral-input-password-toggle", onClick: W, type: "button", children: d ? /* @__PURE__ */ t(at, { size: 22 }) : /* @__PURE__ */ t(pt, { size: 22 }) }),
+        clear: () => /* @__PURE__ */ t("button", { "aria-label": `Clear ${e}`, "aria-pressed": !1, className: r, "data-testid": "spectral-input-clear-button", onClick: X, type: "button", children: /* @__PURE__ */ t(it, { size: 24 }) }),
         loading: () => /* @__PURE__ */ t("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 text-input-icon", "data-testid": "spectral-input-loading-icon", children: /* @__PURE__ */ t(nt, { size: 24 }) }),
         error: () => /* @__PURE__ */ t("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 text-danger-400", "data-testid": "spectral-input-error-icon", children: /* @__PURE__ */ t(st, { size: 24 }) }),
         success: () => /* @__PURE__ */ t("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 text-success-400", "data-testid": "spectral-input-success-icon", children: /* @__PURE__ */ t(ot, { size: 24 }) })
@@ -130,7 +133,7 @@ const gt = (m) => ({
       return b || (n === "password" ? o.password() : z ? o.clear() : A ? o.loading() : i === "success" ? o.success() : i === "error" ? o.error() : null);
     }, Z = () => y || null, _ = f(dt(i, m), "[text-indent:var(--prefix-width)]", z && "pr-10"), q = f("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__ */ u("div", { className: "w-full space-y-1.5", "data-testid": "spectral-input-container", children: [
-      r && /* @__PURE__ */ t(lt, { className: f("block mb-2", R, F && "text-input-text--disabled placeholder:text-input-text-placeholder cursor-not-allowed"), "data-testid": "spectral-input-label", htmlFor: l, children: r }),
+      e && /* @__PURE__ */ t(lt, { className: f("block mb-2", R, F && "text-input-text--disabled placeholder:text-input-text-placeholder cursor-not-allowed"), "data-testid": "spectral-input-label", htmlFor: l, children: e }),
       /* @__PURE__ */ u("div", { className: "relative", "data-testid": "spectral-input-wrapper", children: [
         /* @__PURE__ */ u("div", { className: "relative", children: [
           Z(),
@@ -138,7 +141,7 @@ const gt = (m) => ({
           /* @__PURE__ */ t(
             "input",
             {
-              "aria-label": L || r,
+              "aria-label": L || e,
               autoComplete: gt(n),
               className: _,
               "data-state": i,
@@ -149,7 +152,7 @@ const gt = (m) => ({
               onBlur: K,
               onChange: U,
               onFocus: Q,
-              placeholder: S || r,
+              placeholder: S || e,
               ref: s,
               required: v,
               style: ft({

package/dist/InputOTP.js

@@ -19,6 +19,7 @@ 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";
@@ -50,7 +51,9 @@ import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.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";
@@ -330,11 +333,11 @@ const Rt = Q(({ ...t }, n) => {
   return /* @__PURE__ */ T("div", { ref: n, role: "separator", ...t, "data-testid": "spectral-input-otp-separator", "data-variant": a, children: /* @__PURE__ */ T(_t, { size: 24, color: a === "filled" ? "var(--color-input-otp-filled-separator)" : "var(--color-input-otp-border)" }) });
 });
 Rt.displayName = "InputOTP.Separator";
-const dr = Object.assign(Mt, {
+const vr = Object.assign(Mt, {
   Group: Tt,
   Slot: kt,
   Separator: Rt
 });
 export {
-  dr as InputOTP
+  vr as InputOTP
 };

package/dist/MultiSelect/MultiSelectBase.js

@@ -19,6 +19,7 @@ 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";
@@ -50,7 +51,9 @@ import "../Icons/ReviewedIcon.js";
 import "../Icons/ScissorsIcon.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";

package/dist/Select.js

@@ -19,6 +19,7 @@ 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";
@@ -50,7 +51,9 @@ import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.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";
@@ -61,9 +64,9 @@ import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { Label as C } from "./Label.js";
-import { R as X, T as Y, f as Z, e as _, C as $, c as tt, V as et, S as rt, d as I, G as at, I as st, b as it, a as ot } from "./index-CevVJ05e.js";
+import { R as X, T as Y, f as Z, e as _, C as $, c as tt, V as et, S as rt, d as I, G as at, I as it, b as st, a as ot } from "./index-CevVJ05e.js";
 import { useFormFieldId as lt, useFormFieldState as dt, getAriaProps as mt, getErrorMessageId as ct, groupOptions as pt, getFormFieldCSSProperties as nt, getStateClasses as ut, getTriggerClasses as ht, ErrorMessage as gt, LoadingState as bt, EmptyState as ft, getOptionClasses as xt } from "./utils/formFieldUtils.js";
-import { cn as i } from "./utils/twUtils.js";
+import { cn as s } from "./utils/twUtils.js";
 import { forwardRef as yt, useState as Nt } from "react";
 const vt = yt(
   ({
@@ -91,15 +94,15 @@ const vt = yt(
     "aria-describedby": B,
     ...o
   }, G) => {
-    const [b, M] = Nt(!1), s = lt(L, u), f = ct(s), { isDisabled: d, isLoading: x, isInvalid: A } = dt(o.disabled, a), H = mt(a, B, o.required, f), { groups: y, ungrouped: N } = pt(h), U = () => {
+    const [b, M] = Nt(!1), i = lt(L, u), f = ct(i), { isDisabled: d, isLoading: x, isInvalid: A } = dt(o.disabled, a), H = mt(a, B, o.required, f), { groups: y, ungrouped: N } = pt(h), U = () => {
       if (x)
         return /* @__PURE__ */ t(bt, { "data-testid": "spectral-select-loading", message: T });
       if (h.length === 0)
         return /* @__PURE__ */ t(ft, { "data-testid": "spectral-select-empty", message: k });
       const v = (e) => {
         const m = g === e.value;
-        return /* @__PURE__ */ r(st, { className: i(xt(!!e.disabled, !1, m), "relative flex w-full cursor-pointer items-center"), "data-testid": "spectral-select-item", disabled: e.disabled, value: e.value, children: [
-          /* @__PURE__ */ t(it, { "data-testid": "spectral-select-item-text", className: "block truncate", children: e.label }),
+        return /* @__PURE__ */ r(it, { className: s(xt(!!e.disabled, !1, m), "relative flex w-full cursor-pointer items-center"), "data-testid": "spectral-select-item", disabled: e.disabled, value: e.value, children: [
+          /* @__PURE__ */ t(st, { "data-testid": "spectral-select-item-text", className: "block truncate", children: e.label }),
           /* @__PURE__ */ t(ot, { "data-testid": "spectral-select-item-selected-indicator", asChild: !0, children: /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ t(Q, { size: 16 }) }) })
         ] }, e.value);
       };
@@ -110,26 +113,26 @@ const vt = yt(
         ] }),
         Object.entries(y).map(([e, m], J) => /* @__PURE__ */ r(at, { "data-testid": "spectral-select-group", children: [
           J > 0 && /* @__PURE__ */ t(I, { className: "-mx-1 my-1 h-px bg-border-secondary", "data-testid": "spectral-select-group-separator" }),
-          /* @__PURE__ */ t(C, { "data-testid": "spectral-select-group-label", htmlFor: s, className: i("px-2 py-1.5 text-base font-semibold text-text-primary", n), children: e }),
+          /* @__PURE__ */ t(C, { "data-testid": "spectral-select-group-label", htmlFor: i, className: s("px-2 py-1.5 text-base font-semibold text-text-primary", n), children: e }),
           m.map((K) => v(K))
         ] }, e))
       ] });
     };
     return /* @__PURE__ */ r("div", { className: "w-full", children: [
-      l && /* @__PURE__ */ t(C, { "data-testid": "spectral-select-label", htmlFor: s, className: i("block mb-4 text-text-primary", n, d && "text-text-secondary"), children: l }),
+      l && /* @__PURE__ */ t(C, { "data-testid": "spectral-select-label", htmlFor: i, className: s("block mb-4 text-text-primary", n, d && "text-text-secondary"), children: l }),
       /* @__PURE__ */ r(X, { "data-testid": "spectral-select", defaultValue: j, disabled: d, name: u, onOpenChange: M, onValueChange: V, open: b, required: o.required, value: g, children: [
         /* @__PURE__ */ t(
           Y,
           {
-            "aria-controls": s,
+            "aria-controls": i,
             "aria-expanded": b,
             "aria-label": R || l,
             asChild: !0,
-            className: i(ht(!1, a), ut(a), F),
+            className: s(ht(!1, a), ut(a), F),
             "data-slot": "select-trigger",
             "data-state": a,
             "data-testid": "spectral-select-trigger",
-            id: s,
+            id: i,
             ref: G,
             role: "combobox",
             style: nt(),
@@ -144,7 +147,7 @@ const vt = yt(
         /* @__PURE__ */ t($, { align: w, alignOffset: z, "data-slot": "select-content", "data-testid": "spectral-select-content", asChild: !0, collisionPadding: O, position: D, side: E, sideOffset: P, children: /* @__PURE__ */ r(
           "div",
           {
-            className: i(
+            className: s(
               "z-50 rounded-lg border border-input-border bg-input-bg shadow-md",
               "data-[state=open]:animate-in data-[state=closed]:animate-out",
               "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",