@pickle-ui/react 0.0.0-stage → 1.0.0-beta.4

package/dist/components/form/Combobox.js

@@ -0,0 +1,198 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
+import { IconCheck, IconPlus, IconSelector, IconX } from '@tabler/icons-react';
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+import { Input } from './Input.js';
+const CREATE_ITEM = Symbol('pickle-ui.combobox.create');
+// Stable fallback so an unset multiple value keeps the same identity.
+const EMPTY_VALUE = [];
+const ComboboxCreateLabelContext = React.createContext(defaultCreateLabel);
+const comboboxItemClassName = "data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const comboboxIconButtonClassName = "text-muted-foreground hover:text-foreground focus-visible:ring-ring/50 inline-flex size-6 shrink-0 cursor-default items-center justify-center rounded-md outline-none focus-visible:ring-2 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4";
+function ComboboxChip({ children, className, classNames, removeLabel = 'Remove', ...props }) {
+    return (_jsxs(ComboboxPrimitive.Chip, { className: cn('bg-accent text-accent-foreground data-highlighted:ring-ring/50 flex h-6 items-center gap-0.5 rounded-md ps-2 text-xs font-medium outline-none data-highlighted:ring-2', className), "data-slot": "combobox-chip", ...props, children: [children, _jsx(ComboboxPrimitive.ChipRemove, { "aria-label": removeLabel, className: cn('text-muted-foreground hover:text-foreground inline-flex size-5 cursor-default items-center justify-center rounded-sm [&_svg]:size-3.5', classNames?.remove), "data-slot": "combobox-chip-remove", children: _jsx(IconX, {}) })] }));
+}
+function ComboboxChips({ className, ...props }) {
+    return (_jsx(ComboboxPrimitive.Chips, { className: cn('border-input bg-background text-foreground ring-ring/24 has-focus-visible:border-ring has-aria-invalid:border-destructive/36 has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 dark:bg-input/32 dark:has-aria-invalid:ring-destructive/24 relative flex min-h-8 w-full flex-wrap items-center gap-1 rounded-lg border p-[calc(--spacing(1)-1px)] text-base shadow-xs/5 transition-shadow not-dark:bg-clip-padding has-focus-visible:ring-[3px] has-disabled:opacity-64 sm:text-sm', className), "data-slot": "combobox-chips", 
+        // Anchor the popup to the whole chips box rather than the inner input.
+        render: _jsx(ComboboxPrimitive.InputGroup, {}), ...props }));
+}
+function ComboboxChipsInput({ className, ...props }) {
+    return (_jsx(ComboboxPrimitive.Input, { className: cn('placeholder:text-muted-foreground/72 h-6 min-w-12 flex-1 bg-transparent px-1.5 outline-none', className), "data-slot": "combobox-chips-input", ...props }));
+}
+function ComboboxClear({ children, className, ...props }) {
+    return (_jsx(ComboboxPrimitive.Clear, { "aria-label": "Clear", className: cn(comboboxIconButtonClassName, className), "data-slot": "combobox-clear", ...props, children: children ?? _jsx(IconX, {}) }));
+}
+function ComboboxCollection(props) {
+    return _jsx(ComboboxPrimitive.Collection, { ...props });
+}
+function ComboboxContent({ align = 'start', anchor, children, className, side = 'bottom', sideOffset = 4, ...props }) {
+    return (_jsx(ComboboxPrimitive.Portal, { children: _jsx(ComboboxPrimitive.Positioner, { align: align, anchor: anchor, className: "z-50", side: side, sideOffset: sideOffset, children: _jsx(ComboboxPrimitive.Popup, { className: cn('border-border bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 relative flex max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) flex-col overflow-hidden rounded-md border shadow-lg duration-100', className), "data-slot": "combobox-content", ...props, children: children }) }) }));
+}
+function ComboboxCreatableRoot({ createLabel = defaultCreateLabel, defaultValue, filter, inputValue: inputValueProp, isItemEqualToValue, items, itemToStringLabel, itemToStringValue, onCreate, onInputValueChange, onValueChange, value: valueProp, ...props }) {
+    const [uncontrolledInputValue, setUncontrolledInputValue] = React.useState(String(props.defaultInputValue ?? ''));
+    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+    const query = String(inputValueProp ?? uncontrolledInputValue).trim();
+    const value = valueProp !== undefined
+        ? valueProp
+        : (uncontrolledValue ?? (props.multiple ? EMPTY_VALUE : null));
+    const itemsWithCreate = React.useMemo(() => {
+        if (!items || !query || hasItemLabel(items, query, itemToStringLabel)) {
+            return items;
+        }
+        const createItem = {
+            [CREATE_ITEM]: true,
+            label: query,
+            value: `${CREATE_ITEM.description}:${query}`,
+        };
+        if (isGroupedItems(items)) {
+            const createGroup = {
+                [CREATE_ITEM]: true,
+                items: [createItem],
+                value: CREATE_ITEM.description ?? '',
+            };
+            return [...items, createGroup];
+        }
+        return [...items, createItem];
+    }, [items, itemToStringLabel, query]);
+    const resolveCreated = (item) => {
+        if (!isCreateItem(item)) {
+            return [item];
+        }
+        const created = onCreate(item.label);
+        return created === undefined ? [] : [created];
+    };
+    const handleValueChange = (nextValue, eventDetails) => {
+        let resolvedValue = nextValue;
+        if (Array.isArray(nextValue)) {
+            resolvedValue = nextValue.flatMap(resolveCreated);
+        }
+        else if (isCreateItem(nextValue)) {
+            const [created] = resolveCreated(nextValue);
+            if (created === undefined) {
+                return;
+            }
+            resolvedValue = created;
+        }
+        const typedValue = resolvedValue;
+        setUncontrolledValue(typedValue);
+        onValueChange?.(typedValue, eventDetails);
+    };
+    return (_jsx(ComboboxCreateLabelContext.Provider, { value: createLabel, children: _jsx(ComboboxPrimitive.Root, { ...props, filter: filter &&
+                ((item, filterQuery, toLabel) => isCreateItem(item) || filter(item, filterQuery, toLabel)), inputValue: inputValueProp, isItemEqualToValue: isItemEqualToValue &&
+                ((item, selected) => isCreateItem(item) || isCreateItem(selected)
+                    ? Object.is(item, selected)
+                    : isItemEqualToValue(item, selected)), items: itemsWithCreate, itemToStringLabel: itemToStringLabel &&
+                ((item) => isCreateItem(item) ? item.label : itemToStringLabel(item)), itemToStringValue: itemToStringValue &&
+                ((item) => isCreateItem(item) ? item.value : itemToStringValue(item)), onInputValueChange: (nextInputValue, eventDetails) => {
+                setUncontrolledInputValue(nextInputValue);
+                onInputValueChange?.(nextInputValue, eventDetails);
+            }, onValueChange: handleValueChange, value: value }) }));
+}
+function ComboboxCreateOption({ item }) {
+    const createLabel = React.useContext(ComboboxCreateLabelContext);
+    return (_jsxs(ComboboxPrimitive.Item, { className: comboboxItemClassName, "data-slot": "combobox-create", value: item, children: [_jsx(IconPlus, { className: "text-muted-foreground" }), createLabel(item.label)] }));
+}
+function ComboboxEmpty({ className, ...props }) {
+    return (_jsx(ComboboxPrimitive.Empty, { className: cn('text-muted-foreground text-center text-sm not-empty:py-6 empty:hidden', className), "data-slot": "combobox-empty", ...props }));
+}
+function ComboboxGroup({ className, ...props }) {
+    return (_jsx(ComboboxPrimitive.Group, { className: cn('scroll-my-1', className), "data-slot": "combobox-group", ...props }));
+}
+function ComboboxGroupLabel({ className, ...props }) {
+    return (_jsx(ComboboxPrimitive.GroupLabel, { className: cn('text-muted-foreground px-2 py-1.5 text-xs', className), "data-slot": "combobox-group-label", ...props }));
+}
+function ComboboxInput({ className, disabled, showClear = false, showTrigger = true, size = 'md', ...props }) {
+    const hasActions = showClear || showTrigger;
+    return (_jsxs(ComboboxPrimitive.InputGroup, { className: cn('relative w-full', className), "data-slot": "combobox-input-group", children: [_jsx(ComboboxPrimitive.Input, { "data-slot": "combobox-input", disabled: disabled, render: _jsx(Input, { className: cn(showClear && showTrigger && '*:data-[slot=input]:pe-14', hasActions &&
+                        !(showClear && showTrigger) &&
+                        '*:data-[slot=input]:pe-8'), nativeInput: true, size: size }), ...props }), hasActions ? (_jsxs("div", { className: "absolute inset-y-0 end-1 flex items-center gap-0.5", "data-slot": "combobox-actions", children: [showClear ? _jsx(ComboboxClear, { disabled: disabled }) : null, showTrigger ? _jsx(ComboboxTrigger, { disabled: disabled }) : null] })) : null] }));
+}
+function ComboboxItem({ children, className, classNames, ...props }) {
+    return (_jsxs(ComboboxPrimitive.Item, { className: cn(comboboxItemClassName, className), "data-slot": "combobox-item", ...props, children: [children, _jsx("span", { className: cn('pointer-events-none absolute right-2 flex size-4 items-center justify-center', classNames?.indicator), "data-slot": "combobox-item-indicator", children: _jsx(ComboboxPrimitive.ItemIndicator, { children: _jsx(IconCheck, { className: "pointer-events-none" }) }) })] }));
+}
+function ComboboxList({ children, className, ...props }) {
+    return (_jsx(ComboboxPrimitive.List, { className: cn('max-h-[min(var(--available-height),23rem)] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:hidden', className), "data-slot": "combobox-list", ...props, children: typeof children === 'function'
+            ? (item, index) => isCreateGroup(item) ? (_jsxs(ComboboxPrimitive.Group, { items: item.items, children: [index > 0 ? _jsx(ComboboxSeparator, {}) : null, _jsx(ComboboxPrimitive.Collection, { children: (createItem) => (_jsx(ComboboxCreateOption, { item: createItem }, createItem.value)) })] }, item.value)) : isCreateItem(item) ? (_jsx(ComboboxCreateOption, { item: item }, item.value)) : (children(item, index))
+            : children }));
+}
+function ComboboxRoot({ createLabel, onCreate, ...props }) {
+    if (!onCreate) {
+        return _jsx(ComboboxPrimitive.Root, { ...props });
+    }
+    return (_jsx(ComboboxCreatableRoot, { createLabel: createLabel, onCreate: onCreate, ...props }));
+}
+function ComboboxSeparator({ className, ...props }) {
+    return (_jsx(ComboboxPrimitive.Separator, { className: cn('bg-border/50 pointer-events-none -mx-1 my-1 h-px', className), "data-slot": "combobox-separator", ...props }));
+}
+function ComboboxStatus({ className, ...props }) {
+    return (_jsx(ComboboxPrimitive.Status, { className: cn('text-muted-foreground px-3 py-2 text-sm empty:hidden', className), "data-slot": "combobox-status", ...props }));
+}
+function ComboboxTrigger({ children, className, ...props }) {
+    return (_jsx(ComboboxPrimitive.Trigger, { "aria-label": "Open popup", className: cn(comboboxIconButtonClassName, className), "data-slot": "combobox-trigger", ...props, children: children ?? _jsx(IconSelector, {}) }));
+}
+function ComboboxValue(props) {
+    return _jsx(ComboboxPrimitive.Value, { ...props });
+}
+function defaultCreateLabel(inputValue) {
+    return `Create "${inputValue}"`;
+}
+// Mirrors Base UI's label resolution so the create option only appears when
+// the typed text matches no existing item.
+function getItemLabel(item, itemToStringLabel) {
+    if (itemToStringLabel && item != null) {
+        return itemToStringLabel(item) ?? '';
+    }
+    if (item && typeof item === 'object') {
+        if ('label' in item && item.label != null) {
+            return String(item.label);
+        }
+        if ('value' in item) {
+            return String(item.value);
+        }
+    }
+    return item == null ? '' : String(item);
+}
+function hasItemLabel(items, query, itemToStringLabel) {
+    const normalizedQuery = query.toLocaleLowerCase();
+    const flatItems = isGroupedItems(items)
+        ? items.flatMap((group) => group.items)
+        : items;
+    return flatItems.some((item) => getItemLabel(item, itemToStringLabel).trim().toLocaleLowerCase() ===
+        normalizedQuery);
+}
+function isCreateGroup(item) {
+    return isCreateMarked(item) && 'items' in item;
+}
+function isCreateItem(item) {
+    return isCreateMarked(item) && !('items' in item);
+}
+function isCreateMarked(item) {
+    return typeof item === 'object' && item !== null && CREATE_ITEM in item;
+}
+function isGroupedItems(items) {
+    const [first] = items;
+    return typeof first === 'object' && first !== null && 'items' in first;
+}
+const Combobox = Object.assign(ComboboxRoot, {
+    Chip: ComboboxChip,
+    Chips: ComboboxChips,
+    ChipsInput: ComboboxChipsInput,
+    Clear: ComboboxClear,
+    Collection: ComboboxCollection,
+    Content: ComboboxContent,
+    Empty: ComboboxEmpty,
+    Group: ComboboxGroup,
+    GroupLabel: ComboboxGroupLabel,
+    Input: ComboboxInput,
+    Item: ComboboxItem,
+    List: ComboboxList,
+    Separator: ComboboxSeparator,
+    Status: ComboboxStatus,
+    Trigger: ComboboxTrigger,
+    Value: ComboboxValue,
+});
+export { Combobox };
+//# sourceMappingURL=Combobox.js.map

