@spear-ai/spectral 1.22.5 → 1.22.7

package/dist/Icons.js

@@ -1,17 +1,19 @@
 'use client';
 import { AdjustmentsIcon } from "./Icons/AdjustmentsIcon.js";
 import { AnalyzeIcon } from "./Icons/AnalyzeIcon.js";
-import { AnnotationsIcon } from "./Icons/AnnotationsIcon.js";
+import { EditIcon } from "./Icons/EditIcon.js";
 import { ApprovedIcon } from "./Icons/ApprovedIcon.js";
 import { ArrowDownIcon } from "./Icons/ArrowDownIcon.js";
 import { ArrowUpIcon } from "./Icons/ArrowUpIcon.js";
 import { BoxToolIcon } from "./Icons/BoxToolIcon.js";
+import { BuoyIcon } from "./Icons/BuoyIcon.js";
 import { CalendarIcon } from "./Icons/CalendarIcon.js";
 import { CheckCircleIcon } from "./Icons/CheckCircleIcon.js";
 import { CheckSquareIcon } from "./Icons/CheckSquareIcon.js";
 import { CheckmarkIcon } from "./Icons/CheckmarkIcon.js";
 import { ChevronDownIcon } from "./Icons/ChevronDownIcon.js";
 import { ChevronUpIcon } from "./Icons/ChevronUpIcon.js";
+import { CircleDotIcon } from "./Icons/CircleDotIcon.js";
 import { ClockIcon } from "./Icons/ClockIcon.js";
 import { CloseCircleIcon } from "./Icons/CloseCircleIcon.js";
 import { CloseIcon } from "./Icons/CloseIcon.js";
@@ -20,8 +22,9 @@ import { CrosshairsIcon } from "./Icons/CrosshairsIcon.js";
 import { DashboardIcon } from "./Icons/DashboardIcon.js";
 import { DatabaseIcon } from "./Icons/DatabaseIcon.js";
 import { DeleteIcon } from "./Icons/DeleteIcon.js";
+import { DeploymentsIcon } from "./Icons/DeploymentsIcon.js";
+import { DotIcon } from "./Icons/DotIcon.js";
 import { DurationIcon } from "./Icons/DurationIcon.js";
-import { EditIcon } from "./Icons/EditIcon.js";
 import { EmailIcon } from "./Icons/EmailIcon.js";
 import { EraserIcon } from "./Icons/EraserIcon.js";
 import { ErrorIcon } from "./Icons/ErrorIcon.js";
@@ -29,14 +32,20 @@ import { EyeClosedIcon } from "./Icons/EyeClosedIcon.js";
 import { EyeClosedIcon2 } from "./Icons/EyeClosedIcon2.js";
 import { EyeOpenIcon } from "./Icons/EyeOpenIcon.js";
 import { FileDownloadIcon } from "./Icons/FileDownloadIcon.js";
+import { GeofenceIcon } from "./Icons/GeofenceIcon.js";
+import { GeospatialIcon } from "./Icons/GeospatialIcon.js";
+import { GlobeIcon } from "./Icons/GlobeIcon.js";
 import { GoToFirstIcon } from "./Icons/GoToFirstIcon.js";
 import { GoToLastIcon } from "./Icons/GoToLastIcon.js";
+import { GpsIcon } from "./Icons/GpsIcon.js";
 import { HarmonicCursorsIcon } from "./Icons/HarmonicCursorsIcon.js";
 import { InfoIcon } from "./Icons/InfoIcon.js";
 import { IterationArrowIcon } from "./Icons/IterationArrowIcon.js";
+import { KeyIcon } from "./Icons/KeyIcon.js";
 import { KeyboardIcon } from "./Icons/KeyboardIcon.js";
 import { LabelIcon } from "./Icons/LabelIcon.js";
 import { LassoIcon } from "./Icons/LassoIcon.js";
+import { LineDashedIcon } from "./Icons/LineDashedIcon.js";
 import { LineToolIcon } from "./Icons/LineToolIcon.js";
 import { LinkIcon } from "./Icons/LinkIcon.js";
 import { LiveViewIcon } from "./Icons/LiveViewIcon.js";
@@ -44,6 +53,8 @@ import { LoaderIcon } from "./Icons/LoaderIcon.js";
 import { LocationIcon } from "./Icons/LocationIcon.js";
 import { LockIcon } from "./Icons/LockIcon.js";
 import { LogoutIcon } from "./Icons/LogoutIcon.js";
+import { MapIcon } from "./Icons/MapIcon.js";
+import { MapPinIcon } from "./Icons/MapPinIcon.js";
 import { MaximizeIcon } from "./Icons/MaximizeIcon.js";
 import { MeasureIcon } from "./Icons/MeasureIcon.js";
 import { MenuDotsIcon } from "./Icons/MenuDotsIcon.js";
@@ -53,10 +64,13 @@ import { MetadataIcon } from "./Icons/MetadataIcon.js";
 import { MinimizeIcon } from "./Icons/MinimizeIcon.js";
 import { MinusIcon } from "./Icons/MinusIcon.js";
 import { OntologyIcon } from "./Icons/OntologyIcon.js";
-import { PanelIconClose } from "./Icons/PanelIconClose.js";
-import { PanelIconOpen } from "./Icons/PanelIconOpen.js";
+import { PanelCloseIcon } from "./Icons/PanelCloseIcon.js";
+import { PanelOpenIcon } from "./Icons/PanelOpenIcon.js";
+import { PaperclipIcon } from "./Icons/PaperclipIcon.js";
+import { PathIcon } from "./Icons/PathIcon.js";
 import { PauseIcon } from "./Icons/PauseIcon.js";
 import { PdfIcon } from "./Icons/PdfIcon.js";
+import { PinIcon } from "./Icons/PinIcon.js";
 import { PlayIcon } from "./Icons/PlayIcon.js";
 import { PlusIcon } from "./Icons/PlusIcon.js";
 import { PolygonIcon } from "./Icons/PolygonIcon.js";
@@ -65,6 +79,10 @@ import { ProgressArrowIcon } from "./Icons/ProgressArrowIcon.js";
 import { ProgressCheckIcon } from "./Icons/ProgressCheckIcon.js";
 import { ResetIcon } from "./Icons/ResetIcon.js";
 import { ReviewedIcon } from "./Icons/ReviewedIcon.js";
+import { Route2Icon } from "./Icons/Route2Icon.js";
+import { Route3Icon } from "./Icons/Route3Icon.js";
+import { RouteIcon } from "./Icons/RouteIcon.js";
+import { SaveIcon } from "./Icons/SaveIcon.js";
 import { ScissorsIcon } from "./Icons/ScissorsIcon.js";
 import { SearchIcon } from "./Icons/SearchIcon.js";
 import { SettingsIcon } from "./Icons/SettingsIcon.js";
@@ -72,21 +90,29 @@ import { SortAscendingIcon } from "./Icons/SortAscendingIcon.js";
 import { SortAtoZIcon } from "./Icons/SortAtoZIcon.js";
 import { SortDescendingIcon } from "./Icons/SortDescendingIcon.js";
 import { SortZtoAIcon } from "./Icons/SortZtoAIcon.js";
+import { SparklesAIIcon } from "./Icons/SparklesAIIcon.js";
 import { SparklesIcon } from "./Icons/SparklesIcon.js";
 import { StackIcon } from "./Icons/StackIcon.js";
 import { StarIcon } from "./Icons/StarIcon.js";
 import { SyncIcon } from "./Icons/SyncIcon.js";
 import { SyncOffIcon } from "./Icons/SyncOffIcon.js";
+import { ToolsIcon } from "./Icons/ToolsIcon.js";
 import { TrashIcon } from "./Icons/TrashIcon.js";
 import { UndoIcon } from "./Icons/UndoIcon.js";
 import { UnlinkIcon } from "./Icons/UnlinkIcon.js";
 import { UnlockIcon } from "./Icons/UnlockIcon.js";
 import { UploadIcon } from "./Icons/UploadIcon.js";
 import { User2Icon } from "./Icons/User2Icon.js";
+import { UserAddIcon } from "./Icons/UserAddIcon.js";
+import { UserDeleteIcon } from "./Icons/UserDeleteIcon.js";
+import { UserEditIcon } from "./Icons/UserEditIcon.js";
 import { UserIcon } from "./Icons/UserIcon.js";
+import { UserSearchIcon } from "./Icons/UserSearchIcon.js";
+import { UserSquareIcon } from "./Icons/UserSquareIcon.js";
+import { UsersIcon } from "./Icons/UsersIcon.js";
 import { WarningIcon } from "./Icons/WarningIcon.js";
 import { ZoomAllIcon } from "./Icons/ZoomAllIcon.js";
 import { ZoomXIcon } from "./Icons/ZoomXIcon.js";
 import { ZoomYIcon } from "./Icons/ZoomYIcon.js";
 
-export { AdjustmentsIcon, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, BoxToolIcon, CalendarIcon, CheckCircleIcon, CheckSquareIcon, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DatabaseIcon, DeleteIcon, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, InfoIcon, IterationArrowIcon, KeyboardIcon, LabelIcon, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LockIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PdfIcon, PlayIcon, PlusIcon, PolygonIcon, PrinterIcon, ProgressArrowIcon, ProgressCheckIcon, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, SettingsIcon, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, StackIcon, StarIcon, SyncIcon, SyncOffIcon, TrashIcon, UndoIcon, UnlinkIcon, UnlockIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, ZoomAllIcon, ZoomXIcon, ZoomYIcon };
+export { AdjustmentsIcon, AnalyzeIcon, EditIcon as AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, BoxToolIcon, BuoyIcon, CalendarIcon, CheckCircleIcon, CheckSquareIcon, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, CircleDotIcon, ClockIcon, CloseCircleIcon, CloseIcon, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DatabaseIcon, DeleteIcon, DeploymentsIcon, DotIcon, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, GeofenceIcon, GeospatialIcon, GlobeIcon, GoToFirstIcon, GoToLastIcon, GpsIcon, HarmonicCursorsIcon, InfoIcon, IterationArrowIcon, KeyIcon, KeyboardIcon, LabelIcon, LassoIcon, LineDashedIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LockIcon, LogoutIcon, MapIcon, MapPinIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, OntologyIcon, PanelCloseIcon, PanelOpenIcon, PaperclipIcon, PathIcon, PauseIcon, PdfIcon, PinIcon, PlayIcon, PlusIcon, PolygonIcon, PrinterIcon, ProgressArrowIcon, ProgressCheckIcon, ResetIcon, ReviewedIcon, Route2Icon, Route3Icon, RouteIcon, SaveIcon, ScissorsIcon, SearchIcon, SettingsIcon, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesAIIcon, SparklesIcon, StackIcon, StarIcon, SyncIcon, SyncOffIcon, ToolsIcon, TrashIcon, UndoIcon, UnlinkIcon, UnlockIcon, UploadIcon, User2Icon, UserAddIcon, UserDeleteIcon, UserEditIcon, UserIcon, UserSearchIcon, UserSquareIcon, UsersIcon, WarningIcon, ZoomAllIcon, ZoomXIcon, ZoomYIcon };

