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

package/dist/components/form/FormError.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 FormError({ className, ...props }) {
+    return (_jsx(Field.Error, { className: cn('text-destructive text-sm font-medium', className), "data-slot": "field-error", ...props }));
+}
+export { FormError };
+//# sourceMappingURL=FormError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormError.js","sourceRoot":"","sources":["../../../src/components/form/FormError.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IACxD,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,IACV,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,eACtD,aAAa,KACnB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,13 @@
+import { Field } from '@base-ui/react/field';
+import * as React from 'react';
+type FormFieldProps = Omit<React.ComponentProps<typeof Field.Root>, 'children'> & {
+    children: React.ReactNode;
+    controlId?: string;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    label?: React.ReactNode;
+};
+declare function FormField({ children, className, controlId: controlIdProp, description, error, label, ...props }: FormFieldProps): React.JSX.Element;
+export { FormField };
+export type { FormFieldProps };
+//# sourceMappingURL=FormField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,EACvC,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,SAAS,EAAE,aAAa,EACxB,WAAW,EACX,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,qBAiDhB;AAoBD,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/form/FormField.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Field } from '@base-ui/react/field';
+import * as React from 'react';
+import { useFormState } from 'react-hook-form';
+import { cn } from '../../lib/utils.js';
+import { FormFieldContext, getErrorMessage, useFormMethods, } from './Form.context.js';
+import { FormDescription } from './FormDescription.js';
+import { FormError } from './FormError.js';
+import { FormLabel } from './FormLabel.js';
+import { FormRadioGroupRoot } from './FormRadioGroup.js';
+import { FormSelectRoot } from './FormSelect.js';
+function FormField({ children, className, controlId: controlIdProp, description, error, label, ...props }) {
+    const { control, getFieldState } = useFormMethods();
+    const name = props.name;
+    const formState = useFormState({
+        control,
+        disabled: !name,
+        exact: true,
+        name,
+    });
+    const fieldError = name ? getFieldState(name, formState).error : undefined;
+    const errorMessage = error ?? getErrorMessage(fieldError);
+    // The control id is the focus target for the visible field label.
+    // It is generated by default to avoid duplicate DOM ids across forms/rows.
+    const generatedControlId = React.useId();
+    const controlId = controlIdProp ?? generatedControlId;
+    const nativeLabel = shouldUseNativeFieldLabel(children);
+    const contextValue = React.useMemo(() => ({
+        controlId,
+        name,
+    }), [controlId, name]);
+    return (_jsxs(Field.Root, { className: cn('grid gap-2.5', className), "data-slot": "field", ...props, children: [label && nativeLabel ? (_jsx(FormLabel, { htmlFor: controlId, children: label })) : label ? (_jsx(FormLabel, { nativeLabel: false, render: _jsx("span", {}), children: label })) : null, _jsx(FormFieldContext.Provider, { value: contextValue, children: children }), errorMessage ? (_jsx(FormError, { match: true, children: errorMessage })) : description ? (_jsx(FormDescription, { children: description })) : null] }));
+}
+function isFormRadioGroupElement(child) {
+    return React.isValidElement(child) && child.type === FormRadioGroupRoot;
+}
+function isFormSelectElement(child) {
+    return React.isValidElement(child) && child.type === FormSelectRoot;
+}
+function shouldUseNativeFieldLabel(children) {
+    return !React.Children.toArray(children).some((child) => isFormRadioGroupElement(child) || isFormSelectElement(child));
+}
+export { FormField };
+//# sourceMappingURL=FormField.js.map

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

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

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Input } from '../../components/form/Input.js';
+import { type WithoutAriaInvalid } from './Form.context.js';
+type FormInputProps = WithoutAriaInvalid<React.ComponentProps<typeof Input>>;
+declare function FormInput({ id: idProp, name: nameProp, ...props }: FormInputProps): React.JSX.Element;
+export { FormInput };
+export type { FormInputProps };
+//# sourceMappingURL=FormInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormInput.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGhD,OAAO,EAKL,KAAK,kBAAkB,EACxB,MAAM,gBAAgB,CAAC;AAExB,KAAK,cAAc,GAAG,kBAAkB,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC;AAE7E,iBAAS,SAAS,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAoB1E;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/form/FormInput.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Input } from '../../components/form/Input.js';
+import { InputGroupInput } from '../../components/form/InputGroup.js';
+import { FormInputGroupContext, useFormControlProps, useFormMethods, useRequiredFieldName, } from './Form.context.js';
+function FormInput({ id: idProp, name: nameProp, ...props }) {
+    const isInsideInputGroup = React.useContext(FormInputGroupContext);
+    const name = useRequiredFieldName(nameProp, 'Form.Input');
+    const methods = useFormMethods();
+    const registeredProps = methods.register(name);
+    const controlProps = useFormControlProps({ id: idProp }, { enabled: !isInsideInputGroup });
+    const InputComponent = isInsideInputGroup ? InputGroupInput : Input;
+    return (_jsx(InputComponent, { ...props, ...registeredProps, ...controlProps, name: name }));
+}
+export { FormInput };
+//# sourceMappingURL=FormInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormInput.js","sourceRoot":"","sources":["../../../src/components/form/FormInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GAErB,MAAM,gBAAgB,CAAC;AAIxB,SAAS,SAAS,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAkB;IACzE,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACnE,MAAM,IAAI,GAAG,oBAAoB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,eAAe,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,mBAAmB,CACtC,EAAE,EAAE,EAAE,MAAM,EAAE,EACd,EAAE,OAAO,EAAE,CAAC,kBAAkB,EAAE,CACjC,CAAC;IAEF,MAAM,cAAc,GAAG,kBAAkB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpE,OAAO,CACL,KAAC,cAAc,OACT,KAAK,KACL,eAAe,KACf,YAAY,EAChB,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { InputGroup } from '../../components/form/InputGroup.js';
+type FormInputGroupProps = React.ComponentProps<typeof InputGroup>;
+declare function FormInputGroup({ children, ...props }: FormInputGroupProps): React.JSX.Element;
+export { FormInputGroup };
+export type { FormInputGroupProps };
+//# sourceMappingURL=FormInputGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormInputGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormInputGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAK1D,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEnE,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBA0BlE;AAQD,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/form/FormInputGroup.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { InputGroup } from '../../components/form/InputGroup.js';
+import { FormFieldContext, FormInputGroupContext } from './Form.context.js';
+import { FormInput } from './FormInput.js';
+function FormInputGroup({ children, ...props }) {
+    const field = React.useContext(FormFieldContext);
+    const childArray = React.Children.toArray(children);
+    const controlIndex = field?.controlId
+        ? childArray.findIndex(isFormInputElement)
+        : -1;
+    const controlChildren = childArray.map((child, index) => {
+        if (index === controlIndex &&
+            field?.controlId &&
+            isFormInputElement(child)) {
+            // A group-level label should focus the first input in the group.
+            return React.cloneElement(child, {
+                id: field.controlId,
+            });
+        }
+        return child;
+    });
+    return (_jsx(FormInputGroupContext.Provider, { value: true, children: _jsx(InputGroup, { ...props, children: controlChildren }) }));
+}
+function isFormInputElement(child) {
+    return React.isValidElement(child) && child.type === FormInput;
+}
+export { FormInputGroup };
+//# sourceMappingURL=FormInputGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormInputGroup.js","sourceRoot":"","sources":["../../../src/components/form/FormInputGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAI7D,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB;IACjE,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,KAAK,EAAE,SAAS;QACnC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,kBAAkB,CAAC;QAC1C,CAAC,CAAC,CAAC,CAAC,CAAC;IACP,MAAM,eAAe,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACtD,IACE,KAAK,KAAK,YAAY;YACtB,KAAK,EAAE,SAAS;YAChB,kBAAkB,CAAC,KAAK,CAAC,EACzB,CAAC;YACD,iEAAiE;YACjE,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,EAAE,EAAE,KAAK,CAAC,SAAS;aACpB,CAAC,CAAC;QACL,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,kBACnC,KAAC,UAAU,OAAK,KAAK,YAAG,eAAe,GAAc,GACtB,CAClC,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CACzB,KAAsB;IAEtB,OAAO,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC;AACjE,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormLabel.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,qBAWzD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/form/FormLabel.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 FormLabel({ className, ...props }) {
+    return (_jsx(Field.Label, { className: cn('text-sm leading-none font-medium data-disabled:cursor-not-allowed data-disabled:opacity-50', className), "data-slot": "field-label", ...props }));
+}
+export { FormLabel };
+//# sourceMappingURL=FormLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../../src/components/form/FormLabel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IACxD,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,IACV,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,SAAS,CACV,eACS,aAAa,KACnB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,14 @@
+import { type WithoutAriaInvalid } from './Form.context.js';
+import { type RadioGroupProps } from './RadioGroup.js';
+type FormRadioGroupProps = WithoutAriaInvalid<RadioGroupProps>;
+declare function FormRadioGroupRoot({ name: nameProp, ...props }: FormRadioGroupProps): import("react").JSX.Element;
+declare const FormRadioGroup: typeof 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;
+    };
+};
+export { FormRadioGroup, FormRadioGroupRoot };
+export type { FormRadioGroupProps };
+//# sourceMappingURL=FormRadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormRadioGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,mBAAmB,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE/D,iBAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAwB5E;AAED,QAAA,MAAM,cAAc;;;oBAMspC,CAAC;;;CAJzqC,CAAC;AAEH,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/form/FormRadioGroup.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useController } from 'react-hook-form';
+import { useFormControlProps, useFormMethods, useRequiredFieldName, } from './Form.context.js';
+import { RadioGroup } from './RadioGroup.js';
+function FormRadioGroupRoot({ name: nameProp, ...props }) {
+    const { id: idProp, ...radioGroupProps } = props;
+    const { control } = useFormMethods();
+    const name = useRequiredFieldName(nameProp, 'Form.RadioGroup');
+    const { field } = useController({
+        control,
+        defaultValue: radioGroupProps.defaultValue,
+        name,
+    });
+    const controlProps = useFormControlProps({ id: idProp });
+    return (_jsx(RadioGroup, { ...radioGroupProps, ...controlProps, inputRef: field.ref, name: field.name, onValueChange: (value, eventDetails) => {
+            field.onChange(value);
+            radioGroupProps.onValueChange?.(value, eventDetails);
+        }, value: field.value }));
+}
+const FormRadioGroup = Object.assign(FormRadioGroupRoot, {
+    Item: RadioGroup.Item,
+});
+export { FormRadioGroup, FormRadioGroupRoot };
+//# sourceMappingURL=FormRadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormRadioGroup.js","sourceRoot":"","sources":["../../../src/components/form/FormRadioGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GAErB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAIhE,SAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB;IAC3E,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,IAAI,GAAG,oBAAoB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IAC/D,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC;QAC9B,OAAO;QACP,YAAY,EAAE,eAAe,CAAC,YAAY;QAC1C,IAAI;KACL,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,mBAAmB,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAEzD,OAAO,CACL,KAAC,UAAU,OACL,eAAe,KACf,YAAY,EAChB,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,eAAe,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QACvD,CAAC,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE;IACvD,IAAI,EAAE,UAAU,CAAC,IAAI;CACtB,CAAC,CAAC;AAEH,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type FieldValues, type SubmitHandler, type UseFormReturn } from 'react-hook-form';
+type FormProps<FormValues extends FieldValues = FieldValues> = Omit<React.ComponentProps<'form'>, 'onSubmit'> & {
+    form: UseFormReturn<FormValues>;
+    onSubmit?: SubmitHandler<FormValues>;
+};
+declare function FormRoot<FormValues extends FieldValues = FieldValues>({ className, form, onSubmit, ...props }: FormProps<FormValues>): React.JSX.Element;
+export { FormRoot };
+export type { FormProps };
+//# sourceMappingURL=FormRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormRoot.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAIzB,KAAK,SAAS,CAAC,UAAU,SAAS,WAAW,GAAG,WAAW,IAAI,IAAI,CACjE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAC5B,UAAU,CACX,GAAG;IACF,IAAI,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CACtC,CAAC;AAEF,iBAAS,QAAQ,CAAC,UAAU,SAAS,WAAW,GAAG,WAAW,EAAE,EAC9D,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,UAAU,CAAC,qBAYvB;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/form/FormRoot.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormProvider, } from 'react-hook-form';
+import { cn } from '../../lib/utils.js';
+function FormRoot({ className, form, onSubmit, ...props }) {
+    const content = (_jsx("form", { className: cn('space-y-6', className), "data-slot": "form", noValidate: true, onSubmit: onSubmit ? form.handleSubmit(onSubmit) : undefined, ...props }));
+    return _jsx(FormProvider, { ...form, children: content });
+}
+export { FormRoot };
+//# sourceMappingURL=FormRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormRoot.js","sourceRoot":"","sources":["../../../src/components/form/FormRoot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAEL,YAAY,GAGb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAUjC,SAAS,QAAQ,CAA+C,EAC9D,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACc;IACtB,MAAM,OAAO,GAAG,CACd,eACE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,eAC3B,MAAM,EAChB,UAAU,QACV,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,KACxD,KAAK,GACT,CACH,CAAC;IAEF,OAAO,KAAC,YAAY,OAAK,IAAI,YAAG,OAAO,GAAgB,CAAC;AAC1D,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { type WithoutAriaInvalid } from './Form.context.js';
+import { Select, type SelectProps } from './Select.js';
+type FormSelectProps = WithoutAriaInvalid<SelectProps>;
+declare function FormSelectRoot({ name: nameProp, ...props }: FormSelectProps): React.JSX.Element;
+declare function FormSelectTrigger({ id: idProp, ...props }: WithoutAriaInvalid<React.ComponentProps<typeof Select.Trigger>>): React.JSX.Element;
+declare const FormSelect: typeof 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 FormSelectTrigger;
+    Value: typeof import("./Select.js").SelectValue;
+};
+export { FormSelect, FormSelectRoot, FormSelectTrigger };
+export type { FormSelectProps };
+//# sourceMappingURL=FormSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelect.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,eAAe,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;AAEvD,iBAAS,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAqBpE;AAED,iBAAS,iBAAiB,CAAC,EACzB,EAAE,EAAE,MAAM,EACV,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,qBAIjE;AAED,QAAA,MAAM,UAAU;;;;;;;;;CASd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/form/FormSelect.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useController } from 'react-hook-form';
+import { useFormControlProps, useFormMethods, useRequiredFieldName, } from './Form.context.js';
+import { Select } from './Select.js';
+function FormSelectRoot({ name: nameProp, ...props }) {
+    const { control } = useFormMethods();
+    const name = useRequiredFieldName(nameProp, 'Form.Select');
+    const { field } = useController({
+        control,
+        defaultValue: props.defaultValue,
+        name,
+    });
+    return (_jsx(Select, { ...props, inputRef: field.ref, name: field.name, onValueChange: (value, eventDetails) => {
+            field.onChange(value);
+            props.onValueChange?.(value, eventDetails);
+        }, value: field.value }));
+}
+function FormSelectTrigger({ id: idProp, ...props }) {
+    const controlProps = useFormControlProps({ id: idProp });
+    return _jsx(Select.Trigger, { ...props, ...controlProps });
+}
+const FormSelect = Object.assign(FormSelectRoot, {
+    Content: Select.Content,
+    Group: Select.Group,
+    GroupLabel: Select.GroupLabel,
+    Item: Select.Item,
+    Label: Select.Label,
+    Separator: Select.Separator,
+    Trigger: FormSelectTrigger,
+    Value: Select.Value,
+});
+export { FormSelect, FormSelectRoot, FormSelectTrigger };
+//# sourceMappingURL=FormSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelect.js","sourceRoot":"","sources":["../../../src/components/form/FormSelect.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GAErB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AAIpD,SAAS,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB;IACnE,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,IAAI,GAAG,oBAAoB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC3D,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC;QAC9B,OAAO;QACP,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,MAAM,OACD,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,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,CAAC;AACJ,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,MAAM,CAAC,OAAO,OAAK,KAAK,KAAM,YAAY,GAAI,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IAC/C,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,UAAU,EAAE,MAAM,CAAC,UAAU;IAC7B,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,SAAS,EAAE,MAAM,CAAC,SAAS;IAC3B,OAAO,EAAE,iBAAiB;IAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;CACpB,CAAC,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+import { type SwitchProps } from '../../components/form/Switch.js';
+import { type WithoutAriaInvalid } from './Form.context.js';
+type FormSwitchProps = WithoutAriaInvalid<SwitchProps>;
+declare function FormSwitchRoot({ id: idProp, name: nameProp, ...props }: FormSwitchProps): import("react").JSX.Element;
+declare const FormSwitch: typeof FormSwitchRoot & {
+    Label: typeof import("../../components/form/Switch.js").SwitchLabel;
+};
+export { FormSwitch, FormSwitchRoot };
+export type { FormSwitchProps };
+//# sourceMappingURL=FormSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormSwitch.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,gBAAgB,CAAC;AAExB,KAAK,eAAe,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;AAEvD,iBAAS,cAAc,CAAC,EACtB,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,QAAQ,EACd,GAAG,KAAK,EACT,EAAE,eAAe,+BAuBjB;AAED,QAAA,MAAM,UAAU;;CAEd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/form/FormSwitch.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSwitch.js","sourceRoot":"","sources":["../../../src/components/form/FormSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAoB,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GAErB,MAAM,gBAAgB,CAAC;AAIxB,SAAS,cAAc,CAAC,EACtB,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,QAAQ,EACd,GAAG,KAAK,EACQ;IAChB,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,IAAI,GAAG,oBAAoB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC3D,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,MAAM,OACD,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,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IAC/C,KAAK,EAAE,MAAM,CAAC,KAAK;CACpB,CAAC,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Textarea } from '../../components/form/Textarea.js';
+import { type WithoutAriaInvalid } from './Form.context.js';
+type FormTextareaProps = WithoutAriaInvalid<React.ComponentProps<typeof Textarea>>;
+declare function FormTextarea({ id: idProp, name: nameProp, ...props }: FormTextareaProps): React.JSX.Element;
+export { FormTextarea };
+export type { FormTextareaProps };
+//# sourceMappingURL=FormTextarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/form/FormTextarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,gBAAgB,CAAC;AAExB,KAAK,iBAAiB,GAAG,kBAAkB,CACzC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CACtC,CAAC;AAEF,iBAAS,YAAY,CAAC,EACpB,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,QAAQ,EACd,GAAG,KAAK,EACT,EAAE,iBAAiB,qBASnB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/form/FormTextarea.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Textarea } from '../../components/form/Textarea.js';
+import { useFormControlProps, useFormMethods, useRequiredFieldName, } from './Form.context.js';
+function FormTextarea({ id: idProp, name: nameProp, ...props }) {
+    const name = useRequiredFieldName(nameProp, 'Form.Textarea');
+    const methods = useFormMethods();
+    const registeredProps = methods.register(name);
+    const controlProps = useFormControlProps({ id: idProp });
+    return (_jsx(Textarea, { ...props, ...registeredProps, ...controlProps, name: name }));
+}
+export { FormTextarea };
+//# sourceMappingURL=FormTextarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextarea.js","sourceRoot":"","sources":["../../../src/components/form/FormTextarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,oBAAoB,GAErB,MAAM,gBAAgB,CAAC;AAMxB,SAAS,YAAY,CAAC,EACpB,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,QAAQ,EACd,GAAG,KAAK,EACU;IAClB,MAAM,IAAI,GAAG,oBAAoB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IAC7D,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,eAAe,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,mBAAmB,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAEzD,OAAO,CACL,KAAC,QAAQ,OAAK,KAAK,KAAM,eAAe,KAAM,YAAY,EAAE,IAAI,EAAE,IAAI,GAAI,CAC3E,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,14 @@
+import { Input as InputPrimitive } from '@base-ui/react/input';
+import * as React from 'react';
+import { type SlotClassNames } from '../../lib/utils.js';
+type InputProps = Omit<InputPrimitive.Props & React.RefAttributes<HTMLInputElement>, 'size'> & {
+    /** Class overrides for the inner `input`; `className` styles the control wrapper. */
+    classNames?: SlotClassNames<'input'>;
+    nativeInput?: boolean;
+    size?: 'lg' | 'md' | 'sm' | number;
+    unstyled?: boolean;
+};
+declare function Input({ className, classNames, nativeInput, size, style, unstyled, ...props }: InputProps): React.JSX.Element;
+export { Input, InputPrimitive };
+export type { InputProps };
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAStD,KAAK,UAAU,GAAG,IAAI,CACpB,cAAc,CAAC,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAC5D,MAAM,CACP,GAAG;IACF,qFAAqF;IACrF,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,UAAU,EACV,WAAmB,EACnB,IAAW,EACX,KAAK,EACL,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,UAAU,qBAwDZ;AAED,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AACjC,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/form/Input.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input as InputPrimitive } from '@base-ui/react/input';
+import { cn } from '../../lib/utils.js';
+// Matches the `Button` height for the same size, so they line up side by side.
+const inputControlHeights = {
+    lg: 'h-9',
+    md: 'h-8',
+    sm: 'h-7',
+};
+function Input({ className, classNames, nativeInput = false, size = 'md', style, unstyled = false, ...props }) {
+    const resolvedSize = typeof size === 'number' ? 'md' : size;
+    const inputClassName = cn(unstyled
+        ? cn('w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-none outline-none [transition:background-color_5000000s_ease-in-out_0s] placeholder:text-muted-foreground/72', inputControlHeights[resolvedSize], resolvedSize === 'sm' && 'px-[calc(--spacing(2.5)-1px)]', resolvedSize === 'lg' && 'px-[calc(--spacing(3.5)-1px)]')
+        : cn('h-full min-h-0 w-full rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-none outline-none [transition:background-color_5000000s_ease-in-out_0s] placeholder:text-muted-foreground/72', resolvedSize === 'sm' && 'px-[calc(--spacing(2.5)-1px)]', resolvedSize === 'lg' && 'px-[calc(--spacing(3.5)-1px)]'), props.type === 'search' &&
+        '[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none', props.type === 'file' &&
+        'text-muted-foreground file:me-3 file:bg-transparent file:font-medium file:text-foreground file:text-sm', classNames?.input);
+    return (_jsx("span", { className: cn(!unstyled &&
+            cn(inputControlHeights[resolvedSize], 'border-input bg-background text-foreground ring-ring/24 has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 relative inline-flex w-full rounded-lg border text-base shadow-xs/5 transition-shadow not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:ring-[3px] has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none sm:text-sm dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]'), className) || undefined, "data-size": resolvedSize, "data-slot": "input-control", children: nativeInput ? (_jsx("input", { className: inputClassName, "data-slot": "input", size: typeof size === 'number' ? size : undefined, style: typeof style === 'function' ? undefined : style, ...props })) : (_jsx(InputPrimitive, { className: inputClassName, "data-slot": "input", size: typeof size === 'number' ? size : undefined, style: style, ...props })) }));
+}
+export { Input, InputPrimitive };
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG/D,OAAO,EAAE,EAAE,EAAuB,MAAM,aAAa,CAAC;AAEtD,+EAA+E;AAC/E,MAAM,mBAAmB,GAAG;IAC1B,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;CACD,CAAC;AAaX,SAAS,KAAK,CAAC,EACb,SAAS,EACT,UAAU,EACV,WAAW,GAAG,KAAK,EACnB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACG;IACX,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,MAAM,cAAc,GAAG,EAAE,CACvB,QAAQ;QACN,CAAC,CAAC,EAAE,CACA,mLAAmL,EACnL,mBAAmB,CAAC,YAAY,CAAC,EACjC,YAAY,KAAK,IAAI,IAAI,+BAA+B,EACxD,YAAY,KAAK,IAAI,IAAI,+BAA+B,CACzD;QACH,CAAC,CAAC,EAAE,CACA,0LAA0L,EAC1L,YAAY,KAAK,IAAI,IAAI,+BAA+B,EACxD,YAAY,KAAK,IAAI,IAAI,+BAA+B,CACzD,EACL,KAAK,CAAC,IAAI,KAAK,QAAQ;QACrB,4MAA4M,EAC9M,KAAK,CAAC,IAAI,KAAK,MAAM;QACnB,wGAAwG,EAC1G,UAAU,EAAE,KAAK,CAClB,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EACP,EAAE,CACA,CAAC,QAAQ;YACP,EAAE,CACA,mBAAmB,CAAC,YAAY,CAAC,EACjC,q5BAAq5B,CACt5B,EACH,SAAS,CACV,IAAI,SAAS,eAEL,YAAY,eACb,eAAe,YAExB,WAAW,CAAC,CAAC,CAAC,CACb,gBACE,SAAS,EAAE,cAAc,eACf,OAAO,EACjB,IAAI,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACjD,KAAK,EAAE,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,KAClD,KAAK,GACT,CACH,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IACb,SAAS,EAAE,cAAc,eACf,OAAO,EACjB,IAAI,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACjD,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,GACI,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,26 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { type ButtonProps } from '../Button.js';
+import { type InputProps } from './Input.js';
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type InputGroupAddonProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>;
+type InputGroupButtonProps = ButtonProps & VariantProps<typeof inputGroupAddonVariants>;
+type InputGroupInputProps = InputProps;
+type InputGroupProps = React.ComponentProps<'div'>;
+type InputGroupTextProps = React.ComponentProps<'span'>;
+declare function InputGroupAddon({ align, className, ...props }: InputGroupAddonProps): React.JSX.Element;
+declare function InputGroupButton({ align, className, size, variant, ...props }: InputGroupButtonProps): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: InputGroupInputProps): React.JSX.Element;
+declare function InputGroupRoot({ className, ...props }: InputGroupProps): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: InputGroupTextProps): React.JSX.Element;
+declare const InputGroup: typeof InputGroupRoot & {
+    Addon: typeof InputGroupAddon;
+    Button: typeof InputGroupButton;
+    Input: typeof InputGroupInput;
+    Text: typeof InputGroupText;
+};
+export { InputGroup, InputGroupAddon, inputGroupAddonVariants, InputGroupButton, InputGroupInput, InputGroupText, };
+export type { InputGroupAddonProps, InputGroupButtonProps, InputGroupInputProps, InputGroupProps, InputGroupTextProps, };
+//# sourceMappingURL=InputGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form/InputGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD,QAAA,MAAM,uBAAuB;;8EAmB5B,CAAC;AAEF,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GACrD,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE/C,KAAK,qBAAqB,GAAG,WAAW,GACtC,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE/C,KAAK,oBAAoB,GAAG,UAAU,CAAC;AAEvC,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEnD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAExD,iBAAS,eAAe,CAAC,EACvB,KAAsB,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,qBA+BtB;AAED,iBAAS,gBAAgB,CAAC,EACxB,KAAoB,EACpB,SAAS,EACT,IAAgB,EAChB,OAAiB,EACjB,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAMvB;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAErE;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAe/D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAUnE;AAED,QAAA,MAAM,UAAU;;;;;CAKd,CAAC;AAEH,OAAO,EACL,UAAU,EACV,eAAe,EACf,uBAAuB,EACvB,gBAAgB,EAChB,eAAe,EACf,cAAc,GACf,CAAC;AACF,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,CAAC"}