package/dist/components/form/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/components/form/Combobox.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/Form.context.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { type UseFormReturn } from 'react-hook-form';
+type FormControlProps = {
+    id?: string;
+};
+type FormFieldContextValue = {
+    controlId?: string;
+    name?: string;
+};
+type UseFormControlPropsOptions = {
+    enabled?: boolean;
+};
+type WithoutAriaInvalid<Props> = Omit<Props, 'aria-invalid'> & {
+    'aria-invalid'?: never;
+};
+declare const FormFieldContext: React.Context<FormFieldContextValue | null>;
+declare const FormInputGroupContext: React.Context<boolean>;
+declare function getErrorMessage(error: unknown): React.ReactNode;
+declare function useFieldName(name: string | undefined): string | undefined;
+declare function useFormControlProps(props?: FormControlProps, { enabled }?: UseFormControlPropsOptions): {
+    'aria-invalid': boolean | undefined;
+    id: string | undefined;
+};
+declare function useFormMethods(): UseFormReturn;
+declare function useRequiredFieldName(name: string | undefined, componentName: string): string;
+export { FormFieldContext, FormInputGroupContext, getErrorMessage, useFieldName, useFormControlProps, useFormMethods, useRequiredFieldName, };
+export type { FormControlProps, FormFieldContextValue, UseFormControlPropsOptions, WithoutAriaInvalid, };
+//# sourceMappingURL=Form.context.d.ts.map

