@spear-ai/spectral 1.3.62 → 1.3.64

package/dist/Icons.js

@@ -1,96 +1,116 @@
-import { AnnotationsIcon as e } from "./Icons/AnnotationsIcon.js";
-import { CalendarIcon as t } from "./Icons/CalendarIcon.js";
-import { CheckCircleIcon as m } from "./Icons/CheckCircleIcon.js";
-import { CheckSquareIcon as f } from "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as x } from "./Icons/CheckmarkIcon.js";
-import { ChevronDownIcon as s } from "./Icons/ChevronDownIcon.js";
-import { ChevronUpIcon as i } from "./Icons/ChevronUpIcon.js";
-import { ClockIcon as L } from "./Icons/ClockIcon.js";
-import { CloseCircleIcon as h } from "./Icons/CloseCircleIcon.js";
-import { CloseIcon as E } from "./Icons/CloseIcon.js";
-import { DashboardIcon as y } from "./Icons/DashboardIcon.js";
-import { DeleteIcon as D } from "./Icons/DeleteIcon.js";
-import { DurationIcon as T } from "./Icons/DurationIcon.js";
-import { EmailIcon as O } from "./Icons/EmailIcon.js";
-import { EraserIcon as U } from "./Icons/EraserIcon.js";
-import { ErrorIcon as b } from "./Icons/ErrorIcon.js";
-import { EyeClosedIcon as A } from "./Icons/EyeClosedIcon.js";
-import { EyeClosedIcon2 as M } from "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as F } from "./Icons/EyeOpenIcon.js";
-import { GoToFirstIcon as R } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as W } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as Y } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as z } from "./Icons/InfoIcon.js";
-import { LabelIcon as J } from "./Icons/LabelIcon.js";
-import { LassoIcon as N } from "./Icons/LassoIcon.js";
-import { LineToolIcon as _ } from "./Icons/LineToolIcon.js";
-import { LiveViewIcon as oo } from "./Icons/LiveViewIcon.js";
-import { LoaderIcon as eo } from "./Icons/LoaderIcon.js";
-import { LocationIcon as to } from "./Icons/LocationIcon.js";
-import { LogoutIcon as mo } from "./Icons/LogoutIcon.js";
-import { MetadataIcon as fo } from "./Icons/MetadataIcon.js";
-import { MinusIcon as xo } from "./Icons/MinusIcon.js";
-import { OntologyIcon as so } from "./Icons/OntologyIcon.js";
-import { PanelIconClose as io } from "./Icons/PanelIconClose.js";
-import { PanelIconOpen as Lo } from "./Icons/PanelIconOpen.js";
-import { PlayIcon as uo } from "./Icons/PlayIcon.js";
-import { PlusIcon as ko } from "./Icons/PlusIcon.js";
-import { ResetIcon as go } from "./Icons/ResetIcon.js";
-import { ScissorsIcon as Po } from "./Icons/ScissorsIcon.js";
-import { SettingsIcon as vo } from "./Icons/SettingsIcon.js";
-import { TrashIcon as So } from "./Icons/TrashIcon.js";
-import { UndoIcon as Zo } from "./Icons/UndoIcon.js";
-import { UserIcon as wo } from "./Icons/UserIcon.js";
-import { WarningIcon as Go } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as qo } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as Ho } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as Vo } from "./Icons/ZoomYIcon.js";
+import { AnalyzeIcon as e } from "./Icons/AnalyzeIcon.js";
+import { AnnotationsIcon as t } from "./Icons/AnnotationsIcon.js";
+import { ApprovedIcon as m } from "./Icons/ApprovedIcon.js";
+import { CalendarIcon as f } from "./Icons/CalendarIcon.js";
+import { CheckCircleIcon as x } from "./Icons/CheckCircleIcon.js";
+import { CheckSquareIcon as s } from "./Icons/CheckSquareIcon.js";
+import { CheckmarkIcon as i } from "./Icons/CheckmarkIcon.js";
+import { ChevronDownIcon as d } from "./Icons/ChevronDownIcon.js";
+import { ChevronUpIcon as g } from "./Icons/ChevronUpIcon.js";
+import { ClockIcon as S } from "./Icons/ClockIcon.js";
+import { CloseCircleIcon as u } from "./Icons/CloseCircleIcon.js";
+import { CloseIcon as D } from "./Icons/CloseIcon.js";
+import { DashboardIcon as v } from "./Icons/DashboardIcon.js";
+import { DatabaseIcon as T } from "./Icons/DatabaseIcon.js";
+import { DeleteIcon as b } from "./Icons/DeleteIcon.js";
+import { DurationIcon as M } from "./Icons/DurationIcon.js";
+import { EmailIcon as U } from "./Icons/EmailIcon.js";
+import { EraserIcon as G } from "./Icons/EraserIcon.js";
+import { ErrorIcon as q } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as F } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as V } from "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as X } from "./Icons/EyeOpenIcon.js";
+import { GoToFirstIcon as j } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as J } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as N } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as _ } from "./Icons/InfoIcon.js";
+import { LabelIcon as oo } from "./Icons/LabelIcon.js";
+import { LassoIcon as eo } from "./Icons/LassoIcon.js";
+import { LineToolIcon as to } from "./Icons/LineToolIcon.js";
+import { LineToolIcon2 as mo } from "./Icons/LineToolIcon2.js";
+import { LiveViewIcon as fo } from "./Icons/LiveViewIcon.js";
+import { LoaderIcon as xo } from "./Icons/LoaderIcon.js";
+import { LocationIcon as so } from "./Icons/LocationIcon.js";
+import { LogoutIcon as io } from "./Icons/LogoutIcon.js";
+import { MessagesIcon as Lo } from "./Icons/MessagesIcon.js";
+import { MetadataIcon as ho } from "./Icons/MetadataIcon.js";
+import { MinusIcon as ko } from "./Icons/MinusIcon.js";
+import { OntologyIcon as yo } from "./Icons/OntologyIcon.js";
+import { PanelIconClose as Eo } from "./Icons/PanelIconClose.js";
+import { PanelIconOpen as Ao } from "./Icons/PanelIconOpen.js";
+import { PlayIcon as Po } from "./Icons/PlayIcon.js";
+import { PlusIcon as wo } from "./Icons/PlusIcon.js";
+import { ResetIcon as Oo } from "./Icons/ResetIcon.js";
+import { ReviewedIcon as Zo } from "./Icons/ReviewedIcon.js";
+import { ScissorsIcon as Ro } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as zo } from "./Icons/SettingsIcon.js";
+import { SortAscendingIcon as Ho } from "./Icons/SortAscendingIcon.js";
+import { SortDescendingIcon as Wo } from "./Icons/SortDescendingIcon.js";
+import { StackIcon as Yo } from "./Icons/StackIcon.js";
+import { StarIcon as Bo } from "./Icons/StarIcon.js";
+import { TrashIcon as Ko } from "./Icons/TrashIcon.js";
+import { UndoIcon as Qo } from "./Icons/UndoIcon.js";
+import { UserIcon as $o } from "./Icons/UserIcon.js";
+import { WarningIcon as rr } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as nr } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as cr } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as pr } from "./Icons/ZoomYIcon.js";
 export {
-  e as AnnotationsIcon,
-  t as CalendarIcon,
-  m as CheckCircleIcon,
-  f as CheckSquareIcon,
-  x as CheckmarkIcon,
-  s as ChevronDownIcon,
-  i as ChevronUpIcon,
-  L as ClockIcon,
-  h as CloseCircleIcon,
-  E as CloseIcon,
-  y as DashboardIcon,
-  D as DeleteIcon,
-  T as DurationIcon,
-  O as EmailIcon,
-  U as EraserIcon,
-  b as ErrorIcon,
-  A as EyeClosedIcon,
-  M as EyeClosedIcon2,
-  F as EyeOpenIcon,
-  R as GoToFirstIcon,
-  W as GoToLastIcon,
-  Y as HarmonicCursorsIcon,
-  z as InfoIcon,
-  J as LabelIcon,
-  N as LassoIcon,
-  _ as LineToolIcon,
-  oo as LiveViewIcon,
-  eo as LoaderIcon,
-  to as LocationIcon,
-  mo as LogoutIcon,
-  fo as MetadataIcon,
-  xo as MinusIcon,
-  so as OntologyIcon,
-  io as PanelIconClose,
-  Lo as PanelIconOpen,
-  uo as PlayIcon,
-  ko as PlusIcon,
-  go as ResetIcon,
-  Po as ScissorsIcon,
-  vo as SettingsIcon,
-  So as TrashIcon,
-  Zo as UndoIcon,
-  wo as UserIcon,
-  Go as WarningIcon,
-  qo as ZoomAllIcon,
-  Ho as ZoomXIcon,
-  Vo as ZoomYIcon
+  e as AnalyzeIcon,
+  t as AnnotationsIcon,
+  m as ApprovedIcon,
+  f as CalendarIcon,
+  x as CheckCircleIcon,
+  s as CheckSquareIcon,
+  i as CheckmarkIcon,
+  d as ChevronDownIcon,
+  g as ChevronUpIcon,
+  S as ClockIcon,
+  u as CloseCircleIcon,
+  D as CloseIcon,
+  v as DashboardIcon,
+  T as DatabaseIcon,
+  b as DeleteIcon,
+  M as DurationIcon,
+  U as EmailIcon,
+  G as EraserIcon,
+  q as ErrorIcon,
+  F as EyeClosedIcon,
+  V as EyeClosedIcon2,
+  X as EyeOpenIcon,
+  j as GoToFirstIcon,
+  J as GoToLastIcon,
+  N as HarmonicCursorsIcon,
+  _ as InfoIcon,
+  oo as LabelIcon,
+  eo as LassoIcon,
+  to as LineToolIcon,
+  mo as LineToolIcon2,
+  fo as LiveViewIcon,
+  xo as LoaderIcon,
+  so as LocationIcon,
+  io as LogoutIcon,
+  Lo as MessagesIcon,
+  ho as MetadataIcon,
+  ko as MinusIcon,
+  yo as OntologyIcon,
+  Eo as PanelIconClose,
+  Ao as PanelIconOpen,
+  Po as PlayIcon,
+  wo as PlusIcon,
+  Oo as ResetIcon,
+  Zo as ReviewedIcon,
+  Ro as ScissorsIcon,
+  zo as SettingsIcon,
+  Ho as SortAscendingIcon,
+  Wo as SortDescendingIcon,
+  Yo as StackIcon,
+  Bo as StarIcon,
+  Ko as TrashIcon,
+  Qo as UndoIcon,
+  $o as UserIcon,
+  rr as WarningIcon,
+  nr as ZoomAllIcon,
+  cr as ZoomXIcon,
+  pr as ZoomYIcon
 };

