@spear-ai/spectral 1.10.2 → 1.11.0

package/dist/.js

@@ -14,100 +14,108 @@ import { ChevronUpIcon as p } from "./Icons/ChevronUpIcon.js";
 import { ClockIcon as m } from "./Icons/ClockIcon.js";
 import { CloseCircleIcon as h } from "./Icons/CloseCircleIcon.js";
 import { CloseIcon as g } from "./Icons/CloseIcon.js";
-import { DashboardIcon as _ } from "./Icons/DashboardIcon.js";
-import { DatabaseIcon as v } from "./Icons/DatabaseIcon.js";
-import { DeleteIcon as y } from "./Icons/DeleteIcon.js";
-import { DurationIcon as b } from "./Icons/DurationIcon.js";
-import { EditIcon as x } from "./Icons/EditIcon.js";
-import { EmailIcon as S } from "./Icons/EmailIcon.js";
-import { EraserIcon as C } from "./Icons/EraserIcon.js";
-import { ErrorIcon as w } from "./Icons/ErrorIcon.js";
-import { EyeClosedIcon as T } from "./Icons/EyeClosedIcon.js";
-import { EyeClosedIcon2 as E } from "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as D } from "./Icons/EyeOpenIcon.js";
-import { FileDownloadIcon as O } from "./Icons/FileDownloadIcon.js";
-import { GoToFirstIcon as k } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as A } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as j } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as M } from "./Icons/InfoIcon.js";
-import { KeyboardIcon as N } from "./Icons/KeyboardIcon.js";
-import { LabelIcon as P } from "./Icons/LabelIcon.js";
-import { LassoIcon as F } from "./Icons/LassoIcon.js";
-import { LineToolIcon as I } from "./Icons/LineToolIcon.js";
-import { LiveViewIcon as L } from "./Icons/LiveViewIcon.js";
-import { LoaderIcon as R } from "./Icons/LoaderIcon.js";
-import { LocationIcon as z } from "./Icons/LocationIcon.js";
-import { LogoutIcon as B } from "./Icons/LogoutIcon.js";
-import { MeasureIcon as V } from "./Icons/MeasureIcon.js";
-import { MessagesIcon as H } from "./Icons/MessagesIcon.js";
-import { MetadataIcon as U } from "./Icons/MetadataIcon.js";
-import { MinusIcon as W } from "./Icons/MinusIcon.js";
-import { OntologyIcon as G } from "./Icons/OntologyIcon.js";
-import { PanelIconClose as K } from "./Icons/PanelIconClose.js";
-import { PanelIconOpen as q } from "./Icons/PanelIconOpen.js";
-import { PlayIcon as J } from "./Icons/PlayIcon.js";
-import { PlusIcon as Y } from "./Icons/PlusIcon.js";
-import { PolygonIcon as X } from "./Icons/PolygonIcon.js";
-import { ProgressCheckIcon as Z } from "./Icons/ProgressCheckIcon.js";
-import { ResetIcon as Q } from "./Icons/ResetIcon.js";
-import { ReviewedIcon as $ } from "./Icons/ReviewedIcon.js";
-import { ScissorsIcon as ee } from "./Icons/ScissorsIcon.js";
-import { SearchIcon as te } from "./Icons/SearchIcon.js";
-import { SettingsIcon as ne } from "./Icons/SettingsIcon.js";
-import { SortAscendingIcon as re } from "./Icons/SortAscendingIcon.js";
-import { SortAtoZIcon as ie } from "./Icons/SortAtoZIcon.js";
-import { SortDescendingIcon as ae } from "./Icons/SortDescendingIcon.js";
-import { SortZtoAIcon as oe } from "./Icons/SortZtoAIcon.js";
-import { StackIcon as se } from "./Icons/StackIcon.js";
-import { StarIcon as ce } from "./Icons/StarIcon.js";
-import { TrashIcon as le } from "./Icons/TrashIcon.js";
-import { UndoIcon as ue } from "./Icons/UndoIcon.js";
-import { User2Icon as de } from "./Icons/User2Icon.js";
-import { UserIcon as fe } from "./Icons/UserIcon.js";
-import { WarningIcon as pe } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as me } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as he } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as ge } from "./Icons/ZoomYIcon.js";
-import { useAccordionAutoScroll as _e } from "./hooks/useAccordionAutoScroll.js";
-import { t as ve } from "./Accordion-CDXdSAST.js";
-import { t as ye } from "./twUtils-VNWgstKL.js";
-import { Alert as be } from "./Alert.js";
-import { Avatar as xe } from "./Avatar.js";
-import { Badge as Se } from "./Badge.js";
-import { Button as Ce } from "./Button.js";
-import { Separator as we } from "./Separator.js";
-import { ButtonGroup as Te, ButtonGroupItem as Ee, ButtonGroupSeparator as De } from "./ButtonGroup.js";
-import { ButtonIcon as Oe } from "./ButtonIcon.js";
-import { useControllableState as ke } from "./hooks/useControllableState.js";
-import { Checkbox as Ae } from "./Checkbox.js";
-import { Label as je } from "./Label.js";
-import { InputGroup as Me, InputGroupAddon as Ne, InputGroupButton as Pe, InputGroupInput as Fe, InputGroupText as Ie, InputGroupTextarea as Le } from "./primitives/input-group.js";
-import { Combobox as Re } from "./Combobox.js";
-import { ControlGroupSelect as ze } from "./ControlGroup/ControlGroupSelect.js";
-import { DataCard as Be } from "./DataCard.js";
-import { Popover as Ve, PopoverContent as He, PopoverTrigger as Ue } from "./Popover.js";
-import { DateTimePicker as We } from "./DateTimePicker.js";
-import { Dialog as Ge } from "./Dialog.js";
-import { SpectralProvider as Ke } from "./SpectralProvider.js";
-import { Drawer as qe } from "./Drawer.js";
-import { n as Je, r as Ye, t as Xe } from "./HoverCard-CYDsIiVK.js";
-import { Input as Ze } from "./Input.js";
-import { InputNumeric as Qe } from "./InputNumeric.js";
-import { t as $e } from "./InputOTP-cVn5Bzyp.js";
-import { Kbd as et, KbdGroup as tt } from "./Kbd.js";
-import { MultiSelect as nt } from "./MultiSelect.js";
-import { RadioButtonGroup as rt, RadioButtonGroupItem as it } from "./RadioButtonGroup.js";
-import { RadioButton as at } from "./RadioButton.js";
-import { n as ot, t as st } from "./RadioGroup-w_q6RGEK.js";
-import { Select as ct } from "./Select.js";
-import { Skeleton as lt } from "./Skeleton.js";
-import { t as ut } from "./Slider-BzzZT3Zm.js";
-import { t as dt } from "./Switch-CVzRJ-0n.js";
-import { Tabs as ft } from "./Tabs.js";
-import { Textarea as pt } from "./Textarea.js";
-import { n as mt, t as ht } from "./Toast-9zqXxKKO.js";
-import { Toggle as gt } from "./Toggle.js";
-import { ToggleGroup as _t, ToggleGroupItem as vt } from "./ToggleGroup.js";
-import { i as yt, n as bt, t as xt } from "./Tooltip-D1K8kY1y.js";
-import { Tray as St } from "./Tray.js";
-export { ve as Accordion, be as Alert, n as AnalyzeIcon, r as AnnotationsIcon, i as ApprovedIcon, a as ArrowDownIcon, o as ArrowUpIcon, xe as Avatar, Se as Badge, s as BoxToolIcon, Ce as Button, Te as ButtonGroup, Ee as ButtonGroupItem, De as ButtonGroupSeparator, Oe as ButtonIcon, c as CalendarIcon, l as CheckCircleIcon, u as CheckSquareIcon, Ae as Checkbox, d as CheckmarkIcon, f as ChevronDownIcon, p as ChevronUpIcon, m as ClockIcon, h as CloseCircleIcon, g as CloseIcon, Re as Combobox, ze as ControlGroupSelect, _ as DashboardIcon, Be as DataCard, v as DatabaseIcon, We as DateTimePicker, y as DeleteIcon, Ge as Dialog, qe as Drawer, b as DurationIcon, x as EditIcon, S as EmailIcon, C as EraserIcon, w as ErrorIcon, T as EyeClosedIcon, E as EyeClosedIcon2, D as EyeOpenIcon, O as FileDownloadIcon, k as GoToFirstIcon, A as GoToLastIcon, j as HarmonicCursorsIcon, Xe as HoverCard, Je as HoverCardContent, Ye as HoverCardTrigger, e as IconBase, M as InfoIcon, Ze as Input, Me as InputGroup, Ne as InputGroupAddon, Pe as InputGroupButton, Fe as InputGroupInput, Ie as InputGroupText, Le as InputGroupTextarea, Qe as InputNumeric, $e as InputOTP, et as Kbd, tt as KbdGroup, N as KeyboardIcon, je as Label, P as LabelIcon, F as LassoIcon, I as LineToolIcon, L as LiveViewIcon, R as LoaderIcon, z as LocationIcon, B as LogoutIcon, V as MeasureIcon, H as MessagesIcon, U as MetadataIcon, W as MinusIcon, nt as MultiSelect, G as OntologyIcon, K as PanelIconClose, q as PanelIconOpen, J as PlayIcon, Y as PlusIcon, X as PolygonIcon, Ve as Popover, He as PopoverContent, Ue as PopoverTrigger, Z as ProgressCheckIcon, at as RadioButton, rt as RadioButtonGroup, it as RadioButtonGroupItem, st as RadioGroup, ot as RadioGroupItem, Q as ResetIcon, $ as ReviewedIcon, ee as ScissorsIcon, te as SearchIcon, ct as Select, we as Separator, ne as SettingsIcon, lt as Skeleton, ut as Slider, re as SortAscendingIcon, ie as SortAtoZIcon, ae as SortDescendingIcon, oe as SortZtoAIcon, Ke as SpectralProvider, se as StackIcon, ce as StarIcon, t as SvgIdContext, dt as Switch, ft as Tabs, pt as Textarea, ht as Toast, gt as Toggle, _t as ToggleGroup, vt as ToggleGroupItem, xt as Tooltip, bt as TooltipContent, yt as TooltipTrigger, le as TrashIcon, St as Tray, ue as UndoIcon, de as User2Icon, fe as UserIcon, pe as WarningIcon, me as ZoomAllIcon, he as ZoomXIcon, ge as ZoomYIcon, ye as cn, mt as toast, _e as useAccordionAutoScroll, ke as useControllableState };
+import { Crosshairs2Icon as _ } from "./Icons/Crosshairs2Icon.js";
+import { CrosshairsIcon as v } from "./Icons/CrosshairsIcon.js";
+import { DashboardIcon as y } from "./Icons/DashboardIcon.js";
+import { DatabaseIcon as b } from "./Icons/DatabaseIcon.js";
+import { DeleteIcon as x } from "./Icons/DeleteIcon.js";
+import { DurationIcon as S } from "./Icons/DurationIcon.js";
+import { EditIcon as C } from "./Icons/EditIcon.js";
+import { EmailIcon as w } from "./Icons/EmailIcon.js";
+import { EraserIcon as T } from "./Icons/EraserIcon.js";
+import { ErrorIcon as E } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as D } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as O } from "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as k } from "./Icons/EyeOpenIcon.js";
+import { FileDownloadIcon as A } from "./Icons/FileDownloadIcon.js";
+import { GoToFirstIcon as j } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as M } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as N } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as P } from "./Icons/InfoIcon.js";
+import { KeyboardIcon as F } from "./Icons/KeyboardIcon.js";
+import { LabelIcon as I } from "./Icons/LabelIcon.js";
+import { LassoIcon as L } from "./Icons/LassoIcon.js";
+import { LineToolIcon as R } from "./Icons/LineToolIcon.js";
+import { LiveViewIcon as z } from "./Icons/LiveViewIcon.js";
+import { LoaderIcon as B } from "./Icons/LoaderIcon.js";
+import { LocationIcon as V } from "./Icons/LocationIcon.js";
+import { LogoutIcon as H } from "./Icons/LogoutIcon.js";
+import { MaximizeIcon as U } from "./Icons/MaximizeIcon.js";
+import { MeasureIcon as W } from "./Icons/MeasureIcon.js";
+import { MessagesIcon as G } from "./Icons/MessagesIcon.js";
+import { MetadataIcon as K } from "./Icons/MetadataIcon.js";
+import { MinimizeIcon as q } from "./Icons/MinimizeIcon.js";
+import { MinusIcon as J } from "./Icons/MinusIcon.js";
+import { OntologyIcon as Y } from "./Icons/OntologyIcon.js";
+import { PanelIconClose as X } from "./Icons/PanelIconClose.js";
+import { PanelIconOpen as Z } from "./Icons/PanelIconOpen.js";
+import { PauseIcon as Q } from "./Icons/PauseIcon.js";
+import { PlayIcon as $ } from "./Icons/PlayIcon.js";
+import { PlusIcon as ee } from "./Icons/PlusIcon.js";
+import { PolygonIcon as te } from "./Icons/PolygonIcon.js";
+import { PrinterIcon as ne } from "./Icons/PrinterIcon.js";
+import { ProgressCheckIcon as re } from "./Icons/ProgressCheckIcon.js";
+import { ResetIcon as ie } from "./Icons/ResetIcon.js";
+import { ReviewedIcon as ae } from "./Icons/ReviewedIcon.js";
+import { ScissorsIcon as oe } from "./Icons/ScissorsIcon.js";
+import { SearchIcon as se } from "./Icons/SearchIcon.js";
+import { SettingsIcon as ce } from "./Icons/SettingsIcon.js";
+import { SortAscendingIcon as le } from "./Icons/SortAscendingIcon.js";
+import { SortAtoZIcon as ue } from "./Icons/SortAtoZIcon.js";
+import { SortDescendingIcon as de } from "./Icons/SortDescendingIcon.js";
+import { SortZtoAIcon as fe } from "./Icons/SortZtoAIcon.js";
+import { SparklesIcon as pe } from "./Icons/SparklesIcon.js";
+import { StackIcon as me } from "./Icons/StackIcon.js";
+import { StarIcon as he } from "./Icons/StarIcon.js";
+import { TrashIcon as ge } from "./Icons/TrashIcon.js";
+import { UndoIcon as _e } from "./Icons/UndoIcon.js";
+import { UploadIcon as ve } from "./Icons/UploadIcon.js";
+import { User2Icon as ye } from "./Icons/User2Icon.js";
+import { UserIcon as be } from "./Icons/UserIcon.js";
+import { WarningIcon as xe } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as Se } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as Ce } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as we } from "./Icons/ZoomYIcon.js";
+import { useAccordionAutoScroll as Te } from "./hooks/useAccordionAutoScroll.js";
+import { t as Ee } from "./Accordion-CDXdSAST.js";
+import { t as De } from "./twUtils-VNWgstKL.js";
+import { Alert as Oe } from "./Alert.js";
+import { Avatar as ke } from "./Avatar.js";
+import { Badge as Ae } from "./Badge.js";
+import { Button as je } from "./Button.js";
+import { Separator as Me } from "./Separator.js";
+import { ButtonGroup as Ne, ButtonGroupItem as Pe, ButtonGroupSeparator as Fe } from "./ButtonGroup.js";
+import { ButtonIcon as Ie } from "./ButtonIcon.js";
+import { useControllableState as Le } from "./hooks/useControllableState.js";
+import { Checkbox as Re } from "./Checkbox.js";
+import { Label as ze } from "./Label.js";
+import { InputGroup as Be, InputGroupAddon as Ve, InputGroupButton as He, InputGroupInput as Ue, InputGroupText as We, InputGroupTextarea as Ge } from "./primitives/input-group.js";
+import { Combobox as Ke } from "./Combobox.js";
+import { ControlGroupSelect as qe } from "./ControlGroup/ControlGroupSelect.js";
+import { DataCard as Je } from "./DataCard.js";
+import { Popover as Ye, PopoverContent as Xe, PopoverTrigger as Ze } from "./Popover.js";
+import { DateTimePicker as Qe } from "./DateTimePicker.js";
+import { Dialog as $e } from "./Dialog.js";
+import { SpectralProvider as et } from "./SpectralProvider.js";
+import { Drawer as tt } from "./Drawer.js";
+import { n as nt, r as rt, t as it } from "./HoverCard-CYDsIiVK.js";
+import { Input as at } from "./Input.js";
+import { InputNumeric as ot } from "./InputNumeric.js";
+import { t as st } from "./InputOTP-cVn5Bzyp.js";
+import { Kbd as ct, KbdGroup as lt } from "./Kbd.js";
+import { MultiSelect as ut } from "./MultiSelect.js";
+import { RadioButtonGroup as dt, RadioButtonGroupItem as ft } from "./RadioButtonGroup.js";
+import { RadioButton as pt } from "./RadioButton.js";
+import { n as mt, t as ht } from "./RadioGroup-w_q6RGEK.js";
+import { Select as gt } from "./Select.js";
+import { Skeleton as _t } from "./Skeleton.js";
+import { t as vt } from "./Slider-BzzZT3Zm.js";
+import { t as yt } from "./Switch-CVzRJ-0n.js";
+import { Tabs as bt } from "./Tabs.js";
+import { Textarea as xt } from "./Textarea.js";
+import { n as St, t as Ct } from "./Toast-9zqXxKKO.js";
+import { Toggle as wt } from "./Toggle.js";
+import { ToggleGroup as Tt, ToggleGroupItem as Et } from "./ToggleGroup.js";
+import { i as Dt, n as Ot, t as kt } from "./Tooltip-D1K8kY1y.js";
+import { Tray as At } from "./Tray.js";
+export { Ee as Accordion, Oe as Alert, n as AnalyzeIcon, r as AnnotationsIcon, i as ApprovedIcon, a as ArrowDownIcon, o as ArrowUpIcon, ke as Avatar, Ae as Badge, s as BoxToolIcon, je as Button, Ne as ButtonGroup, Pe as ButtonGroupItem, Fe as ButtonGroupSeparator, Ie as ButtonIcon, c as CalendarIcon, l as CheckCircleIcon, u as CheckSquareIcon, Re as Checkbox, d as CheckmarkIcon, f as ChevronDownIcon, p as ChevronUpIcon, m as ClockIcon, h as CloseCircleIcon, g as CloseIcon, Ke as Combobox, qe as ControlGroupSelect, _ as Crosshairs2Icon, v as CrosshairsIcon, y as DashboardIcon, Je as DataCard, b as DatabaseIcon, Qe as DateTimePicker, x as DeleteIcon, $e as Dialog, tt as Drawer, S as DurationIcon, C as EditIcon, w as EmailIcon, T as EraserIcon, E as ErrorIcon, D as EyeClosedIcon, O as EyeClosedIcon2, k as EyeOpenIcon, A as FileDownloadIcon, j as GoToFirstIcon, M as GoToLastIcon, N as HarmonicCursorsIcon, it as HoverCard, nt as HoverCardContent, rt as HoverCardTrigger, e as IconBase, P as InfoIcon, at as Input, Be as InputGroup, Ve as InputGroupAddon, He as InputGroupButton, Ue as InputGroupInput, We as InputGroupText, Ge as InputGroupTextarea, ot as InputNumeric, st as InputOTP, ct as Kbd, lt as KbdGroup, F as KeyboardIcon, ze as Label, I as LabelIcon, L as LassoIcon, R as LineToolIcon, z as LiveViewIcon, B as LoaderIcon, V as LocationIcon, H as LogoutIcon, U as MaximizeIcon, W as MeasureIcon, G as MessagesIcon, K as MetadataIcon, q as MinimizeIcon, J as MinusIcon, ut as MultiSelect, Y as OntologyIcon, X as PanelIconClose, Z as PanelIconOpen, Q as PauseIcon, $ as PlayIcon, ee as PlusIcon, te as PolygonIcon, Ye as Popover, Xe as PopoverContent, Ze as PopoverTrigger, ne as PrinterIcon, re as ProgressCheckIcon, pt as RadioButton, dt as RadioButtonGroup, ft as RadioButtonGroupItem, ht as RadioGroup, mt as RadioGroupItem, ie as ResetIcon, ae as ReviewedIcon, oe as ScissorsIcon, se as SearchIcon, gt as Select, Me as Separator, ce as SettingsIcon, _t as Skeleton, vt as Slider, le as SortAscendingIcon, ue as SortAtoZIcon, de as SortDescendingIcon, fe as SortZtoAIcon, pe as SparklesIcon, et as SpectralProvider, me as StackIcon, he as StarIcon, t as SvgIdContext, yt as Switch, bt as Tabs, xt as Textarea, Ct as Toast, wt as Toggle, Tt as ToggleGroup, Et as ToggleGroupItem, kt as Tooltip, Ot as TooltipContent, Dt as TooltipTrigger, ge as TrashIcon, At as Tray, _e as UndoIcon, ve as UploadIcon, ye as User2Icon, be as UserIcon, xe as WarningIcon, Se as ZoomAllIcon, Ce as ZoomXIcon, we as ZoomYIcon, De as cn, St as toast, Te as useAccordionAutoScroll, Le as useControllableState };

