@datum-cloud/datum-ui 0.3.2-dev.5bd364b → 0.5.0

package/dist/{use-stepper-DJd8o9dV.mjs → form-Co3fM4B7.mjs}

@@ -1,28 +1,26 @@
-import { t as cn } from "./cn-DWCc1QRE.mjs";
-import { t as Button } from "./button-C1wRfGtT.mjs";
-import { t as Icon } from "./icon-wrapper-9ticVbRL.mjs";
-import { t as Checkbox } from "./checkbox-LG1OKTpG.mjs";
-import { t as Dialog } from "./dialog-bnMMf9GD.mjs";
-import { t as Input } from "./input-fzXBheCN.mjs";
-import { t as Label } from "./label-_ste_Re3.mjs";
-import { n as RadioGroupItem, t as RadioGroup } from "./radio-group-B9Hm77LQ.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-CwVIFWFO.mjs";
-import { t as Tooltip } from "./tooltip-U3XxlW4l.mjs";
-import { t as Switch } from "./switch-Cn9IM2gC.mjs";
-import { t as Textarea } from "./textarea-KZUKGHlO.mjs";
-import { t as Autocomplete } from "./autocomplete-DcKO7pj5.mjs";
-import { r as toast } from "./use-toast-DBmysDS6.mjs";
-import { t as useCopyToClipboard } from "./use-copy-to-clipboard-C9cT2Qb-.mjs";
-import { t as defineStepper } from "./stepper-CZeks9Ex.mjs";
-import { t as InputWithAddons } from "./input-with-addons-DN9LGwUU.mjs";
-import { Form } from "./form/index.mjs";
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as Button } from "./button-BllvE9Lm.mjs";
+import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
+import { t as Checkbox } from "./checkbox-I5BvrMPe.mjs";
+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-CiITR0LO.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-CiLR_DiQ.mjs";
+import { t as Tooltip } from "./tooltip-Cruvl5F6.mjs";
+import { t as Switch } from "./switch-DQJQhPIQ.mjs";
+import { t as Textarea } from "./textarea-BwD-MmTV.mjs";
+import { t as Autocomplete } from "./autocomplete-V5-qslzS.mjs";
+import { t as toast } from "./toast-BWnN5fax.mjs";
+import { t as useCopyToClipboard } from "./use-copy-to-clipboard-BGdTmkFV.mjs";
+import { defineStepper } from "./stepper/index.mjs";
+import { InputWithAddons } from "./input-with-addons/index.mjs";
 import { CheckIcon, CircleHelp, CopyIcon } from "lucide-react";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
 import { FormProvider, getFormProps, getInputProps, getTextareaProps, useForm, useFormMetadata, useInputControl } from "@conform-to/react";
 import { getZodConstraint, parseWithZod } from "@conform-to/zod/v4";