package/dist/Input.d.ts

@@ -4,6 +4,7 @@ export type InputType = 'text' | 'email' | 'url' | 'tel' | 'password' | 'number'
 export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id'> & BaseFormFieldProps & {
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
+    onValueChange?: (value: string) => void;
     readonly className?: string;
     readonly clearOnFocus?: boolean;
     readonly placeholder?: string;
@@ -18,6 +19,7 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id'> & Bas
 export declare const Input: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "id"> & BaseFormFieldProps & {
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
+    onValueChange?: (value: string) => void;
     readonly className?: string;
     readonly clearOnFocus?: boolean;
     readonly placeholder?: string;

package/dist/Input.js

@@ -1,8 +1,10 @@
 "use client";
 import "./styles/main.css";
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { usePasswordVisibility as _, usePrefixWidth as q, useClearOnFocus as tt } from "./Input/InputUtils.js";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+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 et } from "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
@@ -10,17 +12,18 @@ import "./Icons/CheckmarkIcon.js";
 import "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
-import { CloseCircleIcon as rt } from "./Icons/CloseCircleIcon.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";
 import "./Icons/EraserIcon.js";
-import { ErrorIcon as ot } from "./Icons/ErrorIcon.js";
-import { EyeClosedIcon as it } from "./Icons/EyeClosedIcon.js";
+import { ErrorIcon as it } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as st } from "./Icons/EyeClosedIcon.js";
 import "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as st } from "./Icons/EyeOpenIcon.js";