package/dist/IconsAnimated/PanelLeftCloseIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelLeftCloseIcon.js","names":[],"sources":["../../src/components/IconsAnimated/PanelLeftCloseIcon.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { motion, useAnimation, type Transition, type Variants } from 'motion/react'\nimport { type MouseEvent, useCallback, useImperativeHandle, useRef } from 'react'\nimport { type AnimatedIconProps } from './iconTypes'\n\nconst DEFAULT_TRANSITION: Transition = {\n  times: [0, 0.4, 1],\n  duration: 0.5,\n}\n\nconst PATH_VARIANTS: Variants = {\n  normal: { x: 0 },\n  animate: { x: [0, -1.5, 0] },\n}\n\nexport const PanelLeftCloseIcon = ({ onMouseEnter, onMouseLeave, className, size = 28, ref, ...props }: AnimatedIconProps) => {\n  const controls = useAnimation()\n  const isControlledRef = useRef(false)\n\n  useImperativeHandle(ref, () => {\n    isControlledRef.current = true\n    return {\n      startAnimation: () => controls.start('animate'),\n      stopAnimation: () => controls.start('normal'),\n    }\n  })\n\n  const handleMouseEnter = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      if (isControlledRef.current) {\n        onMouseEnter?.(e)\n      } else {\n        controls.start('animate')\n      }\n    },\n    [controls, onMouseEnter],\n  )\n\n  const handleMouseLeave = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      if (isControlledRef.current) {\n        onMouseLeave?.(e)\n      } else {\n        controls.start('normal')\n      }\n    },\n    [controls, onMouseLeave],\n  )\n\n  return (\n    <div className={cn(className)} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} {...props}>\n      <svg fill='none' height={size} stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' strokeWidth='2' viewBox='0 0 24 24' width={size} xmlns='http://www.w3.org/2000/svg'>\n        <rect height='18' rx='2' width='18' x='3' y='3' />\n        <path d='M9 3v18' />\n        <motion.path animate={controls} d='m16 15-3-3 3-3' transition={DEFAULT_TRANSITION} variants={PATH_VARIANTS} />\n      </svg>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAKA,MAAM,qBAAiC;CACrC,OAAO;EAAC;EAAG;EAAK;EAAE;CAClB,UAAU;CACX;AAED,MAAM,gBAA0B;CAC9B,QAAQ,EAAE,GAAG,GAAG;CAChB,SAAS,EAAE,GAAG;EAAC;EAAG;EAAM;EAAE,EAAE;CAC7B;AAED,MAAa,sBAAsB,EAAE,cAAc,cAAc,WAAW,OAAO,IAAI,KAAK,GAAG,YAA+B;CAC5H,MAAM,WAAW,cAAc;CAC/B,MAAM,kBAAkB,OAAO,MAAM;AAErC,qBAAoB,WAAW;AAC7B,kBAAgB,UAAU;AAC1B,SAAO;GACL,sBAAsB,SAAS,MAAM,UAAU;GAC/C,qBAAqB,SAAS,MAAM,SAAS;GAC9C;GACD;CAEF,MAAM,mBAAmB,aACtB,MAAkC;AACjC,MAAI,gBAAgB,QAClB,gBAAe,EAAE;MAEjB,UAAS,MAAM,UAAU;IAG7B,CAAC,UAAU,aAAa,CACzB;CAED,MAAM,mBAAmB,aACtB,MAAkC;AACjC,MAAI,gBAAgB,QAClB,gBAAe,EAAE;MAEjB,UAAS,MAAM,SAAS;IAG5B,CAAC,UAAU,aAAa,CACzB;AAED,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;EAAE,cAAc;EAAkB,cAAc;EAAkB,GAAI;YACjG,qBAAC,OAAD;GAAK,MAAK;GAAO,QAAQ;GAAM,QAAO;GAAe,eAAc;GAAQ,gBAAe;GAAQ,aAAY;GAAI,SAAQ;GAAY,OAAO;GAAM,OAAM;aAAzJ;IACE,oBAAC,QAAD;KAAM,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;KAAI,GAAE;KAAM;IAClD,oBAAC,QAAD,EAAM,GAAE,WAAY;IACpB,oBAAC,OAAO,MAAR;KAAa,SAAS;KAAU,GAAE;KAAiB,YAAY;KAAoB,UAAU;KAAiB;IAC1G;;EACF"}
+{"version":3,"file":"PanelLeftCloseIcon.js","names":[],"sources":["../../src/components/IconsAnimated/PanelLeftCloseIcon.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { motion, useAnimation, type Transition, type Variants } from 'motion/react'\nimport { type MouseEvent, useCallback, useImperativeHandle, useRef } from 'react'\nimport { type AnimatedIconProps } from './iconTypes'\n\nconst DEFAULT_TRANSITION: Transition = {\n  times: [0, 0.4, 1],\n  duration: 0.5,\n}\n\nconst PATH_VARIANTS: Variants = {\n  normal: { x: 0 },\n  animate: { x: [0, -1.5, 0] },\n}\n\nexport const PanelLeftCloseIcon = ({ onMouseEnter, onMouseLeave, className, size = 28, ref, ...props }: AnimatedIconProps) => {\n  const controls = useAnimation()\n  const isControlledRef = useRef(false)\n\n  useImperativeHandle(ref, () => {\n    isControlledRef.current = true\n    return {\n      startAnimation: () => controls.start('animate'),\n      stopAnimation: () => controls.start('normal'),\n    }\n  })\n\n  const handleMouseEnter = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      if (isControlledRef.current) {\n        onMouseEnter?.(e)\n      } else {\n        controls.start('animate')\n      }\n    },\n    [controls, onMouseEnter],\n  )\n\n  const handleMouseLeave = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      if (isControlledRef.current) {\n        onMouseLeave?.(e)\n      } else {\n        controls.start('normal')\n      }\n    },\n    [controls, onMouseLeave],\n  )\n\n  return (\n    <div\n      className={cn(className)}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      {...props}\n    >\n      <svg\n        fill='none'\n        height={size}\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='2'\n        viewBox='0 0 24 24'\n        width={size}\n        xmlns='http://www.w3.org/2000/svg'\n      >\n        <rect\n          height='18'\n          rx='2'\n          width='18'\n          x='3'\n          y='3'\n        />\n        <path d='M9 3v18' />\n        <motion.path\n          animate={controls}\n          d='m16 15-3-3 3-3'\n          transition={DEFAULT_TRANSITION}\n          variants={PATH_VARIANTS}\n        />\n      </svg>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAKA,MAAM,qBAAiC;CACrC,OAAO;EAAC;EAAG;EAAK;EAAE;CAClB,UAAU;CACX;AAED,MAAM,gBAA0B;CAC9B,QAAQ,EAAE,GAAG,GAAG;CAChB,SAAS,EAAE,GAAG;EAAC;EAAG;EAAM;EAAE,EAAE;CAC7B;AAED,MAAa,sBAAsB,EAAE,cAAc,cAAc,WAAW,OAAO,IAAI,KAAK,GAAG,YAA+B;CAC5H,MAAM,WAAW,cAAc;CAC/B,MAAM,kBAAkB,OAAO,MAAM;AAErC,qBAAoB,WAAW;AAC7B,kBAAgB,UAAU;AAC1B,SAAO;GACL,sBAAsB,SAAS,MAAM,UAAU;GAC/C,qBAAqB,SAAS,MAAM,SAAS;GAC9C;GACD;CAEF,MAAM,mBAAmB,aACtB,MAAkC;AACjC,MAAI,gBAAgB,QAClB,gBAAe,EAAE;MAEjB,UAAS,MAAM,UAAU;IAG7B,CAAC,UAAU,aAAa,CACzB;CAED,MAAM,mBAAmB,aACtB,MAAkC;AACjC,MAAI,gBAAgB,QAClB,gBAAe,EAAE;MAEjB,UAAS,MAAM,SAAS;IAG5B,CAAC,UAAU,aAAa,CACzB;AAED,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,UAAU;EACxB,cAAc;EACd,cAAc;EACd,GAAI;YAEJ,qBAAC,OAAD;GACE,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,SAAQ;GACR,OAAO;GACP,OAAM;aATR;IAWE,oBAAC,QAAD;KACE,QAAO;KACP,IAAG;KACH,OAAM;KACN,GAAE;KACF,GAAE;KACF;IACF,oBAAC,QAAD,EAAM,GAAE,WAAY;IACpB,oBAAC,OAAO,MAAR;KACE,SAAS;KACT,GAAE;KACF,YAAY;KACZ,UAAU;KACV;IACE;;EACF"}

package/dist/IconsAnimated/PanelLeftOpenIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelLeftOpenIcon.js","names":[],"sources":["../../src/components/IconsAnimated/PanelLeftOpenIcon.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { motion, useAnimation, type Transition, type Variants } from 'motion/react'\nimport { type MouseEvent, useCallback, useImperativeHandle, useRef } from 'react'\nimport { type AnimatedIconProps } from './iconTypes'\n\nconst DEFAULT_TRANSITION: Transition = {\n  times: [0, 0.4, 1],\n  duration: 0.5,\n}\n\nconst PATH_VARIANTS: Variants = {\n  normal: { x: 0 },\n  animate: { x: [0, 1.5, 0] },\n}\n\nexport const PanelLeftOpenIcon = ({ onMouseEnter, onMouseLeave, className, size = 28, ref, ...props }: AnimatedIconProps) => {\n  const controls = useAnimation()\n  const isControlledRef = useRef(false)\n\n  useImperativeHandle(ref, () => {\n    isControlledRef.current = true\n    return {\n      startAnimation: () => controls.start('animate'),\n      stopAnimation: () => controls.start('normal'),\n    }\n  })\n\n  const handleMouseEnter = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      if (isControlledRef.current) {\n        onMouseEnter?.(e)\n      } else {\n        controls.start('animate')\n      }\n    },\n    [controls, onMouseEnter],\n  )\n\n  const handleMouseLeave = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      if (isControlledRef.current) {\n        onMouseLeave?.(e)\n      } else {\n        controls.start('normal')\n      }\n    },\n    [controls, onMouseLeave],\n  )\n\n  return (\n    <div className={cn(className)} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} {...props}>\n      <svg fill='none' height={size} stroke='currentColor' strokeLinecap='round' strokeLinejoin='round' strokeWidth='2' viewBox='0 0 24 24' width={size} xmlns='http://www.w3.org/2000/svg'>\n        <rect height='18' rx='2' width='18' x='3' y='3' />\n        <path d='M9 3v18' />\n        <motion.path animate={controls} d='m14 9 3 3-3 3' transition={DEFAULT_TRANSITION} variants={PATH_VARIANTS} />\n      </svg>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAKA,MAAM,qBAAiC;CACrC,OAAO;EAAC;EAAG;EAAK;EAAE;CAClB,UAAU;CACX;AAED,MAAM,gBAA0B;CAC9B,QAAQ,EAAE,GAAG,GAAG;CAChB,SAAS,EAAE,GAAG;EAAC;EAAG;EAAK;EAAE,EAAE;CAC5B;AAED,MAAa,qBAAqB,EAAE,cAAc,cAAc,WAAW,OAAO,IAAI,KAAK,GAAG,YAA+B;CAC3H,MAAM,WAAW,cAAc;CAC/B,MAAM,kBAAkB,OAAO,MAAM;AAErC,qBAAoB,WAAW;AAC7B,kBAAgB,UAAU;AAC1B,SAAO;GACL,sBAAsB,SAAS,MAAM,UAAU;GAC/C,qBAAqB,SAAS,MAAM,SAAS;GAC9C;GACD;CAEF,MAAM,mBAAmB,aACtB,MAAkC;AACjC,MAAI,gBAAgB,QAClB,gBAAe,EAAE;MAEjB,UAAS,MAAM,UAAU;IAG7B,CAAC,UAAU,aAAa,CACzB;CAED,MAAM,mBAAmB,aACtB,MAAkC;AACjC,MAAI,gBAAgB,QAClB,gBAAe,EAAE;MAEjB,UAAS,MAAM,SAAS;IAG5B,CAAC,UAAU,aAAa,CACzB;AAED,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;EAAE,cAAc;EAAkB,cAAc;EAAkB,GAAI;YACjG,qBAAC,OAAD;GAAK,MAAK;GAAO,QAAQ;GAAM,QAAO;GAAe,eAAc;GAAQ,gBAAe;GAAQ,aAAY;GAAI,SAAQ;GAAY,OAAO;GAAM,OAAM;aAAzJ;IACE,oBAAC,QAAD;KAAM,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;KAAI,GAAE;KAAM;IAClD,oBAAC,QAAD,EAAM,GAAE,WAAY;IACpB,oBAAC,OAAO,MAAR;KAAa,SAAS;KAAU,GAAE;KAAgB,YAAY;KAAoB,UAAU;KAAiB;IACzG;;EACF"}
+{"version":3,"file":"PanelLeftOpenIcon.js","names":[],"sources":["../../src/components/IconsAnimated/PanelLeftOpenIcon.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { motion, useAnimation, type Transition, type Variants } from 'motion/react'\nimport { type MouseEvent, useCallback, useImperativeHandle, useRef } from 'react'\nimport { type AnimatedIconProps } from './iconTypes'\n\nconst DEFAULT_TRANSITION: Transition = {\n  times: [0, 0.4, 1],\n  duration: 0.5,\n}\n\nconst PATH_VARIANTS: Variants = {\n  normal: { x: 0 },\n  animate: { x: [0, 1.5, 0] },\n}\n\nexport const PanelLeftOpenIcon = ({ onMouseEnter, onMouseLeave, className, size = 28, ref, ...props }: AnimatedIconProps) => {\n  const controls = useAnimation()\n  const isControlledRef = useRef(false)\n\n  useImperativeHandle(ref, () => {\n    isControlledRef.current = true\n    return {\n      startAnimation: () => controls.start('animate'),\n      stopAnimation: () => controls.start('normal'),\n    }\n  })\n\n  const handleMouseEnter = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      if (isControlledRef.current) {\n        onMouseEnter?.(e)\n      } else {\n        controls.start('animate')\n      }\n    },\n    [controls, onMouseEnter],\n  )\n\n  const handleMouseLeave = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      if (isControlledRef.current) {\n        onMouseLeave?.(e)\n      } else {\n        controls.start('normal')\n      }\n    },\n    [controls, onMouseLeave],\n  )\n\n  return (\n    <div\n      className={cn(className)}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      {...props}\n    >\n      <svg\n        fill='none'\n        height={size}\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='2'\n        viewBox='0 0 24 24'\n        width={size}\n        xmlns='http://www.w3.org/2000/svg'\n      >\n        <rect\n          height='18'\n          rx='2'\n          width='18'\n          x='3'\n          y='3'\n        />\n        <path d='M9 3v18' />\n        <motion.path\n          animate={controls}\n          d='m14 9 3 3-3 3'\n          transition={DEFAULT_TRANSITION}\n          variants={PATH_VARIANTS}\n        />\n      </svg>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAKA,MAAM,qBAAiC;CACrC,OAAO;EAAC;EAAG;EAAK;EAAE;CAClB,UAAU;CACX;AAED,MAAM,gBAA0B;CAC9B,QAAQ,EAAE,GAAG,GAAG;CAChB,SAAS,EAAE,GAAG;EAAC;EAAG;EAAK;EAAE,EAAE;CAC5B;AAED,MAAa,qBAAqB,EAAE,cAAc,cAAc,WAAW,OAAO,IAAI,KAAK,GAAG,YAA+B;CAC3H,MAAM,WAAW,cAAc;CAC/B,MAAM,kBAAkB,OAAO,MAAM;AAErC,qBAAoB,WAAW;AAC7B,kBAAgB,UAAU;AAC1B,SAAO;GACL,sBAAsB,SAAS,MAAM,UAAU;GAC/C,qBAAqB,SAAS,MAAM,SAAS;GAC9C;GACD;CAEF,MAAM,mBAAmB,aACtB,MAAkC;AACjC,MAAI,gBAAgB,QAClB,gBAAe,EAAE;MAEjB,UAAS,MAAM,UAAU;IAG7B,CAAC,UAAU,aAAa,CACzB;CAED,MAAM,mBAAmB,aACtB,MAAkC;AACjC,MAAI,gBAAgB,QAClB,gBAAe,EAAE;MAEjB,UAAS,MAAM,SAAS;IAG5B,CAAC,UAAU,aAAa,CACzB;AAED,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,UAAU;EACxB,cAAc;EACd,cAAc;EACd,GAAI;YAEJ,qBAAC,OAAD;GACE,MAAK;GACL,QAAQ;GACR,QAAO;GACP,eAAc;GACd,gBAAe;GACf,aAAY;GACZ,SAAQ;GACR,OAAO;GACP,OAAM;aATR;IAWE,oBAAC,QAAD;KACE,QAAO;KACP,IAAG;KACH,OAAM;KACN,GAAE;KACF,GAAE;KACF;IACF,oBAAC,QAAD,EAAM,GAAE,WAAY;IACpB,oBAAC,OAAO,MAAR;KACE,SAAS;KACT,GAAE;KACF,YAAY;KACZ,UAAU;KACV;IACE;;EACF"}

package/dist/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","names":[],"sources":["../src/components/Input/Input.tsx"],"mappings":";;;;;KAoBY,SAAA;AAAA,KAEA,UAAA,GAAa,IAAA,CAAK,mBAAA,CAAoB,gBAAA,wBAChD,kBAAA;EACE,SAAA;EACA,YAAA;EACA,OAAA,GAAU,YAAA;EACV,aAAA;EACA,cAAA;EACA,MAAA,IAAU,CAAA,EAAG,UAAA,CAAW,gBAAA;EACxB,QAAA,IAAY,KAAA;EACZ,OAAA,IAAW,CAAA,EAAG,UAAA,CAAW,gBAAA;EACzB,WAAA;EACA,MAAA;EACA,eAAA;EACA,SAAA,GAAY,YAAA;EACZ,wBAAA;EACA,IAAA,GAAO,SAAA;EACP,KAAA;EACA,cAAA,GAAiB,kBAAA;AAAA;AAAA,uBAoCnB,QAAA,EAAU,UAAA;EACR,GAAA,GAAM,GAAA,CAAI,gBAAA;AAAA,IAEX,YAAA;AAAA"}
+{"version":3,"file":"Input.d.ts","names":[],"sources":["../src/components/Input/Input.tsx"],"mappings":";;;;;KAQY,SAAA;AAAA,KAEA,UAAA,GAAa,IAAA,CAAK,mBAAA,CAAoB,gBAAA,wBAChD,kBAAA;EACE,SAAA;EACA,YAAA;EACA,OAAA,GAAU,YAAA;EACV,aAAA;EACA,cAAA;EACA,MAAA,IAAU,CAAA,EAAG,UAAA,CAAW,gBAAA;EACxB,QAAA,IAAY,KAAA;EACZ,OAAA,IAAW,CAAA,EAAG,UAAA,CAAW,gBAAA;EACzB,WAAA;EACA,MAAA;EACA,eAAA;EACA,SAAA,GAAY,YAAA;EACZ,wBAAA;EACA,IAAA,GAAO,SAAA;EACP,KAAA;EACA,cAAA,GAAiB,kBAAA;AAAA;AAAA,uBAoCnB,QAAA,EAAU,UAAA;EACR,GAAA,GAAM,GAAA,CAAI,gBAAA;AAAA,IAEX,YAAA;AAAA"}

package/dist/Input.js

@@ -28,7 +28,7 @@ const mergeRefs = (...refs) => {
 const iconBaseClasses = "absolute top-1/2 -translate-y-1/2";
 const endIconClasses = cn(iconBaseClasses, "right-3 text-input-icon");
 const startIconClasses = cn(iconBaseClasses, "left-3 text-input-icon");
-const iconButtonClasses = cn(endIconClasses, "aspect-square max-h-6 rounded-sm hover:text-input-icon--hover cursor-pointer focus:outline-none focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-1");
+const iconButtonClasses = cn(endIconClasses, "max-h-6 rounded-sm hover:text-input-icon--hover aspect-square cursor-pointer focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-accent");
 const getAutoCompleteValue = (type) => {
 	return {
 		date: "off",
@@ -140,7 +140,7 @@ const Input = (allProps) => {
 	const inputClasses = cn(getInputClasses(state, className), "[text-indent:var(--prefix-width)]", startIcon && "pl-10", showClearButtonNow && "pr-10", usesTabularNumbers && "tabular-nums");
 	const prefixClasses = cn("inset-y-0 left-4 text-base pointer-events-none absolute flex items-center text-input-text-prefix opacity-100 peer-disabled:opacity-50");
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full flex-col gap-1.5",
+		className: "gap-1.5 flex w-full flex-col",
 		children: [label && /* @__PURE__ */ jsx(Label, {
 			className: cn("mb-2 block", labelClassName, isDisabled && "cursor-not-allowed text-input-text--disabled placeholder:text-input-text-placeholder"),
 			htmlFor: inputId,

package/dist/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":[],"sources":["../src/components/Input/Input.tsx"],"sourcesContent":["import { CheckCircleIcon, CloseCircleIcon, ErrorIcon, EyeClosedIcon, EyeOpenIcon, LoaderIcon, WarningIcon } from '@components/Icons'\nimport { Label } from '@components/Label/Label'\nimport { useUncontrolledState } from '@hooks/useUncontrolledState'\nimport {\n  ErrorMessage,\n  getAriaProps,\n  getErrorMessageId,\n  getFormFieldCSSProperties,\n  getInputClasses,\n  getPasswordManagerIgnoreProps,\n  getWarningMessageId,\n  useFormFieldId,\n  useFormFieldState,\n  WarningMessage,\n  type BaseFormFieldProps,\n} from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { useCallback, useRef, type ChangeEvent, type CSSProperties, type FocusEvent, type InputHTMLAttributes, type PointerEvent, type ReactElement, type Ref } from 'react'\nimport { useClearOnFocus, usePasswordVisibility, usePrefixWidth } from './InputUtils'\n\nexport type InputType = 'text' | 'email' | 'url' | 'tel' | 'password' | 'number' | 'date' | 'datetime-local'\n\nexport type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'onChange'> &\n  BaseFormFieldProps & {\n    className?: string\n    clearOnFocus?: boolean\n    endIcon?: ReactElement\n    hideStateIcon?: boolean\n    labelClassName?: string\n    onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n    onChange?: (value: string) => void\n    onFocus?: (e: FocusEvent<HTMLInputElement>) => void\n    placeholder?: string\n    prefix?: string\n    showClearButton?: boolean\n    startIcon?: ReactElement\n    suppressHydrationWarning?: boolean\n    type?: InputType\n    value?: string\n    warningMessage?: BaseFormFieldProps['errorMessage']\n  }\n\nconst mergeRefs = <T,>(...refs: (Ref<T> | undefined)[]): Ref<T> => {\n  return (value: T | null) => {\n    refs.forEach((ref) => {\n      if (!ref) return\n      if (typeof ref === 'function') {\n        ref(value)\n      } else {\n        ;(ref as { current: T | null }).current = value\n      }\n    })\n  }\n}\n\nconst iconBaseClasses = 'absolute top-1/2 -translate-y-1/2'\nconst endIconClasses = cn(iconBaseClasses, 'right-3 text-input-icon')\nconst startIconClasses = cn(iconBaseClasses, 'left-3 text-input-icon')\nconst iconButtonClasses = cn(endIconClasses, 'aspect-square max-h-6 rounded-sm hover:text-input-icon--hover cursor-pointer focus:outline-none focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-1')\n\nconst getAutoCompleteValue = (type: InputType): string => {\n  const autoCompleteMap: Record<InputType, string> = {\n    date: 'off',\n    email: 'email',\n    number: 'off',\n    password: 'current-password',\n    tel: 'tel',\n    text: 'off',\n    url: 'url',\n    'datetime-local': 'off',\n  }\n  return autoCompleteMap[type] || 'off'\n}\n\nexport const Input = (\n  allProps: InputProps & {\n    ref?: Ref<HTMLInputElement>\n  },\n): ReactElement => {\n  const {\n    className,\n    clearOnFocus = false,\n    defaultValue,\n    disabled,\n    endIcon,\n    errorMessage,\n    hideStateIcon = false,\n    id,\n    label,\n    labelClassName,\n    messageReserveLines = 1,\n    messageReserveSpace = false,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    placeholder,\n    prefix,\n    ref,\n    required,\n    showClearButton = false,\n    startIcon,\n    state = 'default',\n    suppressHydrationWarning = true,\n    type = 'text',\n    value: valueProp,\n    warningMessage,\n    autoComplete,\n    'aria-label': ariaLabel,\n    'aria-describedby': ariaDescribedBy,\n    ...props\n  } = allProps\n  const inputId = useFormFieldId(id, name)\n  const errorMessageId = getErrorMessageId(inputId)\n  const warningMessageId = getWarningMessageId(inputId)\n  const { isDisabled, isLoading, isInvalid } = useFormFieldState(disabled, state)\n  const messageId = state === 'error' ? errorMessageId : state === 'warning' && warningMessage ? warningMessageId : undefined\n  const ariaProps = getAriaProps(state, ariaDescribedBy, required, messageId)\n  const normalizedDefaultValue = typeof defaultValue === 'string' ? defaultValue : defaultValue !== undefined && defaultValue !== null ? String(defaultValue) : ''\n  const [value, setValue] = useUncontrolledState<string>({\n    value: valueProp,\n    defaultValue: normalizedDefaultValue,\n    onChange,\n  })\n\n  const internalRef = useRef<HTMLInputElement>(null)\n  const inputRef = mergeRefs(ref, internalRef)\n\n  const { isVisible, toggleVisibility, inputType } = usePasswordVisibility()\n  const { prefixWidth, prefixRef } = usePrefixWidth(prefix)\n  const { handleFocus: clearOnFocusHandler } = useClearOnFocus(clearOnFocus, (e: ChangeEvent<HTMLInputElement>) => setValue(e.target.value))\n\n  const handleBlur = useCallback(\n    (e: FocusEvent<HTMLInputElement>): void => {\n      onBlur?.(e)\n    },\n    [onBlur],\n  )\n\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLInputElement>): void => {\n      clearOnFocusHandler(e, onFocus)\n    },\n    [clearOnFocusHandler, onFocus],\n  )\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>): void => {\n      const newValue = e.target.value\n      setValue(newValue)\n    },\n    [setValue],\n  )\n\n  const handleClear = useCallback((): void => {\n    const element = internalRef.current\n    if (element) {\n      setValue('')\n      element.focus()\n    }\n  }, [setValue])\n\n  const handleInlineControlPointerDown = useCallback((event: PointerEvent<HTMLButtonElement>): void => {\n    event.preventDefault()\n  }, [])\n\n  const showClearButtonNow = showClearButton && value.length > 0\n\n  const getEndIcon = (): ReactElement | null => {\n    const iconComponents = {\n      password: () => (\n        <button\n          aria-controls={inputId}\n          aria-label={isVisible ? `Hide ${label ?? 'password'}` : `Show ${label ?? 'password'}`}\n          aria-pressed={isVisible}\n          className={iconButtonClasses}\n          data-testid='spectral-input-password-toggle'\n          onClick={toggleVisibility}\n          onPointerDown={handleInlineControlPointerDown}\n          type='button'\n        >\n          {isVisible ? <EyeClosedIcon size={22} /> : <EyeOpenIcon size={22} />}\n        </button>\n      ),\n      clear: () => (\n        <button\n          aria-label={String(`Clear ${label ?? 'input'}`)}\n          className={iconButtonClasses}\n          data-testid='spectral-input-clear-button'\n          onClick={handleClear}\n          onPointerDown={handleInlineControlPointerDown}\n          type='button'\n        >\n          <CloseCircleIcon size={22} />\n        </button>\n      ),\n      loading: () => (\n        <div className={endIconClasses} data-testid='spectral-input-loading-icon'>\n          <LoaderIcon size={24} />\n        </div>\n      ),\n      error: () => (\n        <div className={cn(iconBaseClasses, 'right-3 text-danger-400')} data-testid='spectral-input-error-icon'>\n          <ErrorIcon size={24} />\n        </div>\n      ),\n      success: () => (\n        <div className={cn(iconBaseClasses, 'right-3 text-success-400')} data-testid='spectral-input-success-icon'>\n          <CheckCircleIcon size={24} />\n        </div>\n      ),\n      warning: () => (\n        <div className={cn(iconBaseClasses, 'right-3 text-warning-400')} data-testid='spectral-input-warning-icon'>\n          <WarningIcon size={24} />\n        </div>\n      ),\n    }\n\n    if (endIcon) return <div className={endIconClasses}>{endIcon}</div>\n    if (type === 'password') return iconComponents.password()\n    if (showClearButtonNow) return iconComponents.clear()\n    if (isLoading) return iconComponents.loading()\n    if (hideStateIcon && (state === 'success' || state === 'warning' || state === 'error')) return null\n    if (state === 'success') return iconComponents.success()\n    if (state === 'warning') return iconComponents.warning()\n    if (state === 'error') return iconComponents.error()\n\n    return null\n  }\n\n  const getStartIcon = (): ReactElement | null => {\n    if (startIcon) return <div className={startIconClasses}>{startIcon}</div>\n    return null\n  }\n\n  const usesTabularNumbers = type === 'number' || type === 'date' || type === 'datetime-local'\n  const inputClasses = cn(getInputClasses(state, className), '[text-indent:var(--prefix-width)]', startIcon && 'pl-10', showClearButtonNow && 'pr-10', usesTabularNumbers && 'tabular-nums')\n\n  const prefixClasses = cn('inset-y-0 left-4 text-base pointer-events-none absolute flex items-center text-input-text-prefix opacity-100 peer-disabled:opacity-50')\n\n  return (\n    <div className='flex w-full flex-col gap-1.5' data-testid='spectral-input-container'>\n      {label && (\n        <Label className={cn('mb-2 block', labelClassName, isDisabled && 'cursor-not-allowed text-input-text--disabled placeholder:text-input-text-placeholder')} data-testid='spectral-input-label' htmlFor={inputId}>\n          {label}\n        </Label>\n      )}\n      <div className='relative' data-testid='spectral-input-wrapper'>\n        <div className='relative'>\n          {getStartIcon()}\n          {prefix && (\n            <span ref={prefixRef} className={prefixClasses}>\n              {prefix}\n            </span>\n          )}\n          <input\n            aria-label={ariaLabel ?? label}\n            autoComplete={autoComplete ?? getAutoCompleteValue(type)}\n            className={inputClasses}\n            data-state={state}\n            data-testid='spectral-input'\n            disabled={isDisabled}\n            id={inputId}\n            name={name}\n            onBlur={handleBlur}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            placeholder={placeholder ?? label}\n            ref={inputRef}\n            required={required}\n            style={\n              getFormFieldCSSProperties({\n                '--prefix-width': prefix ? `${prefixWidth}px` : '0',\n              }) as CSSProperties\n            }\n            suppressHydrationWarning={suppressHydrationWarning}\n            type={type === 'password' ? inputType : type}\n            value={value}\n            {...getPasswordManagerIgnoreProps(type)}\n            {...ariaProps}\n            {...props}\n          />\n          {getEndIcon()}\n        </div>\n\n        <ErrorMessage\n          dataTestId='spectral-input-error-message'\n          id={errorMessageId}\n          message={isInvalid ? (errorMessage ?? null) : null}\n          messageReserveLines={messageReserveLines}\n          messageReserveSpace={messageReserveSpace && state === 'error'}\n        />\n        <WarningMessage\n          dataTestId='spectral-input-warning-message'\n          id={warningMessageId}\n          message={state === 'warning' ? (warningMessage ?? null) : null}\n          messageReserveLines={messageReserveLines}\n          messageReserveSpace={messageReserveSpace && state === 'warning'}\n        />\n      </div>\n    </div>\n  )\n}\nInput.displayName = 'Input'\n"],"mappings":"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"}
+{"version":3,"file":"Input.js","names":[],"sources":["../src/components/Input/Input.tsx"],"sourcesContent":["import { CheckCircleIcon, CloseCircleIcon, ErrorIcon, EyeClosedIcon, EyeOpenIcon, LoaderIcon, WarningIcon } from '@components/Icons'\nimport { Label } from '@components/Label/Label'\nimport { useUncontrolledState } from '@hooks/useUncontrolledState'\nimport { ErrorMessage, getAriaProps, getErrorMessageId, getFormFieldCSSProperties, getInputClasses, getPasswordManagerIgnoreProps, getWarningMessageId, useFormFieldId, useFormFieldState, WarningMessage, type BaseFormFieldProps } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { useCallback, useRef, type ChangeEvent, type CSSProperties, type FocusEvent, type InputHTMLAttributes, type PointerEvent, type ReactElement, type Ref } from 'react'\nimport { useClearOnFocus, usePasswordVisibility, usePrefixWidth } from './InputUtils'\n\nexport type InputType = 'text' | 'email' | 'url' | 'tel' | 'password' | 'number' | 'date' | 'datetime-local'\n\nexport type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'onChange'> &\n  BaseFormFieldProps & {\n    className?: string\n    clearOnFocus?: boolean\n    endIcon?: ReactElement\n    hideStateIcon?: boolean\n    labelClassName?: string\n    onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n    onChange?: (value: string) => void\n    onFocus?: (e: FocusEvent<HTMLInputElement>) => void\n    placeholder?: string\n    prefix?: string\n    showClearButton?: boolean\n    startIcon?: ReactElement\n    suppressHydrationWarning?: boolean\n    type?: InputType\n    value?: string\n    warningMessage?: BaseFormFieldProps['errorMessage']\n  }\n\nconst mergeRefs = <T,>(...refs: (Ref<T> | undefined)[]): Ref<T> => {\n  return (value: T | null) => {\n    refs.forEach((ref) => {\n      if (!ref) return\n      if (typeof ref === 'function') {\n        ref(value)\n      } else {\n        ;(ref as { current: T | null }).current = value\n      }\n    })\n  }\n}\n\nconst iconBaseClasses = 'absolute top-1/2 -translate-y-1/2'\nconst endIconClasses = cn(iconBaseClasses, 'right-3 text-input-icon')\nconst startIconClasses = cn(iconBaseClasses, 'left-3 text-input-icon')\nconst iconButtonClasses = cn(endIconClasses, 'max-h-6 rounded-sm hover:text-input-icon--hover aspect-square cursor-pointer focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-accent')\n\nconst getAutoCompleteValue = (type: InputType): string => {\n  const autoCompleteMap: Record<InputType, string> = {\n    date: 'off',\n    email: 'email',\n    number: 'off',\n    password: 'current-password',\n    tel: 'tel',\n    text: 'off',\n    url: 'url',\n    'datetime-local': 'off',\n  }\n  return autoCompleteMap[type] || 'off'\n}\n\nexport const Input = (\n  allProps: InputProps & {\n    ref?: Ref<HTMLInputElement>\n  },\n): ReactElement => {\n  const {\n    className,\n    clearOnFocus = false,\n    defaultValue,\n    disabled,\n    endIcon,\n    errorMessage,\n    hideStateIcon = false,\n    id,\n    label,\n    labelClassName,\n    messageReserveLines = 1,\n    messageReserveSpace = false,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    placeholder,\n    prefix,\n    ref,\n    required,\n    showClearButton = false,\n    startIcon,\n    state = 'default',\n    suppressHydrationWarning = true,\n    type = 'text',\n    value: valueProp,\n    warningMessage,\n    autoComplete,\n    'aria-label': ariaLabel,\n    'aria-describedby': ariaDescribedBy,\n    ...props\n  } = allProps\n  const inputId = useFormFieldId(id, name)\n  const errorMessageId = getErrorMessageId(inputId)\n  const warningMessageId = getWarningMessageId(inputId)\n  const { isDisabled, isLoading, isInvalid } = useFormFieldState(disabled, state)\n  const messageId = state === 'error' ? errorMessageId : state === 'warning' && warningMessage ? warningMessageId : undefined\n  const ariaProps = getAriaProps(state, ariaDescribedBy, required, messageId)\n  const normalizedDefaultValue = typeof defaultValue === 'string' ? defaultValue : defaultValue !== undefined && defaultValue !== null ? String(defaultValue) : ''\n  const [value, setValue] = useUncontrolledState<string>({\n    value: valueProp,\n    defaultValue: normalizedDefaultValue,\n    onChange,\n  })\n\n  const internalRef = useRef<HTMLInputElement>(null)\n  const inputRef = mergeRefs(ref, internalRef)\n\n  const { isVisible, toggleVisibility, inputType } = usePasswordVisibility()\n  const { prefixWidth, prefixRef } = usePrefixWidth(prefix)\n  const { handleFocus: clearOnFocusHandler } = useClearOnFocus(clearOnFocus, (e: ChangeEvent<HTMLInputElement>) => setValue(e.target.value))\n\n  const handleBlur = useCallback(\n    (e: FocusEvent<HTMLInputElement>): void => {\n      onBlur?.(e)\n    },\n    [onBlur],\n  )\n\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLInputElement>): void => {\n      clearOnFocusHandler(e, onFocus)\n    },\n    [clearOnFocusHandler, onFocus],\n  )\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>): void => {\n      const newValue = e.target.value\n      setValue(newValue)\n    },\n    [setValue],\n  )\n\n  const handleClear = useCallback((): void => {\n    const element = internalRef.current\n    if (element) {\n      setValue('')\n      element.focus()\n    }\n  }, [setValue])\n\n  const handleInlineControlPointerDown = useCallback((event: PointerEvent<HTMLButtonElement>): void => {\n    event.preventDefault()\n  }, [])\n\n  const showClearButtonNow = showClearButton && value.length > 0\n\n  const getEndIcon = (): ReactElement | null => {\n    const iconComponents = {\n      password: () => (\n        <button\n          aria-controls={inputId}\n          aria-label={isVisible ? `Hide ${label ?? 'password'}` : `Show ${label ?? 'password'}`}\n          aria-pressed={isVisible}\n          className={iconButtonClasses}\n          data-testid='spectral-input-password-toggle'\n          onClick={toggleVisibility}\n          onPointerDown={handleInlineControlPointerDown}\n          type='button'\n        >\n          {isVisible ? <EyeClosedIcon size={22} /> : <EyeOpenIcon size={22} />}\n        </button>\n      ),\n      clear: () => (\n        <button\n          aria-label={String(`Clear ${label ?? 'input'}`)}\n          className={iconButtonClasses}\n          data-testid='spectral-input-clear-button'\n          onClick={handleClear}\n          onPointerDown={handleInlineControlPointerDown}\n          type='button'\n        >\n          <CloseCircleIcon size={22} />\n        </button>\n      ),\n      loading: () => (\n        <div\n          className={endIconClasses}\n          data-testid='spectral-input-loading-icon'\n        >\n          <LoaderIcon size={24} />\n        </div>\n      ),\n      error: () => (\n        <div\n          className={cn(iconBaseClasses, 'right-3 text-danger-400')}\n          data-testid='spectral-input-error-icon'\n        >\n          <ErrorIcon size={24} />\n        </div>\n      ),\n      success: () => (\n        <div\n          className={cn(iconBaseClasses, 'right-3 text-success-400')}\n          data-testid='spectral-input-success-icon'\n        >\n          <CheckCircleIcon size={24} />\n        </div>\n      ),\n      warning: () => (\n        <div\n          className={cn(iconBaseClasses, 'right-3 text-warning-400')}\n          data-testid='spectral-input-warning-icon'\n        >\n          <WarningIcon size={24} />\n        </div>\n      ),\n    }\n\n    if (endIcon) return <div className={endIconClasses}>{endIcon}</div>\n    if (type === 'password') return iconComponents.password()\n    if (showClearButtonNow) return iconComponents.clear()\n    if (isLoading) return iconComponents.loading()\n    if (hideStateIcon && (state === 'success' || state === 'warning' || state === 'error')) return null\n    if (state === 'success') return iconComponents.success()\n    if (state === 'warning') return iconComponents.warning()\n    if (state === 'error') return iconComponents.error()\n\n    return null\n  }\n\n  const getStartIcon = (): ReactElement | null => {\n    if (startIcon) return <div className={startIconClasses}>{startIcon}</div>\n    return null\n  }\n\n  const usesTabularNumbers = type === 'number' || type === 'date' || type === 'datetime-local'\n  const inputClasses = cn(getInputClasses(state, className), '[text-indent:var(--prefix-width)]', startIcon && 'pl-10', showClearButtonNow && 'pr-10', usesTabularNumbers && 'tabular-nums')\n\n  const prefixClasses = cn('inset-y-0 left-4 text-base pointer-events-none absolute flex items-center text-input-text-prefix opacity-100 peer-disabled:opacity-50')\n\n  return (\n    <div\n      className='gap-1.5 flex w-full flex-col'\n      data-testid='spectral-input-container'\n    >\n      {label && (\n        <Label\n          className={cn('mb-2 block', labelClassName, isDisabled && 'cursor-not-allowed text-input-text--disabled placeholder:text-input-text-placeholder')}\n          data-testid='spectral-input-label'\n          htmlFor={inputId}\n        >\n          {label}\n        </Label>\n      )}\n      <div\n        className='relative'\n        data-testid='spectral-input-wrapper'\n      >\n        <div className='relative'>\n          {getStartIcon()}\n          {prefix && (\n            <span\n              ref={prefixRef}\n              className={prefixClasses}\n            >\n              {prefix}\n            </span>\n          )}\n          <input\n            aria-label={ariaLabel ?? label}\n            autoComplete={autoComplete ?? getAutoCompleteValue(type)}\n            className={inputClasses}\n            data-state={state}\n            data-testid='spectral-input'\n            disabled={isDisabled}\n            id={inputId}\n            name={name}\n            onBlur={handleBlur}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            placeholder={placeholder ?? label}\n            ref={inputRef}\n            required={required}\n            style={\n              getFormFieldCSSProperties({\n                '--prefix-width': prefix ? `${prefixWidth}px` : '0',\n              }) as CSSProperties\n            }\n            suppressHydrationWarning={suppressHydrationWarning}\n            type={type === 'password' ? inputType : type}\n            value={value}\n            {...getPasswordManagerIgnoreProps(type)}\n            {...ariaProps}\n            {...props}\n          />\n          {getEndIcon()}\n        </div>\n\n        <ErrorMessage\n          dataTestId='spectral-input-error-message'\n          id={errorMessageId}\n          message={isInvalid ? (errorMessage ?? null) : null}\n          messageReserveLines={messageReserveLines}\n          messageReserveSpace={messageReserveSpace && state === 'error'}\n        />\n        <WarningMessage\n          dataTestId='spectral-input-warning-message'\n          id={warningMessageId}\n          message={state === 'warning' ? (warningMessage ?? null) : null}\n          messageReserveLines={messageReserveLines}\n          messageReserveSpace={messageReserveSpace && state === 'warning'}\n        />\n      </div>\n    </div>\n  )\n}\nInput.displayName = 'Input'\n"],"mappings":"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"}

package/dist/InputNumeric.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumeric.d.ts","names":[],"sources":["../src/components/InputNumeric/InputNumeric.tsx"],"mappings":";;;;;KA2FY,iBAAA,GAAoB,IAAA,CAAK,UAAA;EACnC,YAAA;EACA,aAAA;EACA,MAAA;EAEA,mBAAA,WAL8B;EAO9B,mBAAA;EACA,QAAA,IAAY,KAAA;EACZ,KAAA;AAAA;AAAA;EAIA,YAAA;EACA,aAAA;EACA,SAAA;EACA,YAAA;EACA,MAAA;EACA,GAAA;EACA,mBAAA;EACA,mBAAA;EACA,GAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA;EACA,KAAA,EAAO,SAAA;EAAA,GACJ;AAAA,GACF,iBAAA,GAAoB,YAAA;AAAA"}
+{"version":3,"file":"InputNumeric.d.ts","names":[],"sources":["../src/components/InputNumeric/InputNumeric.tsx"],"mappings":";;;;;KA2FY,iBAAA,GAAoB,IAAA,CAAK,UAAA;EACnC,YAAA;EACA,aAAA;EACA,MAAA;EAEA,mBAAA,WAL8B;EAO9B,mBAAA;EACA,QAAA,IAAY,KAAA;EACZ,KAAA;AAAA;AAAA;EAG6B,YAAA;EAAqB,aAAA;EAAuB,SAAA;EAAW,YAAA;EAAmB,MAAA;EAAQ,GAAA;EAAK,mBAAA;EAAyB,mBAAA;EAA6B,GAAA;EAAK,QAAA;EAAU,SAAA;EAAW,OAAA;EAAS,IAAA;EAAM,KAAA,EAAO,SAAA;EAAA,GAAc;AAAA,GAAS,iBAAA,GAAoB,YAAA;AAAA"}

package/dist/InputNumeric.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumeric.js","names":[],"sources":["../src/components/InputNumeric/InputNumeric.tsx"],"sourcesContent":["import { Input, type InputProps } from '@components/Input/Input'\nimport { useUncontrolledState } from '@hooks/useUncontrolledState'\nimport { cn } from '@utils/twUtils'\nimport { useCallback, type ClipboardEvent, type KeyboardEvent, type ReactElement } from 'react'\n\ntype NumericKeyDownEvent = KeyboardEvent<HTMLInputElement>\ntype NumericPasteEvent = ClipboardEvent<HTMLInputElement>\n\nconst DIGIT_REGEX = /^\\d$/\nconst DISALLOWED_SPECIAL_KEYS = new Set(['e', 'E', '+'])\nconst ALLOWED_CONTROL_KEYS = new Set(['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End', 'Tab', 'Enter', 'Escape'])\n\nconst getDecimalSeparator = (locale?: string): string => {\n  try {\n    const formattedNumber = new Intl.NumberFormat(locale).formatToParts(1.1)\n    return formattedNumber.find((part) => part.type === 'decimal')?.value ?? '.'\n  } catch {\n    return '.'\n  }\n}\n\nconst normalizeDecimalSeparator = (value: string, decimalSeparator: string): string => {\n  if (decimalSeparator === '.') return value\n  return value.replaceAll(decimalSeparator, '.')\n}\n\nconst sanitizeNumericValue = (value: string, allowDecimal: boolean, allowNegative: boolean, decimalSeparator: string): string => {\n  if (!value) return ''\n\n  let sanitized = normalizeDecimalSeparator(value, decimalSeparator).replace(/[^\\d.-]/g, '')\n\n  if (!allowNegative) {\n    sanitized = sanitized.replace(/-/g, '')\n  } else {\n    sanitized = sanitized.replace(/(?!^)-/g, '')\n    if (sanitized.startsWith('--')) {\n      sanitized = `-${sanitized.replace(/-/g, '')}`\n    }\n  }\n\n  if (!allowDecimal) {\n    sanitized = sanitized.replace(/\\./g, '')\n  } else {\n    const firstDecimalIndex = sanitized.indexOf('.')\n    if (firstDecimalIndex >= 0) {\n      const integerPart = sanitized.slice(0, firstDecimalIndex + 1)\n      const fractionalPart = sanitized.slice(firstDecimalIndex + 1).replace(/\\./g, '')\n      sanitized = `${integerPart}${fractionalPart}`\n    }\n  }\n\n  return sanitized\n}\n\nconst shouldAllowDecimalInput = (target: HTMLInputElement): boolean => {\n  if (target.selectionStart === null || target.selectionEnd === null) {\n    return !target.value.includes('.')\n  }\n\n  const selectedText = target.value.slice(target.selectionStart, target.selectionEnd)\n  return !target.value.includes('.') || selectedText.includes('.')\n}\n\nconst shouldAllowNegativeInput = (target: HTMLInputElement): boolean => {\n  if (target.selectionStart === null || target.selectionEnd === null) {\n    return target.value.length === 0\n  }\n\n  const isAtStart = target.selectionStart === 0\n  const selectedText = target.value.slice(target.selectionStart, target.selectionEnd)\n  return isAtStart && (!target.value.includes('-') || selectedText.includes('-'))\n}\n\nconst parseNumericProp = (value: number | string | undefined): number | undefined => {\n  if (value === undefined || value === null || value === '') return undefined\n  const parsed = typeof value === 'number' ? value : Number.parseFloat(value)\n  return Number.isFinite(parsed) ? parsed : undefined\n}\n\nconst getDecimalPlaces = (value: number): number => {\n  const valueString = value.toString()\n  if (!valueString.includes('.')) return 0\n  return valueString.split('.')[1]?.length ?? 0\n}\n\nconst roundToPrecision = (value: number, precision: number): number => {\n  if (precision <= 0) return value\n  const factor = 10 ** precision\n  return Math.round(value * factor) / factor\n}\n\nexport type InputNumericProps = Omit<InputProps, 'inputMode' | 'onChange' | 'pattern' | 'type'> & {\n  allowDecimal?: boolean\n  allowNegative?: boolean\n  locale?: string\n  /** Number of message lines to reserve (default: 1). */\n  messageReserveLines?: number\n  /** Whether to keep message space reserved when hidden (default: false). */\n  messageReserveSpace?: boolean\n  onChange?: (value: string) => void\n  value?: string\n}\n\nexport const InputNumeric = ({\n  allowDecimal = true,\n  allowNegative = false,\n  className,\n  defaultValue = '',\n  locale,\n  max,\n  messageReserveLines = 1,\n  messageReserveSpace = false,\n  min,\n  onChange,\n  onKeyDown,\n  onPaste,\n  step,\n  value: valueProp,\n  ...props\n}: InputNumericProps): ReactElement => {\n  const normalizedDefaultValue = typeof defaultValue === 'string' ? defaultValue : defaultValue !== undefined && defaultValue !== null ? String(defaultValue) : ''\n  const [value, setValue] = useUncontrolledState<string>({\n    value: valueProp,\n    defaultValue: normalizedDefaultValue,\n    onChange,\n  })\n  const decimalSeparator = getDecimalSeparator(locale)\n  const parsedMin = parseNumericProp(min)\n  const parsedMax = parseNumericProp(max)\n  const parsedStep = parseNumericProp(step)\n  const stepValue = parsedStep && parsedStep > 0 ? parsedStep : 1\n  const effectiveMin = parsedMin ?? (!allowNegative ? 0 : undefined)\n\n  const handleKeyDown = useCallback(\n    (event: NumericKeyDownEvent): void => {\n      onKeyDown?.(event)\n      if (event.defaultPrevented || event.nativeEvent.isComposing) return\n\n      if (event.metaKey || event.ctrlKey || event.altKey) return\n      if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n        event.preventDefault()\n\n        const direction = event.key === 'ArrowUp' ? 1 : -1\n        const normalizedValue = normalizeDecimalSeparator(value, decimalSeparator)\n        const currentValue = Number.parseFloat(normalizedValue)\n        const hasCurrentValue = Number.isFinite(currentValue)\n        const baseValue = hasCurrentValue ? currentValue : (effectiveMin ?? 0)\n\n        let nextValue = baseValue + direction * stepValue\n        if (effectiveMin !== undefined) {\n          nextValue = Math.max(effectiveMin, nextValue)\n        }\n        if (parsedMax !== undefined) {\n          nextValue = Math.min(parsedMax, nextValue)\n        }\n\n        if (!allowDecimal) {\n          nextValue = Math.trunc(nextValue)\n        }\n\n        const precision = allowDecimal ? getDecimalPlaces(stepValue) : 0\n        const roundedValue = roundToPrecision(nextValue, precision)\n        const safeValue = Object.is(roundedValue, -0) ? 0 : roundedValue\n        const nextString = precision > 0 ? safeValue.toFixed(precision).replace(/\\.?0+$/, '') : safeValue.toString()\n        setValue(sanitizeNumericValue(nextString, allowDecimal, allowNegative, decimalSeparator))\n        return\n      }\n\n      if (ALLOWED_CONTROL_KEYS.has(event.key)) return\n      if (DIGIT_REGEX.test(event.key)) return\n\n      if (DISALLOWED_SPECIAL_KEYS.has(event.key)) {\n        event.preventDefault()\n        return\n      }\n\n      const isDecimalKey = event.key === '.' || event.key === decimalSeparator\n\n      if (isDecimalKey) {\n        if (!allowDecimal || !shouldAllowDecimalInput(event.currentTarget)) {\n          event.preventDefault()\n        }\n        return\n      }\n\n      if (event.key === '-') {\n        if (!allowNegative || !shouldAllowNegativeInput(event.currentTarget)) {\n          event.preventDefault()\n        }\n        return\n      }\n\n      event.preventDefault()\n    },\n    [allowDecimal, allowNegative, decimalSeparator, effectiveMin, onKeyDown, parsedMax, setValue, stepValue, value],\n  )\n\n  const handlePaste = useCallback(\n    (event: NumericPasteEvent): void => {\n      onPaste?.(event)\n    },\n    [onPaste],\n  )\n\n  const handleChange = useCallback(\n    (newValue: string): void => {\n      setValue(sanitizeNumericValue(newValue, allowDecimal, allowNegative, decimalSeparator))\n    },\n    [allowDecimal, allowNegative, decimalSeparator, setValue],\n  )\n\n  const inputMode = allowDecimal ? 'decimal' : 'numeric'\n  const pattern = allowDecimal ? '[0-9]*[.]?[0-9]*' : '[0-9]*'\n\n  return (\n    <Input\n      {...props}\n      className={cn('tabular-nums', className)}\n      inputMode={inputMode}\n      max={max}\n      messageReserveLines={messageReserveLines}\n      messageReserveSpace={messageReserveSpace}\n      min={min}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onPaste={handlePaste}\n      pattern={pattern}\n      step={step}\n      type='text'\n      value={value}\n    />\n  )\n}\n\nInputNumeric.displayName = 'InputNumeric'\n"],"mappings":"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"}
+{"version":3,"file":"InputNumeric.js","names":[],"sources":["../src/components/InputNumeric/InputNumeric.tsx"],"sourcesContent":["import { Input, type InputProps } from '@components/Input/Input'\nimport { useUncontrolledState } from '@hooks/useUncontrolledState'\nimport { cn } from '@utils/twUtils'\nimport { useCallback, type ClipboardEvent, type KeyboardEvent, type ReactElement } from 'react'\n\ntype NumericKeyDownEvent = KeyboardEvent<HTMLInputElement>\ntype NumericPasteEvent = ClipboardEvent<HTMLInputElement>\n\nconst DIGIT_REGEX = /^\\d$/\nconst DISALLOWED_SPECIAL_KEYS = new Set(['e', 'E', '+'])\nconst ALLOWED_CONTROL_KEYS = new Set(['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End', 'Tab', 'Enter', 'Escape'])\n\nconst getDecimalSeparator = (locale?: string): string => {\n  try {\n    const formattedNumber = new Intl.NumberFormat(locale).formatToParts(1.1)\n    return formattedNumber.find((part) => part.type === 'decimal')?.value ?? '.'\n  } catch {\n    return '.'\n  }\n}\n\nconst normalizeDecimalSeparator = (value: string, decimalSeparator: string): string => {\n  if (decimalSeparator === '.') return value\n  return value.replaceAll(decimalSeparator, '.')\n}\n\nconst sanitizeNumericValue = (value: string, allowDecimal: boolean, allowNegative: boolean, decimalSeparator: string): string => {\n  if (!value) return ''\n\n  let sanitized = normalizeDecimalSeparator(value, decimalSeparator).replace(/[^\\d.-]/g, '')\n\n  if (!allowNegative) {\n    sanitized = sanitized.replace(/-/g, '')\n  } else {\n    sanitized = sanitized.replace(/(?!^)-/g, '')\n    if (sanitized.startsWith('--')) {\n      sanitized = `-${sanitized.replace(/-/g, '')}`\n    }\n  }\n\n  if (!allowDecimal) {\n    sanitized = sanitized.replace(/\\./g, '')\n  } else {\n    const firstDecimalIndex = sanitized.indexOf('.')\n    if (firstDecimalIndex >= 0) {\n      const integerPart = sanitized.slice(0, firstDecimalIndex + 1)\n      const fractionalPart = sanitized.slice(firstDecimalIndex + 1).replace(/\\./g, '')\n      sanitized = `${integerPart}${fractionalPart}`\n    }\n  }\n\n  return sanitized\n}\n\nconst shouldAllowDecimalInput = (target: HTMLInputElement): boolean => {\n  if (target.selectionStart === null || target.selectionEnd === null) {\n    return !target.value.includes('.')\n  }\n\n  const selectedText = target.value.slice(target.selectionStart, target.selectionEnd)\n  return !target.value.includes('.') || selectedText.includes('.')\n}\n\nconst shouldAllowNegativeInput = (target: HTMLInputElement): boolean => {\n  if (target.selectionStart === null || target.selectionEnd === null) {\n    return target.value.length === 0\n  }\n\n  const isAtStart = target.selectionStart === 0\n  const selectedText = target.value.slice(target.selectionStart, target.selectionEnd)\n  return isAtStart && (!target.value.includes('-') || selectedText.includes('-'))\n}\n\nconst parseNumericProp = (value: number | string | undefined): number | undefined => {\n  if (value === undefined || value === null || value === '') return undefined\n  const parsed = typeof value === 'number' ? value : Number.parseFloat(value)\n  return Number.isFinite(parsed) ? parsed : undefined\n}\n\nconst getDecimalPlaces = (value: number): number => {\n  const valueString = value.toString()\n  if (!valueString.includes('.')) return 0\n  return valueString.split('.')[1]?.length ?? 0\n}\n\nconst roundToPrecision = (value: number, precision: number): number => {\n  if (precision <= 0) return value\n  const factor = 10 ** precision\n  return Math.round(value * factor) / factor\n}\n\nexport type InputNumericProps = Omit<InputProps, 'inputMode' | 'onChange' | 'pattern' | 'type'> & {\n  allowDecimal?: boolean\n  allowNegative?: boolean\n  locale?: string\n  /** Number of message lines to reserve (default: 1). */\n  messageReserveLines?: number\n  /** Whether to keep message space reserved when hidden (default: false). */\n  messageReserveSpace?: boolean\n  onChange?: (value: string) => void\n  value?: string\n}\n\nexport const InputNumeric = ({ allowDecimal = true, allowNegative = false, className, defaultValue = '', locale, max, messageReserveLines = 1, messageReserveSpace = false, min, onChange, onKeyDown, onPaste, step, value: valueProp, ...props }: InputNumericProps): ReactElement => {\n  const normalizedDefaultValue = typeof defaultValue === 'string' ? defaultValue : defaultValue !== undefined && defaultValue !== null ? String(defaultValue) : ''\n  const [value, setValue] = useUncontrolledState<string>({\n    value: valueProp,\n    defaultValue: normalizedDefaultValue,\n    onChange,\n  })\n  const decimalSeparator = getDecimalSeparator(locale)\n  const parsedMin = parseNumericProp(min)\n  const parsedMax = parseNumericProp(max)\n  const parsedStep = parseNumericProp(step)\n  const stepValue = parsedStep && parsedStep > 0 ? parsedStep : 1\n  const effectiveMin = parsedMin ?? (!allowNegative ? 0 : undefined)\n\n  const handleKeyDown = useCallback(\n    (event: NumericKeyDownEvent): void => {\n      onKeyDown?.(event)\n      if (event.defaultPrevented || event.nativeEvent.isComposing) return\n\n      if (event.metaKey || event.ctrlKey || event.altKey) return\n      if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n        event.preventDefault()\n\n        const direction = event.key === 'ArrowUp' ? 1 : -1\n        const normalizedValue = normalizeDecimalSeparator(value, decimalSeparator)\n        const currentValue = Number.parseFloat(normalizedValue)\n        const hasCurrentValue = Number.isFinite(currentValue)\n        const baseValue = hasCurrentValue ? currentValue : (effectiveMin ?? 0)\n\n        let nextValue = baseValue + direction * stepValue\n        if (effectiveMin !== undefined) {\n          nextValue = Math.max(effectiveMin, nextValue)\n        }\n        if (parsedMax !== undefined) {\n          nextValue = Math.min(parsedMax, nextValue)\n        }\n\n        if (!allowDecimal) {\n          nextValue = Math.trunc(nextValue)\n        }\n\n        const precision = allowDecimal ? getDecimalPlaces(stepValue) : 0\n        const roundedValue = roundToPrecision(nextValue, precision)\n        const safeValue = Object.is(roundedValue, -0) ? 0 : roundedValue\n        const nextString = precision > 0 ? safeValue.toFixed(precision).replace(/\\.?0+$/, '') : safeValue.toString()\n        setValue(sanitizeNumericValue(nextString, allowDecimal, allowNegative, decimalSeparator))\n        return\n      }\n\n      if (ALLOWED_CONTROL_KEYS.has(event.key)) return\n      if (DIGIT_REGEX.test(event.key)) return\n\n      if (DISALLOWED_SPECIAL_KEYS.has(event.key)) {\n        event.preventDefault()\n        return\n      }\n\n      const isDecimalKey = event.key === '.' || event.key === decimalSeparator\n\n      if (isDecimalKey) {\n        if (!allowDecimal || !shouldAllowDecimalInput(event.currentTarget)) {\n          event.preventDefault()\n        }\n        return\n      }\n\n      if (event.key === '-') {\n        if (!allowNegative || !shouldAllowNegativeInput(event.currentTarget)) {\n          event.preventDefault()\n        }\n        return\n      }\n\n      event.preventDefault()\n    },\n    [allowDecimal, allowNegative, decimalSeparator, effectiveMin, onKeyDown, parsedMax, setValue, stepValue, value],\n  )\n\n  const handlePaste = useCallback(\n    (event: NumericPasteEvent): void => {\n      onPaste?.(event)\n    },\n    [onPaste],\n  )\n\n  const handleChange = useCallback(\n    (newValue: string): void => {\n      setValue(sanitizeNumericValue(newValue, allowDecimal, allowNegative, decimalSeparator))\n    },\n    [allowDecimal, allowNegative, decimalSeparator, setValue],\n  )\n\n  const inputMode = allowDecimal ? 'decimal' : 'numeric'\n  const pattern = allowDecimal ? '[0-9]*[.]?[0-9]*' : '[0-9]*'\n\n  return (\n    <Input\n      {...props}\n      className={cn('tabular-nums', className)}\n      inputMode={inputMode}\n      max={max}\n      messageReserveLines={messageReserveLines}\n      messageReserveSpace={messageReserveSpace}\n      min={min}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onPaste={handlePaste}\n      pattern={pattern}\n      step={step}\n      type='text'\n      value={value}\n    />\n  )\n}\n\nInputNumeric.displayName = 'InputNumeric'\n"],"mappings":"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"}

package/dist/InputOTP.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputOTP.d.ts","names":[],"sources":["../src/components/InputOTP/InputOTP.tsx"],"mappings":";;;;;;;UAMiB,iBAAA,SAA0B,IAAA,CAAK,aAAA;EAC9C,UAAA,OAAiB,IAAA;EACjB,SAAA;EACA,YAAA;EACA,SAAA;EACA,mBAAA;EACA,mBAAA;EAQQ;;;;;EAFR,OAAA;EACA,SAAA;EACA,KAAA,GAAQ,cAAA;EACR,OAAA;EACA,cAAA;AAAA;AAAA,KAGU,aAAA,GAAgB,iBAAA;EAAuB,KAAA;EAAwB,QAAA,GAAW,QAAA;AAAA;EAAyC,KAAA;EAAe,QAAA;AAAA;AAAA,UA0KpI,UAAA;EACR,SAAA;EACA,KAAA;EACA,KAAA;AAAA;AAAA,cA0DW,QAAA;EAAA;;;;;;;;;;;;;;;;;;;;KAjMV,aAAA;IACD,GAAA,GAAM,GAAA,CAAI,YAAA,QAAoB,QAAA;EAAA,IAC/B,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OAoFE,wBAAA;MACD,GAAA,GAAM,GAAA,CAAI,YAAA;IAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;OAQE,wBAAA;MACD,KAAA;MACA,GAAA,GAAM,GAAA,CAAI,YAAA;IAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OA+D+C,UAAA,GAAU,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OAkBvD,wBAAA;MACD,GAAA,GAAM,GAAA,CAAI,YAAA;IAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"InputOTP.d.ts","names":[],"sources":["../src/components/InputOTP/InputOTP.tsx"],"mappings":";;;;;;;UAMiB,iBAAA,SAA0B,IAAA,CAAK,aAAA;EAC9C,UAAA,OAAiB,IAAA;EACjB,SAAA;EACA,YAAA;EACA,SAAA;EACA,mBAAA;EACA,mBAAA;EAQQ;;;;;EAFR,OAAA;EACA,SAAA;EACA,KAAA,GAAQ,cAAA;EACR,OAAA;EACA,cAAA;AAAA;AAAA,KAGU,aAAA,GAAgB,iBAAA;EAAuB,KAAA;EAAwB,QAAA,GAAW,QAAA;AAAA;EAAyC,KAAA;EAAe,QAAA;AAAA;AAAA,UAiLpI,UAAA;EACR,SAAA;EACA,KAAA;EACA,KAAA;AAAA;AAAA,cAuEW,QAAA;EAAA;;;;;;;;;;;;;;;;;;;;KArNV,aAAA;IACD,GAAA,GAAM,GAAA,CAAI,YAAA,QAAoB,QAAA;EAAA,IAC/B,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OAoFE,wBAAA;MACD,GAAA,GAAM,GAAA,CAAI,YAAA;IAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;OAeE,wBAAA;MACD,KAAA;MACA,GAAA,GAAM,GAAA,CAAI,YAAA;IAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;OA+D+C,UAAA,GAAU,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OAsBvD,wBAAA;MACD,GAAA,GAAM,GAAA,CAAI,YAAA;IAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/InputOTP.js

@@ -97,7 +97,7 @@ const Slot = ({ className, index, ref, ...props }) => {
 		isActive: false
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("h-12 w-10 relative z-10 flex items-center justify-center rounded-[8px] border tabular-nums transition duration-200 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent", variant === "filled" ? "border-level-one bg-level-one" : "border-input-otp-border bg-transparent", !isInvalid && "border", isInvalid && "border-2 border-danger-400", slot.isActive && !isInvalid && "z-10 border-input-otp-border--focus border-2", slot.isActive && isInvalid && "z-10 border-danger-400 focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-danger-400", className),
+		className: cn("h-12 w-10 relative z-10 flex items-center justify-center rounded-[8px] border tabular-nums transition duration-200 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent", variant === "filled" ? "border-level-one bg-level-one" : "border-input-otp-border bg-transparent", !isInvalid && "border", isInvalid && "border-2 border-danger-400", slot.isActive && !isInvalid && "z-10 border-2 border-input-otp-border--focus", slot.isActive && isInvalid && "z-10 border-danger-400 focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-danger-400", className),
 		"data-index": index,
 		"data-variant": variant,
 		ref,

package/dist/InputOTP.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOTP.js","names":[],"sources":["../src/components/InputOTP/InputOTP.tsx"],"sourcesContent":["import { MinusIcon } from '@components/Icons'\nimport { ErrorMessage, getErrorMessageId, getWarningMessageId, useFormFieldId, useFormFieldState, WarningMessage, type FormFieldState } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { OTPInput, REGEXP_ONLY_DIGITS, type OTPInputProps } from 'input-otp'\nimport { createContext, useContext, type ClipboardEvent, type ComponentPropsWithoutRef, type ComponentRef, type Ref } from 'react'\n\nexport interface InputOTPBaseProps extends Omit<OTPInputProps, 'textAlign' | 'pushPasswordManagerStrategy' | 'pasteTransformer' | 'noScriptCSSFallback' | 'placeholder' | 'containerClassName' | 'render' | 'pattern'> {\n  onComplete?: (...args: unknown[]) => void\n  className?: string\n  errorMessage?: string | undefined\n  inputMode?: 'numeric' | 'text' | 'decimal' | 'tel' | 'search' | 'email' | 'url'\n  messageReserveLines?: number\n  messageReserveSpace?: boolean\n  /**\n   * Regex pattern string to restrict allowed characters.\n   * When `inputMode=\"numeric\"`, defaults to digits-only pattern.\n   * Set to `undefined` to allow any characters.\n   */\n  pattern?: string | undefined\n  separator?: boolean\n  state?: FormFieldState\n  variant?: 'outlined' | 'filled'\n  warningMessage?: string | undefined\n}\n\nexport type InputOTPProps = InputOTPBaseProps & ({ value: number | string; onChange: (newValue: number | string) => void } | { value?: never; onChange?: never })\n\nconst InputOTPStateContext = createContext<{ isInvalid?: boolean }>({})\n\nconst OTPInputContext = createContext<{\n  maxLength?: number\n  slots?: { char: string | null; hasFakeCaret: boolean; isActive: boolean }[]\n  variant?: 'outlined' | 'filled'\n} | null>(null)\n\nconst useRoot = () => {\n  const context = useContext(OTPInputContext)\n  if (!context) {\n    throw new Error('useRoot must be used within an InputOTP')\n  }\n  return context\n}\n\nconst Root = ({\n  autoFocus = false,\n  children,\n  className,\n  errorMessage,\n  id,\n  inputMode = 'numeric',\n  messageReserveLines = 1,\n  messageReserveSpace = false,\n  maxLength,\n  name,\n  onChange,\n  onComplete,\n  pattern,\n  ref,\n  state = 'default',\n  value,\n  variant = 'outlined',\n  warningMessage,\n  ...props\n}: InputOTPProps & {\n  ref?: Ref<ComponentRef<typeof OTPInput>>\n}) => {\n  const inputId = useFormFieldId(id, name)\n  const errorMessageId = getErrorMessageId(inputId)\n  const warningMessageId = getWarningMessageId(inputId)\n  const { isInvalid } = useFormFieldState(false, state)\n\n  // Apply digits-only pattern when inputMode is numeric (unless explicitly overridden)\n  const effectivePattern = pattern ?? (inputMode === 'numeric' ? REGEXP_ONLY_DIGITS : undefined)\n\n  const describedBy = [isInvalid && errorMessage ? errorMessageId : undefined, state === 'warning' && warningMessage ? warningMessageId : undefined].filter(Boolean).join(' ') || undefined\n\n  const handlePaste = (e: ClipboardEvent<HTMLDivElement>): void => {\n    let pasteData = e.clipboardData.getData('text/plain').trim().replaceAll('-', '')\n\n    // Filter to digits only when in numeric mode\n    if (inputMode === 'numeric') {\n      pasteData = pasteData.replace(/\\D/g, '')\n    }\n\n    if (pasteData.length === maxLength && typeof onChange === 'function') {\n      onChange(pasteData)\n    }\n  }\n\n  return (\n    <InputOTPStateContext.Provider value={{ isInvalid }}>\n      <div className='gap-y-1 flex w-max flex-col'>\n        <OTPInput\n          aria-describedby={describedBy}\n          aria-invalid={isInvalid}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus -- intentional: consumers can opt in for OTP-first flows; defaults to false */\n          autoFocus={autoFocus}\n          containerClassName={cn('gap-2 flex items-center has-[:disabled]:cursor-not-allowed has-[disabled]:opacity-50', className)}\n          data-1p-ignore='true'\n          data-dashlane-disabled-on-field='true'\n          data-lpignore='true'\n          data-protonpass-ignore='true'\n          data-testid='spectral-input-otp'\n          id={inputId}\n          inputMode={inputMode}\n          maxLength={maxLength}\n          onChange={onChange}\n          onComplete={onComplete}\n          onPaste={handlePaste}\n          pasteTransformer={(pasted) => pasted.replaceAll('-', '')}\n          pattern={effectivePattern}\n          pushPasswordManagerStrategy='none'\n          ref={ref}\n          textAlign='center'\n          value={value}\n          {...props}\n          render={({ slots }) => (\n            <OTPInputContext.Provider value={{ slots, variant, maxLength }}>\n              {children ?? (\n                <Group>\n                  <Slots />\n                </Group>\n              )}\n            </OTPInputContext.Provider>\n          )}\n        />\n        <ErrorMessage\n          dataTestId='spectral-input-otp-error-message'\n          id={errorMessageId}\n          message={isInvalid ? errorMessage : null}\n          messageReserveLines={messageReserveLines}\n          messageReserveSpace={messageReserveSpace}\n        />\n        <WarningMessage\n          dataTestId='spectral-input-otp-warning-message'\n          id={warningMessageId}\n          message={state === 'warning' ? warningMessage : null}\n          messageReserveLines={messageReserveLines}\n          messageReserveSpace={messageReserveSpace}\n        />\n      </div>\n    </InputOTPStateContext.Provider>\n  )\n}\nRoot.displayName = 'InputOTP'\n\nconst Group = ({\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<'div'> & {\n  ref?: Ref<ComponentRef<'div'>>\n}) => <div className='gap-x-2 flex items-center justify-center' data-testid='spectral-input-otp-group' ref={ref} {...props} />\nGroup.displayName = 'InputOTP.Group'\n\nconst Slot = ({\n  className,\n  index,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<'div'> & {\n  index: number\n  ref?: Ref<ComponentRef<'div'>>\n}) => {\n  const { variant = 'outlined', slots = [] } = useRoot()\n  const { isInvalid } = useContext(InputOTPStateContext)\n  const slot = slots[index] || { char: '', hasFakeCaret: true, isActive: false }\n\n  return (\n    <div\n      className={cn(\n        'h-12 w-10 relative z-10 flex items-center justify-center rounded-[8px] border tabular-nums transition duration-200 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent',\n        variant === 'filled' ? 'border-level-one bg-level-one' : 'border-input-otp-border bg-transparent',\n        !isInvalid && 'border',\n        isInvalid && 'border-2 border-danger-400',\n        slot.isActive && !isInvalid && 'z-10 border-input-otp-border--focus border-2',\n        slot.isActive && isInvalid && 'z-10 border-danger-400 focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-danger-400',\n        className,\n      )}\n      data-index={index}\n      data-testid='spectral-input-otp-slot'\n      data-variant={variant}\n      ref={ref}\n      {...props}\n    >\n      {slot.char}\n      {slot.hasFakeCaret && (\n        <div className='inset-0 pointer-events-none absolute flex items-center justify-center motion-safe:animate-caret-blink'>\n          <div className='h-8 w-px bg-input-otp-caret' />\n        </div>\n      )}\n    </div>\n  )\n}\nSlot.displayName = 'InputOTP.Slot'\n\ninterface SlotsProps {\n  className?: string\n  count?: number\n  start?: number\n}\n\n/**\n * Helper component that automatically renders multiple InputOTP.Slot components.\n * Uses the maxLength from the parent InputOTP to determine how many slots to render.\n *\n * @example\n * // Render all 6 slots\n * <InputOTP maxLength={6}>\n *   <InputOTP.Group>\n *     <InputOTP.Slots />\n *   </InputOTP.Group>\n * </InputOTP>\n *\n * @example\n * // Render slots in groups with a separator (3-3 split)\n * <InputOTP maxLength={6}>\n *   <InputOTP.Group>\n *     <InputOTP.Slots count={3} />\n *   </InputOTP.Group>\n *   <InputOTP.Separator />\n *   <InputOTP.Group>\n *     <InputOTP.Slots start={3} />\n *   </InputOTP.Group>\n * </InputOTP>\n */\nconst Slots = ({ start = 0, count, className }: SlotsProps) => {\n  const { maxLength = 0 } = useRoot()\n  const end = count !== undefined ? start + count : maxLength\n  const indices = Array.from({ length: end - start }, (_, i) => start + i)\n\n  return (\n    <>\n      {indices.map((index) => (\n        <Slot key={index} index={index} className={className} />\n      ))}\n    </>\n  )\n}\nSlots.displayName = 'InputOTP.Slots'\n\nconst Separator = ({\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<'div'> & {\n  ref?: Ref<ComponentRef<'div'>>\n}) => {\n  const { variant = 'outlined' } = useRoot()\n\n  return (\n    <div ref={ref} role='separator' {...props} data-testid='spectral-input-otp-separator' data-variant={variant}>\n      <MinusIcon size={24} color={variant === 'filled' ? 'var(--color-input-otp-filled-separator)' : 'var(--color-input-otp-border)'} />\n    </div>\n  )\n}\nSeparator.displayName = 'InputOTP.Separator'\n\nexport const InputOTP = Object.assign(Root, {\n  Group,\n  Slot,\n  Slots,\n  Separator,\n})\n"],"mappings":"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"}
+{"version":3,"file":"InputOTP.js","names":[],"sources":["../src/components/InputOTP/InputOTP.tsx"],"sourcesContent":["import { MinusIcon } from '@components/Icons'\nimport { ErrorMessage, getErrorMessageId, getWarningMessageId, useFormFieldId, useFormFieldState, WarningMessage, type FormFieldState } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { OTPInput, REGEXP_ONLY_DIGITS, type OTPInputProps } from 'input-otp'\nimport { createContext, useContext, type ClipboardEvent, type ComponentPropsWithoutRef, type ComponentRef, type Ref } from 'react'\n\nexport interface InputOTPBaseProps extends Omit<OTPInputProps, 'textAlign' | 'pushPasswordManagerStrategy' | 'pasteTransformer' | 'noScriptCSSFallback' | 'placeholder' | 'containerClassName' | 'render' | 'pattern'> {\n  onComplete?: (...args: unknown[]) => void\n  className?: string\n  errorMessage?: string | undefined\n  inputMode?: 'numeric' | 'text' | 'decimal' | 'tel' | 'search' | 'email' | 'url'\n  messageReserveLines?: number\n  messageReserveSpace?: boolean\n  /**\n   * Regex pattern string to restrict allowed characters.\n   * When `inputMode=\"numeric\"`, defaults to digits-only pattern.\n   * Set to `undefined` to allow any characters.\n   */\n  pattern?: string | undefined\n  separator?: boolean\n  state?: FormFieldState\n  variant?: 'outlined' | 'filled'\n  warningMessage?: string | undefined\n}\n\nexport type InputOTPProps = InputOTPBaseProps & ({ value: number | string; onChange: (newValue: number | string) => void } | { value?: never; onChange?: never })\n\nconst InputOTPStateContext = createContext<{ isInvalid?: boolean }>({})\n\nconst OTPInputContext = createContext<{\n  maxLength?: number\n  slots?: { char: string | null; hasFakeCaret: boolean; isActive: boolean }[]\n  variant?: 'outlined' | 'filled'\n} | null>(null)\n\nconst useRoot = () => {\n  const context = useContext(OTPInputContext)\n  if (!context) {\n    throw new Error('useRoot must be used within an InputOTP')\n  }\n  return context\n}\n\nconst Root = ({\n  autoFocus = false,\n  children,\n  className,\n  errorMessage,\n  id,\n  inputMode = 'numeric',\n  messageReserveLines = 1,\n  messageReserveSpace = false,\n  maxLength,\n  name,\n  onChange,\n  onComplete,\n  pattern,\n  ref,\n  state = 'default',\n  value,\n  variant = 'outlined',\n  warningMessage,\n  ...props\n}: InputOTPProps & {\n  ref?: Ref<ComponentRef<typeof OTPInput>>\n}) => {\n  const inputId = useFormFieldId(id, name)\n  const errorMessageId = getErrorMessageId(inputId)\n  const warningMessageId = getWarningMessageId(inputId)\n  const { isInvalid } = useFormFieldState(false, state)\n\n  // Apply digits-only pattern when inputMode is numeric (unless explicitly overridden)\n  const effectivePattern = pattern ?? (inputMode === 'numeric' ? REGEXP_ONLY_DIGITS : undefined)\n\n  const describedBy = [isInvalid && errorMessage ? errorMessageId : undefined, state === 'warning' && warningMessage ? warningMessageId : undefined].filter(Boolean).join(' ') || undefined\n\n  const handlePaste = (e: ClipboardEvent<HTMLDivElement>): void => {\n    let pasteData = e.clipboardData.getData('text/plain').trim().replaceAll('-', '')\n\n    // Filter to digits only when in numeric mode\n    if (inputMode === 'numeric') {\n      pasteData = pasteData.replace(/\\D/g, '')\n    }\n\n    if (pasteData.length === maxLength && typeof onChange === 'function') {\n      onChange(pasteData)\n    }\n  }\n\n  return (\n    <InputOTPStateContext.Provider value={{ isInvalid }}>\n      <div className='gap-y-1 flex w-max flex-col'>\n        <OTPInput\n          aria-describedby={describedBy}\n          aria-invalid={isInvalid}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus -- intentional: consumers can opt in for OTP-first flows; defaults to false */\n          autoFocus={autoFocus}\n          containerClassName={cn('gap-2 flex items-center has-[:disabled]:cursor-not-allowed has-[disabled]:opacity-50', className)}\n          data-1p-ignore='true'\n          data-dashlane-disabled-on-field='true'\n          data-lpignore='true'\n          data-protonpass-ignore='true'\n          data-testid='spectral-input-otp'\n          id={inputId}\n          inputMode={inputMode}\n          maxLength={maxLength}\n          onChange={onChange}\n          onComplete={onComplete}\n          onPaste={handlePaste}\n          pasteTransformer={(pasted) => pasted.replaceAll('-', '')}\n          pattern={effectivePattern}\n          pushPasswordManagerStrategy='none'\n          ref={ref}\n          textAlign='center'\n          value={value}\n          {...props}\n          render={({ slots }) => (\n            <OTPInputContext.Provider value={{ slots, variant, maxLength }}>\n              {children ?? (\n                <Group>\n                  <Slots />\n                </Group>\n              )}\n            </OTPInputContext.Provider>\n          )}\n        />\n        <ErrorMessage\n          dataTestId='spectral-input-otp-error-message'\n          id={errorMessageId}\n          message={isInvalid ? errorMessage : null}\n          messageReserveLines={messageReserveLines}\n          messageReserveSpace={messageReserveSpace}\n        />\n        <WarningMessage\n          dataTestId='spectral-input-otp-warning-message'\n          id={warningMessageId}\n          message={state === 'warning' ? warningMessage : null}\n          messageReserveLines={messageReserveLines}\n          messageReserveSpace={messageReserveSpace}\n        />\n      </div>\n    </InputOTPStateContext.Provider>\n  )\n}\nRoot.displayName = 'InputOTP'\n\nconst Group = ({\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<'div'> & {\n  ref?: Ref<ComponentRef<'div'>>\n}) => (\n  <div\n    className='gap-x-2 flex items-center justify-center'\n    data-testid='spectral-input-otp-group'\n    ref={ref}\n    {...props}\n  />\n)\nGroup.displayName = 'InputOTP.Group'\n\nconst Slot = ({\n  className,\n  index,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<'div'> & {\n  index: number\n  ref?: Ref<ComponentRef<'div'>>\n}) => {\n  const { variant = 'outlined', slots = [] } = useRoot()\n  const { isInvalid } = useContext(InputOTPStateContext)\n  const slot = slots[index] || { char: '', hasFakeCaret: true, isActive: false }\n\n  return (\n    <div\n      className={cn(\n        'h-12 w-10 relative z-10 flex items-center justify-center rounded-[8px] border tabular-nums transition duration-200 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent',\n        variant === 'filled' ? 'border-level-one bg-level-one' : 'border-input-otp-border bg-transparent',\n        !isInvalid && 'border',\n        isInvalid && 'border-2 border-danger-400',\n        slot.isActive && !isInvalid && 'z-10 border-2 border-input-otp-border--focus',\n        slot.isActive && isInvalid && 'z-10 border-danger-400 focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-danger-400',\n        className,\n      )}\n      data-index={index}\n      data-testid='spectral-input-otp-slot'\n      data-variant={variant}\n      ref={ref}\n      {...props}\n    >\n      {slot.char}\n      {slot.hasFakeCaret && (\n        <div className='inset-0 pointer-events-none absolute flex items-center justify-center motion-safe:animate-caret-blink'>\n          <div className='h-8 w-px bg-input-otp-caret' />\n        </div>\n      )}\n    </div>\n  )\n}\nSlot.displayName = 'InputOTP.Slot'\n\ninterface SlotsProps {\n  className?: string\n  count?: number\n  start?: number\n}\n\n/**\n * Helper component that automatically renders multiple InputOTP.Slot components.\n * Uses the maxLength from the parent InputOTP to determine how many slots to render.\n *\n * @example\n * // Render all 6 slots\n * <InputOTP maxLength={6}>\n *   <InputOTP.Group>\n *     <InputOTP.Slots />\n *   </InputOTP.Group>\n * </InputOTP>\n *\n * @example\n * // Render slots in groups with a separator (3-3 split)\n * <InputOTP maxLength={6}>\n *   <InputOTP.Group>\n *     <InputOTP.Slots count={3} />\n *   </InputOTP.Group>\n *   <InputOTP.Separator />\n *   <InputOTP.Group>\n *     <InputOTP.Slots start={3} />\n *   </InputOTP.Group>\n * </InputOTP>\n */\nconst Slots = ({ start = 0, count, className }: SlotsProps) => {\n  const { maxLength = 0 } = useRoot()\n  const end = count !== undefined ? start + count : maxLength\n  const indices = Array.from({ length: end - start }, (_, i) => start + i)\n\n  return (\n    <>\n      {indices.map((index) => (\n        <Slot\n          key={index}\n          index={index}\n          className={className}\n        />\n      ))}\n    </>\n  )\n}\nSlots.displayName = 'InputOTP.Slots'\n\nconst Separator = ({\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<'div'> & {\n  ref?: Ref<ComponentRef<'div'>>\n}) => {\n  const { variant = 'outlined' } = useRoot()\n\n  return (\n    <div\n      ref={ref}\n      role='separator'\n      {...props}\n      data-testid='spectral-input-otp-separator'\n      data-variant={variant}\n    >\n      <MinusIcon\n        size={24}\n        color={variant === 'filled' ? 'var(--color-input-otp-filled-separator)' : 'var(--color-input-otp-border)'}\n      />\n    </div>\n  )\n}\nSeparator.displayName = 'InputOTP.Separator'\n\nexport const InputOTP = Object.assign(Root, {\n  Group,\n  Slot,\n  Slots,\n  Separator,\n})\n"],"mappings":"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"}

package/dist/InputSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputSearch.d.ts","names":[],"sources":["../src/components/InputSearch/InputSearch.tsx"],"mappings":";;;;;;KA4BY,iBAAA,GAAoB,UAAA;AAAA,UAEf,gBAAA,SAAyB,IAAA,CAAK,kBAAA;EAC7C,SAAA;EACA,iBAAA,IAAqB,KAAA,aAAkB,SAAA;EACvC,aAAA;EACA,YAAA;EACA,aAAA,GAAgB,aAAA;EAChB,YAAA;EACA,cAAA;EACA,UAAA;EACA,cAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA,IAAY,KAAA;EACZ,aAAA,IAAiB,KAAA;EACjB,WAAA;EACA,OAAA,EAAS,iBAAA;EACT,WAAA;EACA,YAAA,IAAgB,MAAA,EAAQ,iBAAA,KAAsB,SAAA;EAC9C,KAAA,GAAQ,OAAA,CAAQ,cAAA;EAChB,KAAA;EACA,cAAA,GAAiB,kBAAA;AAAA;AAAA;EAajB,SAAA;EACA,iBAAA;EACA,aAAA;EACA,YAAA;EACA,QAAA;EACA,aAAA;EACA,YAAA;EACA,YAAA;EACA,cAAA;EACA,EAAA;EACA,UAAA;EACA,KAAA;EACA,cAAA;EACA,mBAAA;EACA,mBAAA;EACA,IAAA;EACA,QAAA;EACA,QAAA;EACA,aAAA;EACA,WAAA;EACA,OAAA;EACA,WAAA;EACA,GAAA;EACA,YAAA;EACA,QAAA;EACA,KAAA;EACA,KAAA,EAAO,SAAA;EACP,cAAA;EAAA,oBACoB,eAAA;EAAA,cACN;AAAA,GACb,gBAAA;EAAqB,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}
+{"version":3,"file":"InputSearch.d.ts","names":[],"sources":["../src/components/InputSearch/InputSearch.tsx"],"mappings":";;;;;;KA4BY,iBAAA,GAAoB,UAAA;AAAA,UAEf,gBAAA,SAAyB,IAAA,CAAK,kBAAA;EAC7C,SAAA;EACA,iBAAA,IAAqB,KAAA,aAAkB,SAAA;EACvC,aAAA;EACA,YAAA;EACA,aAAA,GAAgB,aAAA;EAChB,YAAA;EACA,cAAA;EACA,UAAA;EACA,cAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA,IAAY,KAAA;EACZ,aAAA,IAAiB,KAAA;EACjB,WAAA;EACA,OAAA,EAAS,iBAAA;EACT,WAAA;EACA,YAAA,IAAgB,MAAA,EAAQ,iBAAA,KAAsB,SAAA;EAC9C,KAAA,GAAQ,OAAA,CAAQ,cAAA;EAChB,KAAA;EACA,cAAA,GAAiB,kBAAA;AAAA;AAAA;EAgBjB,SAAA;EACA,iBAAA;EACA,aAAA;EACA,YAAA;EACA,QAAA;EACA,aAAA;EACA,YAAA;EACA,YAAA;EACA,cAAA;EACA,EAAA;EACA,UAAA;EACA,KAAA;EACA,cAAA;EACA,mBAAA;EACA,mBAAA;EACA,IAAA;EACA,QAAA;EACA,QAAA;EACA,aAAA;EACA,WAAA;EACA,OAAA;EACA,WAAA;EACA,GAAA;EACA,YAAA;EACA,QAAA;EACA,KAAA;EACA,KAAA,EAAO,SAAA;EACP,cAAA;EAAA,oBACoB,eAAA;EAAA,cACN;AAAA,GACb,gBAAA;EAAqB,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/InputSearch.js

@@ -250,7 +250,7 @@ const InputSearch = ({ className, createOptionLabel = defaultCreateOptionLabel,
 						}),
 						showClearButton ? /* @__PURE__ */ jsx("button", {
 							"aria-label": `Clear ${label ?? "search"}`,
-							className: "right-4 text-input-icon hover:text-input-icon--hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus rounded-sm absolute top-1/2 -translate-y-1/2 cursor-pointer",
+							className: "right-4 text-input-icon hover:text-input-icon--hover rounded-sm absolute top-1/2 -translate-y-1/2 cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus",
 							onClick: handleClear,
 							onMouseDown: (event) => event.preventDefault(),
 							type: "button",
@@ -262,17 +262,17 @@ const InputSearch = ({ className, createOptionLabel = defaultCreateOptionLabel,
 								size: 20
 							})
 						}) : state === "error" ? /* @__PURE__ */ jsx("div", {
-							className: "right-4 text-danger-400 absolute top-1/2 -translate-y-1/2",
+							className: "right-4 absolute top-1/2 -translate-y-1/2 text-danger-400",
 							children: /* @__PURE__ */ jsx(ErrorIcon, { size: 20 })
 						}) : state === "warning" ? /* @__PURE__ */ jsx("div", {
-							className: "right-4 text-warning-400 absolute top-1/2 -translate-y-1/2",
+							className: "right-4 absolute top-1/2 -translate-y-1/2 text-warning-400",
 							children: /* @__PURE__ */ jsx(WarningIcon, { size: 20 })
 						}) : null
 					]
 				})
 			}),
 			showDropdown && dropdownPosition && typeof document !== "undefined" ? createPortal(/* @__PURE__ */ jsx("div", {
-				className: cn("origin-top p-1 z-50 fixed", getDropdownSurfaceClasses(), "max-h-72 overflow-hidden", "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:zoom-in-95 motion-safe:slide-in-from-top-2"),
+				className: cn("p-1 fixed z-50 origin-top", getDropdownSurfaceClasses(), "max-h-72 overflow-hidden", "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-top-2 motion-safe:zoom-in-95"),
 				"data-dropdown-width-mode": dropdownWidthMode,
 				"data-dropdown-width-value": dropdownWidthMode === "custom" ? dropdownWidth : void 0,
 				ref: setDropdownElement,
@@ -312,7 +312,7 @@ const InputSearch = ({ className, createOptionLabel = defaultCreateOptionLabel,
 						}, option.value);
 					}), showCreateOption && /* @__PURE__ */ jsx("button", {
 						"aria-selected": createOptionIndex === highlightedIndex,
-						className: cn(getOptionClasses(isCreating, createOptionIndex === highlightedIndex, false), "gap-2 text-left text-accent font-medium"),
+						className: cn(getOptionClasses(isCreating, createOptionIndex === highlightedIndex, false), "gap-2 font-medium text-left text-accent"),
 						"data-highlighted": createOptionIndex === highlightedIndex ? "" : void 0,
 						"data-index": createOptionIndex,
 						disabled: isCreating,
@@ -328,11 +328,11 @@ const InputSearch = ({ className, createOptionLabel = defaultCreateOptionLabel,
 						children: isCreating ? /* @__PURE__ */ jsxs("span", {
 							className: "gap-2 flex items-center",
 							children: [/* @__PURE__ */ jsx(LoaderIcon, {
-								className: "shrink-0 motion-safe:animate-spin",
+								className: "motion-safe:animate-spin shrink-0",
 								size: 16
 							}), /* @__PURE__ */ jsx("span", { children: creatingLabel })]
 						}) : /* @__PURE__ */ jsx("span", {
-							className: "gap-2 flex items-center min-w-0",
+							className: "gap-2 min-w-0 flex items-center",
 							children: createOptionLabel(trimmedQuery)
 						})
 					})] })