@spear-ai/spectral 1.4.11 → 1.4.13

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/Popover.js

@@ -4,10 +4,11 @@ import { jsx as s } from "react/jsx-runtime";
 import * as p from "react";
 import { u as L, c as z, a as x, P as O, b as P, e as G } from "./index-BhufZRa2.js";
 import { P as H, D as K } from "./index-B2oBi8ng.js";
-import { h as j, R as U, u as V, F as W } from "./index-B-GQStVW.js";
-import { u as Z } from "./index-CVSxKOPp.js";
-import { c as _, R as q, A as b, C as B, a as J } from "./index-NzygPVvJ.js";
+import { h as j, u as U, F as V } from "./index-MZS7zxk4.js";
+import { u as W } from "./index-CVSxKOPp.js";
+import { c as _, R as Z, A as b, C as q, a as B } from "./index-NzygPVvJ.js";
 import { P as w } from "./index-6Abv_Flm.js";
+import { R as J } from "./Combination-BtmnusWq.js";
 import { cn as Q } from "./utils/twUtils.js";
 var C = "Popover", [E] = z(C, [
   _
@@ -19,24 +20,24 @@ var C = "Popover", [E] = z(C, [
     defaultOpen: o,
     onOpenChange: t,
     modal: c = !1
-  } = e, i = g(n), f = p.useRef(null), [v, h] = p.useState(!1), [m, u] = L({
+  } = e, i = g(n), f = p.useRef(null), [v, m] = p.useState(!1), [h, u] = L({
     prop: a,
     defaultProp: o ?? !1,
     onChange: t,
     caller: C
   });
-  return /* @__PURE__ */ s(q, { ...i, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(Z, { ...i, children: /* @__PURE__ */ s(
     X,
     {
       scope: n,
-      contentId: Z(),
+      contentId: W(),
       triggerRef: f,
-      open: m,
+      open: h,
       onOpenChange: u,
       onOpenToggle: p.useCallback(() => u((R) => !R), [u]),
       hasCustomAnchor: v,
-      onCustomAnchorAdd: p.useCallback(() => h(!0), []),
-      onCustomAnchorRemove: p.useCallback(() => h(!1), []),
+      onCustomAnchorAdd: p.useCallback(() => m(!0), []),
+      onCustomAnchorRemove: p.useCallback(() => m(!1), []),
       modal: c,
       children: r
     }
@@ -89,7 +90,7 @@ var oe = G("PopoverContent.RemoveScroll"), te = p.forwardRef(
     return p.useEffect(() => {
       const c = a.current;
       if (c) return j(c);
-    }, []), /* @__PURE__ */ s(U, { as: oe, allowPinchZoom: !0, children: /* @__PURE__ */ s(
+    }, []), /* @__PURE__ */ s(J, { as: oe, allowPinchZoom: !0, children: /* @__PURE__ */ s(
       k,
       {
         ...e,
@@ -147,11 +148,11 @@ var oe = G("PopoverContent.RemoveScroll"), te = p.forwardRef(
       onEscapeKeyDown: i,
       onPointerDownOutside: f,
       onFocusOutside: v,
-      onInteractOutside: h,
-      ...m
+      onInteractOutside: m,
+      ...h
     } = e, u = l(d, r), R = g(r);
-    return V(), /* @__PURE__ */ s(
-      W,
+    return U(), /* @__PURE__ */ s(
+      V,
       {
         asChild: !0,
         loop: !0,
@@ -163,22 +164,22 @@ var oe = G("PopoverContent.RemoveScroll"), te = p.forwardRef(
           {
             asChild: !0,
             disableOutsidePointerEvents: c,
-            onInteractOutside: h,
+            onInteractOutside: m,
             onEscapeKeyDown: i,
             onPointerDownOutside: f,
             onFocusOutside: v,
             onDismiss: () => u.onOpenChange(!1),
             children: /* @__PURE__ */ s(
-              B,
+              q,
               {
                 "data-state": $(u.open),
                 role: "dialog",
                 id: u.contentId,
                 ...R,
-                ...m,
+                ...h,
                 ref: n,
                 style: {
-                  ...m.style,
+                  ...h.style,
                   "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
                   "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
                   "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
@@ -210,7 +211,7 @@ ne.displayName = I;
 var ae = "PopoverArrow", se = p.forwardRef(
   (e, n) => {
     const { __scopePopover: r, ...a } = e, o = g(r);
-    return /* @__PURE__ */ s(J, { ...o, ...a, ref: n });
+    return /* @__PURE__ */ s(B, { ...o, ...a, ref: n });
   }
 );
 se.displayName = ae;
@@ -218,7 +219,7 @@ function $(e) {
   return e ? "open" : "closed";
 }
 var ce = F, pe = y, ie = D, le = M, ue = T;
-const Re = ({ ...e }) => /* @__PURE__ */ s(ce, { "data-slot": "popover", "data-testid": "spectral-popover", ...e }), Ae = ({ ...e }) => /* @__PURE__ */ s(ie, { "data-slot": "popover-trigger", "data-testid": "spectral-popover-trigger", ...e }), xe = ({ align: e = "center", className: n, side: r = "bottom", sideOffset: a = 4, width: o = "w-fit", ...t }) => /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(
+const Ae = ({ ...e }) => /* @__PURE__ */ s(ce, { "data-slot": "popover", "data-testid": "spectral-popover", ...e }), xe = ({ ...e }) => /* @__PURE__ */ s(ie, { "data-slot": "popover-trigger", "data-testid": "spectral-popover-trigger", ...e }), Oe = ({ align: e = "center", className: n, side: r = "bottom", sideOffset: a = 4, width: o = "w-fit", ...t }) => /* @__PURE__ */ s(le, { children: /* @__PURE__ */ s(
   ue,
   {
     align: e,
@@ -239,10 +240,10 @@ const Re = ({ ...e }) => /* @__PURE__ */ s(ce, { "data-slot": "popover", "data-t
     },
     ...t
   }
-) }), Oe = ({ ...e }) => /* @__PURE__ */ s(pe, { "data-slot": "popover-anchor", ...e });
+) }), _e = ({ ...e }) => /* @__PURE__ */ s(pe, { "data-slot": "popover-anchor", ...e });
 export {
-  Re as Popover,
-  Oe as PopoverAnchor,
-  xe as PopoverContent,
-  Ae as PopoverTrigger
+  Ae as Popover,
+  _e as PopoverAnchor,
+  Oe as PopoverContent,
+  xe as PopoverTrigger
 };

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-7IR9qVCR.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",