package/dist/Combobox/ComboboxBase.js

@@ -1,3 +1,3 @@
 import "../primitives/input-group.js";
-import { a as e, i as t, n, r, t as i } from "../ComboboxBase-D8Nf4xC-.js";
+import { a as e, i as t, n, r, t as i } from "../ComboboxBase-Dn8Lz9mG.js";
 export { i as ComboboxBase, n as CommandEmpty, r as CommandInput, t as CommandItem, e as CommandList };

package/dist/Combobox.js

@@ -6,7 +6,7 @@ import { t as n } from "./twUtils-VNWgstKL.js";
 import { EmptyState as ee, ErrorMessage as r, LoadingState as i, getAriaProps as a, getErrorMessageId as o, getFormFieldCSSProperties as s, getStateClasses as c, useFormFieldId as l, useFormFieldState as u } from "./utils/formFieldUtils.js";
 import { Label as d } from "./Label.js";
 import { InputGroup as f, InputGroupAddon as p } from "./primitives/input-group.js";
-import { a as m, i as h, n as g, o as _ } from "./ComboboxBase-D8Nf4xC-.js";
+import { a as m, i as h, n as g, o as _ } from "./ComboboxBase-Dn8Lz9mG.js";
 import { useCallback as v, useRef as y, useState as b } from "react";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/components/Combobox/Combobox.tsx
