@spear-ai/spectral 1.3.63 → 1.3.64

package/dist/Input.js

@@ -1,10 +1,12 @@
 "use client";
 import "./styles/main.css";
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { usePasswordVisibility as q, usePrefixWidth as tt, useClearOnFocus as et } from "./Input/InputUtils.js";
+import { usePasswordVisibility as q, usePrefixWidth as tt, useClearOnFocus as rt } from "./Input/InputUtils.js";
+import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
+import "./Icons/ApprovedIcon.js";
 import "./Icons/CalendarIcon.js";
-import { CheckCircleIcon as rt } from "./Icons/CheckCircleIcon.js";
+import { CheckCircleIcon as et } from "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
 import "./Icons/CheckmarkIcon.js";
 import "./Icons/ChevronDownIcon.js";
@@ -13,6 +15,7 @@ import "./Icons/ClockIcon.js";
 import { CloseCircleIcon as ot } from "./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/EmailIcon.js";
@@ -28,6 +31,7 @@ import "./Icons/InfoIcon.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";
@@ -41,8 +45,13 @@ import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
 import "./Icons/ResetIcon.js";
+import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
 import "./Icons/SettingsIcon.js";
+import "./Icons/SortAscendingIcon.js";
+import "./Icons/SortDescendingIcon.js";
+import "./Icons/StackIcon.js";
+import "./Icons/StarIcon.js";
 import "./Icons/TrashIcon.js";
 import "./Icons/UndoIcon.js";
 import "./Icons/UserIcon.js";