-import { z } from "zod";
-
 //#region src/components/features/form/context/field-context.tsx
 const FieldContext = React$1.createContext(null);
 function FieldProvider({ children, value }) {
@@ -43,7 +41,6 @@ function useFieldContext$1() {
 function useOptionalFieldContext() {
 	return React$1.use(FieldContext);
 }
-
 //#endregion
 //#region src/components/features/form/components/form-autocomplete.tsx
 /**
@@ -102,7 +99,6 @@ function FormAutocomplete({ disabled, className, ...props }) {
 	});
 }
 FormAutocomplete.displayName = "Form.Autocomplete";
-
 //#endregion
 //#region src/components/features/form/context/form-context.tsx
 const FormContext = React$1.createContext(null);
@@ -117,7 +113,6 @@ function useFormContext$1() {
 	if (!context) throw new Error("useFormContext must be used within a Form.Root component");
 	return context;
 }
-
 //#endregion
 //#region src/components/features/form/components/form-button.tsx
 /**
@@ -151,7 +146,6 @@ function FormButton({ children, onClick, type = "quaternary", theme = "borderles
 	});
 }
 FormButton.displayName = "Form.Button";
-
 //#endregion
 //#region src/components/features/form/components/form-checkbox.tsx
 /**
@@ -194,7 +188,6 @@ function FormCheckbox({ label, disabled, className }) {
 	});
 }
 FormCheckbox.displayName = "Form.Checkbox";
-
 //#endregion
 //#region src/components/features/form/components/form-copy-box.tsx
 /**
@@ -267,7 +260,6 @@ function FormCopyBox({ variant = "default", className, contentClassName, buttonC
 		})]
 	});
 }
-
 //#endregion
 //#region src/components/features/form/components/form-custom.tsx
 /**
@@ -302,7 +294,6 @@ function FormCustom({ children }) {
 	}) });
 }
 FormCustom.displayName = "Form.Custom";
-
 //#endregion
 //#region src/components/features/form/components/form-description.tsx
 /**
@@ -327,7 +318,6 @@ function FormDescription({ children, className }) {
 	});
 }
 FormDescription.displayName = "Form.Description";
-
 //#endregion
 //#region src/components/features/form/components/form-dialog.tsx
 /**
@@ -461,7 +451,6 @@ function FormDialog({ open, onOpenChange, defaultOpen, title, description, trigg
 	});
 }
 FormDialog.displayName = "Form.Dialog";
-
 //#endregion
 //#region src/components/features/form/components/form-error.tsx
 /**
@@ -502,7 +491,6 @@ function FormError({ children, className }) {
 	});
 }
 FormError.displayName = "Form.Error";
-
 //#endregion
 //#region src/components/features/form/components/form-field.tsx
 /**
@@ -691,7 +679,6 @@ function FormFieldRenderContent({ fieldMeta, fields, form, isSubmitting, require
 	}) });
 }
 FormField.displayName = "Form.Field";
-
 //#endregion
 //#region src/components/features/form/components/form-field-array.tsx
 /**
@@ -780,7 +767,6 @@ function FormFieldArray({ name, children }) {
 	}) });
 }
 FormFieldArray.displayName = "Form.FieldArray";
-
 //#endregion
 //#region src/components/features/form/components/form-input.tsx
 /**
@@ -812,7 +798,6 @@ function FormInput({ ref, type = "text", className, disabled, ...props }) {
 	});
 }
 FormInput.displayName = "Form.Input";
-
 //#endregion
 //#region src/components/features/form/components/form-radio-group.tsx
 /**
@@ -880,7 +865,6 @@ function FormRadioItem({ value, label, description, disabled }) {
 	});
 }
 FormRadioItem.displayName = "Form.RadioItem";
-
 //#endregion
 //#region src/components/features/form/components/form-root.tsx
 /**
@@ -1053,7 +1037,6 @@ function FormRoot({ schema, children, onSubmit, action, method = "POST", formCom
 	});
 }
 FormRoot.displayName = "Form.Root";
-
 //#endregion
 //#region src/components/features/form/components/form-select.tsx
 /**
@@ -1109,7 +1092,6 @@ function FormSelectItem({ value, children, disabled }) {
 	});
 }
 FormSelectItem.displayName = "Form.SelectItem";
-
 //#endregion
 //#region src/components/features/form/components/form-submit.tsx
 /**
@@ -1134,7 +1116,6 @@ function FormSubmit({ children, loadingText, loading = false, ...props }) {
 	});
 }
 FormSubmit.displayName = "Form.Submit";
-
 //#endregion
 //#region src/components/features/form/components/form-switch.tsx
 /**
@@ -1177,7 +1158,6 @@ function FormSwitch({ label, disabled, className }) {
 	});
 }
 FormSwitch.displayName = "Form.Switch";
-
 //#endregion
 //#region src/components/features/form/components/form-textarea.tsx
 /**
@@ -1209,7 +1189,6 @@ function FormTextarea({ ref, className, disabled, rows = 3, ...props }) {
 	});
 }
 FormTextarea.displayName = "Form.Textarea";
-
 //#endregion
 //#region src/components/features/form/hooks/use-watch.ts
 /**
@@ -1288,7 +1267,6 @@ function useWatchAll(names) {
 		return result;
 	}, [fields, names]);
 }
-
 //#endregion
 //#region src/components/features/form/components/form-when.tsx
 /**
@@ -1330,7 +1308,6 @@ function FormWhen({ field, is, isNot, in: inArray, notIn, children }) {
 	return /* @__PURE__ */ jsx(Fragment$1, { children });
 }
 FormWhen.displayName = "Form.When";
-
 //#endregion
 //#region src/components/features/form/components/stepper/form-stepper.tsx
 const FormStepperContext = React$1.createContext(null);
@@ -1612,7 +1589,6 @@ function StepForm({ steps, stepper, currentStepConfig, combinedSchema, storedVal
 		})
 	});
 }
