@algodomain/smart-forms 0.1.2 → 0.1.3

package/dist/{chunk-CJ55WKPC.cjs → chunk-TJ6EFR2O.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk4H5U5IHH_cjs = require('./chunk-4H5U5IHH.cjs');
+var chunkMBC5TYXA_cjs = require('./chunk-MBC5TYXA.cjs');
 var React4 = require('react');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var lucideReact = require('lucide-react');
@@ -45,7 +45,7 @@ function Checkbox({
     CheckboxPrimitive__namespace.Root,
     {
       "data-slot": "checkbox",
-      className: chunk4H5U5IHH_cjs.cn(
+      className: chunkMBC5TYXA_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
       ),
@@ -69,12 +69,18 @@ var SmartCheckbox = ({
   required = false,
   defaultValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
-  const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
-  const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
+  const { formData } = chunkMBC5TYXA_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkMBC5TYXA_cjs.useFormField(field);
+  const fieldDetection = chunkMBC5TYXA_cjs.useFieldDetection();
   const hasRegistered = React4.useRef(false);
   const hasSetDefault = React4.useRef(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   React4.useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
@@ -104,18 +110,19 @@ var SmartCheckbox = ({
               onCheckedChange: (checked) => onChange(!!checked),
               className: error ? "border-destructive" : "",
               "data-field": field,
-              id: `${field}-checkbox`
+              id: `${field}-checkbox`,
+              disabled: isDisabled
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Label, { htmlFor: `${field}-checkbox`, className: "text-sm font-normal cursor-pointer", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_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(chunk4H5U5IHH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_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(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_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(chunkMBC5TYXA_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 })
@@ -131,7 +138,7 @@ function RadioGroup({
     RadioGroupPrimitive__namespace.Root,
     {
       "data-slot": "radio-group",
-      className: chunk4H5U5IHH_cjs.cn("grid gap-3", className),
+      className: chunkMBC5TYXA_cjs.cn("grid gap-3", className),
       ...props
     }
   );
@@ -144,7 +151,7 @@ function RadioGroupItem({
     RadioGroupPrimitive__namespace.Item,
     {
       "data-slot": "radio-group-item",
-      className: chunk4H5U5IHH_cjs.cn(
+      className: chunkMBC5TYXA_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
       ),
@@ -171,12 +178,18 @@ var SmartRadioGroup = ({
   required = false,
   defaultValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
-  const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
-  const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
+  const { formData } = chunkMBC5TYXA_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkMBC5TYXA_cjs.useFormField(field);
+  const fieldDetection = chunkMBC5TYXA_cjs.useFieldDetection();
   const hasRegistered = React4.useRef(false);
   const hasSetDefault = React4.useRef(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   React4.useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
@@ -197,14 +210,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(chunk4H5U5IHH_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_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(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_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(chunkMBC5TYXA_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 })
@@ -218,6 +231,7 @@ var SmartRadioGroup = ({
         ref: fieldRef,
         "data-field": field,
         name: name || field,
+        disabled: isDisabled,
         children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             RadioGroupItem,
@@ -227,7 +241,7 @@ var SmartRadioGroup = ({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk4H5U5IHH_cjs.Label,
+            chunkMBC5TYXA_cjs.Label,
             {
               htmlFor: `${field}-${option.value}`,
               className: "text-sm font-normal cursor-pointer",
@@ -261,7 +275,7 @@ function SelectTrigger({
     {
       "data-slot": "select-trigger",
       "data-size": size,
-      className: chunk4H5U5IHH_cjs.cn(
+      className: chunkMBC5TYXA_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
       ),
@@ -283,7 +297,7 @@ function SelectContent({
     SelectPrimitive__namespace.Content,
     {
       "data-slot": "select-content",
-      className: chunk4H5U5IHH_cjs.cn(
+      className: chunkMBC5TYXA_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
@@ -295,7 +309,7 @@ function SelectContent({
         /* @__PURE__ */ jsxRuntime.jsx(
           SelectPrimitive__namespace.Viewport,
           {
-            className: chunk4H5U5IHH_cjs.cn(
+            className: chunkMBC5TYXA_cjs.cn(
               "p-1",
               position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
@@ -316,7 +330,7 @@ function SelectItem({
     SelectPrimitive__namespace.Item,
     {
       "data-slot": "select-item",
-      className: chunk4H5U5IHH_cjs.cn(
+      className: chunkMBC5TYXA_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
       ),
@@ -336,7 +350,7 @@ function SelectScrollUpButton({
     SelectPrimitive__namespace.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: chunk4H5U5IHH_cjs.cn(
+      className: chunkMBC5TYXA_cjs.cn(
         "flex cursor-default items-center justify-center py-1",
         className
       ),
@@ -353,7 +367,7 @@ function SelectScrollDownButton({
     SelectPrimitive__namespace.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: chunk4H5U5IHH_cjs.cn(
+      className: chunkMBC5TYXA_cjs.cn(
         "flex cursor-default items-center justify-center py-1",
         className
       ),
@@ -372,12 +386,18 @@ var SmartSelect = ({
   required = false,
   defaultValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
-  const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
-  const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
+  const { formData } = chunkMBC5TYXA_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkMBC5TYXA_cjs.useFormField(field);
+  const fieldDetection = chunkMBC5TYXA_cjs.useFieldDetection();
   const hasRegistered = React4.useRef(false);
   const hasSetDefault = React4.useRef(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   React4.useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
@@ -398,14 +418,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(chunk4H5U5IHH_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_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(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_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(chunkMBC5TYXA_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 })
@@ -422,6 +442,7 @@ var SmartSelect = ({
               ref: fieldRef,
               className: `w-full ${error ? "border-destructive" : ""} ${className}`,
               "data-field": field,
+              disabled: isDisabled,
               children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: placeholder || `Select ${label || field}` })
             }
           ),
@@ -469,7 +490,7 @@ function Button({
     Comp,
     {
       "data-slot": "button",
-      className: chunk4H5U5IHH_cjs.cn(buttonVariants({ variant, size, className })),
+      className: chunkMBC5TYXA_cjs.cn(buttonVariants({ variant, size, className })),
       ...props
     }
   );
@@ -489,7 +510,7 @@ function Calendar({
     reactDayPicker.DayPicker,
     {
       showOutsideDays,
-      className: chunk4H5U5IHH_cjs.cn(
+      className: chunkMBC5TYXA_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`,
@@ -501,85 +522,85 @@ function Calendar({
         ...formatters
       },
       classNames: {
-        root: chunk4H5U5IHH_cjs.cn("w-fit", defaultClassNames.root),
-        months: chunk4H5U5IHH_cjs.cn(
+        root: chunkMBC5TYXA_cjs.cn("w-fit", defaultClassNames.root),
+        months: chunkMBC5TYXA_cjs.cn(
           "flex gap-4 flex-col md:flex-row relative",
           defaultClassNames.months
         ),
-        month: chunk4H5U5IHH_cjs.cn("flex flex-col w-full gap-4", defaultClassNames.month),
-        nav: chunk4H5U5IHH_cjs.cn(
+        month: chunkMBC5TYXA_cjs.cn("flex flex-col w-full gap-4", defaultClassNames.month),
+        nav: chunkMBC5TYXA_cjs.cn(
           "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
           defaultClassNames.nav
         ),
-        button_previous: chunk4H5U5IHH_cjs.cn(
+        button_previous: chunkMBC5TYXA_cjs.cn(
           buttonVariants({ variant: buttonVariant }),
           "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           defaultClassNames.button_previous
         ),
-        button_next: chunk4H5U5IHH_cjs.cn(
+        button_next: chunkMBC5TYXA_cjs.cn(
           buttonVariants({ variant: buttonVariant }),
           "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           defaultClassNames.button_next
         ),
-        month_caption: chunk4H5U5IHH_cjs.cn(
+        month_caption: chunkMBC5TYXA_cjs.cn(
           "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
           defaultClassNames.month_caption
         ),
-        dropdowns: chunk4H5U5IHH_cjs.cn(
+        dropdowns: chunkMBC5TYXA_cjs.cn(
           "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
           defaultClassNames.dropdowns
         ),
-        dropdown_root: chunk4H5U5IHH_cjs.cn(
+        dropdown_root: chunkMBC5TYXA_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: chunk4H5U5IHH_cjs.cn(
+        dropdown: chunkMBC5TYXA_cjs.cn(
           "absolute bg-popover inset-0 opacity-0",
           defaultClassNames.dropdown
         ),
-        caption_label: chunk4H5U5IHH_cjs.cn(
+        caption_label: chunkMBC5TYXA_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: chunk4H5U5IHH_cjs.cn("flex", defaultClassNames.weekdays),
-        weekday: chunk4H5U5IHH_cjs.cn(
+        weekdays: chunkMBC5TYXA_cjs.cn("flex", defaultClassNames.weekdays),
+        weekday: chunkMBC5TYXA_cjs.cn(
           "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
           defaultClassNames.weekday
         ),
-        week: chunk4H5U5IHH_cjs.cn("flex w-full mt-2", defaultClassNames.week),
-        week_number_header: chunk4H5U5IHH_cjs.cn(
+        week: chunkMBC5TYXA_cjs.cn("flex w-full mt-2", defaultClassNames.week),
+        week_number_header: chunkMBC5TYXA_cjs.cn(
           "select-none w-(--cell-size)",
           defaultClassNames.week_number_header
         ),
-        week_number: chunk4H5U5IHH_cjs.cn(
+        week_number: chunkMBC5TYXA_cjs.cn(
           "text-[0.8rem] select-none text-muted-foreground",
           defaultClassNames.week_number
         ),
-        day: chunk4H5U5IHH_cjs.cn(
+        day: chunkMBC5TYXA_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: chunk4H5U5IHH_cjs.cn(
+        range_start: chunkMBC5TYXA_cjs.cn(
           "rounded-l-md bg-accent",
           defaultClassNames.range_start
         ),
-        range_middle: chunk4H5U5IHH_cjs.cn("rounded-none", defaultClassNames.range_middle),
-        range_end: chunk4H5U5IHH_cjs.cn("rounded-r-md bg-accent", defaultClassNames.range_end),
-        today: chunk4H5U5IHH_cjs.cn(
+        range_middle: chunkMBC5TYXA_cjs.cn("rounded-none", defaultClassNames.range_middle),
+        range_end: chunkMBC5TYXA_cjs.cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+        today: chunkMBC5TYXA_cjs.cn(
           "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
           defaultClassNames.today
         ),
-        outside: chunk4H5U5IHH_cjs.cn(
+        outside: chunkMBC5TYXA_cjs.cn(
           "text-muted-foreground aria-selected:text-muted-foreground",
           defaultClassNames.outside
         ),
-        disabled: chunk4H5U5IHH_cjs.cn(
+        disabled: chunkMBC5TYXA_cjs.cn(
           "text-muted-foreground opacity-50",
           defaultClassNames.disabled
         ),
-        hidden: chunk4H5U5IHH_cjs.cn("invisible", defaultClassNames.hidden),
+        hidden: chunkMBC5TYXA_cjs.cn("invisible", defaultClassNames.hidden),
         ...classNames
       },
       components: {
@@ -589,25 +610,25 @@ function Calendar({
             {
               "data-slot": "calendar",
               ref: rootRef,
-              className: chunk4H5U5IHH_cjs.cn(className2),
+              className: chunkMBC5TYXA_cjs.cn(className2),
               ...props2
             }
           );
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: chunk4H5U5IHH_cjs.cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: chunkMBC5TYXA_cjs.cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
             return /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.ChevronRightIcon,
               {
-                className: chunk4H5U5IHH_cjs.cn("size-4", className2),
+                className: chunkMBC5TYXA_cjs.cn("size-4", className2),
                 ...props2
               }
             );
           }
-          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: chunk4H5U5IHH_cjs.cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: chunkMBC5TYXA_cjs.cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
@@ -641,7 +662,7 @@ function CalendarDayButton({
       "data-range-start": modifiers.range_start,
       "data-range-end": modifiers.range_end,
       "data-range-middle": modifiers.range_middle,
-      className: chunk4H5U5IHH_cjs.cn(
+      className: chunkMBC5TYXA_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
@@ -672,7 +693,7 @@ function PopoverContent({
       "data-slot": "popover-content",
       align,
       sideOffset,
-      className: chunk4H5U5IHH_cjs.cn(
+      className: chunkMBC5TYXA_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
       ),
@@ -694,12 +715,18 @@ var SmartDatePicker = ({
   maxDate,
   defaultValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
-  const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
-  const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
+  const { formData } = chunkMBC5TYXA_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkMBC5TYXA_cjs.useFormField(field);
+  const fieldDetection = chunkMBC5TYXA_cjs.useFieldDetection();
   const hasRegistered = React4.useRef(false);
   const hasSetDefault = React4.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 parsedValue = React4.useMemo(() => {
     if (!value) return void 0;
     if (value instanceof Date) return value;
@@ -755,17 +782,17 @@ var SmartDatePicker = ({
     if (!parsedValue) return placeholder || `Select ${label || field}`;
     return dateFns.format(parsedValue, "dd/MM/yyyy");
   }, [parsedValue, placeholder, label, field]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4H5U5IHH_cjs.cn("flex-1 min-w-0", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMBC5TYXA_cjs.cn("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(chunk4H5U5IHH_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_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(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_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(chunkMBC5TYXA_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 })
@@ -776,12 +803,13 @@ var SmartDatePicker = ({
         {
           ref: fieldRef,
           variant: "outline",
-          className: chunk4H5U5IHH_cjs.cn(
+          className: chunkMBC5TYXA_cjs.cn(
             "w-full justify-start text-left font-normal",
             !parsedValue && "text-muted-foreground",
             error && "border-destructive"
           ),
           "data-field": field,
+          disabled: isDisabled,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "mr-2 h-4 w-4" }),
             buttonText
@@ -815,15 +843,20 @@ var SmartTags = ({
   minLength,
   allowDuplicates = false,
   disabled = false,
+  hidden = false,
   onTagAdd,
   onTagRemove,
   info,
   subLabel
 }) => {
-  const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
-  const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
+  const { formData } = chunkMBC5TYXA_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkMBC5TYXA_cjs.useFormField(field);
+  const fieldDetection = chunkMBC5TYXA_cjs.useFieldDetection();
   const hasRegistered = React4.useRef(false);
   const hasSetDefault = React4.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 [tags, setTags] = React4.useState([]);
   const [inputValue, setInputValue] = React4.useState("");
   const inputRef = React4.useRef(null);
@@ -890,7 +923,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(chunk4H5U5IHH_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" }),
@@ -902,9 +935,9 @@ var SmartTags = ({
             ")"
           ] })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4H5U5IHH_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_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(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_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(chunkMBC5TYXA_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 })
@@ -913,12 +946,12 @@ var SmartTags = ({
       "div",
       {
         ref: fieldRef,
-        className: chunk4H5U5IHH_cjs.cn(
+        className: chunkMBC5TYXA_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",
           error && "border-destructive focus-within:ring-destructive",
-          disabled && "cursor-not-allowed opacity-50"
+          isDisabled && "cursor-not-allowed opacity-50"
         ),
         "data-field": field,
         onClick: () => inputRef.current?.focus(),
@@ -940,7 +973,7 @@ var SmartTags = ({
                       e.stopPropagation();
                       removeTag(tagText);
                     },
-                    disabled,
+                    disabled: isDisabled,
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
                   }
                 )
@@ -949,7 +982,7 @@ var SmartTags = ({
             `${tagText}-${index}`
           )),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk4H5U5IHH_cjs.Input,
+            chunkMBC5TYXA_cjs.Input,
             {
               ref: inputRef,
               type: "text",
@@ -958,7 +991,7 @@ var SmartTags = ({
               onKeyDown: handleKeyDown,
               placeholder: tags.length === 0 ? placeholder : "",
               className: "flex-1 min-w-[120px] border-0 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 p-0 h-auto",
-              disabled,
+              disabled: isDisabled,
               maxLength
             }
           )
@@ -978,5 +1011,5 @@ exports.SmartDatePicker = SmartDatePicker;
 exports.SmartRadioGroup = SmartRadioGroup;
 exports.SmartSelect = SmartSelect;
 exports.SmartTags = SmartTags;
-//# sourceMappingURL=chunk-CJ55WKPC.cjs.map
-//# sourceMappingURL=chunk-CJ55WKPC.cjs.map
+//# sourceMappingURL=chunk-TJ6EFR2O.cjs.map
+//# sourceMappingURL=chunk-TJ6EFR2O.cjs.map