package/dist/components/form/InputGroup.js

@@ -0,0 +1,58 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+import { Button } from '../Button.js';
+import { Input } from './Input.js';
+const inputGroupAddonVariants = cva("flex h-auto cursor-text select-none items-center justify-center gap-2 leading-none [&>kbd]:rounded-[calc(var(--radius)-5px)] in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5 not-has-[button]:**:[svg:not([class*='opacity-'])]:opacity-80", {
+    defaultVariants: {
+        align: 'inline-start',
+    },
+    variants: {
+        align: {
+            'block-end': 'order-last w-full justify-start px-[calc(--spacing(3)-1px)] pb-[calc(--spacing(3)-1px)] [.border-t]:pt-[calc(--spacing(3)-1px)] [[data-size=sm]+&]:px-[calc(--spacing(2.5)-1px)]',
+            'block-start': 'order-first w-full justify-start px-[calc(--spacing(3)-1px)] pt-[calc(--spacing(3)-1px)] [.border-b]:pb-[calc(--spacing(3)-1px)] [[data-size=sm]+&]:px-[calc(--spacing(2.5)-1px)]',
+            'inline-end': 'order-last pe-[calc(--spacing(3)-1px)] has-[>:last-child[data-slot=badge]]:-me-1.5 has-[>button]:-me-2 has-[>kbd:last-child]:me-[-0.35rem] [[data-size=sm]+&]:pe-[calc(--spacing(2.5)-1px)]',
+            'inline-start': 'order-first ps-[calc(--spacing(3)-1px)] has-[>:last-child[data-slot=badge]]:-ms-1.5 has-[>button]:-ms-2 has-[>kbd:last-child]:ms-[-0.35rem] [[data-size=sm]+&]:ps-[calc(--spacing(2.5)-1px)]',
+        },
+    },
+});
+function InputGroupAddon({ align = 'inline-start', className, ...props }) {
+    return (_jsx("div", { className: cn(inputGroupAddonVariants({ align }), className), "data-align": align, "data-slot": "input-group-addon", onMouseDown: (event) => {
+            const target = event.target;
+            const isInteractive = target.closest("button, a, input, select, textarea, [role='button'], [role='combobox'], [role='listbox'], [data-slot='select-trigger']");
+            if (isInteractive) {
+                return;
+            }
+            event.preventDefault();
+            const parent = event.currentTarget.parentElement;
+            const input = parent?.querySelector('input, textarea');
+            if (input && !parent?.querySelector('input:focus, textarea:focus')) {
+                input.focus();
+            }
+        }, ...props }));
+}
+function InputGroupButton({ align = 'inline-end', className, size = 'icon-xs', variant = 'ghost', ...props }) {
+    return (_jsx(InputGroupAddon, { align: align, className: className, children: _jsx(Button, { size: size, variant: variant, ...props }) }));
+}
+function InputGroupInput({ className, ...props }) {
+    return _jsx(Input, { className: className, unstyled: true, ...props });
+}
+function InputGroupRoot({ className, ...props }) {
+    return (_jsx("div", { className: cn(
+        // Divide adjacent inputs, like Group.Separator does between Inputs.
+        '[&>[data-slot=input-control]~[data-slot=input-control]>[data-slot=input]]:border-input [&>[data-slot=input-control]~[data-slot=input-control]>[data-slot=input]]:border-s', 'border-input bg-background text-foreground ring-ring/24 has-[input:focus-visible]:has-[input[aria-invalid]]:border-destructive/64 has-[input:focus-visible]:has-[input[aria-invalid]]:ring-destructive/16 has-[input[aria-invalid]]:border-destructive/36 has-[input:focus-visible]:border-ring dark:bg-input/32 dark:has-[input[aria-invalid]]:ring-destructive/24 relative inline-flex h-8 w-full min-w-0 items-center rounded-lg border text-base shadow-xs/5 transition-shadow not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-[input:disabled]:not-has-[input:focus-visible]:not-has-[input[aria-invalid]]:before:shadow-[0_1px_--theme(--color-black/4%)] has-[input:disabled]:opacity-64 has-[input:disabled,input:focus-visible,input[aria-invalid]]:shadow-none has-[input:focus-visible]:ring-[3px] sm:text-sm dark:not-has-[input:disabled]:not-has-[input:focus-visible]:not-has-[input[aria-invalid]]:before:shadow-[0_-1px_--theme(--color-white/6%)] has-data-[align=inline-end]:**:[[data-size=sm]_input]:pe-1.5 has-data-[align=inline-start]:**:[[data-size=sm]_input]:ps-1.5 *:[[data-slot=input-control]]:contents *:[[data-slot=input-control]]:before:hidden has-data-[align=inline-end]:**:[input]:pe-2 has-data-[align=inline-start]:**:[input]:ps-2', className), "data-slot": "input-group", 
+        // react-doctor-disable-next-line react-doctor/prefer-tag-over-role -- role="group" is the correct ARIA pattern for composite input controls
+        role: "group", ...props }));
+}
+function InputGroupText({ className, ...props }) {
+    return (_jsx("span", { className: cn("text-muted-foreground line-clamp-1 flex items-center gap-2 leading-none whitespace-nowrap [&_svg]:pointer-events-none [&_svg]:-mx-0.5 in-[[data-slot=input-group]:has([data-slot=input-control])]:[&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+const InputGroup = Object.assign(InputGroupRoot, {
+    Addon: InputGroupAddon,
+    Button: InputGroupButton,
+    Input: InputGroupInput,
+    Text: InputGroupText,
+});
+export { InputGroup, InputGroupAddon, inputGroupAddonVariants, InputGroupButton, InputGroupInput, InputGroupText, };
+//# sourceMappingURL=InputGroup.js.map

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

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