package/dist/components/form/Form.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.context.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAEzB,KAAK,gBAAgB,GAAG;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AACF,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AACF,KAAK,0BAA0B,GAAG;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AACF,KAAK,kBAAkB,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG;IAC7D,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,gBAAgB,6CAErB,CAAC;AACF,QAAA,MAAM,qBAAqB,wBAA6B,CAAC;AAEzD,iBAAS,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAgBxD;AAED,iBAAS,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,sBAI7C;AAKD,iBAAS,mBAAmB,CAC1B,KAAK,GAAE,gBAAqB,EAC5B,EAAE,OAAc,EAAE,GAAE,0BAA+B;;;EAkBpD;AAED,iBAAS,cAAc,kBAUtB;AAED,iBAAS,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,aAAa,EAAE,MAAM,UAU5E;AAED,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GACrB,CAAC;AACF,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,0BAA0B,EAC1B,kBAAkB,GACnB,CAAC"}

package/dist/components/form/Form.context.js

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { useFormContext, useFormState, } from 'react-hook-form';
+const FormFieldContext = React.createContext(null);
+const FormInputGroupContext = React.createContext(false);
+function getErrorMessage(error) {
+    if (!error || typeof error !== 'object') {
+        return undefined;
+    }
+    const message = error.message;
+    if (React.isValidElement(message) ||
+        typeof message === 'string' ||
+        typeof message === 'number') {
+        return message;
+    }
+    return undefined;
+}
+function useFieldName(name) {
+    const field = React.useContext(FormFieldContext);
+    return name ?? field?.name;
+}
+// React Hook Form exposes field state, but it does not attach DOM aria/id
+// props to custom controls. This maps the current Form.Field onto the actual
+// visible control.
+function useFormControlProps(props = {}, { enabled = true } = {}) {
+    const field = React.useContext(FormFieldContext);
+    const { control, getFieldState } = useFormMethods();
+    const name = enabled ? field?.name : undefined;
+    const formState = useFormState({
+        control,
+        disabled: !name,
+        exact: true,
+        name,
+    });
+    const controlId = enabled ? field?.controlId : undefined;
+    const invalid = name ? getFieldState(name, formState).invalid : false;
+    return {
+        'aria-invalid': controlId && invalid ? true : undefined,
+        id: controlId ?? props.id,
+    };
+}
+function useFormMethods() {
+    const methods = useFormContext();
+    if (!methods) {
+        throw new Error('Form components must be rendered inside <Form form={form}>.');
+    }
+    return methods;
+}
+function useRequiredFieldName(name, componentName) {
+    const fieldName = useFieldName(name);
+    if (!fieldName) {
+        throw new Error(`${componentName} requires a name prop or a parent <Form.Field name="...">.`);
+    }
+    return fieldName;
+}
+export { FormFieldContext, FormInputGroupContext, getErrorMessage, useFieldName, useFormControlProps, useFormMethods, useRequiredFieldName, };
+//# sourceMappingURL=Form.context.js.map