+import { EyeOpenIcon as at } from "./Icons/EyeOpenIcon.js";
 import "./Icons/GoToFirstIcon.js";
 import "./Icons/GoToLastIcon.js";
 import "./Icons/HarmonicCursorsIcon.js";
@@ -28,10 +31,12 @@ 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 at } from "./Icons/LoaderIcon.js";
+import { LoaderIcon as nt } from "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
+import "./Icons/MessagesIcon.js";
 import "./Icons/MetadataIcon.js";
 import "./Icons/MinusIcon.js";
 import "./Icons/OntologyIcon.js";
@@ -40,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";
@@ -49,11 +59,11 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { Label as nt } from "./Label.js";
-import { useFormFieldId as pt, getAriaProps as lt, getInputClasses as ct, useFormFieldState as mt, getFormFieldCSSProperties as dt, ErrorMessage as ut } from "./utils/formFieldUtils.js";
-import { c as d } from "./twUtils-CRiPKpXj.js";
-import { forwardRef as ft, useRef as ht, useCallback as u } from "react";
-const bt = (l) => ({
+import { Label as pt } from "./Label.js";
+import { useFormFieldId as lt, getAriaProps as ct, getInputClasses as mt, useFormFieldState as dt, getFormFieldCSSProperties as ut, ErrorMessage as ft } from "./utils/formFieldUtils.js";
+import { cn as f } from "./utils/twUtils.js";
+import { forwardRef as ht, useRef as bt, useCallback as c } from "react";
+const xt = (m) => ({
   email: "email",
   password: "current-password",
   tel: "tel",
@@ -62,133 +72,141 @@ const bt = (l) => ({
   number: "off",
   date: "off",
   "datetime-local": "off"
-})[l] || "off", xt = ft(
+})[m] || "off", gt = ht(
   ({
-    className: l,
-    clearOnFocus: f = !1,
+    className: m,
+    clearOnFocus: h = !1,
     disabled: k,
-    errorMessage: h,
+    errorMessage: b,
     id: P,
     label: e,
-    name: b,
-    onBlur: x,
-    onChange: g,
+    name: x,
+    onBlur: g,
+    onValueChange: a,
     onFocus: C,
     placeholder: R,
-    prefix: a,
+    prefix: n,
     showClearButton: S = !1,
     suppressHydrationWarning: $ = !0,
-    state: r = "default",
-    type: n = "text",
-    value: w = "",
-    required: y,
-    startIcon: v,
+    state: o = "default",
+    type: p = "text",
+    value: v = "",
+    required: w,
+    startIcon: y,
     endIcon: I,
-    "aria-label": V,
-    "aria-describedby": L,
-    ...M
-  }, O) => {
-    const p = pt(P, b), N = `${p}-error`, { isDisabled: F, isLoading: j, isInvalid: A } = mt(k, r), B = lt(r, y, N, L), H = ht(null), o = O || H, { isVisible: c, toggleVisibility: W, inputType: D } = _(), { prefixWidth: T, prefixRef: G } = q(a), { handleFocus: E } = tt(f, g), J = u(
-      (i) => {
-        x?.(i);
+    "aria-label": L,
+    "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 } = rt(
+      h,
+      a ? (r) => a(r.target.value) : void 0
+    ), J = c(
+      (r) => {
+        g?.(r);
       },
-      [x]
-    ), K = u(
-      (i) => {
-        E(i, C);
+      [g]
+    ), K = c(
+      (r) => {
+        E(r, C);
       },
       [E, C]
-    ), Q = u(() => {
-      o.current && (o.current.value = "", o.current.dispatchEvent(new Event("input", { bubbles: !0 })), o.current.focus());
-    }, [o]), z = S && w.length > 0, U = () => {
-      const i = "absolute right-4 top-1/2 -translate-y-1/2 text-input-icon hover:text-input-icon--hover focus:outline-none cursor-pointer", s = {
+    ), Q = c(
+      (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 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: i,
+            className: r,
             type: "button",
-            onClick: W,
-            "aria-label": c ? `Hide ${e}` : `Show ${e}`,
-            "aria-pressed": c,
-            "aria-controls": p,
+            onClick: D,
+            "aria-label": d ? `Hide ${e}` : `Show ${e}`,
+            "aria-pressed": d,
+            "aria-controls": l,
             "data-testid": "input-password-toggle",
-            children: c ? /* @__PURE__ */ t(it, { size: 22 }) : /* @__PURE__ */ t(st, { size: 22 })
+            children: d ? /* @__PURE__ */ t(st, { size: 22 }) : /* @__PURE__ */ t(at, { size: 22 })
           }
         ),
         clear: () => /* @__PURE__ */ t(
           "button",
           {
-            className: i,
+            className: r,
             type: "button",
-            onClick: Q,
+            onClick: U,
             "aria-label": `Clear ${e}`,
             "data-testid": "input-clear-button",
-            children: /* @__PURE__ */ t(rt, { size: 24 })
+            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(at, { 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(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(et, { size: 24 }) })
       };
-      return I || (n === "password" ? s.password() : z ? s.clear() : j ? s.loading() : r === "success" ? s.success() : r === "error" ? s.error() : null);
-    }, X = () => v || null, Y = d(
-      ct(r, l),
+      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(
+      mt(o, m),
       "[text-indent:var(--prefix-width)]",
       z && "pr-10"
-    ), Z = d(
+    ), _ = 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__ */ m("div", { className: "w-full space-y-1.5", "data-testid": "input-root", children: [
+    return /* @__PURE__ */ u("div", { className: "w-full space-y-1.5", "data-testid": "input-root", children: [
       e && /* @__PURE__ */ t(
-        nt,
+        pt,
         {
-          htmlFor: p,
-          className: d(
+          htmlFor: l,
+          className: f(
             "mb-2 block",
             F && "text-input-text--disabled placeholder:text-input-text-placeholder cursor-not-allowed"
           ),
           children: e
         }
       ),
-      /* @__PURE__ */ m("div", { className: "relative", "data-testid": "input-wrapper", children: [
-        /* @__PURE__ */ m("div", { className: "relative", children: [
-          X(),
-          a && /* @__PURE__ */ t("span", { ref: G, className: Z, children: a }),
+      /* @__PURE__ */ u("div", { className: "relative", "data-testid": "input-wrapper", children: [
+        /* @__PURE__ */ u("div", { className: "relative", children: [
+          Y(),
+          n && /* @__PURE__ */ t("span", { ref: G, className: _, children: n }),
           /* @__PURE__ */ t(
             "input",
             {
-              id: p,
-              name: b,
-              ref: o,
-              type: n === "password" ? D : n,
-              value: w,
+              id: l,
+              name: x,
+              ref: i,
+              type: p === "password" ? T : p,
+              value: v,
               disabled: F,
-              required: y,
-              autoComplete: bt(n),
-              className: Y,
-              onChange: g,
+              required: w,
+              autoComplete: xt(p),
+              className: Z,
+              onChange: Q,
               onFocus: K,
               onBlur: J,
               placeholder: R || e,
               suppressHydrationWarning: $,
-              ...B,
-              ...M,
+              ...H,
+              ...O,
               "data-testid": "input-input",
-              "data-state": r,
-              style: dt({
-                "--prefix-width": a ? `${T}px` : "0px"
+              "data-state": o,
+              style: ut({
+                "--prefix-width": n ? `${V}px` : "0px"
               }),
-              "aria-label": V || e
+              "aria-label": L || e
             }
           ),
-          U()
+          X()
         ] }),
-        A && h && /* @__PURE__ */ t(ut, { id: N, message: h })
+        B && b && /* @__PURE__ */ t(ft, { id: N, message: b })
       ] })
     ] });
   }
 );
-xt.displayName = "Input";
+gt.displayName = "Input";
 export {
-  xt as Input
+  gt as Input
 };

package/dist/InputGroup.d.ts

@@ -0,0 +1,16 @@
+import { Button } from '../../primitives/button';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+export declare const InputGroup: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+export declare const inputGroupAddonVariants: (props?: ({
+    align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const InputGroupAddon: ({ className, align, ...props }: ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>) => import("react/jsx-runtime").JSX.Element;
+export declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const InputGroupButton: ({ className, type, variant, size, ...props }: Omit<ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>) => import("react/jsx-runtime").JSX.Element;
+export declare const InputGroupText: ({ className, ...props }: ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
+export declare const InputGroupInput: ({ className, ...props }: ComponentProps<"input">) => import("react/jsx-runtime").JSX.Element;
+export declare const InputGroupTextarea: ({ className, ...props }: ComponentProps<"textarea">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputGroup.d.ts.map