@@ -70,7 +79,7 @@ const xt = (m) => ({
     disabled: k,
     errorMessage: b,
     id: P,
-    label: r,
+    label: e,
     name: x,
     onBlur: g,
     onValueChange: a,
@@ -89,35 +98,35 @@ const xt = (m) => ({
     "aria-describedby": M,
     ...O
   }, j) => {
-    const l = lt(P, x), N = `${l}-error`, { isDisabled: F, isLoading: A, isInvalid: B } = dt(k, o), H = ct(o, w, N, M), W = bt(null), i = j || W, { isVisible: d, toggleVisibility: D, inputType: T } = q(), { prefixWidth: V, prefixRef: G } = tt(n), { handleFocus: E } = et(
+    const l = lt(P, x), N = `${l}-error`, { isDisabled: F, isLoading: A, isInvalid: B } = dt(k, o), H = ct(o, w, N, M), W = bt(null), i = j || W, { isVisible: d, toggleVisibility: D, inputType: T } = q(), { prefixWidth: V, prefixRef: G } = tt(n), { handleFocus: E } = rt(
       h,
-      a ? (e) => a(e.target.value) : void 0
+      a ? (r) => a(r.target.value) : void 0
     ), J = c(
-      (e) => {
-        g?.(e);
+      (r) => {
+        g?.(r);
       },
       [g]
     ), K = c(
-      (e) => {
-        E(e, C);
+      (r) => {
+        E(r, C);
       },
       [E, C]
     ), Q = c(
-      (e) => {
-        a?.(e.target.value);
+      (r) => {
+        a?.(r.target.value);
       },
       [a]
     ), U = c(() => {
       i.current && (i.current.value = "", i.current.dispatchEvent(new Event("input", { bubbles: !0 })), i.current.focus());
     }, [i]), z = S && v.length > 0, X = () => {
-      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", s = {
+      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", s = {
         password: () => /* @__PURE__ */ t(
           "button",
           {
-            className: e,
+            className: r,
             type: "button",
             onClick: D,
-            "aria-label": d ? `Hide ${r}` : `Show ${r}`,
+            "aria-label": d ? `Hide ${e}` : `Show ${e}`,
             "aria-pressed": d,
             "aria-controls": l,
             "data-testid": "input-password-toggle",
@@ -127,17 +136,17 @@ const xt = (m) => ({
         clear: () => /* @__PURE__ */ t(
           "button",
           {
-            className: e,
+            className: r,
             type: "button",
             onClick: U,
-            "aria-label": `Clear ${r}`,
+            "aria-label": `Clear ${e}`,
             "data-testid": "input-clear-button",
             children: /* @__PURE__ */ t(ot, { size: 24 })
           }
         ),
         loading: () => /* @__PURE__ */ t("div", { className: "absolute top-1/2 right-4 -translate-y-1/2", "data-testid": "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": "input-error-icon", children: /* @__PURE__ */ t(it, { size: 24 }) }),
-        success: () => /* @__PURE__ */ t("div", { className: "text-success-400 absolute top-1/2 right-4 -translate-y-1/2", "data-testid": "input-success-icon", children: /* @__PURE__ */ t(rt, { size: 24 }) })
+        success: () => /* @__PURE__ */ t("div", { className: "text-success-400 absolute top-1/2 right-4 -translate-y-1/2", "data-testid": "input-success-icon", children: /* @__PURE__ */ t(et, { size: 24 }) })
       };
       return I || (p === "password" ? s.password() : z ? s.clear() : A ? s.loading() : o === "success" ? s.success() : o === "error" ? s.error() : null);
     }, Y = () => y || null, Z = f(
@@ -148,7 +157,7 @@ const xt = (m) => ({
       "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": "input-root", children: [
-      r && /* @__PURE__ */ t(
+      e && /* @__PURE__ */ t(
         pt,
         {
           htmlFor: l,
@@ -156,7 +165,7 @@ const xt = (m) => ({
             "mb-2 block",
             F && "text-input-text--disabled placeholder:text-input-text-placeholder cursor-not-allowed"
           ),
-          children: r
+          children: e
         }
       ),
       /* @__PURE__ */ u("div", { className: "relative", "data-testid": "input-wrapper", children: [
@@ -178,7 +187,7 @@ const xt = (m) => ({
               onChange: Q,
               onFocus: K,
               onBlur: J,
-              placeholder: R || r,
+              placeholder: R || e,
               suppressHydrationWarning: $,
               ...H,
               ...O,
@@ -187,7 +196,7 @@ const xt = (m) => ({
               style: ut({
                 "--prefix-width": n ? `${V}px` : "0px"
               }),
-              "aria-label": L || r
+              "aria-label": L || e
             }
           ),
           X()

package/dist/InputOTP.js

@@ -1,7 +1,9 @@
 "use client";
 import "./styles/main.css";
 import { jsx as k, jsxs as vt } from "react/jsx-runtime";
+import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
+import "./Icons/ApprovedIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
@@ -12,6 +14,7 @@ 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/EmailIcon.js";
@@ -27,6 +30,7 @@ import "./Icons/InfoIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
+import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
@@ -40,8 +44,13 @@ import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
 import "./Icons/ResetIcon.js";
+import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
 import "./Icons/SettingsIcon.js";
+import "./Icons/SortAscendingIcon.js";
+import "./Icons/SortDescendingIcon.js";
+import "./Icons/StackIcon.js";
+import "./Icons/StarIcon.js";
 import "./Icons/TrashIcon.js";
 import "./Icons/UndoIcon.js";
 import "./Icons/UserIcon.js";
@@ -353,11 +362,11 @@ const Rt = Q(({ ...t }, r) => {
   ) });
 });
 Rt.displayName = "InputOTP.Separator";
-const en = Object.assign(Mt, {
+const pn = Object.assign(Mt, {
   Group: kt,
   Slot: Tt,
   Separator: Rt
 });
 export {
-  en as InputOTP
+  pn as InputOTP
 };

package/dist/MultiSelect/MultiSelectBase.js

@@ -3,25 +3,25 @@ import "../styles/main.css";
 import { jsxs as a, jsx as s, Fragment as ue } from "react/jsx-runtime";
 import { cn as p } from "../utils/twUtils.js";
 import { forwardRef as pe, useId as me, useState as I, useRef as P, useMemo as F, useCallback as b, useEffect as be } from "react";
-import { X as K } from "../x-BBpi7a_7.js";
-import { c as O } from "../createLucideIcon-CI1yJrZf.js";
-import { L as fe } from "../loader-circle-CvdzOiQ_.js";
+import { X as K } from "../x-Dl66o_vF.js";
+import { c as O } from "../createLucideIcon-B_8CJpcQ.js";
+import { L as fe } from "../loader-circle-CdRVlFhN.js";
 /**
- * @license lucide-react v0.542.0 - ISC
+ * @license lucide-react v0.546.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
 const ge = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], he = O("check", ge);
 /**
- * @license lucide-react v0.542.0 - ISC
+ * @license lucide-react v0.546.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
 const xe = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], ye = O("chevron-down", xe);
 /**
- * @license lucide-react v0.542.0 - ISC
+ * @license lucide-react v0.546.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/Select.d.ts

@@ -4,22 +4,22 @@ type SelectOption = BaseOption;
 type Side = 'top' | 'bottom' | 'left' | 'right';
 type Align = 'start' | 'center' | 'end';
 export interface SelectProps extends Omit<ComponentPropsWithoutRef<'button'>, 'value' | 'onChange'>, BaseFormFieldProps {
-    readonly defaultValue?: string;
-    readonly emptyMessage?: ReactNode;
-    readonly loadingMessage?: string;
+    defaultValue?: string;
+    emptyMessage?: ReactNode;
+    loadingMessage?: string;
     onChange?: (value: string) => void;
-    readonly options: SelectOption[];
-    readonly placeholder?: string;
-    readonly id?: string;
+    options: SelectOption[];
+    placeholder?: string;
+    id?: string;
     value?: string;
 }
 export interface SelectExtendedProps extends SelectProps {
-    readonly position?: 'popper' | 'item-aligned';
-    readonly side?: Side;
-    readonly align?: Align;
-    readonly sideOffset?: number;
-    readonly alignOffset?: number;
-    readonly collisionPadding?: number | Partial<Record<Side, number>>;
+    position?: 'popper' | 'item-aligned';
+    side?: Side;
+    align?: Align;
+    sideOffset?: number;
+    alignOffset?: number;
+    collisionPadding?: number | Partial<Record<Side, number>>;
 }
 export declare const Select: import('react').ForwardRefExoticComponent<SelectExtendedProps & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/Select.js

@@ -1,17 +1,20 @@
 "use client";
 import "./styles/main.css";
 import { jsxs as r, jsx as e, Fragment as v } from "react/jsx-runtime";
+import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
+import "./Icons/ApprovedIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as H } from "./Icons/CheckmarkIcon.js";
+import { CheckmarkIcon as U } from "./Icons/CheckmarkIcon.js";
 import { ChevronDownIcon as l } 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/EmailIcon.js";
@@ -27,8 +30,9 @@ import "./Icons/InfoIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
+import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
-import { LoaderIcon as U } from "./Icons/LoaderIcon.js";
+import { LoaderIcon as J } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
 import "./Icons/MessagesIcon.js";
@@ -40,8 +44,13 @@ import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
 import "./Icons/ResetIcon.js";
+import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
 import "./Icons/SettingsIcon.js";
+import "./Icons/SortAscendingIcon.js";
+import "./Icons/SortDescendingIcon.js";
+import "./Icons/StackIcon.js";
+import "./Icons/StarIcon.js";
 import "./Icons/TrashIcon.js";
 import "./Icons/UndoIcon.js";
 import "./Icons/UserIcon.js";
@@ -49,55 +58,55 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { Label as $ } from "./Label.js";
-import { R as J, T as K, f as Q, e as W, C as X, c as Y, V as Z, S as _, d as S, G as ee, L as te, I as re, b as ie, a as ae } from "./index-CevVJ05e.js";
-import { useFormFieldId as oe, useFormFieldState as se, getAriaProps as me, getErrorMessageId as de, groupOptions as le, getFormFieldCSSProperties as ne, getStateClasses as ce, getTriggerClasses as pe, ErrorMessage as ue, LoadingState as he, EmptyState as fe, getOptionClasses as be } from "./utils/formFieldUtils.js";
+import { Label as S } from "./Label.js";
+import { R as K, T as Q, f as W, e as X, C as Y, c as Z, V as _, S as $, d as C, G as ee, I as te, b as re, a as ie } from "./index-CevVJ05e.js";
+import { useFormFieldId as oe, useFormFieldState as ae, getAriaProps as se, getErrorMessageId as me, groupOptions as de, getFormFieldCSSProperties as le, getStateClasses as ne, getTriggerClasses as pe, ErrorMessage as ce, LoadingState as ue, EmptyState as he, getOptionClasses as fe } from "./utils/formFieldUtils.js";
 import { cn as a } from "./utils/twUtils.js";
-import { forwardRef as ge } from "react";
-const xe = ge(
+import { forwardRef as be } from "react";
+const ge = be(
   ({
-    align: C = "start",
-    alignOffset: I = 0,
-    className: w,
-    collisionPadding: z = 10,
-    defaultValue: F,
-    emptyMessage: j = "No options found",
+    align: I = "start",
+    alignOffset: w = 0,
+    className: z,
+    collisionPadding: F = 10,
+    defaultValue: j,
+    emptyMessage: k = "No options found",
     errorMessage: n,
-    id: L,
-    label: o,
-    loadingMessage: k = "Loading…",
-    name: c,
-    onChange: O,
-    options: p = [],
-    placeholder: T = "Select an option",
-    position: V = "popper",
-    side: D = "bottom",
-    sideOffset: E = 4,
+    id: O,
+    label: s,
+    loadingMessage: L = "Loading…",
+    name: p,
+    onChange: T,
+    options: c = [],
+    placeholder: V = "Select an option",
+    position: D = "popper",
+    side: E = "bottom",
+    sideOffset: P = 4,
     state: i = "default",
     value: u,
-    "aria-label": P,
-    "aria-describedby": R,
-    ...s
-  }, q) => {
-    const m = oe(L, c), h = de(m), { isDisabled: f, isLoading: b, isInvalid: g } = se(s.disabled, i), B = me(i, g, h, R), { groups: x, ungrouped: y } = le(p), G = () => {
+    "aria-label": R,
+    "aria-describedby": q,
+    ...m
+  }, B) => {
+    const o = oe(O, p), h = me(o), { isDisabled: f, isLoading: b, isInvalid: g } = ae(m.disabled, i), G = se(i, g, h, q), { groups: x, ungrouped: y } = de(c), M = () => {
       if (b)
+        return /* @__PURE__ */ e(ue, { message: L });
+      if (c.length === 0)
         return /* @__PURE__ */ e(he, { message: k });
-      if (p.length === 0)
-        return /* @__PURE__ */ e(fe, { message: j });
       const N = (t) => {
         const d = u === t.value;
         return /* @__PURE__ */ r(
-          re,
+          te,
           {
             value: t.value,
             disabled: t.disabled,
             className: a(
-              be(d, !1, t.disabled),
+              fe(d, !1, t.disabled),
               "relative flex w-full cursor-pointer items-center"
             ),
             children: [
-              /* @__PURE__ */ e(ie, { className: "block truncate", children: t.label }),
-              /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ e(H, { size: 16 }) }) })
+              /* @__PURE__ */ e(re, { className: "block truncate", children: t.label }),
+              /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ e(U, { size: 16 }) }) })
             ]
           },
           t.value
@@ -106,42 +115,42 @@ const xe = ge(
       return /* @__PURE__ */ r(v, { children: [
         y.length > 0 && /* @__PURE__ */ r(v, { children: [
           y.map(N),
-          Object.keys(x).length > 0 && /* @__PURE__ */ e(S, { className: "bg-border-secondary -mx-1 my-1 h-px" })
+          Object.keys(x).length > 0 && /* @__PURE__ */ e(C, { className: "bg-border-secondary -mx-1 my-1 h-px" })
         ] }),
-        Object.entries(x).map(([t, d], M) => /* @__PURE__ */ r(ee, { children: [
-          M > 0 && /* @__PURE__ */ e(S, { className: "bg-border-secondary -mx-1 my-1 h-px" }),
-          /* @__PURE__ */ e(te, { className: "text-text-primary px-2 py-1.5 text-base font-semibold", children: t }),
-          d.map((A) => N(A))
+        Object.entries(x).map(([t, d], A) => /* @__PURE__ */ r(ee, { children: [
+          A > 0 && /* @__PURE__ */ e(C, { className: "bg-border-secondary -mx-1 my-1 h-px" }),
+          /* @__PURE__ */ e(S, { htmlFor: o, className: "text-text-primary px-2 py-1.5 text-base font-semibold", children: t }),
+          d.map((H) => N(H))
         ] }, t))
       ] });
     };
     return /* @__PURE__ */ r("div", { className: "w-full", "data-testid": "select-root", children: [
-      o && /* @__PURE__ */ e($, { htmlFor: m, className: a("text-text-primary mb-4 block", f && "text-text-secondary"), children: o }),
+      s && /* @__PURE__ */ e(S, { htmlFor: o, className: a("text-text-primary mb-4 block", f && "text-text-secondary"), children: s }),
       /* @__PURE__ */ r(
-        J,
+        K,
         {
           value: u,
-          defaultValue: F,
-          onValueChange: O,
+          defaultValue: j,
+          onValueChange: T,
           disabled: f,
-          name: c,
-          required: s.required,
+          name: p,
+          required: m.required,
           children: [
             /* @__PURE__ */ e(
-              K,
+              Q,
               {
-                ref: q,
-                id: m,
-                className: a(pe(i, !1), ce(i), w),
-                "aria-label": P || o,
+                ref: B,
+                id: o,
+                className: a(pe(i, !1), ne(i), z),
+                "aria-label": R || s,
                 "data-state": i,
-                style: ne(),
-                ...B,
-                ...s,
+                style: le(),
+                ...G,
+                ...m,
                 asChild: !0,
                 children: /* @__PURE__ */ r("button", { type: "button", children: [
-                  /* @__PURE__ */ e(Q, { placeholder: T, className: "block truncate" }),
-                  /* @__PURE__ */ e(W, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center", children: b ? /* @__PURE__ */ e(U, { size: 20 }) : /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(W, { placeholder: V, className: "block truncate" }),
+                  /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex items-center", children: b ? /* @__PURE__ */ e(J, { size: 20 }) : /* @__PURE__ */ e(
                     l,
                     {
                       className: "transition-transform duration-200 data-[state=open]:rotate-180",
@@ -152,14 +161,14 @@ const xe = ge(
               }
             ),
             /* @__PURE__ */ e(
-              X,
+              Y,
               {
-                position: V,
-                side: D,
-                align: C,
-                sideOffset: E,
-                alignOffset: I,
-                collisionPadding: z,
+                position: D,
+                side: E,
+                align: I,
+                sideOffset: P,
+                alignOffset: w,
+                collisionPadding: F,
                 asChild: !0,
                 children: /* @__PURE__ */ r(
                   "div",
@@ -181,9 +190,9 @@ const xe = ge(
                       maxHeight: "var(--radix-select-content-available-height)"
                     },
                     children: [
-                      /* @__PURE__ */ e(Y, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ e(l, { className: "rotate-180", size: 18 }) }),
-                      /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "max-h-96 p-1", style: { position: "relative", overflow: "hidden auto" }, children: G() }) }),
-                      /* @__PURE__ */ e(_, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ e(l, { size: 18 }) })
+                      /* @__PURE__ */ e(Z, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ e(l, { className: "rotate-180", size: 18 }) }),
+                      /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "max-h-96 p-1", style: { position: "relative", overflow: "hidden auto" }, children: M() }) }),
+                      /* @__PURE__ */ e($, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ e(l, { size: 18 }) })
                     ]
                   }
                 )
@@ -192,11 +201,11 @@ const xe = ge(
           ]
         }
       ),
-      g && n && /* @__PURE__ */ e(ue, { id: h, message: n })
+      g && n && /* @__PURE__ */ e(ce, { id: h, message: n })
     ] });
   }
 );
-xe.displayName = "Select";
+ge.displayName = "Select";
 export {
-  xe as Select
+  ge as Select
 };

package/dist/Textarea.js

@@ -2,7 +2,9 @@
 import "./styles/main.css";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useTextarea as z } from "./Textarea/TextareaUtils.js";
+import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
+import "./Icons/ApprovedIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
@@ -13,6 +15,7 @@ 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/EmailIcon.js";
@@ -28,6 +31,7 @@ import "./Icons/InfoIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
+import "./Icons/LineToolIcon2.js";
 import "./Icons/LiveViewIcon.js";
 import { LoaderIcon as B } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
@@ -41,8 +45,13 @@ import "./Icons/PanelIconOpen.js";
 import "./Icons/PlayIcon.js";
 import "./Icons/PlusIcon.js";
 import "./Icons/ResetIcon.js";
+import "./Icons/ReviewedIcon.js";
 import "./Icons/ScissorsIcon.js";
 import "./Icons/SettingsIcon.js";
+import "./Icons/SortAscendingIcon.js";
+import "./Icons/SortDescendingIcon.js";
+import "./Icons/StackIcon.js";
+import "./Icons/StarIcon.js";
 import "./Icons/TrashIcon.js";
 import "./Icons/UndoIcon.js";
 import "./Icons/UserIcon.js";
@@ -55,40 +64,40 @@ import { useFormFieldId as E, getAriaProps as O, getErrorMessageId as _, getText
 import { cn as h } from "./utils/twUtils.js";
 import { forwardRef as M, useRef as V } from "react";
 const H = "absolute right-4 top-4", J = (r) => r || "off", K = (r, t) => {
-  const o = "absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", a = r >= t ? "text-danger-400" : "text-text-secondary";
-  return h(o, a);
+  const o = "absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", i = r >= t ? "text-danger-400" : "text-text-secondary";
+  return h(o, i);
 }, Q = M(
   ({
     className: r,
     state: t = "default",
     errorMessage: o,
-    name: a,
+    name: i,
     id: f,
     label: n,
     placeholder: g,
-    value: s = "",
+    value: m = "",
     onFocus: C,
     onBlur: b,
     onChange: N,
     disabled: F,
     required: d,
-    maxLength: i = 280,
+    maxLength: a = 280,
     autoComplete: I,
     ...c
   }, v) => {
-    const m = E(f, a), u = _(m), S = V(null), y = v || S, { handleFocus: P, handleBlur: w, handleChange: A, handlePaste: R } = z({
-      maxLength: i,
-      value: s,
+    const s = E(f, i), u = _(s), S = V(null), y = v || S, { handleFocus: P, handleBlur: w, handleChange: A, handlePaste: R } = z({
+      maxLength: a,
+      value: m,
       onChange: N,
       onFocus: C,
       onBlur: b
-    }), { isDisabled: x, isLoading: T } = G(F, t), L = O(t, d, u, c["aria-describedby"]), p = s?.length || 0, j = $(t, r), k = () => ({
+    }), { isDisabled: x, isLoading: T } = G(F, t), L = O(t, d, u, c["aria-describedby"]), p = m?.length || 0, j = $(t, r), k = () => ({
       "--textarea-min-height": "6rem",
       "--textarea-max-height": "12rem",
       "--textarea-border-radius": "0.5rem"
     });
     return /* @__PURE__ */ l("div", { className: "w-full", "data-testid": "textarea-root", children: [
-      n && /* @__PURE__ */ e(D, { htmlFor: m, className: h("mb-2 block", x && "cursor-not-allowed opacity-50"), children: n }),
+      n && /* @__PURE__ */ e(D, { htmlFor: s, className: h("mb-2 block", x && "cursor-not-allowed opacity-50"), children: n }),
       /* @__PURE__ */ l("div", { className: "relative", "data-testid": "textarea-wrapper", children: [
         /* @__PURE__ */ e(
           "textarea",
@@ -99,8 +108,8 @@ const H = "absolute right-4 top-4", J = (r) => r || "off", K = (r, t) => {
             "data-state": t,
             "data-testid": "textarea-textarea",
             disabled: x,
-            id: m,
-            name: a,
+            id: s,
+            name: i,
             onBlur: w,
             onChange: A,
             onFocus: P,
@@ -110,7 +119,7 @@ const H = "absolute right-4 top-4", J = (r) => r || "off", K = (r, t) => {
             required: d,
             spellCheck: "true",
             style: k(),
-            value: s,
+            value: m,
             ...L,
             ...c
           }
@@ -119,14 +128,14 @@ const H = "absolute right-4 top-4", J = (r) => r || "off", K = (r, t) => {
         /* @__PURE__ */ l(
           "div",
           {
-            className: K(p, i),
+            className: K(p, a),
             role: "status",
             "aria-live": "polite",
-            "aria-label": `${p} of ${i} characters used`,
+            "aria-label": `${p} of ${a} characters used`,
             children: [
               p,
               "/",
-              i
+              a
             ]
           }
         )