package/dist/components/form/Form.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.context.js","sourceRoot":"","sources":["../../../src/components/form/Form.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,cAAc,EAEd,YAAY,GACb,MAAM,iBAAiB,CAAC;AAgBzB,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAC1C,IAAI,CACL,CAAC;AACF,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAEzD,SAAS,eAAe,CAAC,KAAc;IACrC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACxC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,OAAO,GAAI,KAA+B,CAAC,OAAO,CAAC;IAEzD,IACE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;QAC7B,OAAO,OAAO,KAAK,QAAQ;QAC3B,OAAO,OAAO,KAAK,QAAQ,EAC3B,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,YAAY,CAAC,IAAwB;IAC5C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEjD,OAAO,IAAI,IAAI,KAAK,EAAE,IAAI,CAAC;AAC7B,CAAC;AAED,0EAA0E;AAC1E,6EAA6E;AAC7E,mBAAmB;AACnB,SAAS,mBAAmB,CAC1B,QAA0B,EAAE,EAC5B,EAAE,OAAO,GAAG,IAAI,KAAiC,EAAE;IAEnD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjD,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,CAAC;IACpD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/C,MAAM,SAAS,GAAG,YAAY,CAAC;QAC7B,OAAO;QACP,QAAQ,EAAE,CAAC,IAAI;QACf,KAAK,EAAE,IAAI;QACX,IAAI;KACL,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACzD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;IAEtE,OAAO;QACL,cAAc,EAAE,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QACvD,EAAE,EAAE,SAAS,IAAI,KAAK,CAAC,EAAE;KAC1B,CAAC;AACJ,CAAC;AAED,SAAS,cAAc;IACrB,MAAM,OAAO,GAAG,cAAc,EAA0B,CAAC;IAEzD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,6DAA6D,CAC9D,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAwB,EAAE,aAAqB;IAC3E,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CACb,GAAG,aAAa,4DAA4D,CAC7E,CAAC;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GACrB,CAAC"}

package/dist/components/form/Form.d.ts