@@ -76,7 +76,7 @@ var C = ({ className: C, disabled: w, emptyMessage: T = "No options found.", err
 						"aria-controls": W,
 						"aria-expanded": X,
 						"aria-label": B ?? O,
-						className: "min-w-0 px-3 py-1 text-base flex-1 border-0 bg-transparent outline-hidden placeholder:text-input-text-placeholder focus-visible:ring-0 focus-visible:outline-none",
+						className: "min-w-0 px-3 py-1 text-base flex-1 border-0 bg-transparent text-input-text outline-hidden placeholder:text-input-text! placeholder:opacity-100 focus-visible:ring-0 focus-visible:outline-none",
 						disabled: K,
 						id: U,
 						onBlur: ie,
@@ -88,7 +88,8 @@ var C = ({ className: C, disabled: w, emptyMessage: T = "No options found.", err
 						...Y
 					}), /* @__PURE__ */ x(p, {
 						align: "inline-end",
-						children: q ? /* @__PURE__ */ x(t, { className: "size-5 text-muted-foreground motion-safe:animate-spin" }) : /* @__PURE__ */ x(e, { className: n("size-5 text-muted-foreground shrink-0 transition-transform duration-200", X && "rotate-180") })
+						className: "cursor-pointer",
+						children: q ? /* @__PURE__ */ x(t, { className: "size-5 motion-safe:animate-spin" }) : /* @__PURE__ */ x(e, { className: n("size-5 shrink-0 transition-transform duration-200", X && "rotate-180") })
 					})]
 				}), /* @__PURE__ */ x("div", {
 					className: n("left-0 mt-1 rounded-lg p-1 shadow-md absolute top-full z-50 w-full border border-input-border bg-input-bg", "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-top-2 motion-safe:zoom-in-95", !X && "hidden"),

package/dist/{ComboboxBase-D8Nf4xC-.js → ComboboxBase-Dn8Lz9mG.js}

@@ -479,11 +479,11 @@ var le = {
 	...t
 }), pe = ({ className: e, ...t }) => /* @__PURE__ */ p(J.Empty, {
 	"data-slot": "command-empty",
-	className: a("py-6 text-sm text-center", e),
+	className: a("py-6 text-base text-center text-text-secondary", e),
 	...t
 }), me = ({ className: t, children: n, ...r }) => /* @__PURE__ */ m(J.Item, {
 	"data-slot": "command-item",
-	className: a("group/command-item gap-2 rounded-sm px-2 py-1.5 text-sm in-data-[slot=dialog-content]:rounded-lg! data-selected:bg-muted data-selected:text-foreground data-selected:*:[svg]:text-foreground relative flex cursor-default items-center outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", t),
+	className: a("group/command-item gap-2 rounded-sm px-2 py-1.5 text-base in-data-[slot=dialog-content]:rounded-lg! relative flex cursor-default items-center text-input-text outline-hidden select-none hover:bg-input-bg--hover data-selected:bg-input-bg--selected data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", t),
 	...r,
 	children: [n, /* @__PURE__ */ p(e, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })]
 });

