@spear-ai/spectral 1.4.5 → 1.4.7

package/dist/Checkbox.js

@@ -5,6 +5,8 @@ import { CheckboxBase as l, CheckboxIndicator as n } from "./Checkbox/CheckboxBa
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
+import "./Icons/ArrowDownIcon.js";
+import "./Icons/ArrowUpIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";

package/dist/Dialog.js

@@ -3,19 +3,19 @@ import { jsx as o, Fragment as n } from "react/jsx-runtime";
 import { DialogBase as g, DialogCloseBase as c, DialogContentBase as f, DialogDescriptionBase as u, DialogFooterBase as m, DialogHeaderBase as p, DialogOverlayBase as D, DialogPortalBase as x, DialogTitleBase as T, DialogTriggerBase as B } from "./Dialog/DialogBase.js";
 import { cn as l } from "./utils/twUtils.js";
 import "react";
-function h({ ...a }) {
+function v({ ...a }) {
   return /* @__PURE__ */ o(g, { "data-slot": "dialog", "data-testid": "spectral-dialog", ...a });
 }
-function v({ dataTestId: a, ...t }) {
-  return /* @__PURE__ */ o(B, { asChild: !0, "data-slot": "dialog-trigger", dataTestId: a || "dialog-trigger", ...t });
+function w({ dataTestId: a, ...t }) {
+  return /* @__PURE__ */ o(B, { "data-slot": "dialog-trigger", dataTestId: a || "dialog-trigger", ...t });
 }
-function w({ ...a }) {
+function h({ ...a }) {
   return /* @__PURE__ */ o(x, { "data-slot": "dialog-portal", "data-testid": "dialog-portal", ...a });
 }
-function C({ dataTestId: a, ...t }) {
+function z({ dataTestId: a, ...t }) {
   return /* @__PURE__ */ o(c, { "data-slot": "dialog-close", dataTestId: a || "dialog-close", ...t });
 }
-function z({ className: a, dataTestId: t, ...e }) {
+function C({ className: a, dataTestId: t, ...e }) {
   return /* @__PURE__ */ o(
     D,
     {
@@ -65,14 +65,14 @@ function P({ className: a, dataTestId: t, ...e }) {
   return /* @__PURE__ */ o(u, { className: l("text-muted-foreground text-sm", a), "data-slot": "dialog-description", dataTestId: t || "dialog-description", ...e });
 }
 export {
-  h as Dialog,
-  C as DialogClose,
+  v as Dialog,
+  z as DialogClose,
   F as DialogContent,
   P as DialogDescription,
   H as DialogFooter,
   j as DialogHeader,
-  z as DialogOverlay,
-  w as DialogPortal,
+  C as DialogOverlay,
+  h as DialogPortal,
   O as DialogTitle,
-  v as DialogTrigger
+  w as DialogTrigger
 };

package/dist/Drawer.d.ts

@@ -1,13 +1,16 @@
 import { ReactNode } from 'react';
 export type DrawerProps = {
     children?: ReactNode;
+    defaultOpen?: boolean;
     description?: string;
     direction?: 'left' | 'right' | 'top' | 'bottom';
+    dismissible?: boolean;
+    modal?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
     size?: string;
     title?: string;
     trigger: ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
 };
-export declare const Drawer: ({ trigger, title, description, children, direction, size }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Drawer: ({ children, defaultOpen, description, direction, dismissible, modal, onOpenChange, open, size, title, trigger }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Drawer.d.ts.map

package/dist/Drawer.js

@@ -1,9 +1,9 @@
 import "./styles/main.css";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { SpectralProvider as x } from "./SpectralProvider.js";
+import { SpectralProvider as f } from "./SpectralProvider.js";
 import { D as e } from "./index-CAKA12cC.js";
-const b = ({ trigger: d, title: o, description: i, children: c, direction: l = "right", size: r = "380px" }) => {
-  const a = "!font-sans fixed", p = {
+const u = ({ children: d, defaultOpen: o = !1, description: i, direction: l = "right", dismissible: c = !0, modal: p = !0, onOpenChange: n, open: m, size: r = "380px", title: x, trigger: h }) => {
+  const a = "!font-sans fixed", w = {
     left: {
       className: `${a} top-0 bottom-0 left-0 shadow-[20px_0_20px_rgba(0,0,0,0.4)]`,
       style: { width: r }
@@ -20,20 +20,20 @@ const b = ({ trigger: d, title: o, description: i, children: c, direction: l = "
       className: `${a} bottom-0 left-0 right-0 shadow-[0_-20px_20px_rgba(0,0,0,0.4)]`,
       style: { height: r }
     }
-  }, { className: n, style: m } = p[l];
-  return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ s(e.Root, { direction: l, "data-testid": "spectral-drawer", children: [
-    /* @__PURE__ */ t(e.Trigger, { asChild: !0, "data-testid": "spectral-drawer-trigger", children: d }),
+  }, { className: g, style: b } = w[l];
+  return /* @__PURE__ */ t(f, { children: /* @__PURE__ */ s(e.Root, { defaultOpen: o, dismissible: c, open: m, onOpenChange: n, direction: l, modal: p, "data-testid": "spectral-drawer", children: [
+    /* @__PURE__ */ t(e.Trigger, { asChild: !0, "data-testid": "spectral-drawer-trigger", children: h }),
     /* @__PURE__ */ s(e.Portal, { children: [
       /* @__PURE__ */ t(e.Overlay, { className: "fixed inset-0 bg-transparent", "data-testid": "spectral-drawer-overlay" }),
-      /* @__PURE__ */ t(e.Content, { asChild: !0, className: `bg-drawer-bg z-10 flex flex-col outline-none [&_*]:box-border ${n}`, style: m, "data-testid": "spectral-drawer-content", children: /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ t(e.Content, { asChild: !0, className: `bg-drawer-bg z-10 flex flex-col outline-none [&_*]:box-border ${g}`, style: b, "data-testid": "spectral-drawer-content", children: /* @__PURE__ */ s("div", { children: [
         /* @__PURE__ */ t(e.Close, {}),
-        /* @__PURE__ */ t(e.Title, { className: "text-text-primary px-3 pt-4 text-lg font-medium", "data-testid": "spectral-drawer-title", children: o }),
+        /* @__PURE__ */ t(e.Title, { className: "text-text-primary px-3 pt-4 text-lg font-medium", "data-testid": "spectral-drawer-title", children: x }),
         /* @__PURE__ */ t(e.Description, { className: "!text-text-secondary mb-2 px-3 !text-xs uppercase", "data-testid": "spectral-drawer-description", children: i }),
-        /* @__PURE__ */ t("div", { className: "py-2 px-3 min-w-0 w-auto overflow-hidden [&>*]:min-w-0 [&_*]:min-w-0", "data-testid": "spectral-drawer-body", children: c })
+        /* @__PURE__ */ t("div", { className: "py-2 px-3 min-w-0 w-auto overflow-hidden [&>*]:min-w-0 [&_*]:min-w-0", "data-testid": "spectral-drawer-body", children: d })
       ] }) })
     ] })
   ] }) });
 };
 export {
-  b as Drawer
+  u as Drawer
 };

package/dist/Icons/ArrowDownIcon.d.ts

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

package/dist/Icons/ArrowDownIcon.js

@@ -0,0 +1,10 @@
+"use client";
+import "../styles/main.css";
+import { jsx as o } from "react/jsx-runtime";
+import d from "./IconBase.js";
+import { forwardRef as m } from "react";
+const p = ({ className: r, ariaHidden: n, title: t, description: e, size: c = 24, ...i }, s) => /* @__PURE__ */ o(d, { size: c, className: r, title: t, description: e, ariaHidden: n, ref: s, ...i, children: /* @__PURE__ */ o("path", { d: "M18 14L12 20L6 14M12 19V4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), w = m(p);
+w.displayName = "ArrowDownIcon";
+export {
+  w as ArrowDownIcon
+};

package/dist/Icons/ArrowUpIcon.d.ts

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

package/dist/Icons/ArrowUpIcon.js

@@ -0,0 +1,10 @@
+"use client";
+import "../styles/main.css";
+import { jsx as r } from "react/jsx-runtime";
+import s from "./IconBase.js";
+import { forwardRef as d } from "react";
+const m = ({ className: o, ariaHidden: n, title: t, description: e, size: p = 24, ...c }, i) => /* @__PURE__ */ r(s, { size: p, className: o, title: t, description: e, ariaHidden: n, ref: i, ...c, children: /* @__PURE__ */ r("path", { d: "M6 10L12 4L18 10M12 5V20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), a = d(m);
+a.displayName = "ArrowUpIcon";
+export {
+  a as ArrowUpIcon
+};

package/dist/Icons/index.d.ts

@@ -1,6 +1,8 @@
 export { AnalyzeIcon } from './AnalyzeIcon';
 export { AnnotationsIcon } from './AnnotationsIcon';
 export { ApprovedIcon } from './ApprovedIcon';
+export { ArrowDownIcon } from './ArrowDownIcon';
+export { ArrowUpIcon } from './ArrowUpIcon';
 export { CalendarIcon } from './CalendarIcon';
 export { CheckCircleIcon } from './CheckCircleIcon';
 export { CheckSquareIcon } from './CheckSquareIcon';

package/dist/Icons.js

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

package/dist/Input.js

@@ -5,6 +5,8 @@ import { usePasswordVisibility as tt, usePrefixWidth as et, useClearOnFocus as r
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
+import "./Icons/ArrowDownIcon.js";
+import "./Icons/ArrowUpIcon.js";
 import "./Icons/CalendarIcon.js";
 import { CheckCircleIcon as ot } from "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";

package/dist/InputOTP.js

@@ -4,6 +4,8 @@ import { jsx as T, jsxs as vt } from "react/jsx-runtime";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
+import "./Icons/ArrowDownIcon.js";
+import "./Icons/ArrowUpIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
@@ -280,6 +282,7 @@ const St = ht({}), Pt = ht(null), Ct = () => {
         onChange: E,
         onComplete: A,
         onPaste: I,
+        pasteTransformer: (l) => l.replaceAll("-", ""),
         pushPasswordManagerStrategy: "none",
         ref: g,
         role: "textbox",
@@ -327,11 +330,11 @@ const Rt = Q(({ ...t }, n) => {
   return /* @__PURE__ */ T("div", { ref: n, role: "separator", ...t, "data-testid": "spectral-input-otp-separator", "data-variant": a, children: /* @__PURE__ */ T(_t, { size: 24, color: a === "filled" ? "var(--color-input-otp-filled-separator)" : "var(--color-input-otp-border)" }) });
 });
 Rt.displayName = "InputOTP.Separator";
-const pr = Object.assign(Mt, {
+const dr = Object.assign(Mt, {
   Group: Tt,
   Slot: kt,
   Separator: Rt
 });
 export {
-  pr as InputOTP
+  dr as InputOTP
 };