@@ -0,0 +1,68 @@
+import { Button } from '../../components/Button.js';
+import { type FormCheckboxProps } from './FormCheckbox.js';
+import { type FormComboboxProps } from './FormCombobox.js';
+import { FormDescription, type FormDescriptionProps } from './FormDescription.js';
+import { FormError, type FormErrorProps } from './FormError.js';
+import { FormField, type FormFieldProps } from './FormField.js';
+import { FormInput, type FormInputProps } from './FormInput.js';
+import { FormInputGroup, type FormInputGroupProps } from './FormInputGroup.js';
+import { FormLabel, type FormLabelProps } from './FormLabel.js';
+import { type FormRadioGroupProps } from './FormRadioGroup.js';
+import { type FormProps, FormRoot } from './FormRoot.js';
+import { type FormSelectProps } from './FormSelect.js';
+import { type FormSwitchProps } from './FormSwitch.js';
+import { FormTextarea, type FormTextareaProps } from './FormTextarea.js';
+declare const Form: typeof FormRoot & {
+    Button: typeof Button;
+    Checkbox: typeof import("./FormCheckbox.js").FormCheckboxRoot & {
+        Label: ({ className, htmlFor, ...props }: import("./Checkbox.js").CheckboxLabelProps) => import("react").JSX.Element;
+    };
+    Combobox: typeof import("./FormCombobox.js").FormComboboxRoot & {
+        Chip: ({ children, className, classNames, removeLabel, ...props }: import("./Combobox.js").ComboboxChipProps) => import("react").JSX.Element;
+        Chips: ({ className, ...props }: import("./Combobox.js").ComboboxChipsProps) => import("react").JSX.Element;
+        ChipsInput: typeof import("./FormCombobox.js").FormComboboxChipsInput;
+        Clear: ({ children, className, ...props }: import("./Combobox.js").ComboboxClearProps) => import("react").JSX.Element;
+        Collection: (props: import("./Combobox.js").ComboboxCollectionProps) => import("react").JSX.Element;
+        Content: ({ align, anchor, children, className, side, sideOffset, ...props }: import("./Combobox.js").ComboboxContentProps) => import("react").JSX.Element;
+        Empty: ({ className, ...props }: import("./Combobox.js").ComboboxEmptyProps) => import("react").JSX.Element;
+        Group: ({ className, ...props }: import("./Combobox.js").ComboboxGroupProps) => import("react").JSX.Element;
+        GroupLabel: ({ className, ...props }: import("./Combobox.js").ComboboxGroupLabelProps) => import("react").JSX.Element;
+        Input: typeof import("./FormCombobox.js").FormComboboxInput;
+        Item: ({ children, className, classNames, ...props }: import("./Combobox.js").ComboboxItemProps) => import("react").JSX.Element;
+        List: ({ children, className, ...props }: import("./Combobox.js").ComboboxListProps) => import("react").JSX.Element;
+        Separator: ({ className, ...props }: import("./Combobox.js").ComboboxSeparatorProps) => import("react").JSX.Element;
+        Status: ({ className, ...props }: import("./Combobox.js").ComboboxStatusProps) => import("react").JSX.Element;
+        Trigger: ({ children, className, ...props }: import("./Combobox.js").ComboboxTriggerProps) => import("react").JSX.Element;
+        Value: (props: import("./Combobox.js").ComboboxValueProps) => import("react").JSX.Element;
+    };
+    Description: typeof FormDescription;
+    Error: typeof FormError;
+    Field: typeof FormField;
+    Input: typeof FormInput;
+    InputGroup: typeof FormInputGroup;
+    Label: typeof FormLabel;
+    RadioGroup: typeof import("./FormRadioGroup.js").FormRadioGroupRoot & {
+        Item: (({ className, classNames, disabled, id, label, size, ...props }: import("./RadioGroup.js").RadioGroupItemProps) => import("react").JSX.Element) & {
+            Label: ({ className, disabled, ...props }: React.ComponentProps<"label"> & {
+                disabled?: boolean;
+            }) => import("react").JSX.Element;
+        };
+    };
+    Select: typeof import("./FormSelect.js").FormSelectRoot & {
+        Content: typeof import("./Select.js").SelectContent;
+        Group: typeof import("./Select.js").SelectGroup;
+        GroupLabel: typeof import("./Select.js").SelectGroupLabel;
+        Item: typeof import("./Select.js").SelectItem;
+        Label: typeof import("./Select.js").SelectLabel;
+        Separator: typeof import("./Select.js").SelectSeparator;
+        Trigger: typeof import("./FormSelect.js").FormSelectTrigger;
+        Value: typeof import("./Select.js").SelectValue;
+    };
+    Switch: typeof import("./FormSwitch.js").FormSwitchRoot & {
+        Label: typeof import("./Switch.js").SwitchLabel;
+    };
+    Textarea: typeof FormTextarea;
+};
+export { Form };
+export type { FormCheckboxProps, FormComboboxProps, FormDescriptionProps, FormErrorProps, FormFieldProps, FormInputGroupProps, FormInputProps, FormLabelProps, FormProps, FormRadioGroupProps, FormSelectProps, FormSwitchProps, FormTextareaProps, };
+//# sourceMappingURL=Form.d.ts.map

package/dist/components/form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,KAAK,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAgC+zB,CAAC;;;;;;;;;;;;;;;;;;CAlBx0B,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,SAAS,EACT,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,iBAAiB,GAClB,CAAC"}

package/dist/components/form/Form.js