-
 //#endregion
 //#region src/components/features/form/components/stepper/form-step.tsx
 /**
@@ -1637,7 +1613,6 @@ function FormStep({ id, children }) {
 	return /* @__PURE__ */ jsx(Fragment$1, { children });
 }
 FormStep.displayName = "Form.Step";
-
 //#endregion
 //#region src/components/features/form/components/stepper/stepper-controls.tsx
 /**
@@ -1707,7 +1682,6 @@ function StepperControls({ prevLabel = "Previous", nextLabel = (isLast) => isLas
 	});
 }
 StepperControls.displayName = "Form.StepperControls";
-
 //#endregion
 //#region src/components/features/form/components/stepper/stepper-navigation.tsx
 /**
@@ -1806,7 +1780,6 @@ function StepperNavigation({ variant = "horizontal", labelOrientation = "vertica
 	});
 }
 StepperNavigation.displayName = "Form.StepperNavigation";
-
 //#endregion
 //#region src/components/features/form/components/form-input-group.tsx
 /**
@@ -1838,7 +1811,6 @@ function FormInputGroup({ ref, type = "text", className, disabled, ...props }) {
 	});
 }
 FormInputGroup.displayName = "Form.InputGroup";
-
 //#endregion
 //#region src/components/features/form/hooks/use-field.ts
 /**
@@ -1917,7 +1889,6 @@ function useField(name) {
 		errors: field.errors
 	};
 }
-
 //#endregion
 //#region src/components/features/form/hooks/use-field-context.ts
 /**
@@ -1944,7 +1915,6 @@ function useField(name) {
 function useFieldContext() {
 	return useFieldContext$1();
 }
-
 //#endregion
 //#region src/components/features/form/hooks/use-form-context.ts
 /**
@@ -1966,7 +1936,6 @@ function useFieldContext() {
 function useFormContext() {
 	return useFormContext$1();
 }
-
 //#endregion
 //#region src/components/features/form/hooks/use-stepper.ts
 /**
@@ -2012,6 +1981,134 @@ function useStepper() {
 		getAllStepData: context.getAllStepData
 	};
 }
-
 //#endregion
-export { FormButton as A, FormField as C, FormCustom as D, FormDescription as E, FormCopyBox as O, FormFieldArray as S, FormDialog as T, FormSelectItem as _, FormInputGroup as a, FormRadioItem as b, FormStep as c, useWatch as d, useWatchAll as f, FormSelect as g, FormSubmit as h, useField as i, FormAutocomplete as j, FormCheckbox as k, FormStepper as l, FormSwitch as m, useFormContext as n, StepperNavigation as o, FormTextarea as p, useFieldContext as r, StepperControls as s, useStepper as t, FormWhen as u, FormRoot as v, FormError as w, FormInput as x, FormRadioGroup as y };
+//#region src/components/features/form/index.ts
+/**
+* Datum Form Library
+*
+* A compound component pattern form library built on top of Conform.js and Zod
+* for easy form creation with built-in validation, error handling, and accessibility features.
+*
+* @example Basic Usage
+* ```tsx
+* import { Form } from './';
+* import { z } from 'zod';
+*
+* const userSchema = z.object({
+*   name: z.string().min(2),
+*   email: z.string().email(),
+* });
+*
+* function UserForm() {
+*   return (
+*     <Form.Root schema={userSchema} onSubmit={(data) => console.log(data)}>
+*       <Form.Field name="name" label="Name" required>
+*         <Form.Input />
+*       </Form.Field>
+*       <Form.Field name="email" label="Email" required>
+*         <Form.Input type="email" />
+*       </Form.Field>
+*       <Form.Submit>Save</Form.Submit>
+*     </Form.Root>
+*   );
+* }
+* ```
+*
+* @example Multi-Step Form
+* ```tsx
+* const steps = [
+*   { id: 'account', label: 'Account', schema: accountSchema },
+*   { id: 'profile', label: 'Profile', schema: profileSchema },
+* ];
+*
+* <Form.Stepper steps={steps} onComplete={handleComplete}>
+*   <Form.StepperNavigation />
+*   <Form.Step id="account">...</Form.Step>
+*   <Form.Step id="profile">...</Form.Step>
+*   <Form.StepperControls />
+* </Form.Stepper>
+* ```
+*
+* @example Conditional Fields
+* ```tsx
+* <Form.Field name="contactMethod">
+*   <Form.Select>
+*     <Form.SelectItem value="email">Email</Form.SelectItem>
+*     <Form.SelectItem value="phone">Phone</Form.SelectItem>
+*   </Form.Select>
+* </Form.Field>
+*
+* <Form.When field="contactMethod" is="email">
+*   <Form.Field name="email"><Form.Input type="email" /></Form.Field>
+* </Form.When>
+* ```
+*/
+/**
+* Form compound component
+*
+* Contains all form-related components as properties:
+* - Form.Root - Main form container
+* - Form.Field - Field wrapper with label and error handling
+* - Form.Input - Text input
+* - Form.Textarea - Multi-line text input
+* - Form.Select - Dropdown select
+* - Form.SelectItem - Select option
+* - Form.Checkbox - Checkbox input
+* - Form.Switch - Toggle switch
+* - Form.RadioGroup - Radio button group
+* - Form.RadioItem - Radio button option
+* - Form.Submit - Submit button with loading state
+* - Form.Error - Error display
+* - Form.Description - Helper text
+* - Form.Autocomplete - Searchable select with virtualization
+* - Form.When - Conditional rendering
+* - Form.FieldArray - Dynamic array of fields
+* - Form.Custom - Escape hatch for custom implementations
+* - Form.Stepper - Multi-step form container
+* - Form.Step - Individual step content
+* - Form.StepperNavigation - Step progress indicators
+* - Form.StepperControls - Previous/Next/Submit buttons
+*
+* Hooks available:
+* - Form.useFormContext - Access form context
+* - Form.useFieldContext - Access field context
+* - Form.useField - Access and control a specific field
+* - Form.useWatch - Watch a field's value
+* - Form.useWatchAll - Watch multiple fields
+* - Form.useStepper - Access stepper context
+*/
+const Form = {
+	Root: FormRoot,
+	Field: FormField,
+	Submit: FormSubmit,
+	Button: FormButton,
+	Error: FormError,
+	Description: FormDescription,
+	Input: FormInput,
+	Textarea: FormTextarea,
+	Select: FormSelect,
+	SelectItem: FormSelectItem,
+	Checkbox: FormCheckbox,
+	Switch: FormSwitch,
+	RadioGroup: FormRadioGroup,
+	RadioItem: FormRadioItem,
+	CopyBox: FormCopyBox,
+	Autocomplete: FormAutocomplete,
+	InputGroup: FormInputGroup,
+	When: FormWhen,
+	FieldArray: FormFieldArray,
+	Custom: FormCustom,
+	Stepper: FormStepper,
+	Step: FormStep,
+	StepperNavigation,
+	StepperControls,
+	Dialog: FormDialog,
+	useFormContext,
+	useFieldContext,
+	useField,
+	useWatch,
+	useWatchAll,
+	useStepper
+};
+//#endregion
+export { FormButton as A, FormField as C, FormCustom as D, FormDescription as E, FormCopyBox as O, FormFieldArray as S, FormDialog as T, FormSelectItem as _, useField as a, FormRadioItem as b, FormStep as c, useWatch as d, useWatchAll as f, FormSelect as g, FormSubmit as h, useFieldContext as i, FormAutocomplete as j, FormCheckbox as k, FormStepper as l, FormSwitch as m, useStepper as n, StepperNavigation as o, FormTextarea as p, useFormContext as r, StepperControls as s, Form as t, FormWhen as u, FormRoot as v, FormError as w, FormInput as x, FormRadioGroup as y };

