@algodomain/smart-forms 0.1.10 → 0.1.12

package/dist/{chunk-DRMVY7TX.cjs → chunk-TX7JD2XS.cjs}

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunkWUYS7DMR_cjs = require('./chunk-WUYS7DMR.cjs');
+var chunkAEN4A4ST_cjs = require('./chunk-AEN4A4ST.cjs');
 var React6 = require('react');
+var zod = require('zod');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -50,7 +51,7 @@ function Checkbox({
     CheckboxPrimitive__namespace.Root,
     {
       "data-slot": "checkbox",
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
@@ -78,20 +79,27 @@ var SmartCheckbox = ({
   disabled,
   hidden
 }) => {
-  const { formData } = chunkWUYS7DMR_cjs.useSmartForm();
-  const { value, error, onChange, fieldRef, registerValidation } = chunkWUYS7DMR_cjs.useFormField(field);
-  const fieldDetection = chunkWUYS7DMR_cjs.useFieldDetection();
+  const { formData } = chunkAEN4A4ST_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkAEN4A4ST_cjs.useFormField(field);
+  const fieldDetection = chunkAEN4A4ST_cjs.useFieldDetection();
   const hasRegistered = React6.useRef(false);
   const hasSetDefault = React6.useRef(false);
   const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
   const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
   if (isHidden) return null;
+  const displayName = label || field;
+  const builtinValidation = React6.useMemo(() => {
+    if (validation || !required) return void 0;
+    const preprocess = (v) => v === true || v === false ? v : false;
+    return zod.z.preprocess(preprocess, zod.z.boolean().refine((v) => v === true, `${displayName} is required`));
+  }, [validation, required, displayName]);
+  const schemaToRegister = validation ?? builtinValidation;
   React6.useEffect(() => {
-    if (validation && !hasRegistered.current) {
+    if (schemaToRegister && !hasRegistered.current) {
       hasRegistered.current = true;
-      registerValidation(field, validation);
+      registerValidation(field, schemaToRegister, { label: displayName });
     }
-  }, [validation, field, registerValidation]);
+  }, [schemaToRegister, field, registerValidation, displayName]);
   React6.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
@@ -119,15 +127,15 @@ var SmartCheckbox = ({
               disabled: isDisabled
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkWUYS7DMR_cjs.Label, { htmlFor: `${field}-checkbox`, className: "text-sm font-normal cursor-pointer", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkAEN4A4ST_cjs.Label, { htmlFor: `${field}-checkbox`, className: "text-sm font-normal cursor-pointer", children: [
             label || field,
             " ",
             required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
           ] })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWUYS7DMR_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkAEN4A4ST_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
         ] }) })
       ] }),
       subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground ml-6", children: subLabel })
@@ -143,7 +151,7 @@ function RadioGroup({
     RadioGroupPrimitive__namespace.Root,
     {
       "data-slot": "radio-group",
-      className: chunkWUYS7DMR_cjs.cn("grid gap-3", className),
+      className: chunkAEN4A4ST_cjs.cn("grid gap-3", className),
       ...props
     }
   );
@@ -156,7 +164,7 @@ function RadioGroupItem({
     RadioGroupPrimitive__namespace.Item,
     {
       "data-slot": "radio-group-item",
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
@@ -187,20 +195,27 @@ var SmartRadioGroup = ({
   disabled,
   hidden
 }) => {
-  const { formData } = chunkWUYS7DMR_cjs.useSmartForm();
-  const { value, error, onChange, fieldRef, registerValidation } = chunkWUYS7DMR_cjs.useFormField(field);
-  const fieldDetection = chunkWUYS7DMR_cjs.useFieldDetection();
+  const { formData } = chunkAEN4A4ST_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkAEN4A4ST_cjs.useFormField(field);
+  const fieldDetection = chunkAEN4A4ST_cjs.useFieldDetection();
   const hasRegistered = React6.useRef(false);
   const hasSetDefault = React6.useRef(false);
   const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
   const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
   if (isHidden) return null;
+  const displayName = label || field;
+  const builtinValidation = React6.useMemo(() => {
+    if (validation || !required) return void 0;
+    const preprocess = (v) => v === void 0 || v === null ? "" : v;
+    return zod.z.preprocess(preprocess, zod.z.string().min(1, `${displayName} is required`));
+  }, [validation, required, displayName]);
+  const schemaToRegister = validation ?? builtinValidation;
   React6.useEffect(() => {
-    if (validation && !hasRegistered.current) {
+    if (schemaToRegister && !hasRegistered.current) {
       hasRegistered.current = true;
-      registerValidation(field, validation);
+      registerValidation(field, schemaToRegister, { label: displayName });
     }
-  }, [validation, field, registerValidation]);
+  }, [schemaToRegister, field, registerValidation, displayName]);
   React6.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
@@ -215,14 +230,14 @@ var SmartRadioGroup = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
     label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkWUYS7DMR_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkAEN4A4ST_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWUYS7DMR_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkAEN4A4ST_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
         ] }) })
       ] }),
       subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