@@ -0,0 +1,32 @@
+'use client';
+import { Button } from '../../components/Button.js';
+import { FormCheckbox } from './FormCheckbox.js';
+import { FormCombobox } from './FormCombobox.js';
+import { FormDescription } from './FormDescription.js';
+import { FormError } from './FormError.js';
+import { FormField } from './FormField.js';
+import { FormInput } from './FormInput.js';
+import { FormInputGroup } from './FormInputGroup.js';
+import { FormLabel } from './FormLabel.js';
+import { FormRadioGroup } from './FormRadioGroup.js';
+import { FormRoot } from './FormRoot.js';
+import { FormSelect } from './FormSelect.js';
+import { FormSwitch } from './FormSwitch.js';
+import { FormTextarea } from './FormTextarea.js';
+const Form = Object.assign(FormRoot, {
+    Button,
+    Checkbox: FormCheckbox,
+    Combobox: FormCombobox,
+    Description: FormDescription,
+    Error: FormError,
+    Field: FormField,
+    Input: FormInput,
+    InputGroup: FormInputGroup,
+    Label: FormLabel,
+    RadioGroup: FormRadioGroup,
+    Select: FormSelect,
+    Switch: FormSwitch,
+    Textarea: FormTextarea,
+});
+export { Form };
+//# sourceMappingURL=Form.js.map

package/dist/components/form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,cAAc,EAA4B,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,cAAc,EAA4B,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAkB,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAC;AAEtE,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACnC,MAAM;IACN,QAAQ,EAAE,YAAY;IACtB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,eAAe;IAC5B,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,cAAc;IAC1B,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,cAAc;IAC1B,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,QAAQ,EAAE,YAAY;CACvB,CAAC,CAAC;AAEH,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/form/FormCheckbox.d.ts

@@ -0,0 +1,10 @@
+import { type CheckboxProps } from '../../components/form/Checkbox.js';
+import { type WithoutAriaInvalid } from './Form.context.js';
+type FormCheckboxProps = WithoutAriaInvalid<CheckboxProps>;
+declare function FormCheckboxRoot({ id: idProp, name: nameProp, ...props }: FormCheckboxProps): import("react").JSX.Element;
+declare const FormCheckbox: typeof FormCheckboxRoot & {
+    Label: ({ className, htmlFor, ...props }: import("../../components/form/Checkbox.js").CheckboxLabelProps) => import("react").JSX.Element;
+};
+export { FormCheckbox, FormCheckboxRoot };
+export type { FormCheckboxProps };
+//# sourceMappingURL=FormCheckbox.d.ts.map

package/dist/components/form/FormCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormCheckbox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,gBAAgB,CAAC;AAExB,KAAK,iBAAiB,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;AAE3D,iBAAS,gBAAgB,CAAC,EACxB,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,QAAQ,EACd,GAAG,KAAK,EACT,EAAE,iBAAiB,+BAuBnB;AAED,QAAA,MAAM,YAAY;;CAEhB,CAAC;AAEH,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/form/FormCheckbox.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useController } from 'react-hook-form';
+import { Checkbox } from '../../components/form/Checkbox.js';
+import { useFormControlProps, useFormMethods, useRequiredFieldName, } from './Form.context.js';
+function FormCheckboxRoot({ id: idProp, name: nameProp, ...props }) {
+    const { control } = useFormMethods();
+    const name = useRequiredFieldName(nameProp, 'Form.Checkbox');
+    const { field } = useController({
+        control,
+        defaultValue: props.defaultChecked ?? false,
+        name,
+    });
+    const controlProps = useFormControlProps({ id: idProp });
+    return (_jsx(Checkbox, { ...props, ...controlProps, checked: Boolean(field.value), inputRef: field.ref, name: field.name, onCheckedChange: (checked, eventDetails) => {
+            field.onChange(checked);
+            props.onCheckedChange?.(checked, eventDetails);
+        } }));
+}
+const FormCheckbox = Object.assign(FormCheckboxRoot, {
+    Label: Checkbox.Label,
+});
+export { FormCheckbox, FormCheckboxRoot };
+//# sourceMappingURL=FormCheckbox.js.map