package/dist/grid/index.mjs

@@ -1,3 +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-DCneNxQj.mjs";
-
-export { Col, GRID_BREAKPOINTS, GRID_COLUMNS, GRID_PREFIX, RESPONSIVE_ARRAY, RESPONSIVE_MAP, Row, RowContext, getGutter, getResponsiveValue, registerMediaQuery };
+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-q-J99UHe.mjs";
+export { Col, GRID_BREAKPOINTS, GRID_COLUMNS, GRID_PREFIX, RESPONSIVE_ARRAY, RESPONSIVE_MAP, Row, RowContext, getGutter, getResponsiveValue, registerMediaQuery };

package/dist/hooks/index.mjs

@@ -1,4 +1,3 @@
-import { t as useCopyToClipboard } from "../use-copy-to-clipboard-C9cT2Qb-.mjs";
-import { t as useDebounce } from "../use-debounce-Dc95PFRX.mjs";
-
-export { useCopyToClipboard, useDebounce };
+import { t as useCopyToClipboard } from "../use-copy-to-clipboard-BGdTmkFV.mjs";
+import { t as useDebounce } from "../hooks-Cb7YlxN4.mjs";
+export { useCopyToClipboard, useDebounce };

package/dist/{use-debounce-Dc95PFRX.mjs → hooks-Cb7YlxN4.mjs}

