@datum-cloud/datum-ui 0.6.0-alpha.a49f238 → 0.6.0-alpha.a9a8815

package/README.md

@@ -141,8 +141,10 @@ Complex, fully-customized components with significant business logic.
 | `Autocomplete`                                                                                                                   | —                                         | Search autocomplete input                  |
 | `AvatarStack`                                                                                                                    | —                                         | Stacked avatar display                     |
 | `CalendarDatePicker`                                                                                                             | `react-day-picker`, `date-fns`            | Date/range picker with presets             |
+| `Combobox`                                                                                                                       | —                                         | Searchable single-select dropdown          |
 | `CodeEditor`, `CodeEditorTabs`                                                                                                   | `@monaco-editor/react`, `monaco-editor`   | Monaco-based code editor with VS Code UX   |
 | `DataTable`, `DataTableColumnHeader`, `DataTablePagination`, `DataTableToolbar`, `DataTableViewOptions`                          | `@tanstack/react-table`                   | Advanced data table with sorting/filtering |
+| `DateTimePicker`, `TimePicker`                                                                                                   | `date-fns`, `date-fns-tz`                 | Date/time picker with timezone support     |
 | `Dropdown`, `DropdownHeader`, `DropdownItem`, `DropdownSection`                                                                  | —                                         | Dropdown menu                              |
 | `Dropzone`                                                                                                                       | `react-dropzone`                          | File drag-and-drop upload area             |
 | `EmptyContent`                                                                                                                   | —                                         | Empty state placeholder                    |
@@ -160,6 +162,7 @@ Complex, fully-customized components with significant business logic.
 | `TagInput`                                                                                                                       | —                                         | Tag/chip input                             |
 | `TaskQueue`, `TaskQueueProvider`, `TaskQueueDropdown`, `TaskPanelHeader`, `TaskSummaryDialog`                                    | —                                         | Background task queue with progress UI     |
 | `TimeRangePicker`                                                                                                                | `date-fns`, `date-fns-tz`                 | Time range selector with timezone support  |
+| `Transfer`                                                                                                                       | —                                         | Dual-panel item selector with search       |
 | `Toast`, `Toaster`, `useToast`                                                                                                   | `sonner`                                  | Toast notifications                        |
 
 ## Usage Examples

package/dist/combobox/index.mjs

@@ -0,0 +1,2 @@
+import { t as Combobox } from "../combobox-cKTFK4uN.mjs";
+export { Combobox };

package/dist/combobox-cKTFK4uN.mjs