package/dist/components/form/FormCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckbox.js","sourceRoot":"","sources":["../../../src/components/form/FormCheckbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAsB,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GAErB,MAAM,gBAAgB,CAAC;AAIxB,SAAS,gBAAgB,CAAC,EACxB,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,QAAQ,EACd,GAAG,KAAK,EACU;IAClB,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,IAAI,GAAG,oBAAoB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IAC7D,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC;QAC9B,OAAO;QACP,YAAY,EAAE,KAAK,CAAC,cAAc,IAAI,KAAK;QAC3C,IAAI;KACL,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,mBAAmB,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAEzD,OAAO,CACL,KAAC,QAAQ,OACH,KAAK,KACL,YAAY,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAC7B,QAAQ,EAAE,KAAK,CAAC,GAAG,EACnB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE;YACzC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACxB,KAAK,CAAC,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QACjD,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;IACnD,KAAK,EAAE,QAAQ,CAAC,KAAK;CACtB,CAAC,CAAC;AAEH,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/form/FormCombobox.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { Combobox, type ComboboxProps } from './Combobox.js';
+import { type WithoutAriaInvalid } from './Form.context.js';
+type FormComboboxProps<Value, Multiple extends boolean | undefined = false> = WithoutAriaInvalid<ComboboxProps<Value, Multiple>>;
+declare function FormComboboxChipsInput({ id: idProp, ...props }: WithoutAriaInvalid<React.ComponentProps<typeof Combobox.ChipsInput>>): React.JSX.Element;
+declare function FormComboboxInput({ id: idProp, ...props }: WithoutAriaInvalid<React.ComponentProps<typeof Combobox.Input>>): React.JSX.Element;
+declare function FormComboboxRoot<Value, Multiple extends boolean | undefined = false>({ name: nameProp, ...props }: FormComboboxProps<Value, Multiple>): React.JSX.Element;
+declare const FormCombobox: typeof FormComboboxRoot & {
+    Chip: ({ children, className, classNames, removeLabel, ...props }: import("./Combobox.js").ComboboxChipProps) => React.JSX.Element;
+    Chips: ({ className, ...props }: import("./Combobox.js").ComboboxChipsProps) => React.JSX.Element;
+    ChipsInput: typeof FormComboboxChipsInput;
+    Clear: ({ children, className, ...props }: import("./Combobox.js").ComboboxClearProps) => React.JSX.Element;
+    Collection: (props: import("./Combobox.js").ComboboxCollectionProps) => React.JSX.Element;
+    Content: ({ align, anchor, children, className, side, sideOffset, ...props }: import("./Combobox.js").ComboboxContentProps) => React.JSX.Element;
+    Empty: ({ className, ...props }: import("./Combobox.js").ComboboxEmptyProps) => React.JSX.Element;
+    Group: ({ className, ...props }: import("./Combobox.js").ComboboxGroupProps) => React.JSX.Element;
+    GroupLabel: ({ className, ...props }: import("./Combobox.js").ComboboxGroupLabelProps) => React.JSX.Element;
+    Input: typeof FormComboboxInput;
+    Item: ({ children, className, classNames, ...props }: import("./Combobox.js").ComboboxItemProps) => React.JSX.Element;
+    List: ({ children, className, ...props }: import("./Combobox.js").ComboboxListProps) => React.JSX.Element;
+    Separator: ({ className, ...props }: import("./Combobox.js").ComboboxSeparatorProps) => React.JSX.Element;
+    Status: ({ className, ...props }: import("./Combobox.js").ComboboxStatusProps) => React.JSX.Element;
+    Trigger: ({ children, className, ...props }: import("./Combobox.js").ComboboxTriggerProps) => React.JSX.Element;
+    Value: (props: import("./Combobox.js").ComboboxValueProps) => React.JSX.Element;
+};
+export { FormCombobox, FormComboboxChipsInput, FormComboboxInput, FormComboboxRoot, };
+export type { FormComboboxProps };
+//# sourceMappingURL=FormCombobox.d.ts.map

package/dist/components/form/FormCombobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCombobox.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormCombobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,gBAAgB,CAAC;AAKxB,KAAK,iBAAiB,CACpB,KAAK,EACL,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IAC1C,kBAAkB,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;AAEvD,iBAAS,sBAAsB,CAAC,EAC9B,EAAE,EAAE,MAAM,EACV,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,UAAU,CAAC,CAAC,qBAItE;AAED,iBAAS,iBAAiB,CAAC,EACzB,EAAE,EAAE,MAAM,EACV,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC,qBAIjE;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,EAC7E,IAAI,EAAE,QAAQ,EACd,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,qBAsBpC;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;CAiBhB,CAAC;AAEH,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,GACjB,CAAC;AACF,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/form/FormCombobox.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useController } from 'react-hook-form';
+import { Combobox } from './Combobox.js';
+import { useFormControlProps, useFormMethods, useRequiredFieldName, } from './Form.context.js';
+// Stable fallback so an unset multiple value keeps the same identity.
+const EMPTY_VALUE = [];
+function FormComboboxChipsInput({ id: idProp, ...props }) {
+    const controlProps = useFormControlProps({ id: idProp });
+    return _jsx(Combobox.ChipsInput, { ...props, ...controlProps });
+}
+function FormComboboxInput({ id: idProp, ...props }) {
+    const controlProps = useFormControlProps({ id: idProp });
+    return _jsx(Combobox.Input, { ...props, ...controlProps });
+}
+function FormComboboxRoot({ name: nameProp, ...props }) {
+    const { control } = useFormMethods();
+    const name = useRequiredFieldName(nameProp, 'Form.Combobox');
+    const { field } = useController({
+        control,
+        defaultValue: props.defaultValue,
+        name,
+    });
+    return (_jsx(Combobox, { ...props, inputRef: field.ref, name: field.name, onValueChange: (value, eventDetails) => {
+            field.onChange(value);
+            props.onValueChange?.(value, eventDetails);
+        }, 
+        // Keep the combobox controlled while the form value is still unset.
+        value: field.value ?? (props.multiple ? EMPTY_VALUE : null) }));
+}
+const FormCombobox = Object.assign(FormComboboxRoot, {
+    Chip: Combobox.Chip,
+    Chips: Combobox.Chips,
+    ChipsInput: FormComboboxChipsInput,
+    Clear: Combobox.Clear,
+    Collection: Combobox.Collection,
+    Content: Combobox.Content,
+    Empty: Combobox.Empty,
+    Group: Combobox.Group,
+    GroupLabel: Combobox.GroupLabel,
+    Input: FormComboboxInput,
+    Item: Combobox.Item,
+    List: Combobox.List,
+    Separator: Combobox.Separator,
+    Status: Combobox.Status,
+    Trigger: Combobox.Trigger,
+    Value: Combobox.Value,
+});
+export { FormCombobox, FormComboboxChipsInput, FormComboboxInput, FormComboboxRoot, };
+//# sourceMappingURL=FormCombobox.js.map