package/dist/ControlGroup/ControlGroupSelect.d.ts

@@ -1,3 +1,4 @@
+import { Input } from '../primitives/input';
 import { Select } from '../primitives/select';
 import { FormFieldState } from '../utils/formFieldUtils';
 import { ComponentProps } from 'react';
@@ -8,26 +9,35 @@ export interface SelectOptionType {
 }
 /** `inline`: `inputPlaceholder` / `selectPlaceholder` show inside the fields. `above`: same strings render as labels above each control (no inner placeholders). */
 export type ControlGroupSelectCaptionLayout = 'above' | 'inline';
-export interface ControlGroupSelectProps extends ComponentProps<typeof Select>, Pick<ControlGroupProps, 'orientation'> {
+type ControlGroupSelectInputControlProps = {
+    inputValue: ComponentProps<typeof Input>['value'];
+    onInputChange: ComponentProps<typeof Input>['onChange'];
+} | {
+    inputValue?: undefined;
+    onInputChange?: undefined;
+};
+type ControlGroupSelectBaseProps = ComponentProps<typeof Select> & Pick<ControlGroupProps, 'orientation'> & {
+    amountStep?: number;
     /** Accessible name for the group wrapper (use when there is no visible group heading). */
     ariaLabel?: string;
-    amountStep?: number;
     captionLayout?: ControlGroupSelectCaptionLayout;
     className?: string;
     dataTestId?: string;
     disabled?: boolean;
     errorMessage?: string | string[] | Record<string, unknown> | null;
-    maxAmount?: number;
-    minAmount?: number;
-    inputPlaceholder?: string;
     /** When `captionLayout` is `inline`, overrides the input's accessible name (defaults to `inputPlaceholder` when set). */
     inputAriaLabel?: string;
+    inputPlaceholder?: string;
+    maxAmount?: number;
+    minAmount?: number;
     selectPlaceholder?: string;
     /** When `captionLayout` is `inline` and `selectPlaceholder` is empty, sets the select trigger's accessible name. */
     selectAriaLabel?: string;
     selectOptions: SelectOptionType[];
     state?: FormFieldState;
     type?: 'number' | 'text';
-}
-export declare const ControlGroupSelect: ({ amountStep, ariaLabel, captionLayout, className, dataTestId, disabled, errorMessage, inputAriaLabel, inputPlaceholder, maxAmount, minAmount, orientation, selectAriaLabel, selectOptions, selectPlaceholder, state, type, ...selectProps }: ControlGroupSelectProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type ControlGroupSelectProps = ControlGroupSelectBaseProps & ControlGroupSelectInputControlProps;
+export declare const ControlGroupSelect: ({ amountStep, ariaLabel, captionLayout, className, dataTestId, disabled, errorMessage, inputAriaLabel, inputPlaceholder, inputValue, maxAmount, minAmount, onInputChange, orientation, selectAriaLabel, selectOptions, selectPlaceholder, state, type, ...selectProps }: ControlGroupSelectProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=ControlGroupSelect.d.ts.map

package/dist/ControlGroup/ControlGroupSelect.js

@@ -15,93 +15,99 @@ var g = "placeholder:text-small! [appearance:textfield] [&::-webkit-inner-spin-b
 }, S = (e, t) => {
 	let n = e?.trim();
 	return n && n.length > 0 ? n : t;
-}, C = ({ amountStep: e, ariaLabel: t, captionLayout: n = "inline", className: r, dataTestId: i = "spectral-control-group-select", disabled: a, errorMessage: o, inputAriaLabel: s, inputPlaceholder: c, maxAmount: u = 1e6, minAmount: d = 0, orientation: p = "horizontal", selectAriaLabel: h, selectOptions: g, selectPlaceholder: y, state: b = "default", type: C = "number", ...T }) => {
-	let E = f(), D = `${E}-amount`, O = `${E}-select`, k = `${D}-label`, A = `${O}-label`, j = n === "above", M = j ? void 0 : c, N = j ? void 0 : y, P = S(c, _), F = S(y, v), I = s ?? (j ? void 0 : P), L = h ?? (j ? void 0 : F), R = x(c, 3), z = x(y, 5), B = t ?? `${P} and ${F}`, V = !!a || b === "disabled";
+}, C = ({ amountStep: e, ariaLabel: t, captionLayout: n = "inline", className: r, dataTestId: i = "spectral-control-group-select", disabled: a, errorMessage: o, inputAriaLabel: s, inputPlaceholder: c, inputValue: u, maxAmount: d = 1e6, minAmount: p = 0, onInputChange: h, orientation: g = "horizontal", selectAriaLabel: y, selectOptions: b, selectPlaceholder: C, state: T = "default", type: E = "number", ...D }) => {
+	let O = f(), k = `${O}-amount`, A = `${O}-select`, j = `${k}-label`, M = `${A}-label`, N = n === "above", P = N ? void 0 : c, F = N ? void 0 : C, I = S(c, _), L = S(C, v), R = s ?? (N ? void 0 : I), z = y ?? (N ? void 0 : L), B = x(c, 3), V = x(C, 5), H = t ?? `${I} and ${L}`, U = !!a || T === "disabled", W = u !== void 0 && h !== void 0;
 	return /* @__PURE__ */ m(l, {
-		"aria-label": B,
+		"aria-label": H,
 		className: r,
 		"data-testid": i,
 		disabled: a,
 		errorMessage: o,
-		orientation: p,
-		state: b,
+		orientation: g,
+		state: T,
 		children: /* @__PURE__ */ m(w, {
 			amountStep: e,
 			dataTestId: i,
-			inputAccessibleName: I,
-			inputCaption: M,
-			inputId: D,
-			inputLabelId: k,
-			inputLabelText: P,
-			inputMinWidth: R,
-			isDisabled: V,
-			maxAmount: u,
-			minAmount: d,
-			selectCaption: N,
-			selectOptions: g,
-			selectLabelId: A,
-			selectLabelText: F,
-			selectProps: T,
-			selectTriggerAriaLabel: L,
-			selectTriggerId: O,
-			selectTriggerMinWidth: z,
-			type: C,
-			useAboveLabels: j
+			inputAccessibleName: R,
+			inputCaption: P,
+			inputId: k,
+			inputLabelId: j,
+			inputLabelText: I,
+			inputMinWidth: B,
+			inputValue: W ? u : void 0,
+			isDisabled: U,
+			maxAmount: d,
+			minAmount: p,
+			onInputChange: W ? h : void 0,
+			selectCaption: F,
+			selectOptions: b,
+			selectLabelId: M,
+			selectLabelText: L,
+			selectProps: D,
+			selectTriggerAriaLabel: z,
+			selectTriggerId: A,
+			selectTriggerMinWidth: V,
+			type: E,
+			useAboveLabels: N
 		})
 	});
-}, w = ({ amountStep: l, dataTestId: f, inputAccessibleName: _, inputCaption: v, inputId: x, inputLabelId: S, inputLabelText: C, inputMinWidth: w, isDisabled: T, maxAmount: E, minAmount: D, selectCaption: O, selectLabelId: k, selectLabelText: A, selectOptions: j, selectProps: M, selectTriggerAriaLabel: N, selectTriggerId: P, selectTriggerMinWidth: F, type: I, useAboveLabels: L }) => {
-	let { errorMessageId: R, orientation: z, state: B } = d(), V = z === "horizontal" ? "rounded-s-md rounded-e-none" : "rounded-ss-md rounded-se-md rounded-es-none rounded-ee-none", H = z === "horizontal" ? "rounded-s-none rounded-e-md" : "rounded-ss-none rounded-se-none rounded-es-md rounded-ee-md", U = z === "horizontal" ? "me-0" : "mbe-0", W = z === "horizontal" ? "me-0 [&>*:last-child]:-ms-0.5" : "mbe-0 [&>*:last-child]:-mt-0.5", G = /* @__PURE__ */ m(r, {
-		"aria-describedby": R,
+}, w = ({ amountStep: l, dataTestId: f, inputAccessibleName: _, inputCaption: v, inputId: x, inputLabelId: S, inputLabelText: C, inputMinWidth: w, inputValue: T, isDisabled: E, maxAmount: D, minAmount: O, onInputChange: k, selectCaption: A, selectLabelId: j, selectLabelText: M, selectOptions: N, selectProps: P, selectTriggerAriaLabel: F, selectTriggerId: I, selectTriggerMinWidth: L, type: R, useAboveLabels: z }) => {
+	let { errorMessageId: B, orientation: V, state: H } = d(), U = V === "horizontal" ? "rounded-s-md rounded-e-none" : "rounded-ss-md rounded-se-md rounded-es-none rounded-ee-none", W = V === "horizontal" ? "rounded-s-none rounded-e-md" : "rounded-ss-none rounded-se-none rounded-es-md rounded-ee-md", G = V === "horizontal" ? "me-0" : "mbe-0", K = V === "horizontal" ? "me-0 [&>*:last-child]:-ms-0.5" : "mbe-0 [&>*:last-child]:-mt-0.5", q = /* @__PURE__ */ m(r, {
+		"aria-describedby": B,
 		"aria-label": _,
-		"aria-labelledby": L ? S : void 0,
-		className: e(b, V, t(B), I === "number" && g, I === "number" && "tabular-nums"),
+		"aria-labelledby": z ? S : void 0,
+		className: e(b, U, t(H), R === "number" && g, R === "number" && "tabular-nums"),
 		"data-testid": `${f}-input`,
-		disabled: T,
-		id: L ? x : void 0,
-		type: I === "number" ? "number" : "text",
+		disabled: E,
+		id: z ? x : void 0,
+		type: R === "number" ? "number" : "text",
 		placeholder: v,
 		style: w ? { minWidth: w } : void 0,
-		min: D ?? 0,
-		max: E ?? 1e6,
+		min: O ?? 0,
+		max: D ?? 1e6,
+		...T !== void 0 && k !== void 0 ? {
+			value: T,
+			onChange: k
+		} : {},
 		step: l ?? 1
-	}), K = /* @__PURE__ */ m(s, {
-		"aria-describedby": R,
-		"aria-label": N,
-		"aria-labelledby": L ? k : void 0,
-		className: e(b, H, "px-4 w-full justify-between focus-visible:ring-0", t(B)),
+	}), J = /* @__PURE__ */ m(s, {
+		"aria-describedby": B,
+		"aria-label": F,
+		"aria-labelledby": z ? j : void 0,
+		className: e(b, W, "px-4 w-full justify-between focus-visible:ring-0", t(H)),
 		"data-testid": `${f}-select-trigger`,
-		disabled: T,
-		id: L ? P : void 0,
-		style: F ? { minWidth: F } : void 0,
-		children: /* @__PURE__ */ m(c, { placeholder: O })
+		disabled: E,
+		id: z ? I : void 0,
+		style: L ? { minWidth: L } : void 0,
+		children: /* @__PURE__ */ m(c, { placeholder: A })
 	});
 	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(u, {
-		className: L ? U : void 0,
-		children: L ? /* @__PURE__ */ h("div", {
+		className: z ? G : void 0,
+		children: z ? /* @__PURE__ */ h("div", {
 			className: y,
 			children: [/* @__PURE__ */ m(n, {
 				className: "text-text-primary",
 				htmlFor: x,
 				id: S,
 				children: C
-			}), G]
-		}) : G
+			}), q]
+		}) : q
 	}), /* @__PURE__ */ h(i, {
 		"data-testid": `${f}-select-root`,
-		disabled: T,
-		...M,
+		disabled: E,
+		...P,
 		children: [/* @__PURE__ */ m(u, {
-			className: L ? W : void 0,
-			children: L ? /* @__PURE__ */ h("div", {
+			className: z ? K : void 0,
+			children: z ? /* @__PURE__ */ h("div", {
 				className: y,
 				children: [/* @__PURE__ */ m(n, {
 					className: "text-text-primary",
-					htmlFor: P,
-					id: k,
-					children: A
-				}), K]
-			}) : K
-		}), /* @__PURE__ */ m(a, { children: j.map((e) => /* @__PURE__ */ m(o, {
+					htmlFor: I,
+					id: j,
+					children: M
+				}), J]
+			}) : J
+		}), /* @__PURE__ */ m(a, { children: N.map((e) => /* @__PURE__ */ m(o, {
 			value: e.value,
 			children: e.label
 		}, e.value)) })]

package/dist/Icons/Crosshairs2Icon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from './iconTypes';
+export declare const Crosshairs2Icon: (({ ref, className, ariaHidden, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=Crosshairs2Icon.d.ts.map

package/dist/Icons/Crosshairs2Icon.js

@@ -0,0 +1,51 @@
+import "../styles/main.css";
+import { IconBase as e } from "./IconBase.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = Object.assign(({ ref: r, className: i, ariaHidden: a, title: o, description: s, size: c = 24, ...l }) => /* @__PURE__ */ n(e, {
+	size: c,
+	className: i,
+	title: o,
+	description: s,
+	ariaHidden: a,
+	ref: r,
+	...l,
+	children: [
+		/* @__PURE__ */ t("path", {
+			d: "M12 21.0909C17.0208 21.0909 21.0909 17.0208 21.0909 12C21.0909 6.97923 17.0208 2.90909 12 2.90909C6.97923 2.90909 2.90909 6.97923 2.90909 12C2.90909 17.0208 6.97923 21.0909 12 21.0909Z",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M21.0909 12H17.4546",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M6.54545 12H2.90909",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M12 6.54545V2.90909",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M12 21.0909V17.4545",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	]
+}), { displayName: "Crosshairs2Icon" });
+//#endregion
+export { r as Crosshairs2Icon };

package/dist/Icons/CrosshairsIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from './iconTypes';
+export declare const CrosshairsIcon: (({ ref, className, ariaHidden, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=CrosshairsIcon.d.ts.map

package/dist/Icons/CrosshairsIcon.js

@@ -0,0 +1,20 @@
+import "../styles/main.css";
+import { IconBase as e } from "./IconBase.js";
+import { jsx as t } from "react/jsx-runtime";
+var n = Object.assign(({ ref: n, className: r, ariaHidden: i, title: a, description: o, size: s = 24, ...c }) => /* @__PURE__ */ t(e, {
+	size: s,
+	className: r,
+	title: a,
+	description: o,
+	ariaHidden: i,
+	ref: n,
+	...c,
+	children: /* @__PURE__ */ t("path", {
+		d: "M12 2.45454V8.18182M21.5455 12H15.8182M12 15.8182V21.5455M8.18183 12H2.45456M12 18.6818C8.30975 18.6818 5.3182 15.6903 5.3182 12C5.3182 8.30974 8.30975 5.31818 12 5.31818C15.6903 5.31818 18.6818 8.30974 18.6818 12C18.6818 15.6903 15.6903 18.6818 12 18.6818Z",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round"
+	})
+}), { displayName: "CrosshairsIcon" });
+//#endregion
+export { n as CrosshairsIcon };

package/dist/Icons/MaximizeIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from './iconTypes';
+export declare const MaximizeIcon: (({ ref, className, ariaHidden, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+//# sourceMappingURL=MaximizeIcon.d.ts.map

package/dist/Icons/MaximizeIcon.js

@@ -0,0 +1,44 @@
+import "../styles/main.css";
+import { IconBase as e } from "./IconBase.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var r = Object.assign(({ ref: r, className: i, ariaHidden: a, title: o, description: s, size: c = 24, ...l }) => /* @__PURE__ */ n(e, {
+	size: c,
+	className: i,
+	title: o,
+	description: s,
+	ariaHidden: a,
+	ref: r,
+	...l,
+	children: [
+		/* @__PURE__ */ t("path", {
+			d: "M15 3H21V9",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M21 3L14 10",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M3 21L10 14",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M9 21H3V15",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	]
+}), { displayName: "MaximizeIcon" });
+//#endregion
+export { r as MaximizeIcon };