@@ -246,7 +261,7 @@ var SmartRadioGroup = ({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkWUYS7DMR_cjs.Label,
+            chunkAEN4A4ST_cjs.Label,
             {
               htmlFor: `${field}-${option.value}`,
               className: "text-sm font-normal cursor-pointer",
@@ -280,7 +295,7 @@ function SelectTrigger({
     {
       "data-slot": "select-trigger",
       "data-size": size,
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -302,7 +317,7 @@ function SelectContent({
     SelectPrimitive__namespace.Content,
     {
       "data-slot": "select-content",
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
@@ -314,7 +329,7 @@ function SelectContent({
         /* @__PURE__ */ jsxRuntime.jsx(
           SelectPrimitive__namespace.Viewport,
           {
-            className: chunkWUYS7DMR_cjs.cn(
+            className: chunkAEN4A4ST_cjs.cn(
               "p-1",
               position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
@@ -335,7 +350,7 @@ function SelectItem({
     SelectPrimitive__namespace.Item,
     {
       "data-slot": "select-item",
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
@@ -355,7 +370,7 @@ function SelectScrollUpButton({
     SelectPrimitive__namespace.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "flex cursor-default items-center justify-center py-1",
         className
       ),
@@ -372,7 +387,7 @@ function SelectScrollDownButton({
     SelectPrimitive__namespace.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "flex cursor-default items-center justify-center py-1",
         className
       ),
@@ -395,20 +410,27 @@ var SmartSelect = ({
   disabled,
   hidden
 }) => {
-  const { formData } = chunkWUYS7DMR_cjs.useSmartForm();
-  const { value, error, onChange, fieldRef, registerValidation } = chunkWUYS7DMR_cjs.useFormField(field);
-  const fieldDetection = chunkWUYS7DMR_cjs.useFieldDetection();
+  const { formData } = chunkAEN4A4ST_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkAEN4A4ST_cjs.useFormField(field);
+  const fieldDetection = chunkAEN4A4ST_cjs.useFieldDetection();
   const hasRegistered = React6.useRef(false);
   const hasSetDefault = React6.useRef(false);
   const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
   const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
   if (isHidden) return null;
+  const displayName = label || field;
+  const builtinValidation = React6.useMemo(() => {
+    if (validation || !required) return void 0;
+    const preprocess = (v) => v === void 0 || v === null ? "" : v;
+    return zod.z.preprocess(preprocess, zod.z.string().min(1, `${displayName} is required`));
+  }, [validation, required, displayName]);
+  const schemaToRegister = validation ?? builtinValidation;
   React6.useEffect(() => {
-    if (validation && !hasRegistered.current) {
+    if (schemaToRegister && !hasRegistered.current) {
       hasRegistered.current = true;
-      registerValidation(field, validation);
+      registerValidation(field, schemaToRegister, { label: displayName });
     }
-  }, [validation, field, registerValidation]);
+  }, [schemaToRegister, field, registerValidation, displayName]);
   React6.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
@@ -423,14 +445,14 @@ var SmartSelect = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
     label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkWUYS7DMR_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkAEN4A4ST_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWUYS7DMR_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkAEN4A4ST_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
         ] }) })
       ] }),
       subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
@@ -480,7 +502,7 @@ function PopoverContent({
       "data-slot": "popover-content",
       align,
       sideOffset,
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
         className
       ),
@@ -525,7 +547,7 @@ function Button({
     Comp,
     {
       "data-slot": "button",
-      className: chunkWUYS7DMR_cjs.cn(buttonVariants({ variant, size, className })),
+      className: chunkAEN4A4ST_cjs.cn(buttonVariants({ variant, size, className })),
       ...props
     }
   );
@@ -538,7 +560,7 @@ function Command({
     cmdk.Command,
     {
       "data-slot": "command",
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
         className
       ),
@@ -561,7 +583,7 @@ function CommandInput({
           cmdk.Command.Input,
           {
             "data-slot": "command-input",
-            className: chunkWUYS7DMR_cjs.cn(
+            className: chunkAEN4A4ST_cjs.cn(
               "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
               className
             ),
@@ -580,7 +602,7 @@ function CommandList({
     cmdk.Command.List,
     {
       "data-slot": "command-list",
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
         className
       ),
@@ -608,7 +630,7 @@ function CommandGroup({
     cmdk.Command.Group,
     {
       "data-slot": "command-group",
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
         className
       ),
@@ -624,7 +646,7 @@ function CommandItem({
     cmdk.Command.Item,
     {
       "data-slot": "command-item",
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -659,7 +681,7 @@ function Badge({
     Comp,
     {
       "data-slot": "badge",
-      className: chunkWUYS7DMR_cjs.cn(badgeVariants({ variant }), className),
+      className: chunkAEN4A4ST_cjs.cn(badgeVariants({ variant }), className),
       ...props
     }
   );
@@ -793,20 +815,27 @@ var SmartCombobox = ({
   disabled,
   hidden
 }) => {
-  const { formData } = chunkWUYS7DMR_cjs.useSmartForm();
-  const { value, error, onChange, fieldRef, registerValidation } = chunkWUYS7DMR_cjs.useFormField(field);
-  const fieldDetection = chunkWUYS7DMR_cjs.useFieldDetection();
+  const { formData } = chunkAEN4A4ST_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkAEN4A4ST_cjs.useFormField(field);
+  const fieldDetection = chunkAEN4A4ST_cjs.useFieldDetection();
   const hasRegistered = React6.useRef(false);
   const hasSetDefault = React6.useRef(false);
   const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
   const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
   if (isHidden) return null;
+  const displayName = label || field;
+  const builtinValidation = React6.useMemo(() => {
+    if (validation || !required) return void 0;
+    const preprocess = (v) => v === void 0 || v === null ? "" : v;
+    return zod.z.preprocess(preprocess, zod.z.string().min(1, `${displayName} is required`));
+  }, [validation, required, displayName]);
+  const schemaToRegister = validation ?? builtinValidation;
   React6.useEffect(() => {
-    if (validation && !hasRegistered.current) {
+    if (schemaToRegister && !hasRegistered.current) {
       hasRegistered.current = true;
-      registerValidation(field, validation);
+      registerValidation(field, schemaToRegister, { label: displayName });
     }
-  }, [validation, field, registerValidation]);
+  }, [schemaToRegister, field, registerValidation, displayName]);
   React6.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
@@ -821,14 +850,14 @@ var SmartCombobox = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
     label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkWUYS7DMR_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkAEN4A4ST_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWUYS7DMR_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkAEN4A4ST_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
         ] }) })
       ] }),
       subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
@@ -862,7 +891,7 @@ function Calendar({
     reactDayPicker.DayPicker,
     {
       showOutsideDays,
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
@@ -874,85 +903,85 @@ function Calendar({
         ...formatters
       },
       classNames: {
-        root: chunkWUYS7DMR_cjs.cn("w-fit", defaultClassNames.root),
-        months: chunkWUYS7DMR_cjs.cn(
+        root: chunkAEN4A4ST_cjs.cn("w-fit", defaultClassNames.root),
+        months: chunkAEN4A4ST_cjs.cn(
           "flex gap-4 flex-col md:flex-row relative",
           defaultClassNames.months
         ),
-        month: chunkWUYS7DMR_cjs.cn("flex flex-col w-full gap-4", defaultClassNames.month),
-        nav: chunkWUYS7DMR_cjs.cn(
+        month: chunkAEN4A4ST_cjs.cn("flex flex-col w-full gap-4", defaultClassNames.month),
+        nav: chunkAEN4A4ST_cjs.cn(
           "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
           defaultClassNames.nav
         ),
-        button_previous: chunkWUYS7DMR_cjs.cn(
+        button_previous: chunkAEN4A4ST_cjs.cn(
           buttonVariants({ variant: buttonVariant }),
           "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           defaultClassNames.button_previous
         ),
-        button_next: chunkWUYS7DMR_cjs.cn(
+        button_next: chunkAEN4A4ST_cjs.cn(
           buttonVariants({ variant: buttonVariant }),
           "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           defaultClassNames.button_next
         ),
-        month_caption: chunkWUYS7DMR_cjs.cn(
+        month_caption: chunkAEN4A4ST_cjs.cn(
           "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
           defaultClassNames.month_caption
         ),
-        dropdowns: chunkWUYS7DMR_cjs.cn(
+        dropdowns: chunkAEN4A4ST_cjs.cn(
           "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
           defaultClassNames.dropdowns
         ),
-        dropdown_root: chunkWUYS7DMR_cjs.cn(
+        dropdown_root: chunkAEN4A4ST_cjs.cn(
           "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
           defaultClassNames.dropdown_root
         ),
-        dropdown: chunkWUYS7DMR_cjs.cn(
+        dropdown: chunkAEN4A4ST_cjs.cn(
           "absolute bg-popover inset-0 opacity-0",
           defaultClassNames.dropdown
         ),
-        caption_label: chunkWUYS7DMR_cjs.cn(
+        caption_label: chunkAEN4A4ST_cjs.cn(
           "select-none font-medium",
           captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
           defaultClassNames.caption_label
         ),
         table: "w-full border-collapse",
-        weekdays: chunkWUYS7DMR_cjs.cn("flex", defaultClassNames.weekdays),
-        weekday: chunkWUYS7DMR_cjs.cn(
+        weekdays: chunkAEN4A4ST_cjs.cn("flex", defaultClassNames.weekdays),
+        weekday: chunkAEN4A4ST_cjs.cn(
           "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
           defaultClassNames.weekday
         ),
-        week: chunkWUYS7DMR_cjs.cn("flex w-full mt-2", defaultClassNames.week),
-        week_number_header: chunkWUYS7DMR_cjs.cn(
+        week: chunkAEN4A4ST_cjs.cn("flex w-full mt-2", defaultClassNames.week),
+        week_number_header: chunkAEN4A4ST_cjs.cn(
           "select-none w-(--cell-size)",
           defaultClassNames.week_number_header
         ),
-        week_number: chunkWUYS7DMR_cjs.cn(
+        week_number: chunkAEN4A4ST_cjs.cn(
           "text-[0.8rem] select-none text-muted-foreground",
           defaultClassNames.week_number
         ),
-        day: chunkWUYS7DMR_cjs.cn(
+        day: chunkAEN4A4ST_cjs.cn(
           "relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
           defaultClassNames.day
         ),
-        range_start: chunkWUYS7DMR_cjs.cn(
+        range_start: chunkAEN4A4ST_cjs.cn(
           "rounded-l-md bg-accent",
           defaultClassNames.range_start
         ),
-        range_middle: chunkWUYS7DMR_cjs.cn("rounded-none", defaultClassNames.range_middle),
-        range_end: chunkWUYS7DMR_cjs.cn("rounded-r-md bg-accent", defaultClassNames.range_end),
-        today: chunkWUYS7DMR_cjs.cn(
+        range_middle: chunkAEN4A4ST_cjs.cn("rounded-none", defaultClassNames.range_middle),
+        range_end: chunkAEN4A4ST_cjs.cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+        today: chunkAEN4A4ST_cjs.cn(
           "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
           defaultClassNames.today
         ),
-        outside: chunkWUYS7DMR_cjs.cn(
+        outside: chunkAEN4A4ST_cjs.cn(
           "text-muted-foreground aria-selected:text-muted-foreground",
           defaultClassNames.outside
         ),
-        disabled: chunkWUYS7DMR_cjs.cn(
+        disabled: chunkAEN4A4ST_cjs.cn(
           "text-muted-foreground opacity-50",
           defaultClassNames.disabled
         ),
-        hidden: chunkWUYS7DMR_cjs.cn("invisible", defaultClassNames.hidden),
+        hidden: chunkAEN4A4ST_cjs.cn("invisible", defaultClassNames.hidden),
         ...classNames
       },
       components: {
@@ -962,25 +991,25 @@ function Calendar({
             {
               "data-slot": "calendar",
               ref: rootRef,
-              className: chunkWUYS7DMR_cjs.cn(className2),
+              className: chunkAEN4A4ST_cjs.cn(className2),
               ...props2
             }
           );
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: chunkWUYS7DMR_cjs.cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: chunkAEN4A4ST_cjs.cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
             return /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.ChevronRightIcon,
               {
-                className: chunkWUYS7DMR_cjs.cn("size-4", className2),
+                className: chunkAEN4A4ST_cjs.cn("size-4", className2),
                 ...props2
               }
             );
           }
-          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: chunkWUYS7DMR_cjs.cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: chunkAEN4A4ST_cjs.cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
@@ -1014,7 +1043,7 @@ function CalendarDayButton({
       "data-range-start": modifiers.range_start,
       "data-range-end": modifiers.range_end,
       "data-range-middle": modifiers.range_middle,
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
         defaultClassNames.day,
         className
@@ -1059,7 +1088,7 @@ function ScrollArea({
     ScrollAreaPrimitive__namespace.Root,
     {
       "data-slot": "scroll-area",
-      className: chunkWUYS7DMR_cjs.cn("relative", className),
+      className: chunkAEN4A4ST_cjs.cn("relative", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -1086,7 +1115,7 @@ function ScrollBar({
     {
       "data-slot": "scroll-area-scrollbar",
       orientation,
-      className: chunkWUYS7DMR_cjs.cn(
+      className: chunkAEN4A4ST_cjs.cn(
         "flex touch-none p-px transition-colors select-none",
         orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
         orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
@@ -1129,7 +1158,7 @@ var SmartDatePicker = ({
   };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[280px]", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWUYS7DMR_cjs.SmartInput,
+      chunkAEN4A4ST_cjs.SmartInput,
       {
         field,
         label,
@@ -1331,9 +1360,9 @@ var SmartTags = ({
   info,
   subLabel
 }) => {
-  const { formData } = chunkWUYS7DMR_cjs.useSmartForm();
-  const { value, error, onChange, fieldRef, registerValidation } = chunkWUYS7DMR_cjs.useFormField(field);
-  const fieldDetection = chunkWUYS7DMR_cjs.useFieldDetection();
+  const { formData } = chunkAEN4A4ST_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkAEN4A4ST_cjs.useFormField(field);
+  const fieldDetection = chunkAEN4A4ST_cjs.useFieldDetection();
   const hasRegistered = React6.useRef(false);
   const hasSetDefault = React6.useRef(false);
   const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
@@ -1342,12 +1371,13 @@ var SmartTags = ({
   const [tags, setTags] = React6.useState([]);
   const [inputValue, setInputValue] = React6.useState("");
   const inputRef = React6.useRef(null);
+  const displayName = label || field;
   React6.useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
-      registerValidation(field, validation);
+      registerValidation(field, validation, { label: displayName });
     }
-  }, [validation, field, registerValidation]);
+  }, [validation, field, registerValidation, displayName]);
   React6.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
@@ -1405,7 +1435,7 @@ var SmartTags = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
     label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkWUYS7DMR_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkAEN4A4ST_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" }),
@@ -1417,9 +1447,9 @@ var SmartTags = ({
             ")"
           ] })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWUYS7DMR_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkWUYS7DMR_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkAEN4A4ST_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkAEN4A4ST_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
         ] }) })
       ] }),
       subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
@@ -1428,7 +1458,7 @@ var SmartTags = ({
       "div",
       {
         ref: fieldRef,
-        className: chunkWUYS7DMR_cjs.cn(
+        className: chunkAEN4A4ST_cjs.cn(
           "min-h-[40px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background",
           "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
           "flex flex-wrap items-center gap-2 cursor-text",
@@ -1464,7 +1494,7 @@ var SmartTags = ({
             `${tagText}-${index}`
           )),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkWUYS7DMR_cjs.Input,
+            chunkAEN4A4ST_cjs.Input,
             {
               ref: inputRef,
               type: "text",
@@ -1501,5 +1531,5 @@ exports.SmartDatePicker = SmartDatePicker;
 exports.SmartRadioGroup = SmartRadioGroup;
 exports.SmartSelect = SmartSelect;
 exports.SmartTags = SmartTags;
-//# sourceMappingURL=chunk-DRMVY7TX.cjs.map
-//# sourceMappingURL=chunk-DRMVY7TX.cjs.map
+//# sourceMappingURL=chunk-TX7JD2XS.cjs.map
+//# sourceMappingURL=chunk-TX7JD2XS.cjs.map