@@ -0,0 +1,96 @@
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-DqHWukGK.mjs";
+import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-FJAcbYoH.mjs";
+import { CheckIcon, ChevronDown, X } from "lucide-react";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/features/combobox/combobox.tsx
+/**
+* Combobox - Single-select dropdown with search
+*
+* A simpler alternative to Autocomplete for basic select scenarios.
+* Supports grouped options and search filtering.
+*
+* @example
+* ```tsx
+* const options = [
+*   { value: '1', label: 'Option 1' },
+*   { value: '2', label: 'Option 2' },
+* ]
+*
+* <Combobox
+*   options={options}
+*   value={value}
+*   onChange={setValue}
+*   placeholder="Select an option"
+* />
+* ```
+*/
+function Combobox({ options, value, onChange, placeholder = "Select option...", searchPlaceholder = "Search...", emptyMessage = "No options found.", disabled = false, className, triggerClassName, contentClassName, searchable = true, showDropdownArrow = true, clearable = false, id, "data-testid": testId }) {
+	const [open, setOpen] = React$1.useState(false);
+	const isGrouped = options.length > 0 && "options" in options[0];
+	const selectedOption = React$1.useMemo(() => {
+		if (isGrouped) return options.flatMap((group) => group.options);
+		return options;
+	}, [options, isGrouped]).find((opt) => opt.value === value);
+	const handleSelect = React$1.useCallback((selectedValue) => {
+		onChange?.(selectedValue === value ? void 0 : selectedValue);
+		setOpen(false);
+	}, [value, onChange]);
+	const handleClear = React$1.useCallback((e) => {
+		e.stopPropagation();
+		onChange?.(void 0);
+	}, [onChange]);
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				role: "combobox",
+				"aria-expanded": open,
+				disabled,
+				id,
+				"data-testid": testId,
+				className: cn("flex h-10 w-full items-center justify-between rounded-lg border border-input bg-background px-3 py-2 text-sm", "ring-offset-background placeholder:text-muted-foreground", "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", triggerClassName, className),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: selectedOption ? selectedOption.label : placeholder
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "ml-2 flex shrink-0 items-center gap-1",
+					children: [clearable && selectedOption && !disabled && /* @__PURE__ */ jsx(X, {
+						className: "size-4 opacity-50 hover:opacity-100",
+						onClick: handleClear
+					}), showDropdownArrow && /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 opacity-50" })]
+				})]
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: cn("w-[--radix-popover-trigger-width] p-0", contentClassName),
+			align: "start",
+			children: /* @__PURE__ */ jsxs(Command, { children: [searchable && /* @__PURE__ */ jsx(CommandInput, {
+				placeholder: searchPlaceholder,
+				className: "h-9"
+			}), /* @__PURE__ */ jsxs(CommandList, {
+				className: "max-h-[300px]",
+				children: [/* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage }), isGrouped ? options.map((group) => /* @__PURE__ */ jsx(CommandGroup, {
+					heading: group.label,
+					children: group.options.map((option) => /* @__PURE__ */ jsxs(CommandItem, {
+						value: option.value,
+						disabled: option.disabled,
+						onSelect: handleSelect,
+						children: [option.label, /* @__PURE__ */ jsx(CheckIcon, { className: cn("ml-auto size-4", value === option.value ? "opacity-100" : "opacity-0") })]
+					}, option.value))
+				}, group.label)) : /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(CommandItem, {
+					value: option.value,
+					disabled: option.disabled,
+					onSelect: handleSelect,
+					children: [option.label, /* @__PURE__ */ jsx(CheckIcon, { className: cn("ml-auto size-4", value === option.value ? "opacity-100" : "opacity-0") })]
+				}, option.value)) })]
+			})] })
+		})]
+	});
+}
+Combobox.displayName = "Combobox";
+//#endregion
+export { Combobox as t };

package/dist/components/features/combobox/combobox.d.ts

