@spear-ai/spectral 1.13.1 → 1.14.2

package/dist/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { CheckmarkIcon, MinusIcon } from '@components/Icons'\nimport { ErrorMessage, WarningMessage, useFormFieldId, type BaseFormFieldProps, type FormFieldState } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { type ComponentPropsWithoutRef, type ComponentRef, type Ref } from 'react'\nimport { CheckboxBase, CheckboxIndicator } from './CheckboxBase'\n\nexport interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof CheckboxBase>, 'onCheckedChange'> {\n  'aria-describedby'?: string\n  'aria-label'?: string\n  checked?: boolean | 'indeterminate'\n  disabled?: boolean\n  errorMessage?: BaseFormFieldProps['errorMessage']\n  id?: string\n  label?: string\n  labelText?: string\n  messageReserveLines?: number\n  messageReserveSpace?: boolean\n  name?: string\n  onCheckedChange: (value: boolean | 'indeterminate') => void\n  required?: boolean\n  state?: FormFieldState\n  value?: string\n  warningMessage?: BaseFormFieldProps['errorMessage']\n}\n\nexport const Checkbox = ({\n  checked,\n  className,\n  errorMessage,\n  id,\n  label,\n  labelText,\n  messageReserveLines = 1,\n  messageReserveSpace = true,\n  onCheckedChange,\n  ref,\n  required,\n  state = 'default',\n  warningMessage,\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': ariaLabel,\n  ...props\n}: CheckboxProps & {\n  ref?: Ref<ComponentRef<typeof CheckboxBase>>\n}) => {\n  const inputId = useFormFieldId(id, props.name)\n  const resolvedLabelText = labelText ?? label\n  const errorMessageId = `${inputId}-error`\n  const warningMessageId = `${inputId}-warning`\n  const messageId = state === 'error' && errorMessage && errorMessageId ? errorMessageId : state === 'warning' && warningMessage && warningMessageId ? warningMessageId : undefined\n\n  return (\n    <div>\n      <div className='gap-2 flex items-center'>\n        <CheckboxBase\n          aria-describedby={[messageId, ariaDescribedBy].filter(Boolean).join(' ') || undefined}\n          aria-invalid={state === 'error' ? true : undefined}\n          aria-label={ariaLabel ?? (!resolvedLabelText ? 'Checkbox' : undefined)}\n          aria-required={required ?? undefined}\n          checked={checked}\n          className={cn(\n            'checkbox peer h-5 w-5 rounded-sm shrink-0 border border-checkbox-border hover:opacity-80 focus:outline-none focus-visible:outline-1 focus-visible:outline-checkbox-border--focus',\n            'focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-checkbox-border--checked',\n            className,\n          )}\n          data-field-state={state}\n          data-testid='spectral-checkbox'\n          id={inputId}\n          onCheckedChange={onCheckedChange}\n          ref={ref}\n          {...props}\n        >\n          <CheckboxIndicator data-testid='spectral-checkbox-indicator' className={cn('checkbox-indicator flex items-center justify-center text-checkbox-indicator--checked')}>\n            {checked === 'indeterminate' ? <MinusIcon className='checkbox-indeterminate' size={16} strokeWidth={4} /> : <CheckmarkIcon className='checkbox-check' size={16} strokeWidth={4} />}\n          </CheckboxIndicator>\n        </CheckboxBase>\n        {resolvedLabelText && (\n          <label className='text-md peer-disabled:text-neutral-400 text-text-primary' data-testid='spectral-checkbox-label' htmlFor={inputId}>\n            {resolvedLabelText}\n          </label>\n        )}\n      </div>\n      <ErrorMessage dataTestId='spectral-checkbox-error-message' id={errorMessageId} message={state === 'error' ? errorMessage : null} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} />\n      <WarningMessage dataTestId='spectral-checkbox-warning-message' id={warningMessageId} message={state === 'warning' ? warningMessage : null} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} />\n    </div>\n  )\n}\nCheckbox.displayName = 'Checkbox'\n"],"mappings":";;;;;;;;;;;AAyBA,MAAa,YAAY,EACvB,SACA,WACA,cACA,IACA,OACA,WACA,sBAAsB,GACtB,sBAAsB,MACtB,iBACA,KACA,UACA,QAAQ,WACR,gBACA,oBAAoB,iBACpB,cAAc,WACd,GAAG,YAGC;CACJ,MAAM,UAAU,eAAe,IAAI,MAAM,KAAK;CAC9C,MAAM,oBAAoB,aAAa;CACvC,MAAM,iBAAiB,GAAG,QAAQ;CAClC,MAAM,mBAAmB,GAAG,QAAQ;AAGpC,QACE,qBAAC,OAAD;EACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,cAAD;IACE,oBAAkB,CANR,UAAU,WAAW,gBAAgB,iBAAiB,iBAAiB,UAAU,aAAa,kBAAkB,mBAAmB,mBAAmB,QAMlI,gBAAgB,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,IAAI;IAC5E,gBAAc,UAAU,UAAU,OAAO;IACzC,cAAY,cAAc,CAAC,oBAAoB,aAAa;IAC5D,iBAAe,YAAY;IAClB;IACT,WAAW,GACT,oLACA,uIACA,UACD;IACD,oBAAkB;IAClB,eAAY;IACZ,IAAI;IACa;IACZ;IACL,GAAI;cAEJ,oBAAC,mBAAD;KAAmB,eAAY;KAA8B,WAAW,GAAG,uFAAuF;eAC/J,YAAY,kBAAkB,oBAAC,WAAD;MAAW,WAAU;MAAyB,MAAM;MAAI,aAAa;MAAK,IAAG,oBAAC,eAAD;MAAe,WAAU;MAAiB,MAAM;MAAI,aAAa;MAAK;KAChK;IACP,GACd,qBACC,oBAAC,SAAD;IAAO,WAAU;IAA2D,eAAY;IAA0B,SAAS;cACxH;IACK,EAEN;;EACN,oBAAC,cAAD;GAAc,YAAW;GAAkC,IAAI;GAAgB,SAAS,UAAU,UAAU,eAAe;GAA2B;GAA0C;GAAuB;EACvN,oBAAC,gBAAD;GAAgB,YAAW;GAAoC,IAAI;GAAkB,SAAS,UAAU,YAAY,iBAAiB;GAA2B;GAA0C;GAAuB;EAC7N;;AAGV,SAAS,cAAc"}

package/dist/Combobox.d.ts

@@ -1,25 +1,56 @@
-import { BaseFormFieldProps, BaseOption, DropdownWidth, FormFieldState } from './utils/formFieldUtils';
-import { Ref } from 'react';
-export type ComboboxOption = BaseOption;
-export interface ComboboxProps extends Omit<BaseFormFieldProps, 'onChange' | 'state'> {
-    className?: string;
-    defaultValue?: string;
-    dropdownWidth?: DropdownWidth;
-    emptyMessage?: string;
-    labelClassName?: string;
-    loadingMessage?: string;
-    onChange?: (value: string) => void;
-    onValueChange?: (value: string) => void;
-    options: ComboboxOption[];
-    placeholder?: string;
-    state?: Exclude<FormFieldState, 'disabled'>;
-    value?: string;
-    warningMessage?: BaseFormFieldProps['errorMessage'];
+'use client';
+import { BaseFormFieldProps, BaseOption, DropdownWidth, FormFieldState } from "./utils/formFieldUtils.js";
+import { Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Combobox/Combobox.d.ts
+type ComboboxOption = BaseOption;
+interface ComboboxProps extends Omit<BaseFormFieldProps, 'onChange' | 'state'> {
+  className?: string;
+  defaultValue?: string;
+  dropdownWidth?: DropdownWidth;
+  emptyMessage?: string;
+  labelClassName?: string;
+  loadingMessage?: string;
+  onChange?: (value: string) => void;
+  onValueChange?: (value: string) => void;
+  options: ComboboxOption[];
+  placeholder?: string;
+  state?: Exclude<FormFieldState, 'disabled'>;
+  value?: string;
+  warningMessage?: BaseFormFieldProps['errorMessage'];
 }
-export declare const Combobox: {
-    ({ className, disabled, defaultValue, dropdownWidth, emptyMessage, errorMessage, id, label, labelClassName, loadingMessage, name, onChange, onValueChange, options, placeholder, ref, required, state, value: valueProp, warningMessage, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, }: ComboboxProps & {
-        ref?: Ref<HTMLDivElement>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare function Combobox({
+  className,
+  disabled,
+  defaultValue,
+  dropdownWidth,
+  emptyMessage,
+  errorMessage,
+  id,
+  label,
+  labelClassName,
+  loadingMessage,
+  messageReserveLines,
+  messageReserveSpace,
+  name,
+  onChange,
+  onValueChange,
+  options,
+  placeholder,
+  ref,
+  required,
+  state,
+  value: valueProp,
+  warningMessage,
+  'aria-describedby': ariaDescribedBy,
+  'aria-label': ariaLabel
+}: ComboboxProps & {
+  ref?: Ref<HTMLDivElement>;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace Combobox {
+  var displayName: string;
+}
+//#endregion
+export { Combobox, ComboboxOption, ComboboxProps };
 //# sourceMappingURL=Combobox.d.ts.map

package/dist/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../src/components/Combobox/Combobox.tsx"],"mappings":";;;;;;KA0BY,cAAA,GAAiB,UAAA;AAAA,UAEZ,aAAA,SAAsB,IAAA,CAAK,kBAAA;EAC1C,SAAA;EACA,YAAA;EACA,aAAA,GAAgB,aAAA;EAChB,YAAA;EACA,cAAA;EACA,cAAA;EACA,QAAA,IAAY,KAAA;EACZ,aAAA,IAAiB,KAAA;EACjB,OAAA,EAAS,cAAA;EACT,WAAA;EACA,KAAA,GAAQ,OAAA,CAAQ,cAAA;EAChB,KAAA;EACA,cAAA,GAAiB,kBAAA;AAAA;AAAA;EAIjB,SAAA;EACA,QAAA;EACA,YAAA;EACA,aAAA;EACA,YAAA;EACA,YAAA;EACA,EAAA;EACA,KAAA;EACA,cAAA;EACA,cAAA;EACA,mBAAA;EACA,mBAAA;EACA,IAAA;EACA,QAAA;EACA,aAAA;EACA,OAAA;EACA,WAAA;EACA,GAAA;EACA,QAAA;EACA,KAAA;EACA,KAAA,EAAO,SAAA;EACP,cAAA;EAAA,oBACoB,eAAA;EAAA,cACN;AAAA,GACb,aAAA;EAAkB,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/Combobox.js

@@ -1,4 +1,203 @@
-'use client'
-import { t as e } from "./Combobox-DRQqx0os.js";
-import "./primitives/input-group.js";
-export { e as Combobox };
+'use client';
+import { CheckmarkIcon } from "./Icons/CheckmarkIcon.js";
+import { ChevronDownIcon } from "./Icons/ChevronDownIcon.js";
+import { LoaderIcon } from "./Icons/LoaderIcon.js";
+import { cn } from "./utils/twUtils.js";
+import { ErrorMessage, WarningMessage } from "./FormFieldMessage.js";
+import { EmptyState, LoadingState, getAriaProps, getDropdownSurfaceClasses, getDropdownWidthStyles, getErrorMessageId, getFormFieldCSSProperties, getOptionClasses, getTriggerClasses, useFormFieldId } from "./utils/formFieldUtils.js";
+import { useUncontrolledState } from "./hooks/useUncontrolledState.js";
+import { Label } from "./Label.js";
+import { InputGroup, InputGroupAddon } from "./primitives/input-group.js";
+import { useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Combobox as Combobox$1 } from "@base-ui/react";
+
+//#region src/components/Combobox/Combobox.tsx
+const Combobox = ({ className, disabled, defaultValue = "", dropdownWidth = "trigger", emptyMessage = "No options found.", errorMessage, id, label, labelClassName, loadingMessage = "Loading…", messageReserveLines = 1, messageReserveSpace = true, name, onChange, onValueChange, options, placeholder = "Search…", ref, required, state = "default", value: valueProp, warningMessage, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel }) => {
+	if (!label && !ariaLabel) console.warn("Combobox: provide either `label` or `aria-label` for an accessible name.");
+	const comboboxId = useFormFieldId(id, name);
+	const listboxId = `${comboboxId}-listbox`;
+	const errorMessageId = getErrorMessageId(comboboxId);
+	const warningMessageId = `${comboboxId}-warning`;
+	const messageId = state === "error" ? errorMessageId : state === "warning" && warningMessage ? warningMessageId : void 0;
+	const isDisabled = Boolean(disabled);
+	const isLoading = state === "loading";
+	const isInvalid = state === "error";
+	const ariaProps = getAriaProps(state, ariaDescribedBy, required, messageId);
+	const [open, setOpen] = useState(false);
+	const [inputValue, setInputValue] = useState("");
+	const inputRef = useRef(null);
+	const suppressNextInputFocusOpenRef = useRef(false);
+	const clearFocusSuppression = () => {
+		suppressNextInputFocusOpenRef.current = false;
+	};
+	const [value, setValue] = useUncontrolledState({
+		value: valueProp,
+		defaultValue,
+		onChange: (nextValue) => {
+			if (onChange) onChange(nextValue);
+			else onValueChange?.(nextValue);
+		}
+	});
+	const selectedOption = useMemo(() => options.find((o) => o.value === value) ?? null, [options, value]);
+	const filteredOptions = useMemo(() => {
+		const query = inputValue.trim().toLowerCase();
+		if (!query) return options;
+		return options.filter((option) => option.label.toLowerCase().includes(query));
+	}, [inputValue, options]);
+	const showsSelectedValueAsPlaceholder = Boolean(selectedOption && inputValue.length === 0);
+	const { dropdownWidthMode, dropdownWidthStyle } = getDropdownWidthStyles({
+		dropdownWidth,
+		triggerWidth: "var(--anchor-width)"
+	});
+	const handleValueChange = (nextOption, eventDetails) => {
+		const nextValue = nextOption?.value ?? "";
+		setValue(eventDetails.reason === "item-press" && nextValue === value ? "" : nextValue);
+		setInputValue("");
+		setOpen(false);
+	};
+	const handleOpenChange = (nextOpen) => {
+		if (isDisabled || isLoading) {
+			setOpen(false);
+			return;
+		}
+		if (!nextOpen) setInputValue("");
+		setOpen(nextOpen);
+	};
+	const handleTriggerContainerClick = (event) => {
+		if (isDisabled || isLoading) return;
+		const target = event.target;
+		if (target === inputRef.current) return;
+		if (target.closest("[data-slot=combobox-trigger-button]")) return;
+		inputRef.current?.focus();
+		setOpen(true);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-full",
+		ref,
+		children: [
+			label && /* @__PURE__ */ jsx(Label, {
+				className: cn("mb-2 block text-text-primary", labelClassName, isDisabled && "text-text-secondary"),
+				"data-testid": "spectral-combobox-label",
+				htmlFor: comboboxId,
+				children: label
+			}),
+			/* @__PURE__ */ jsxs(Combobox$1.Root, {
+				autoHighlight: true,
+				disabled: isDisabled || isLoading,
+				filter: null,
+				inputValue,
+				itemToStringLabel: (option) => option.label,
+				itemToStringValue: (option) => option.value,
+				openOnInputClick: true,
+				onInputValueChange: (nextInputValue, eventDetails) => {
+					if (eventDetails.reason !== "input-change" && eventDetails.reason !== "input-clear") return;
+					setInputValue(nextInputValue);
+				},
+				name,
+				onOpenChange: handleOpenChange,
+				onValueChange: handleValueChange,
+				open,
+				required,
+				value: selectedOption,
+				children: [/* @__PURE__ */ jsxs(Combobox$1.InputGroup, {
+					render: /* @__PURE__ */ jsx(InputGroup, {
+						"data-slot": "combobox-content",
+						"data-state": state,
+						"data-testid": "spectral-combobox-trigger",
+						className: cn(getTriggerClasses(open, state), "ring-0! outline-none focus-within:outline-none has-[[data-slot=input-group-control]:focus-visible]:outline-0", isDisabled && "pointer-events-none cursor-not-allowed", className),
+						onClick: handleTriggerContainerClick,
+						style: getFormFieldCSSProperties()
+					}),
+					children: [/* @__PURE__ */ jsx(Combobox$1.Input, {
+						"aria-controls": listboxId,
+						"aria-expanded": open,
+						"aria-label": ariaLabel ?? label,
+						autoComplete: "off",
+						className: cn("min-w-0 text-base flex-1 truncate overflow-hidden border-0 bg-transparent whitespace-nowrap text-input-text outline-hidden outline-0 placeholder:opacity-100 focus-visible:ring-0 focus-visible:outline-none", showsSelectedValueAsPlaceholder ? "placeholder:text-input-text!" : "placeholder:text-input-text-placeholder!"),
+						"data-slot": "input-group-control",
+						id: comboboxId,
+						onFocus: () => {
+							if (suppressNextInputFocusOpenRef.current) {
+								suppressNextInputFocusOpenRef.current = false;
+								return;
+							}
+							if (!isDisabled && !isLoading) setOpen(true);
+						},
+						ref: inputRef,
+						placeholder: selectedOption?.label ?? placeholder,
+						role: "combobox",
+						...ariaProps
+					}), /* @__PURE__ */ jsx(InputGroupAddon, {
+						align: "inline-end",
+						className: "cursor-pointer",
+						children: /* @__PURE__ */ jsx(Combobox$1.Trigger, {
+							"aria-label": "Toggle options",
+							className: "cursor-pointer",
+							"data-slot": "combobox-trigger-button",
+							onPointerDownCapture: () => {
+								const inputElement = inputRef.current;
+								if (!inputElement) {
+									clearFocusSuppression();
+									return;
+								}
+								suppressNextInputFocusOpenRef.current = inputElement.ownerDocument.activeElement !== inputElement;
+							},
+							onPointerUpCapture: clearFocusSuppression,
+							onPointerCancelCapture: clearFocusSuppression,
+							onTouchEndCapture: clearFocusSuppression,
+							children: isLoading ? /* @__PURE__ */ jsx(LoaderIcon, { className: "size-5 motion-safe:animate-spin" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { className: cn("size-5 shrink-0 transition-transform duration-200", open && "rotate-180") })
+						})
+					})]
+				}), /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
+					align: "start",
+					className: "isolate z-50",
+					sideOffset: 4,
+					children: /* @__PURE__ */ jsx(Combobox$1.Popup, {
+						className: cn("p-1 z-50 motion-safe:data-closed:animate-out motion-safe:data-open:animate-in", getDropdownSurfaceClasses(), "motion-safe:data-closed:fade-out-0 motion-safe:data-closed:zoom-out-95 motion-safe:data-open:fade-in-0 motion-safe:data-open:zoom-in-95", "max-h-[min(var(--available-height),18rem)] motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2", "min-w-32 origin-(--transform-origin) overflow-hidden"),
+						"data-dropdown-width-mode": dropdownWidthMode,
+						"data-dropdown-width-value": dropdownWidthMode === "custom" ? dropdownWidth : void 0,
+						"data-testid": "spectral-combobox-content",
+						style: dropdownWidthStyle,
+						children: isLoading ? /* @__PURE__ */ jsx(LoadingState, { message: loadingMessage }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsx(Combobox$1.List, {
+							className: "max-h-[min(var(--available-height),18rem)] overflow-y-auto",
+							id: listboxId,
+							children: filteredOptions.map((option) => /* @__PURE__ */ jsxs(Combobox$1.Item, {
+								className: cn(getOptionClasses(!!option.disabled, false, value === option.value), "group/command-item relative flex w-full items-center data-highlighted:bg-input-bg--hover"),
+								"data-testid": "spectral-combobox-item",
+								disabled: option.disabled,
+								value: option,
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "min-w-0 flex-1 truncate whitespace-nowrap",
+									children: option.label
+								}), /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, { render: /* @__PURE__ */ jsx("span", {
+									className: "right-2 h-4 w-4 absolute flex items-center justify-center",
+									children: /* @__PURE__ */ jsx(CheckmarkIcon, { size: 16 })
+								}) })]
+							}, option.value))
+						})
+					})
+				}) })]
+			}),
+			/* @__PURE__ */ jsx(ErrorMessage, {
+				dataTestId: "spectral-combobox-error-message",
+				id: errorMessageId,
+				message: isInvalid ? errorMessage ?? null : null,
+				messageReserveLines,
+				messageReserveSpace
+			}),
+			/* @__PURE__ */ jsx(WarningMessage, {
+				dataTestId: "spectral-combobox-warning-message",
+				id: warningMessageId,
+				message: state === "warning" ? warningMessage ?? null : null,
+				messageReserveLines,
+				messageReserveSpace
+			})
+		]
+	});
+};
+Combobox.displayName = "Combobox";
+
+//#endregion
+export { Combobox };
+//# sourceMappingURL=Combobox.js.map

package/dist/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","names":["ComboboxPrimitive"],"sources":["../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import { Combobox as ComboboxPrimitive } from '@base-ui/react'\nimport { CheckmarkIcon, ChevronDownIcon, LoaderIcon } from '@components/Icons'\nimport { Label } from '@components/Label/Label'\nimport { useUncontrolledState } from '@hooks/useUncontrolledState'\nimport { InputGroup, InputGroupAddon } from '@primitives/input-group'\nimport {\n  EmptyState,\n  ErrorMessage,\n  getAriaProps,\n  getDropdownWidthStyles,\n  getDropdownSurfaceClasses,\n  getErrorMessageId,\n  getFormFieldCSSProperties,\n  getOptionClasses,\n  getTriggerClasses,\n  LoadingState,\n  WarningMessage,\n  useFormFieldId,\n  type BaseFormFieldProps,\n  type BaseOption,\n  type DropdownWidth,\n  type FormFieldState,\n} from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { useMemo, useRef, useState, type CSSProperties, type MouseEvent, type Ref } from 'react'\n\nexport type ComboboxOption = BaseOption\n\nexport interface ComboboxProps extends Omit<BaseFormFieldProps, 'onChange' | 'state'> {\n  className?: string\n  defaultValue?: string\n  dropdownWidth?: DropdownWidth\n  emptyMessage?: string\n  labelClassName?: string\n  loadingMessage?: string\n  onChange?: (value: string) => void\n  onValueChange?: (value: string) => void\n  options: ComboboxOption[]\n  placeholder?: string\n  state?: Exclude<FormFieldState, 'disabled'>\n  value?: string\n  warningMessage?: BaseFormFieldProps['errorMessage']\n}\n\nexport const Combobox = ({\n  className,\n  disabled,\n  defaultValue = '',\n  dropdownWidth = 'trigger',\n  emptyMessage = 'No options found.',\n  errorMessage,\n  id,\n  label,\n  labelClassName,\n  loadingMessage = 'Loading…',\n  messageReserveLines = 1,\n  messageReserveSpace = true,\n  name,\n  onChange,\n  onValueChange,\n  options,\n  placeholder = 'Search…',\n  ref,\n  required,\n  state = 'default',\n  value: valueProp,\n  warningMessage,\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': ariaLabel,\n}: ComboboxProps & { ref?: Ref<HTMLDivElement> }) => {\n  if (process.env.NODE_ENV !== 'production' && !label && !ariaLabel) {\n    console.warn('Combobox: provide either `label` or `aria-label` for an accessible name.')\n  }\n\n  const comboboxId = useFormFieldId(id, name)\n  const listboxId = `${comboboxId}-listbox`\n  const errorMessageId = getErrorMessageId(comboboxId)\n  const warningMessageId = `${comboboxId}-warning`\n  const messageId = state === 'error' ? errorMessageId : state === 'warning' && warningMessage ? warningMessageId : undefined\n  const isDisabled = Boolean(disabled)\n  const isLoading = state === 'loading'\n  const isInvalid = state === 'error'\n  const ariaProps = getAriaProps(state, ariaDescribedBy, required, messageId)\n\n  const [open, setOpen] = useState(false)\n  const [inputValue, setInputValue] = useState('')\n  const inputRef = useRef<HTMLInputElement>(null)\n  const suppressNextInputFocusOpenRef = useRef(false)\n  const clearFocusSuppression = () => {\n    suppressNextInputFocusOpenRef.current = false\n  }\n  const [value, setValue] = useUncontrolledState<string>({\n    value: valueProp,\n    defaultValue,\n    onChange: (nextValue) => {\n      if (onChange) {\n        onChange(nextValue)\n      } else {\n        onValueChange?.(nextValue)\n      }\n    },\n  })\n\n  const selectedOption = useMemo(() => options.find((o) => o.value === value) ?? null, [options, value])\n  const filteredOptions = useMemo(() => {\n    const query = inputValue.trim().toLowerCase()\n    if (!query) return options\n    return options.filter((option) => option.label.toLowerCase().includes(query))\n  }, [inputValue, options])\n  const showsSelectedValueAsPlaceholder = Boolean(selectedOption && inputValue.length === 0)\n  const { dropdownWidthMode, dropdownWidthStyle } = getDropdownWidthStyles({\n    dropdownWidth,\n    triggerWidth: 'var(--anchor-width)',\n  })\n\n  const handleValueChange = (nextOption: ComboboxOption | null, eventDetails: { reason?: string }) => {\n    const nextValue = nextOption?.value ?? ''\n    const shouldClearSelection = eventDetails.reason === 'item-press' && nextValue === value\n    setValue(shouldClearSelection ? '' : nextValue)\n    setInputValue('')\n    setOpen(false)\n  }\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (isDisabled || isLoading) {\n      setOpen(false)\n      return\n    }\n\n    if (!nextOpen) {\n      setInputValue('')\n    }\n\n    setOpen(nextOpen)\n  }\n\n  const handleTriggerContainerClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (isDisabled || isLoading) return\n\n    const target = event.target as HTMLElement\n    if (target === inputRef.current) return\n    if (target.closest('[data-slot=combobox-trigger-button]')) return\n    inputRef.current?.focus()\n    setOpen(true)\n  }\n\n  return (\n    <div className='w-full' ref={ref}>\n      {label && (\n        <Label className={cn('mb-2 block text-text-primary', labelClassName, isDisabled && 'text-text-secondary')} data-testid='spectral-combobox-label' htmlFor={comboboxId}>\n          {label}\n        </Label>\n      )}\n\n      <ComboboxPrimitive.Root\n        autoHighlight\n        disabled={isDisabled || isLoading}\n        filter={null}\n        inputValue={inputValue}\n        itemToStringLabel={(option: ComboboxOption) => option.label}\n        itemToStringValue={(option: ComboboxOption) => option.value}\n        openOnInputClick\n        onInputValueChange={(nextInputValue, eventDetails) => {\n          if (eventDetails.reason !== 'input-change' && eventDetails.reason !== 'input-clear') return\n          setInputValue(nextInputValue)\n        }}\n        name={name}\n        onOpenChange={handleOpenChange}\n        onValueChange={handleValueChange}\n        open={open}\n        required={required}\n        value={selectedOption}\n      >\n        <ComboboxPrimitive.InputGroup\n          render={\n            <InputGroup\n              data-slot='combobox-content'\n              data-state={state}\n              data-testid='spectral-combobox-trigger'\n              className={cn(getTriggerClasses(open, state), 'ring-0! outline-none focus-within:outline-none has-[[data-slot=input-group-control]:focus-visible]:outline-0', isDisabled && 'pointer-events-none cursor-not-allowed', className)}\n              onClick={handleTriggerContainerClick}\n              style={getFormFieldCSSProperties() as CSSProperties}\n            />\n          }\n        >\n          <ComboboxPrimitive.Input\n            aria-controls={listboxId}\n            aria-expanded={open}\n            aria-label={ariaLabel ?? label}\n            autoComplete='off'\n            className={cn(\n              'min-w-0 text-base flex-1 truncate overflow-hidden border-0 bg-transparent whitespace-nowrap text-input-text outline-hidden outline-0 placeholder:opacity-100 focus-visible:ring-0 focus-visible:outline-none',\n              showsSelectedValueAsPlaceholder ? 'placeholder:text-input-text!' : 'placeholder:text-input-text-placeholder!',\n            )}\n            data-slot='input-group-control'\n            id={comboboxId}\n            onFocus={() => {\n              if (suppressNextInputFocusOpenRef.current) {\n                suppressNextInputFocusOpenRef.current = false\n                return\n              }\n\n              if (!isDisabled && !isLoading) {\n                setOpen(true)\n              }\n            }}\n            ref={inputRef}\n            placeholder={selectedOption?.label ?? placeholder}\n            role='combobox'\n            {...ariaProps}\n          />\n          <InputGroupAddon align='inline-end' className='cursor-pointer'>\n            <ComboboxPrimitive.Trigger\n              aria-label='Toggle options'\n              className='cursor-pointer'\n              data-slot='combobox-trigger-button'\n              onPointerDownCapture={() => {\n                const inputElement = inputRef.current\n                if (!inputElement) {\n                  clearFocusSuppression()\n                  return\n                }\n\n                const activeElement = inputElement.ownerDocument.activeElement\n                suppressNextInputFocusOpenRef.current = activeElement !== inputElement\n              }}\n              onPointerUpCapture={clearFocusSuppression}\n              onPointerCancelCapture={clearFocusSuppression}\n              onTouchEndCapture={clearFocusSuppression}\n            >\n              {isLoading ? <LoaderIcon className='size-5 motion-safe:animate-spin' /> : <ChevronDownIcon className={cn('size-5 shrink-0 transition-transform duration-200', open && 'rotate-180')} />}\n            </ComboboxPrimitive.Trigger>\n          </InputGroupAddon>\n        </ComboboxPrimitive.InputGroup>\n\n        <ComboboxPrimitive.Portal>\n          <ComboboxPrimitive.Positioner align='start' className='isolate z-50' sideOffset={4}>\n            <ComboboxPrimitive.Popup\n              className={cn(\n                'p-1 z-50 motion-safe:data-closed:animate-out motion-safe:data-open:animate-in',\n                getDropdownSurfaceClasses(),\n                'motion-safe:data-closed:fade-out-0 motion-safe:data-closed:zoom-out-95 motion-safe:data-open:fade-in-0 motion-safe:data-open:zoom-in-95',\n                'max-h-[min(var(--available-height),18rem)] motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=top]:slide-in-from-bottom-2',\n                // Keep a single scroll container (the list) to avoid dual scrollbar styles.\n                'min-w-32 origin-(--transform-origin) overflow-hidden',\n              )}\n              data-dropdown-width-mode={dropdownWidthMode}\n              data-dropdown-width-value={dropdownWidthMode === 'custom' ? dropdownWidth : undefined}\n              data-testid='spectral-combobox-content'\n              style={dropdownWidthStyle}\n            >\n              {isLoading ? (\n                <LoadingState message={loadingMessage} />\n              ) : filteredOptions.length === 0 ? (\n                <EmptyState message={emptyMessage} />\n              ) : (\n                <ComboboxPrimitive.List className='max-h-[min(var(--available-height),18rem)] overflow-y-auto' id={listboxId}>\n                  {filteredOptions.map((option) => (\n                    <ComboboxPrimitive.Item\n                      className={cn(getOptionClasses(!!option.disabled, false, value === option.value), 'group/command-item relative flex w-full items-center data-highlighted:bg-input-bg--hover')}\n                      data-testid='spectral-combobox-item'\n                      disabled={option.disabled}\n                      key={option.value}\n                      value={option}\n                    >\n                      <span className='min-w-0 flex-1 truncate whitespace-nowrap'>{option.label}</span>\n                      <ComboboxPrimitive.ItemIndicator\n                        render={\n                          <span className='right-2 h-4 w-4 absolute flex items-center justify-center'>\n                            <CheckmarkIcon size={16} />\n                          </span>\n                        }\n                      />\n                    </ComboboxPrimitive.Item>\n                  ))}\n                </ComboboxPrimitive.List>\n              )}\n            </ComboboxPrimitive.Popup>\n          </ComboboxPrimitive.Positioner>\n        </ComboboxPrimitive.Portal>\n      </ComboboxPrimitive.Root>\n\n      <ErrorMessage dataTestId='spectral-combobox-error-message' id={errorMessageId} message={isInvalid ? (errorMessage ?? null) : null} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} />\n      <WarningMessage dataTestId='spectral-combobox-warning-message' id={warningMessageId} message={state === 'warning' ? (warningMessage ?? null) : null} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} />\n    </div>\n  )\n}\nCombobox.displayName = 'Combobox'\n"],"mappings":"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"}

package/dist/ControlGroup/ControlGroupSelect.d.ts

@@ -1,51 +1,81 @@
-import { Input } from '../primitives/input';
-import { Select } from '../primitives/select';
-import { DropdownWidth, FormFieldState } from '../utils/formFieldUtils';
-import { ComponentProps } from 'react';
-import { ControlGroupProps } from './ControlGroup';
-export interface SelectOptionType {
-    disabled?: boolean;
-    label: string;
-    value: string;
+'use client';
+import { DropdownWidth, FormFieldState } from "../utils/formFieldUtils.js";
+import { ControlGroupProps } from "../ControlGroup.js";
+import { Input } from "../primitives/input.js";
+import { Select } from "../primitives/select.js";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/ControlGroup/ControlGroupSelect.d.ts
+interface SelectOptionType {
+  disabled?: boolean;
+  label: string;
+  value: string;
 }
 /** `inline`: `inputPlaceholder` / `selectPlaceholder` show inside the fields. `above`: same strings render as labels above each control (no inner placeholders). */
-export type ControlGroupSelectCaptionLayout = 'above' | 'inline';
+type ControlGroupSelectCaptionLayout = 'above' | 'inline';
 type ControlGroupSelectInputControlProps = {
-    inputValue: ComponentProps<typeof Input>['value'];
-    onInputChange: ComponentProps<typeof Input>['onChange'];
+  inputValue: ComponentProps<typeof Input>['value'];
+  onInputChange: ComponentProps<typeof Input>['onChange'];
 } | {
-    inputValue?: undefined;
-    onInputChange?: undefined;
+  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;
-    captionLayout?: ControlGroupSelectCaptionLayout;
-    className?: string;
-    dataTestId?: string;
-    disabled?: boolean;
-    dropdownWidth?: DropdownWidth;
-    errorMessage?: string | string[] | Record<string, unknown> | null;
-    id?: string;
-    /** Class applied to the input `ControlGroupItem` segment for width/split composition. */
-    inputItemClassName?: 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;
-    /** Class applied to the select `ControlGroupItem` segment for width/split composition. */
-    selectItemClassName?: string;
-    selectOptions: SelectOptionType[];
-    state?: Exclude<FormFieldState, 'disabled'>;
-    type?: 'number' | 'text';
-    warningMessage?: string | string[] | Record<string, unknown> | null;
+  amountStep?: number; /** Accessible name for the group wrapper (use when there is no visible group heading). */
+  ariaLabel?: string;
+  captionLayout?: ControlGroupSelectCaptionLayout;
+  className?: string;
+  dataTestId?: string;
+  disabled?: boolean;
+  dropdownWidth?: DropdownWidth;
+  errorMessage?: string | string[] | Record<string, unknown> | null;
+  id?: string; /** Class applied to the input `ControlGroupItem` segment for width/split composition. */
+  inputItemClassName?: string; /** When `captionLayout` is `inline`, overrides the input's accessible name (defaults to `inputPlaceholder` when set). */
+  inputAriaLabel?: string;
+  inputPlaceholder?: string;
+  maxAmount?: number; /** Number of message lines to reserve (default: 1). */
+  messageReserveLines?: number; /** Whether to keep message space reserved when hidden (default: true). */
+  messageReserveSpace?: boolean;
+  minAmount?: number;
+  selectPlaceholder?: string; /** When `captionLayout` is `inline` and `selectPlaceholder` is empty, sets the select trigger's accessible name. */
+  selectAriaLabel?: string; /** Class applied to the select `ControlGroupItem` segment for width/split composition. */
+  selectItemClassName?: string;
+  selectOptions: SelectOptionType[];
+  state?: Exclude<FormFieldState, 'disabled'>;
+  type?: 'number' | 'text';
+  warningMessage?: string | string[] | Record<string, unknown> | null;
 };
-export type ControlGroupSelectProps = ControlGroupSelectBaseProps & ControlGroupSelectInputControlProps;
-export declare const ControlGroupSelect: ({ amountStep, ariaLabel, captionLayout, className, dataTestId, disabled, errorMessage, id, dropdownWidth, inputAriaLabel, inputPlaceholder, inputItemClassName, inputValue, maxAmount, minAmount, onInputChange, orientation, selectAriaLabel, selectItemClassName, selectOptions, selectPlaceholder, state, type, warningMessage, ...selectProps }: ControlGroupSelectProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+type ControlGroupSelectProps = ControlGroupSelectBaseProps & ControlGroupSelectInputControlProps;
+declare const ControlGroupSelect: ({
+  amountStep,
+  ariaLabel,
+  captionLayout,
+  className,
+  dataTestId,
+  disabled,
+  errorMessage,
+  id,
+  dropdownWidth,
+  inputAriaLabel,
+  inputPlaceholder,
+  inputItemClassName,
+  inputValue,
+  messageReserveLines,
+  messageReserveSpace,
+  maxAmount,
+  minAmount,
+  onInputChange,
+  orientation,
+  selectAriaLabel,
+  selectItemClassName,
+  selectOptions,
+  selectPlaceholder,
+  state,
+  type,
+  warningMessage,
+  ...selectProps
+}: ControlGroupSelectProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ControlGroupSelect, ControlGroupSelectCaptionLayout, ControlGroupSelectProps, SelectOptionType };
 //# sourceMappingURL=ControlGroupSelect.d.ts.map

package/dist/ControlGroup/ControlGroupSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlGroupSelect.d.ts","names":[],"sources":["../../src/components/ControlGroup/ControlGroupSelect.tsx"],"mappings":";;;;;;;;;UAYiB,gBAAA;EACf,QAAA;EACA,KAAA;EACA,KAAA;AAAA;;KAIU,+BAAA;AAAA,KAEP,mCAAA;EAEC,UAAA,EAAY,cAAA,QAAsB,KAAA;EAClC,aAAA,EAAe,cAAA,QAAsB,KAAA;AAAA;EAGrC,UAAA;EACA,aAAA;AAAA;AAAA,KAGD,2BAAA,GAA8B,cAAA,QAAsB,MAAA,IACvD,IAAA,CAAK,iBAAA;EACH,UAAA,WAduC;EAgBvC,SAAA;EACA,aAAA,GAAgB,+BAAA;EAChB,SAAA;EACA,UAAA;EACA,QAAA;EACA,aAAA,GAAgB,aAAA;EAChB,YAAA,uBAAmC,MAAA;EACnC,EAAA,WAlB+B;EAoB/B,kBAAA,WArBc;EAuBd,cAAA;EACA,gBAAA;EACA,SAAA,WAxBuC;EA0BvC,mBAAA,WAtBE;EAwBF,mBAAA;EACA,SAAA;EACA,iBAAA,WAvB4B;EAyB5B,eAAA,WAzBqD;EA2BrD,mBAAA;EACA,aAAA,EAAe,gBAAA;EACf,KAAA,GAAQ,OAAA,CAAQ,cAAA;EAChB,IAAA;EACA,cAAA,uBAAqC,MAAA;AAAA;AAAA,KAG7B,uBAAA,GAA0B,2BAAA,GAA8B,mCAAA;AAAA,cAiBvD,kBAAA;EAAkB,UAAA;EAAA,SAAA;EAAA,aAAA;EAAA,SAAA;EAAA,UAAA;EAAA,QAAA;EAAA,YAAA;EAAA,EAAA;EAAA,aAAA;EAAA,cAAA;EAAA,gBAAA;EAAA,kBAAA;EAAA,UAAA;EAAA,mBAAA;EAAA,mBAAA;EAAA,SAAA;EAAA,SAAA;EAAA,aAAA;EAAA,WAAA;EAAA,eAAA;EAAA,mBAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,KAAA;EAAA,IAAA;EAAA,cAAA;EAAA,GAAA;AAAA,GA4B5B,uBAAA,KAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA"}