@datum-cloud/datum-ui 0.8.1 → 0.9.0

package/dist/dropzone/index.mjs

@@ -1,2 +1,2 @@
-import { i as FileInputButton, n as DropzoneContent, r as DropzoneEmptyState, t as Dropzone } from "../dropzone-Bt0plEuw.mjs";
+import { i as FileInputButton, n as DropzoneContent, r as DropzoneEmptyState, t as Dropzone } from "../dropzone-DXH0xHso.mjs";
 export { Dropzone, DropzoneContent, DropzoneEmptyState, FileInputButton };

package/dist/{dropzone-Bt0plEuw.mjs → dropzone-DXH0xHso.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./cn-D2KYQ917.mjs";
 import { t as Button } from "./button-BllvE9Lm.mjs";
-import { t as Button$1 } from "./button-D3RrsMfQ.mjs";
+import { t as Button$1 } from "./button-Rw1xI-k9.mjs";
 import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
 import { UploadIcon } from "lucide-react";
 import { createContext, use, useRef } from "react";

package/dist/empty-content/index.mjs

@@ -1,2 +1,2 @@
-import { t as EmptyContent } from "../empty-content-CBh5bbtJ.mjs";
+import { t as EmptyContent } from "../empty-content-DTk_lwnh.mjs";
 export { EmptyContent };

package/dist/form/adapters/conform/index.mjs

@@ -1,6 +1,6 @@
-import { t as FormAdapterProvider } from "../../../adapter-context-NyGTDZYq.mjs";
-import { n as getFieldConstraints, t as useDisplayTouched } from "../../../use-display-touched-C-afz17j.mjs";
-import * as React$1 from "react";
+import { t as FormAdapterProvider } from "../../../adapter-context-DemTWhel.mjs";
+import { n as getFieldConstraints, t as useDisplayTouched } from "../../../use-display-touched-DpX3fsOl.mjs";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { FormProvider, getFormProps, getInputProps, useForm, useFormMetadata, useInputControl } from "@conform-to/react";
 import { isDirty, useFormData } from "@conform-to/react/future";
@@ -10,7 +10,7 @@ import { getZodConstraint, parseWithZod } from "@conform-to/zod/v4";
 * Shared context for the touched fields set.
 * Created in useConformCreateForm and consumed by useConformField.
 */
-const TouchedFieldsContext = React$1.createContext({ current: /* @__PURE__ */ new Set() });
+const TouchedFieldsContext = React.createContext({ current: /* @__PURE__ */ new Set() });
 /**
 * Resolve a Conform field metadata object by dot-notation path.
 *
@@ -75,7 +75,7 @@ function useConformCreateForm(props) {
 			if (submission?.status === "success") onSubmit(submission.value);
 		} : void 0
 	});
-	const constraints = React$1.useMemo(() => getFieldConstraints(schema), [schema]);
+	const constraints = React.useMemo(() => getFieldConstraints(schema), [schema]);
 	const formIsDirty = useFormData(formRef, (formData) => isDirty(formData, { defaultValue: defaultValues }) ?? false) ?? false;
 	const dirtyFields = useFormData(formRef, (formData) => {
 		const result = {};
@@ -96,9 +96,9 @@ function useConformCreateForm(props) {
 	const isValid = useFormData(formRef, (formData) => {
 		return parseWithZod(formData, { schema })?.status === "success";
 	}) ?? false;
-	const touchedFieldsRef = React$1.useRef(/* @__PURE__ */ new Set());
-	const [touchedFields, setTouchedFields] = React$1.useState({});
-	React$1.useEffect(() => {
+	const touchedFieldsRef = React.useRef(/* @__PURE__ */ new Set());
+	const [touchedFields, setTouchedFields] = React.useState({});
+	React.useEffect(() => {
 		const formEl = formRef?.current;
 		if (!formEl) return;
 		const handleFocusOut = (event) => {
@@ -117,7 +117,7 @@ function useConformCreateForm(props) {
 		formEl.addEventListener("focusout", handleFocusOut);
 		return () => formEl.removeEventListener("focusout", handleFocusOut);
 	}, [formRef]);
-	const formState = React$1.useMemo(() => ({
+	const formState = React.useMemo(() => ({
 		isDirty: formIsDirty,
 		isValid,
 		isSubmitted: false,
@@ -130,7 +130,7 @@ function useConformCreateForm(props) {
 		dirtyFields,
 		touchedFields
 	]);
-	const normalizedFields = React$1.useMemo(() => {
+	const normalizedFields = React.useMemo(() => {
 		const result = {};
 		for (const [key, fieldMeta] of Object.entries(fields)) result[key] = {
 			id: fieldMeta.id ?? `${id ?? form.id}-${key}`,
@@ -148,9 +148,9 @@ function useConformCreateForm(props) {
 		dirtyFields,
 		touchedFields
 	]);
-	const conformFormProps = React$1.useMemo(() => getFormProps(form), [form]);
+	const conformFormProps = React.useMemo(() => getFormProps(form), [form]);
 	const { displayTouchedFields, markFieldTouched, markAllFieldsTouched } = useDisplayTouched(schema);
-	return React$1.useMemo(() => ({
+	return React.useMemo(() => ({
 		id: form.id,
 		fields: normalizedFields,
 		formProps: conformFormProps,
@@ -187,7 +187,7 @@ function useConformCreateForm(props) {
 /** Resolve a field by dot-notation path and return its normalized state. */
 function useConformField(name) {
 	const fieldMeta = resolveConformField(useFormMetadata().getFieldset(), name);
-	const touchedFieldsRef = React$1.use(TouchedFieldsContext);
+	const touchedFieldsRef = React.use(TouchedFieldsContext);
 	const control = useInputControl(fieldMeta ?? {
 		name,
 		key: void 0,
@@ -198,7 +198,7 @@ function useConformField(name) {
 	const defaultValue = convertFromString(fieldMeta.initialValue);
 	const fieldIsDirty = currentValue !== (defaultValue === void 0 ? "" : defaultValue);
 	const fieldIsTouched = touchedFieldsRef.current.has(name);
-	return React$1.useMemo(() => ({
+	return React.useMemo(() => ({
 		name: fieldMeta.name,
 		id: fieldMeta.id,
 		errors: fieldMeta.errors ?? [],
@@ -228,7 +228,7 @@ function useConformWatch(name) {
 function useConformWatchAll(names) {
 	const allFields = useFormMetadata().getFieldset();
 	const namesKey = names.join(",");
-	return React$1.useMemo(() => {
+	return React.useMemo(() => {
 		const result = {};
 		for (const name of names) {
 			const fieldMeta = resolveConformField(allFields, name);
@@ -241,7 +241,7 @@ function useConformWatchAll(names) {
 function useConformFieldArray(name) {
 	const formMeta = useFormMetadata();
 	const arrayField = resolveConformField(formMeta.getFieldset(), name);
-	const items = React$1.useMemo(() => {
+	const items = React.useMemo(() => {
 		if (!arrayField?.getFieldList) return [];
 		return arrayField.getFieldList().map((item, index) => ({
 			id: item.id ?? `${name}-${index}`,
@@ -252,21 +252,21 @@ function useConformFieldArray(name) {
 	const arrayFieldName = arrayField?.name;
 	return {
 		items,
-		append: React$1.useCallback((defaultValue) => {
+		append: React.useCallback((defaultValue) => {
 			if (!arrayFieldName) return;
 			formMeta.insert({
 				name: arrayFieldName,
 				defaultValue
 			});
 		}, [formMeta, arrayFieldName]),
-		remove: React$1.useCallback((index) => {
+		remove: React.useCallback((index) => {
 			if (!arrayFieldName) return;
 			formMeta.remove({
 				name: arrayFieldName,
 				index
 			});
 		}, [formMeta, arrayFieldName]),
-		move: React$1.useCallback((from, to) => {
+		move: React.useCallback((from, to) => {
 			if (!arrayFieldName) return;
 			formMeta.reorder({
 				name: arrayFieldName,

package/dist/form/adapters/rhf/index.mjs

@@ -1,6 +1,6 @@
-import { t as FormAdapterProvider } from "../../../adapter-context-NyGTDZYq.mjs";
-import { n as getFieldConstraints, r as getObjectShape, t as useDisplayTouched } from "../../../use-display-touched-C-afz17j.mjs";
-import * as React$1 from "react";
+import { t as FormAdapterProvider } from "../../../adapter-context-DemTWhel.mjs";
+import { n as getFieldConstraints, r as getObjectShape, t as useDisplayTouched } from "../../../use-display-touched-DpX3fsOl.mjs";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { FormProvider, useController, useFieldArray, useForm, useFormContext, useWatch } from "react-hook-form";
@@ -59,12 +59,12 @@ function getFieldDefault(schema) {
 }
 //#endregion
 //#region src/components/features/form/adapters/rhf/rhf-adapter.tsx
-const RHFFormIdContext = React$1.createContext("form");
+const RHFFormIdContext = React.createContext("form");
 /** Create a React Hook Form instance and normalize it to the adapter interface. */
 function useRHFCreateForm(props) {
 	const { schema, defaultValues, mode, id, onSubmit, formRef } = props;
-	const schemaDefaults = React$1.useMemo(() => getSchemaDefaults(schema), [schema]);
-	const mergedDefaults = React$1.useMemo(() => ({
+	const schemaDefaults = React.useMemo(() => getSchemaDefaults(schema), [schema]);
+	const mergedDefaults = React.useMemo(() => ({
 		...schemaDefaults,
 		...defaultValues
 	}), [schemaDefaults, defaultValues]);
@@ -75,10 +75,10 @@ function useRHFCreateForm(props) {
 		reValidateMode: "onChange"
 	});
 	const { errors, isDirty, isValid, dirtyFields, touchedFields } = form.formState;
-	const constraints = React$1.useMemo(() => getFieldConstraints(schema), [schema]);
-	const onSubmitRef = React$1.useRef(onSubmit);
+	const constraints = React.useMemo(() => getFieldConstraints(schema), [schema]);
+	const onSubmitRef = React.useRef(onSubmit);
 	onSubmitRef.current = onSubmit;
-	const normalizedFields = React$1.useMemo(() => {
+	const normalizedFields = React.useMemo(() => {
 		const result = {};
 		for (const [key, constraint] of Object.entries(constraints)) {
 			const fieldError = errors[key];
@@ -98,7 +98,7 @@ function useRHFCreateForm(props) {
 		dirtyFields,
 		touchedFields
 	]);
-	const formState = React$1.useMemo(() => ({
+	const formState = React.useMemo(() => ({
 		isDirty,
 		isValid,
 		isSubmitted: false,
@@ -111,16 +111,16 @@ function useRHFCreateForm(props) {
 		dirtyFields,
 		touchedFields
 	]);
-	const handleSubmit = React$1.useMemo(() => form.handleSubmit((data) => {
+	const handleSubmit = React.useMemo(() => form.handleSubmit((data) => {
 		onSubmitRef.current?.(data);
 	}), [form]);
-	const formProps = React$1.useMemo(() => ({
+	const formProps = React.useMemo(() => ({
 		id,
 		onSubmit: handleSubmit,
 		noValidate: true
 	}), [id, handleSubmit]);
 	const { displayTouchedFields, markFieldTouched, markAllFieldsTouched } = useDisplayTouched(schema);
-	return React$1.useMemo(() => ({
+	return React.useMemo(() => ({
 		id: id ?? "form",
 		fields: normalizedFields,
 		formProps,
@@ -147,12 +147,12 @@ function useRHFCreateForm(props) {
 /** Resolve a field by name and return its normalized state. */
 function useRHFField(name) {
 	const form = useFormContext();
-	const formId = React$1.use(RHFFormIdContext);
+	const formId = React.use(RHFFormIdContext);
 	const { field, fieldState } = useController({
 		name,
 		control: form.control
 	});
-	return React$1.useMemo(() => ({
+	return React.useMemo(() => ({
 		name: field.name,
 		id: `${formId}-${name}`,
 		errors: fieldState.error?.message ? [String(fieldState.error.message)] : [],
@@ -185,7 +185,7 @@ function useRHFWatchAllHook(names) {
 		control: useFormContext().control
 	});
 	const namesKey = names.join(",");
-	return React$1.useMemo(() => {
+	return React.useMemo(() => {
 		const result = {};
 		names.forEach((n, index) => {
 			result[n] = values[index];
@@ -200,12 +200,12 @@ function useRHFFieldArrayHook(name) {
 		control: useFormContext().control
 	});
 	return {
-		items: React$1.useMemo(() => fields.map((field, index) => ({
+		items: React.useMemo(() => fields.map((field, index) => ({
 			id: field.id,
 			key: field.id,
 			name: `${name}.${index}`
 		})), [fields, name]),
-		append: React$1.useCallback((defaultValue) => {
+		append: React.useCallback((defaultValue) => {
 			append(defaultValue ?? {});
 		}, [append]),
 		remove,

package/dist/form/index.mjs

@@ -1,3 +1,3 @@
-import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "../form-CCNN9VtJ.mjs";
-import { n as useAdapter, t as FormAdapterProvider } from "../adapter-context-NyGTDZYq.mjs";
+import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "../form-DvgKb4s4.mjs";
+import { n as useAdapter, t as FormAdapterProvider } from "../adapter-context-DemTWhel.mjs";
 export { Form, FormAdapterProvider, FormAutocomplete, FormAutosearch, FormButton, FormCheckbox, FormCombobox, FormCopyBox, FormCustom, FormDatePicker, FormDateTimePicker, FormDescription, FormDialog, FormError, FormField, FormFieldArray, FormInput, FormRadioGroup, FormRadioItem, FormRoot, FormSelect, FormSelectItem, FormSubmit, FormSwitch, FormTextarea, FormTimePicker, FormTransfer, FormWhen, useAdapter, useField, useFieldContext, useFormContext, useFormState, useWatch, useWatchAll };

package/dist/form/stepper/index.mjs

@@ -1,15 +1,15 @@
 import { t as cn } from "../../cn-D2KYQ917.mjs";
 import { t as Button } from "../../button-BllvE9Lm.mjs";
-import { n as useFormContext, t as FormProvider } from "../../form-context-CeKyvO-A.mjs";
-import { n as useAdapter } from "../../adapter-context-NyGTDZYq.mjs";
-import { t as defineStepper } from "../../stepper-Beb-zbdL.mjs";
+import { n as useFormContext, t as FormProvider } from "../../form-context-0usxTumz.mjs";
+import { n as useAdapter } from "../../adapter-context-DemTWhel.mjs";
+import { t as defineStepper } from "../../stepper-adDdiJMx.mjs";
 import { CheckIcon } from "lucide-react";
-import * as React$1 from "react";
+import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/features/form/components/stepper/form-stepper.tsx
-const FormStepperContext = React$1.createContext(null);
+const FormStepperContext = React.createContext(null);
 function useFormStepperContext() {
-	const context = React$1.use(FormStepperContext);
+	const context = React.use(FormStepperContext);
 	if (!context) throw new Error("useFormStepperContext must be used within a Form.Stepper component");
 	return context;
 }
@@ -56,10 +56,10 @@ function toStepperizeSteps(steps) {
 * ```
 */
 function FormStepper({ steps, children, onComplete, onStepChange, initialStep, className, defaultValues, id, formComponent, mode = "onSubmit" }) {
-	const stepperDef = React$1.useMemo(() => {
+	const stepperDef = React.useMemo(() => {
 		return defineStepper(...toStepperizeSteps(steps));
 	}, [steps]);
-	const initialStepIndex = React$1.useMemo(() => {
+	const initialStepIndex = React.useMemo(() => {
 		if (!initialStep) return void 0;
 		const index = steps.findIndex((s) => s.id === initialStep);
 		return index >= 0 ? steps[index].id : void 0;
@@ -89,8 +89,8 @@ function FormStepperContent({ steps, stepperDef, children, onComplete, onStepCha
 	return /* @__PURE__ */ jsx(StepForm, {
 		steps,
 		stepper,
-		currentStepConfig: React$1.useMemo(() => steps.find((s) => s.id === stepper.state.current.data.id) ?? steps[0], [steps, stepper.state.current.data.id]),
-		storedValues: React$1.useMemo(() => {
+		currentStepConfig: React.useMemo(() => steps.find((s) => s.id === stepper.state.current.data.id) ?? steps[0], [steps, stepper.state.current.data.id]),
+		storedValues: React.useMemo(() => {
 			const allMetadata = steps.reduce((acc, step) => ({
 				...acc,
 				...stepper.metadata.get(step.id) || {}
@@ -116,12 +116,12 @@ function FormStepperContent({ steps, stepperDef, children, onComplete, onStepCha
 }
 function StepForm({ steps, stepper, currentStepConfig, storedValues, children, onComplete, onStepChange, className, id, formComponent: FormComp = "form", mode }) {
 	const adapter = useAdapter();
-	const [isSubmitting, setIsSubmitting] = React$1.useState(false);
-	const [isSubmitted, setIsSubmitted] = React$1.useState(false);
-	const [submitCount, setSubmitCount] = React$1.useState(0);
-	const formRef = React$1.useRef(null);
+	const [isSubmitting, setIsSubmitting] = React.useState(false);
+	const [isSubmitted, setIsSubmitted] = React.useState(false);
+	const [submitCount, setSubmitCount] = React.useState(0);
+	const formRef = React.useRef(null);
 	const currentIndex = stepper.lookup.getIndex(stepper.state.current.data.id);
-	const handleStepSubmit = React$1.useCallback(async (data) => {
+	const handleStepSubmit = React.useCallback(async (data) => {
 		setIsSubmitted(true);
 		setSubmitCount((prev) => prev + 1);
 		stepper.metadata.set(stepper.state.current.data.id, data);
@@ -159,10 +159,10 @@ function StepForm({ steps, stepper, currentStepConfig, storedValues, children, o
 		onSubmit: handleStepSubmit,
 		formRef
 	});
-	const next = React$1.useCallback(() => {
+	const next = React.useCallback(() => {
 		formRef.current?.requestSubmit();
 	}, []);
-	const prev = React$1.useCallback(() => {
+	const prev = React.useCallback(() => {
 		const currentValues = instance.getValues();
 		if (Object.keys(currentValues).length > 0) stepper.metadata.set(stepper.state.current.data.id, currentValues);
 		const prevStepId = stepper.lookup.getPrev(stepper.state.current.data.id)?.id;
@@ -175,7 +175,7 @@ function StepForm({ steps, stepper, currentStepConfig, storedValues, children, o
 		stepper,
 		onStepChange
 	]);
-	const goTo = React$1.useCallback((stepId) => {
+	const goTo = React.useCallback((stepId) => {
 		if (stepper.lookup.getIndex(stepId) < currentIndex) {
 			const currentValues = instance.getValues();
 			if (Object.keys(currentValues).length > 0) stepper.metadata.set(stepper.state.current.data.id, currentValues);
@@ -188,14 +188,14 @@ function StepForm({ steps, stepper, currentStepConfig, storedValues, children, o
 		currentIndex,
 		onStepChange
 	]);
-	const getStepData = React$1.useCallback((stepId) => stepper.metadata.get(stepId), [stepper]);
-	const getAllStepData = React$1.useCallback(() => {
+	const getStepData = React.useCallback((stepId) => stepper.metadata.get(stepId), [stepper]);
+	const getAllStepData = React.useCallback(() => {
 		return steps.reduce((acc, step) => ({
 			...acc,
 			...stepper.metadata.get(step.id) || {}
 		}), {});
 	}, [steps, stepper]);
-	const stepperContextValue = React$1.useMemo(() => ({
+	const stepperContextValue = React.useMemo(() => ({
 		steps,
 		current: currentStepConfig,
 		currentIndex,
@@ -218,7 +218,7 @@ function StepForm({ steps, stepper, currentStepConfig, storedValues, children, o
 		getStepData,
 		getAllStepData
 	]);
-	const contextValue = React$1.useMemo(() => ({
+	const contextValue = React.useMemo(() => ({
 		form: instance,
 		fields: instance.fields,
 		isSubmitting,
@@ -423,7 +423,7 @@ function StepperNavigation({ variant = "horizontal", labelOrientation = "vertica
 			const isActive = index === currentIndex;
 			const isCompleted = index < currentIndex;
 			const isLast = index === steps.length - 1;
-			return /* @__PURE__ */ jsxs(React$1.Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+			return /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center",
 				children: [/* @__PURE__ */ jsx("div", {
 					className: cn("flex h-8 w-8 items-center justify-center rounded-full border text-sm font-medium transition-colors", isActive && "border-primary bg-primary text-primary-foreground", isCompleted && "border-tertiary-foreground bg-tertiary-foreground text-tertiary", !isActive && !isCompleted && "border-stepper-label text-stepper-label"),

package/dist/{form-CCNN9VtJ.mjs → form-DvgKb4s4.mjs}

@@ -6,26 +6,26 @@ import { t as Dialog } from "./dialog-Bm2H9lrx.mjs";
 import { t as Input } from "./input-FKGqZypx.mjs";
 import { t as Label } from "./label-cnAhY-ej.mjs";
 import { n as RadioGroupItem, t as RadioGroup } from "./radio-group-70UjJBb5.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-zxwykvQn.mjs";
-import { t as Tooltip } from "./tooltip-a7NTDCWw.mjs";
-import { t as Switch } from "./switch-DcSF42Kc.mjs";
-import { t as Textarea } from "./textarea-BoChBcFz.mjs";
-import { t as Autocomplete } from "./autocomplete-DdbTQe6u.mjs";
-import { t as CalendarDatePicker } from "./calendar-date-picker-BaykEs6j.mjs";
-import { t as toast } from "./toast-D5XD7goD.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-Ck0szhAH.mjs";
+import { t as Tooltip } from "./tooltip-CHuzXR_O.mjs";
+import { t as Switch } from "./switch-BcQaR1Bp.mjs";
+import { t as Textarea } from "./textarea-q-k7DYwi.mjs";
+import { t as Autocomplete } from "./autocomplete-ChuPNldi.mjs";
+import { t as CalendarDatePicker } from "./calendar-date-picker-CchHKodM.mjs";
+import { t as toast } from "./toast-BWol1pyV.mjs";
 import { Autosearch } from "./autosearch/index.mjs";
-import { n as useFormContext$1, t as FormProvider } from "./form-context-CeKyvO-A.mjs";
-import { t as useCopyToClipboard } from "./use-copy-to-clipboard-D7KyLIAt.mjs";
-import { t as DateTimePicker } from "./date-time-picker-DKOxrhmc.mjs";
-import { n as useAdapter } from "./adapter-context-NyGTDZYq.mjs";
+import { n as useFormContext$1, t as FormProvider } from "./form-context-0usxTumz.mjs";
+import { t as useCopyToClipboard } from "./use-copy-to-clipboard-ZHDvfV3W.mjs";
+import { t as DateTimePicker } from "./date-time-picker-BiobghTJ.mjs";
+import { n as useAdapter } from "./adapter-context-DemTWhel.mjs";
 import { InputWithAddons } from "./input-with-addons/index.mjs";
-import { t as TimePicker } from "./time-picker-BZF5jbF6.mjs";
-import { t as Transfer } from "./transfer-CoGPwOc6.mjs";
+import { t as TimePicker } from "./time-picker-C840fLl6.mjs";
+import { t as Transfer } from "./transfer-CuJGL420.mjs";
 import { CheckIcon, CircleHelp, CopyIcon } from "lucide-react";
-import * as React$1 from "react";
+import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/features/form/context/field-context.tsx
-const FieldContext = React$1.createContext(null);
+const FieldContext = React.createContext(null);
 function FieldProvider({ children, value }) {
 	return /* @__PURE__ */ jsx(FieldContext, {
 		value,
@@ -33,7 +33,7 @@ function FieldProvider({ children, value }) {
 	});
 }
 function useFieldContext$1() {
-	const context = React$1.use(FieldContext);
+	const context = React.use(FieldContext);
 	if (!context) throw new Error("useFieldContext must be used within a Form.Field component. Make sure your input component is wrapped with Form.Field.");
 	return context;
 }
@@ -42,7 +42,7 @@ function useFieldContext$1() {
 * Useful for components that can work both inside and outside Form.Field
 */
 function useOptionalFieldContext() {
-	return React$1.use(FieldContext);
+	return React.use(FieldContext);
 }
 //#endregion
 //#region src/components/features/form/components/form-autocomplete.tsx
@@ -235,7 +235,7 @@ function FormCombobox({ options, placeholder, searchPlaceholder, emptyMessage, d
 	const { id, errors, disabled: fieldDisabled, fieldState } = useFieldContext$1();
 	const isDisabled = disabled ?? fieldDisabled;
 	const hasErrors = errors && errors.length > 0;
-	const handleChange = React$1.useCallback((value) => {
+	const handleChange = React.useCallback((value) => {
 		fieldState?.change(value ?? "");
 		fieldState?.blur();
 	}, [fieldState]);
@@ -369,7 +369,7 @@ function FormDatePicker({ placeholder, disabled, className, triggerClassName, nu
 	const { id, errors, disabled: fieldDisabled, fieldState } = useFieldContext$1();
 	const isDisabled = disabled ?? fieldDisabled;
 	const hasErrors = errors && errors.length > 0;
-	const currentValue = React$1.useMemo(() => {
+	const currentValue = React.useMemo(() => {
 		const val = fieldState?.value;
 		if (!val) return {
 			from: void 0,
@@ -397,7 +397,7 @@ function FormDatePicker({ placeholder, disabled, className, triggerClassName, nu
 	return /* @__PURE__ */ jsx(CalendarDatePicker, {
 		id,
 		date: currentValue,
-		onDateSelect: React$1.useCallback((range) => {
+		onDateSelect: React.useCallback((range) => {
 			if (!range) {
 				fieldState?.change(void 0);
 				fieldState?.blur();
@@ -432,7 +432,7 @@ function FormDateTimePicker({ minDate: minDateProp, maxDate: maxDateProp, disabl
 	const { id, errors, disabled: fieldDisabled, fieldState } = useFieldContext$1();
 	const isDisabled = disabled ?? fieldDisabled;
 	const hasErrors = errors && errors.length > 0;
-	const currentValue = React$1.useMemo(() => {
+	const currentValue = React.useMemo(() => {
 		const val = fieldState?.value;
 		if (!val) return void 0;
 		if (typeof val === "string") return val;
@@ -441,7 +441,7 @@ function FormDateTimePicker({ minDate: minDateProp, maxDate: maxDateProp, disabl
 	const maxDate = maxDateProp;
 	return /* @__PURE__ */ jsx(DateTimePicker, {
 		value: currentValue,
-		onChange: React$1.useCallback((value) => {
+		onChange: React.useCallback((value) => {
 			fieldState?.change(value);
 			fieldState?.blur();
 		}, [fieldState]),
@@ -538,12 +538,12 @@ FormDescription.displayName = "Form.Description";
 * ```
 */
 function FormDialog({ open, onOpenChange, defaultOpen, title, description, trigger, schema, defaultValues, onSubmit, onSuccess, onError, submitText = "Submit", submitTextLoading = "Submitting...", cancelText = "Cancel", showCancel = true, submitType = "primary", loading, formComponent, telemetry, className, formClassName, showHeaderClose = true, children }) {
-	const [internalOpen, setInternalOpen] = React$1.useState(defaultOpen ?? false);
-	const [internalIsSubmitting, setInternalIsSubmitting] = React$1.useState(false);
+	const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);
+	const [internalIsSubmitting, setInternalIsSubmitting] = React.useState(false);
 	const isSubmitting = loading ?? internalIsSubmitting;
 	const isControlled = open !== void 0;
 	const isOpen = isControlled ? open : internalOpen;
-	const handleOpenChange = React$1.useCallback((value) => {
+	const handleOpenChange = React.useCallback((value) => {
 		if (!value && isSubmitting) return;
 		if (!isControlled) setInternalOpen(value);
 		onOpenChange?.(value);
@@ -552,7 +552,7 @@ function FormDialog({ open, onOpenChange, defaultOpen, title, description, trigg
 		isSubmitting,
 		onOpenChange
 	]);
-	const handleSubmit = React$1.useCallback(async (data) => {
+	const handleSubmit = React.useCallback(async (data) => {
 		if (loading === void 0) setInternalIsSubmitting(true);
 		try {
 			await onSubmit?.(data);
@@ -565,7 +565,7 @@ function FormDialog({ open, onOpenChange, defaultOpen, title, description, trigg
 		onSuccess,
 		loading
 	]);
-	const handleCancel = React$1.useCallback(() => {
+	const handleCancel = React.useCallback(() => {
 		handleOpenChange(false);
 	}, [handleOpenChange]);
 	return /* @__PURE__ */ jsxs(Dialog, {
@@ -657,7 +657,7 @@ FormError.displayName = "Form.Error";
 //#endregion
 //#region src/components/features/form/components/form-field.tsx
 function FieldLabel({ htmlFor, label, hasErrors, required, tooltip, className }) {
-	const [isTooltipVisible, setIsTooltipVisible] = React$1.useState(false);
+	const [isTooltipVisible, setIsTooltipVisible] = React.useState(false);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "relative flex w-fit items-start space-x-2",
 		children: [/* @__PURE__ */ jsxs(Label, {
@@ -709,21 +709,21 @@ function FormField({ name, children, label, description, tooltip, required = fal
 	const rawErrors = fieldState.errors;
 	const errors = isDisplayTouched ? rawErrors : [];
 	const hasErrors = errors.length > 0;
-	const hasFocusedRef = React$1.useRef(false);
-	React$1.useEffect(() => {
+	const hasFocusedRef = React.useRef(false);
+	React.useEffect(() => {
 		hasFocusedRef.current = false;
 	}, [name]);
-	const handleFocus = React$1.useCallback((e) => {
+	const handleFocus = React.useCallback((e) => {
 		if (e.target.type !== "hidden") hasFocusedRef.current = true;
 	}, []);
-	const handleChange = React$1.useCallback(() => {
+	const handleChange = React.useCallback(() => {
 		if (mode === "onChange" && hasFocusedRef.current) markFieldTouched(name);
 	}, [
 		mode,
 		name,
 		markFieldTouched
 	]);
-	const handleBlur = React$1.useCallback(() => {
+	const handleBlur = React.useCallback(() => {
 		if ((mode === "onChange" || mode === "onBlur") && hasFocusedRef.current) markFieldTouched(name);
 	}, [
 		mode,
@@ -734,7 +734,7 @@ function FormField({ name, children, label, description, tooltip, required = fal
 	const descriptionId = description ? `${fieldId}-description` : void 0;
 	const errorId = hasErrors ? `${fieldId}-error` : void 0;
 	const fieldRequired = required || fieldState.required;
-	const contextValue = React$1.useMemo(() => ({
+	const contextValue = React.useMemo(() => ({
 		name,
 		id: fieldId,
 		errors,
@@ -1004,12 +1004,12 @@ FormRadioItem.displayName = "Form.RadioItem";
 */
 function FormRoot({ schema, children, onSubmit, action, method = "POST", formComponent: FormComp = "form", id, name, defaultValues, mode = "onChange", isSubmitting: externalIsSubmitting, onError, onSuccess, telemetry, className }) {
 	const adapter = useAdapter();
-	const [internalIsSubmitting, setInternalIsSubmitting] = React$1.useState(false);
+	const [internalIsSubmitting, setInternalIsSubmitting] = React.useState(false);
 	const isSubmitting = externalIsSubmitting ?? internalIsSubmitting;
-	const [isSubmitted, setIsSubmitted] = React$1.useState(false);
-	const [submitCount, setSubmitCount] = React$1.useState(0);
-	const formRef = React$1.useRef(null);
-	const wrappedOnSubmit = React$1.useCallback(async (data) => {
+	const [isSubmitted, setIsSubmitted] = React.useState(false);
+	const [submitCount, setSubmitCount] = React.useState(0);
+	const formRef = React.useRef(null);
+	const wrappedOnSubmit = React.useCallback(async (data) => {
 		setInternalIsSubmitting(true);
 		setIsSubmitted(true);
 		setSubmitCount((prev) => prev + 1);
@@ -1052,7 +1052,7 @@ function FormRoot({ schema, children, onSubmit, action, method = "POST", formCom
 		formRef
 	});
 	const { formState } = instance;
-	const contextValue = React$1.useMemo(() => ({
+	const contextValue = React.useMemo(() => ({
 		form: instance,
 		fields: instance.fields,
 		isSubmitting,
@@ -1283,7 +1283,7 @@ function FormTimePicker({ min, max, step, placeholder, disabled, className }) {
 	return /* @__PURE__ */ jsx(TimePicker, {
 		id,
 		value: fieldState?.value ?? "",
-		onChange: React$1.useCallback((value) => {
+		onChange: React.useCallback((value) => {
 			fieldState?.change(value || void 0);
 			fieldState?.blur();
 		}, [fieldState]),
@@ -1324,7 +1324,7 @@ function FormTransfer({ disabled, minItems, maxItems, ...props }) {
 	const isDisabled = disabled ?? fieldDisabled;
 	const hasErrors = errors && errors.length > 0;
 	const value = Array.isArray(fieldState?.value) ? fieldState.value : [];
-	const handleChange = React$1.useCallback((newValue) => {
+	const handleChange = React.useCallback((newValue) => {
 		fieldState?.change(newValue);
 		fieldState?.blur();
 	}, [fieldState]);
@@ -1537,12 +1537,19 @@ function useFormContext() {
 function useFormState() {
 	const ctx = useFormContext$1();
 	return {
+		/** Whether any field value differs from its default value */
 		isDirty: ctx.isDirty,
+		/** Whether the form currently passes validation */
 		isValid: ctx.isValid,
+		/** Whether the form is currently submitting */
 		isSubmitting: ctx.isSubmitting,
+		/** Whether the form has been submitted at least once */
 		isSubmitted: ctx.isSubmitted,
+		/** Number of times the form has been submitted */
 		submitCount: ctx.submitCount,
+		/** Record of which fields have been modified from defaults */
 		dirtyFields: ctx.dirtyFields,
+		/** Record of which fields have been focused and blurred */
 		touchedFields: ctx.touchedFields
 	};
 }

package/dist/{form-context-CeKyvO-A.mjs → form-context-0usxTumz.mjs}

@@ -1,7 +1,7 @@
-import * as React$1 from "react";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/features/form/context/form-context.tsx
-const FormContext = React$1.createContext(null);
+const FormContext = React.createContext(null);
 function FormProvider({ children, value }) {
 	return /* @__PURE__ */ jsx(FormContext, {
 		value,
@@ -9,7 +9,7 @@ function FormProvider({ children, value }) {
 	});
 }
 function useFormContext() {
-	const context = React$1.use(FormContext);
+	const context = React.use(FormContext);
 	if (!context) throw new Error("useFormContext must be used within a Form.Root component");
 	return context;
 }

package/dist/grid/index.mjs

@@ -1,2 +1,2 @@
-import { a as getResponsiveValue, c as GRID_COLUMNS, d as RESPONSIVE_MAP, i as getGutter, l as GRID_PREFIX, n as Row, o as registerMediaQuery, r as RowContext, s as GRID_BREAKPOINTS, t as Col, u as RESPONSIVE_ARRAY } from "../col-DISdGlqY.mjs";
+import { a as getResponsiveValue, c as GRID_COLUMNS, d as RESPONSIVE_MAP, i as getGutter, l as GRID_PREFIX, n as Row, o as registerMediaQuery, r as RowContext, s as GRID_BREAKPOINTS, t as Col, u as RESPONSIVE_ARRAY } from "../col-Q6yazFwL.mjs";
 export { Col, GRID_BREAKPOINTS, GRID_COLUMNS, GRID_PREFIX, RESPONSIVE_ARRAY, RESPONSIVE_MAP, Row, RowContext, getGutter, getResponsiveValue, registerMediaQuery };