@@ -0,0 +1,27 @@
+import type { ComboboxProps } from './types';
+/**
+ * Combobox - Single-select dropdown with search
+ *
+ * A simpler alternative to Autocomplete for basic select scenarios.
+ * Supports grouped options and search filtering.
+ *
+ * @example
+ * ```tsx
+ * const options = [
+ *   { value: '1', label: 'Option 1' },
+ *   { value: '2', label: 'Option 2' },
+ * ]
+ *
+ * <Combobox
+ *   options={options}
+ *   value={value}
+ *   onChange={setValue}
+ *   placeholder="Select an option"
+ * />
+ * ```
+ */
+export declare function Combobox({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, triggerClassName, contentClassName, searchable, showDropdownArrow, clearable, id, 'data-testid': testId, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Combobox {
+    var displayName: string;
+}
+//# sourceMappingURL=combobox.d.ts.map

package/dist/components/features/combobox/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/features/combobox/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiC,aAAa,EAAE,MAAM,SAAS,CAAA;AAc3E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAgC,EAChC,iBAA+B,EAC/B,YAAkC,EAClC,QAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,UAAiB,EACjB,iBAAwB,EACxB,SAAiB,EACjB,EAAE,EACF,aAAa,EAAE,MAAM,GACtB,EAAE,aAAa,2CAgIf;yBAhJe,QAAQ"}

package/dist/components/features/combobox/index.d.ts

@@ -0,0 +1,3 @@
+export { Combobox } from './combobox';
+export type { ComboboxGroup, ComboboxOption, ComboboxProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/features/combobox/types.d.ts

@@ -0,0 +1,78 @@
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface ComboboxGroup {
+    label: string;
+    options: ComboboxOption[];
+}
+export interface ComboboxProps {
+    /**
+     * Available options (flat or grouped)
+     */
+    'options': ComboboxOption[] | ComboboxGroup[];
+    /**
+     * Selected value
+     */
+    'value'?: string;
+    /**
+     * Called when selection changes
+     */
+    'onChange'?: (value: string | undefined) => void;
+    /**
+     * Placeholder for trigger button
+     * @default "Select option..."
+     */
+    'placeholder'?: string;
+    /**
+     * Placeholder for search input
+     * @default "Search..."
+     */
+    'searchPlaceholder'?: string;
+    /**
+     * Message shown when no options match
+     * @default "No options found."
+     */
+    'emptyMessage'?: string;
+    /**
+     * Disable the combobox
+     */
+    'disabled'?: boolean;
+    /**
+     * Additional CSS classes for container
+     */
+    'className'?: string;
+    /**
+     * Additional CSS classes for trigger button
+     */
+    'triggerClassName'?: string;
+    /**
+     * Additional CSS classes for popover content
+     */
+    'contentClassName'?: string;
+    /**
+     * Enable search functionality
+     * @default true
+     */
+    'searchable'?: boolean;
+    /**
+     * Show dropdown arrow icon
+     * @default true
+     */
+    'showDropdownArrow'?: boolean;
+    /**
+     * Allow clearing the selection
+     * @default false
+     */
+    'clearable'?: boolean;
+    /**
+     * ID for the combobox
+     */
+    'id'?: string;
+    /**
+     * Test ID
+     */
+    'data-testid'?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/features/combobox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/combobox/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,cAAc,EAAE,CAAA;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,SAAS,EAAE,cAAc,EAAE,GAAG,aAAa,EAAE,CAAA;IAE7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAEhD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB"}

package/dist/components/features/date-time-picker/date-time-picker.d.ts

@@ -0,0 +1,9 @@
+import type { DateTimePickerProps } from './types';
+import * as React from 'react';
+export declare function DateTimePicker({ ref, value, onChange, minDate, maxDate, disabledDates, timezone, showTimezoneIndicator, placeholder, disabled, className }: DateTimePickerProps & {
+    ref?: React.RefObject<HTMLDivElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace DateTimePicker {
+    var displayName: string;
+}
+//# sourceMappingURL=date-time-picker.d.ts.map

package/dist/components/features/date-time-picker/date-time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/features/date-time-picker/date-time-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAiB,MAAM,SAAS,CAAA;AAIjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,wBAAgB,cAAc,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,QAA2B,EAAE,qBAA6B,EAAE,WAAoC,EAAE,QAAgB,EAAE,SAAS,EAAE,EAAE,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAAE,2CAkH9R;yBAlHe,cAAc"}

package/dist/components/features/date-time-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { DateTimePicker } from './date-time-picker';
+export type { DateTimePickerProps, DateTimeState } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/date-time-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/date-time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,YAAY,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/features/date-time-picker/types.d.ts

@@ -0,0 +1,53 @@
+export interface DateTimePickerProps {
+    /**
+     * Current value (UTC ISO string)
+     * @example "2024-01-15T14:30:00Z"
+     */
+    value?: string;
+    /**
+     * Called when value changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Minimum selectable date
+     */
+    minDate?: Date;
+    /**
+     * Maximum selectable date
+     */
+    maxDate?: Date;
+    /**
+     * Dates that should be disabled
+     */
+    disabledDates?: Date[] | ((date: Date) => boolean);
+    /**
+     * Timezone for display (defaults to browser timezone)
+     * @example "America/New_York"
+     */
+    timezone?: string;
+    /**
+     * Show timezone indicator below input
+     * @default false
+     */
+    showTimezoneIndicator?: boolean;
+    /**
+     * Input placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Disable the input
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * Internal state for date + time selection
+ */
+export interface DateTimeState {
+    date: Date | undefined;
+    time: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/features/date-time-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/date-time-picker/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAElC;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAA;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAA;IAEd;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAA;IAElD;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;CACb"}

package/dist/components/features/date-time-picker/utils/format.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Format date for display
+ */
+export declare function formatDate(date: Date | undefined): string;
+/**
+ * Format time for display
+ */
+export declare function formatTime(time: string): string;
+/**
+ * Format full date-time for display
+ */
+export declare function formatDateTime(date: Date | undefined, time: string): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/components/features/date-time-picker/utils/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/date-time-picker/utils/format.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,GAAG,MAAM,CAIzD;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI/C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAI3E"}

package/dist/components/features/date-time-picker/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './format';
+export * from './timezone';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/date-time-picker/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/date-time-picker/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA"}

package/dist/components/features/date-time-picker/utils/timezone.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Get the browser's timezone
+ */
+export declare function getBrowserTimezone(): string;
+/**
+ * Convert local date + time to UTC ISO string
+ * @param date - Date object (date part)
+ * @param time - Time string in HH:mm format
+ * @param timezone - IANA timezone (e.g., "America/New_York")
+ * @returns UTC ISO string
+ */
+export declare function localDateTimeToUtc(date: Date, time: string, timezone: string): string;
+/**
+ * Convert UTC ISO string to local date + time
+ * @param utcString - UTC ISO string
+ * @param timezone - IANA timezone
+ * @returns Object with date and time (HH:mm)
+ */
+export declare function utcToLocalDateTime(utcString: string, timezone: string): {
+    date: Date;
+    time: string;
+};
+//# sourceMappingURL=timezone.d.ts.map

package/dist/components/features/date-time-picker/utils/timezone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/date-time-picker/utils/timezone.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GACf,MAAM,CAwBR;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,GACf;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CA4B9B"}

package/dist/components/features/form/adapters/conform/conform-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conform-adapter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/features/form/adapters/conform/conform-adapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,WAAW,EAMZ,MAAM,qBAAqB,CAAA;AA6b5B;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,WAQ5B,CAAA"}
+{"version":3,"file":"conform-adapter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/features/form/adapters/conform/conform-adapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,WAAW,EAMZ,MAAM,qBAAqB,CAAA;AA0c5B;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,WAQ5B,CAAA"}

package/dist/components/features/form/components/form-autosearch.d.ts

@@ -0,0 +1,25 @@
+import type { FormAutocompleteProps } from '../../autocomplete/autocomplete.types';
+/**
+ * Form.Autosearch - Alias to Form.Autocomplete with search-first focus
+ *
+ * This is a convenience wrapper around Form.Autocomplete that emphasizes
+ * the search functionality. It's functionally identical to Form.Autocomplete.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Form.Field name="search" label="Search">
+ *   <Form.Autosearch
+ *     options={options}
+ *     placeholder="Type to search..."
+ *   />
+ * </Form.Field>
+ * ```
+ */
+export declare function FormAutosearch<T extends {
+    value: string;
+    label: string;
+}>(props: FormAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormAutosearch {
+    var displayName: string;
+}
+//# sourceMappingURL=form-autosearch.d.ts.map

package/dist/components/features/form/components/form-autosearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-autosearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-autosearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA;AAGlF;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EACvE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAGhC;yBAJe,cAAc"}

package/dist/components/features/form/components/form-combobox.d.ts

@@ -0,0 +1,76 @@
+import type { ComboboxGroup, ComboboxOption } from '../../combobox';
+/**
+ * Form.Combobox - Single-select dropdown with search for forms
+ *
+ * Automatically wired to the parent Form.Field context.
+ *
+ * @example
+ * ```tsx
+ * const options = [
+ *   { value: '1', label: 'Option 1' },
+ *   { value: '2', label: 'Option 2' },
+ * ]
+ *
+ * <Form.Field name="country" label="Country" required>
+ *   <Form.Combobox options={options} placeholder="Select a country" />
+ * </Form.Field>
+ * ```
+ */
+export interface FormComboboxProps {
+    /**
+     * Available options (flat or grouped)
+     */
+    'options': ComboboxOption[] | ComboboxGroup[];
+    /**
+     * Placeholder for trigger button
+     */
+    'placeholder'?: string;
+    /**
+     * Placeholder for search input
+     */
+    'searchPlaceholder'?: string;
+    /**
+     * Message shown when no options match
+     */
+    'emptyMessage'?: string;
+    /**
+     * Disable the combobox
+     */
+    'disabled'?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    'className'?: string;
+    /**
+     * Additional CSS classes for trigger button
+     */
+    'triggerClassName'?: string;
+    /**
+     * Additional CSS classes for popover content
+     */
+    'contentClassName'?: string;
+    /**
+     * Enable search functionality
+     * @default true
+     */
+    'searchable'?: boolean;
+    /**
+     * Show dropdown arrow icon
+     * @default true
+     */
+    'showDropdownArrow'?: boolean;
+    /**
+     * Allow clearing the selection
+     * @default false
+     */
+    'clearable'?: boolean;
+    /**
+     * Test ID
+     */
+    'data-testid'?: string;
+}
+export declare function FormCombobox({ options, placeholder, searchPlaceholder, emptyMessage, disabled, className, triggerClassName, contentClassName, searchable, showDropdownArrow, clearable, 'data-testid': testId, }: FormComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormCombobox {
+    var displayName: string;
+}
+//# sourceMappingURL=form-combobox.d.ts.map

package/dist/components/features/form/components/form-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAMnE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,EAAE,cAAc,EAAE,GAAG,aAAa,EAAE,CAAA;IAE7C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,UAAiB,EACjB,iBAAwB,EACxB,SAAiB,EACjB,aAAa,EAAE,MAAM,GACtB,EAAE,iBAAiB,2CA+BnB;yBA5Ce,YAAY"}

package/dist/components/features/form/components/form-date-picker.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Form.DatePicker - Date picker component for forms
+ *
+ * Automatically wired to the parent Form.Field context.
+ * Extracts minDate/maxDate constraints from Zod schema.
+ *
+ * @example
+ * ```tsx
+ * <Form.Field name="startDate" label="Start Date" required>
+ *   <Form.DatePicker />
+ * </Form.Field>
+ * ```
+ */
+export interface FormDatePickerProps {
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disable the picker */
+    disabled?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Custom trigger button className */
+    triggerClassName?: string;
+    /** Number of months to display (1 = single date, 2 = date range) */
+    numberOfMonths?: 1 | 2;
+    /** Minimum selectable date (overrides schema) */
+    minDate?: Date;
+    /** Maximum selectable date (overrides schema) */
+    maxDate?: Date;
+    /** Disable future dates */
+    disableFuture?: boolean;
+    /** Disable past dates */
+    disablePast?: boolean;
+}
+export declare function FormDatePicker({ placeholder, disabled, className, triggerClassName, numberOfMonths, minDate: minDateProp, maxDate: maxDateProp, disableFuture, disablePast, }: FormDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormDatePicker {
+    var displayName: string;
+}
+//# sourceMappingURL=form-date-picker.d.ts.map

package/dist/components/features/form/components/form-date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-date-picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-date-picker.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,oEAAoE;IACpE,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACtB,iDAAiD;IACjD,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,iDAAiD;IACjD,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,cAAkB,EAClB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,aAAa,EACb,WAAW,GACZ,EAAE,mBAAmB,2CA+ErB;yBAzFe,cAAc"}

package/dist/components/features/form/components/form-date-time-picker.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Form.DateTimePicker - Date and time picker component for forms
+ *
+ * Automatically wired to the parent Form.Field context.
+ * Extracts minDate/maxDate constraints from Zod schema.
+ * Value is stored as UTC ISO string.
+ *
+ * @example
+ * ```tsx
+ * <Form.Field name="scheduledAt" label="Scheduled At" required>
+ *   <Form.DateTimePicker />
+ * </Form.Field>
+ * ```
+ */
+export interface FormDateTimePickerProps {
+    /** Minimum selectable date (overrides schema) */
+    minDate?: Date;
+    /** Maximum selectable date (overrides schema) */
+    maxDate?: Date;
+    /** Function to disable specific dates */
+    disabledDates?: (date: Date) => boolean;
+    /** User's timezone (defaults to browser timezone) */
+    timezone?: string;
+    /** Show timezone indicator */
+    showTimezoneIndicator?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Disable the picker */
+    disabled?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare function FormDateTimePicker({ minDate: minDateProp, maxDate: maxDateProp, disabledDates, timezone, showTimezoneIndicator, placeholder, disabled, className, }: FormDateTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormDateTimePicker {
+    var displayName: string;
+}
+//# sourceMappingURL=form-date-time-picker.d.ts.map

package/dist/components/features/form/components/form-date-time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-date-time-picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-date-time-picker.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,uBAAuB;IACtC,iDAAiD;IACjD,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,iDAAiD;IACjD,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,yCAAyC;IACzC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IACvC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8BAA8B;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,aAAa,EACb,QAAQ,EACR,qBAAqB,EACrB,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,2CA6CzB;yBAtDe,kBAAkB"}

package/dist/components/features/form/components/form-time-picker.d.ts

@@ -0,0 +1,21 @@
+import type { TimePickerProps } from '../../time-picker/types';
+/**
+ * Form.TimePicker - Simple time input component for forms
+ *
+ * Automatically wired to the parent Form.Field context.
+ * Value format: "HH:mm" (e.g., "14:30")
+ *
+ * @example
+ * ```tsx
+ * <Form.Field name="time" label="Time">
+ *   <Form.TimePicker />
+ * </Form.Field>
+ * ```
+ */
+export interface FormTimePickerProps extends Omit<TimePickerProps, 'value' | 'onChange' | 'id' | 'aria-invalid' | 'aria-describedby'> {
+}
+export declare function FormTimePicker({ min, max, step, placeholder, disabled, className, }: FormTimePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormTimePicker {
+    var displayName: string;
+}
+//# sourceMappingURL=form-time-picker.d.ts.map

package/dist/components/features/form/components/form-time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-time-picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-time-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAM9D;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,GAAG,IAAI,GAAG,cAAc,GAAG,kBAAkB,CAAC;CAEpI;AAED,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,GAAG,EACH,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,2CA+BrB;yBAtCe,cAAc"}

package/dist/components/features/form/components/form-transfer.d.ts

@@ -0,0 +1,37 @@
+import type { TransferProps } from '../../transfer/types';
+export interface FormTransferProps<T> extends Omit<TransferProps<T>, 'value' | 'onChange'> {
+    /**
+     * Minimum number of items that must be selected (for display purposes).
+     * Extracted automatically from schema but can be overridden.
+     */
+    minItems?: number;
+    /**
+     * Maximum number of items that can be selected (for display purposes).
+     * Extracted automatically from schema but can be overridden.
+     */
+    maxItems?: number;
+}
+/**
+ * Form.Transfer - Transfer list component for selecting multiple items
+ *
+ * Automatically wired to the parent Form.Field context.
+ * Displays minItems/maxItems constraints when provided.
+ *
+ * @example
+ * ```tsx
+ * <Form.Field name="teams" label="Select Teams">
+ *   <Form.Transfer
+ *     items={teams}
+ *     itemKey="id"
+ *     itemLabel="name"
+ *     minItems={2}
+ *     maxItems={5}
+ *   />
+ * </Form.Field>
+ * ```
+ */
+export declare function FormTransfer<T>({ disabled, minItems, maxItems, ...props }: FormTransferProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormTransfer {
+    var displayName: string;
+}
+//# sourceMappingURL=form-transfer.d.ts.map