@@ -1,5 +1,4 @@
 import { useEffect, useState } from "react";
-
 //#region src/hooks/use-debounce.ts
 /**
 * Custom hook that debounces a value
@@ -19,6 +18,5 @@ function useDebounce(value, delay) {
 	}, [value, delay]);
 	return debouncedValue;
 }
-
 //#endregion
-export { useDebounce as t };
+export { useDebounce as t };

package/dist/hover-card/index.mjs

@@ -1,4 +1,2 @@
-import "../utils-Bfgoe-Gm.mjs";
-import { n as HoverCardContent, r as HoverCardTrigger, t as HoverCard } from "../hover-card-CUPfFUqE.mjs";
-
-export { HoverCard, HoverCardContent, HoverCardTrigger };
+import { n as HoverCardContent, r as HoverCardTrigger, t as HoverCard } from "../hover-card-DDWWD5Hx.mjs";
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/{hover-card-CUPfFUqE.mjs → hover-card-DDWWD5Hx.mjs}

@@ -1,8 +1,7 @@
-import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import { t as cn } from "./utils-C8KwMfT_.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-
 //#region ../shadcn/ui/hover-card.tsx
 function HoverCard({ ...props }) {
 	return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, {
@@ -28,6 +27,5 @@ function HoverCardContent({ className, align = "center", sideOffset = 4, ...prop
 		})
 	});
 }
-
 //#endregion
-export { HoverCardContent as n, HoverCardTrigger as r, HoverCard as t };
+export { HoverCardContent as n, HoverCardTrigger as r, HoverCard as t };

package/dist/{icon-wrapper-9ticVbRL.mjs → icon-wrapper-DuLp3RM1.mjs}

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/icons/icon-wrapper.tsx
 function Icon({ icon: IconComponent, strokeWidth = 1, absoluteStrokeWidth = true, size = 16, ...props }) {
 	return /* @__PURE__ */ jsx(IconComponent, {
@@ -9,6 +8,5 @@ function Icon({ icon: IconComponent, strokeWidth = 1, absoluteStrokeWidth = true
 		size
 	});
 }
-
 //#endregion
-export { Icon as t };
+export { Icon as t };

package/dist/icons/index.mjs

@@ -1,5 +1,4 @@
-import { t as SpinnerIcon } from "../spinner.icon-Bg8zgGh0.mjs";
-import { t as Icon } from "../icon-wrapper-9ticVbRL.mjs";
-import { t as CloseIcon } from "../close.icon-CMNMoXM_.mjs";
-
-export { CloseIcon, Icon, SpinnerIcon };
+import { t as SpinnerIcon } from "../spinner.icon-C-vjSM6o.mjs";
+import { t as Icon } from "../icon-wrapper-DuLp3RM1.mjs";
+import { t as CloseIcon } from "../close.icon-HCfS4Y-N.mjs";
+export { CloseIcon, Icon, SpinnerIcon };