package/dist/components/form/FormCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCombobox.js","sourceRoot":"","sources":["../../../src/components/form/FormCombobox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC1D,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GAErB,MAAM,gBAAgB,CAAC;AAExB,sEAAsE;AACtE,MAAM,WAAW,GAAY,EAAE,CAAC;AAOhC,SAAS,sBAAsB,CAAC,EAC9B,EAAE,EAAE,MAAM,EACV,GAAG,KAAK,EAC6D;IACrE,MAAM,YAAY,GAAG,mBAAmB,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAEzD,OAAO,KAAC,QAAQ,CAAC,UAAU,OAAK,KAAK,KAAM,YAAY,GAAI,CAAC;AAC9D,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,EAAE,EAAE,MAAM,EACV,GAAG,KAAK,EACwD;IAChE,MAAM,YAAY,GAAG,mBAAmB,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAEzD,OAAO,KAAC,QAAQ,CAAC,KAAK,OAAK,KAAK,KAAM,YAAY,GAAI,CAAC;AACzD,CAAC;AAED,SAAS,gBAAgB,CAAsD,EAC7E,IAAI,EAAE,QAAQ,EACd,GAAG,KAAK,EAC2B;IACnC,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,IAAI,GAAG,oBAAoB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IAC7D,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC;QAC9B,OAAO;QACP,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,QAAQ,OACH,KAAK,EACT,QAAQ,EAAE,KAAK,CAAC,GAAG,EACnB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;YACrC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACtB,KAAK,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QAC7C,CAAC;QACD,oEAAoE;QACpE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAC3D,CACH,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;IACnD,IAAI,EAAE,QAAQ,CAAC,IAAI;IACnB,KAAK,EAAE,QAAQ,CAAC,KAAK;IACrB,UAAU,EAAE,sBAAsB;IAClC,KAAK,EAAE,QAAQ,CAAC,KAAK;IACrB,UAAU,EAAE,QAAQ,CAAC,UAAU;IAC/B,OAAO,EAAE,QAAQ,CAAC,OAAO;IACzB,KAAK,EAAE,QAAQ,CAAC,KAAK;IACrB,KAAK,EAAE,QAAQ,CAAC,KAAK;IACrB,UAAU,EAAE,QAAQ,CAAC,UAAU;IAC/B,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,QAAQ,CAAC,IAAI;IACnB,IAAI,EAAE,QAAQ,CAAC,IAAI;IACnB,SAAS,EAAE,QAAQ,CAAC,SAAS;IAC7B,MAAM,EAAE,QAAQ,CAAC,MAAM;IACvB,OAAO,EAAE,QAAQ,CAAC,OAAO;IACzB,KAAK,EAAE,QAAQ,CAAC,KAAK;CACtB,CAAC,CAAC;AAEH,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,GACjB,CAAC"}

package/dist/components/form/FormDescription.d.ts

@@ -0,0 +1,7 @@
+import { Field } from '@base-ui/react/field';
+import * as React from 'react';
+type FormDescriptionProps = React.ComponentProps<typeof Field.Description>;
+declare function FormDescription({ className, ...props }: FormDescriptionProps): React.JSX.Element;
+export { FormDescription };
+export type { FormDescriptionProps };
+//# sourceMappingURL=FormDescription.d.ts.map

package/dist/components/form/FormDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDescription.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC;AAE3E,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAQrE;AAED,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/form/FormDescription.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Field } from '@base-ui/react/field';
+import { cn } from '../../lib/utils.js';
+function FormDescription({ className, ...props }) {
+    return (_jsx(Field.Description, { className: cn('text-muted-foreground text-sm', className), "data-slot": "field-description", ...props }));
+}
+export { FormDescription };
+//# sourceMappingURL=FormDescription.js.map

package/dist/components/form/FormDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDescription.js","sourceRoot":"","sources":["../../../src/components/form/FormDescription.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IACpE,OAAO,CACL,KAAC,KAAK,CAAC,WAAW,IAChB,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,eAC/C,mBAAmB,KACzB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/form/FormError.d.ts

@@ -0,0 +1,7 @@
+import { Field } from '@base-ui/react/field';
+import * as React from 'react';
+type FormErrorProps = React.ComponentProps<typeof Field.Error>;
+declare function FormError({ className, ...props }: FormErrorProps): React.JSX.Element;
+export { FormError };
+export type { FormErrorProps };
+//# sourceMappingURL=FormError.d.ts.map

package/dist/components/form/FormError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormError.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormError.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;AAE/D,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAQzD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}