@algodomain/smart-forms 0.1.2 → 0.1.4

package/dist/fields.cjs

@@ -1,13 +1,10 @@
 'use strict';
 
-var chunkCJ55WKPC_cjs = require('./chunk-CJ55WKPC.cjs');
-var chunk4H5U5IHH_cjs = require('./chunk-4H5U5IHH.cjs');
-var React = require('react');
+var chunkVGP3HY5Y_cjs = require('./chunk-VGP3HY5Y.cjs');
+var chunkWIBCOQPP_cjs = require('./chunk-WIBCOQPP.cjs');
+var React2 = require('react');
 var lucideReact = require('lucide-react');
-var cmdk = require('cmdk');
 var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
 var SliderPrimitive = require('@radix-ui/react-slider');
 
 function _interopNamespace(e) {
@@ -28,319 +25,9 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
 
-function Command({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command,
-    {
-      "data-slot": "command",
-      className: chunk4H5U5IHH_cjs.cn(
-        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandInput({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "command-input-wrapper",
-      className: "flex h-9 items-center gap-2 border-b px-3",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          cmdk.Command.Input,
-          {
-            "data-slot": "command-input",
-            className: chunk4H5U5IHH_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
-            ),
-            ...props
-          }
-        )
-      ]
-    }
-  );
-}
-function CommandList({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.List,
-    {
-      "data-slot": "command-list",
-      className: chunk4H5U5IHH_cjs.cn(
-        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandEmpty({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Empty,
-    {
-      "data-slot": "command-empty",
-      className: "py-6 text-center text-sm",
-      ...props
-    }
-  );
-}
-function CommandGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Group,
-    {
-      "data-slot": "command-group",
-      className: chunk4H5U5IHH_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
-      ),
-      ...props
-    }
-  );
-}
-function CommandItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Item,
-    {
-      "data-slot": "command-item",
-      className: chunk4H5U5IHH_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
-      ),
-      ...props
-    }
-  );
-}
-var badgeVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({
-  className,
-  variant,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? reactSlot.Slot : "span";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      "data-slot": "badge",
-      className: chunk4H5U5IHH_cjs.cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function Combobox({
-  options,
-  value = "",
-  onChange,
-  placeholder = "Select option...",
-  searchPlaceholder = "Search...",
-  noResultsText = "No results found.",
-  width = "100%",
-  isDisabled = false,
-  allowCustom = false
-}) {
-  const [open, setOpen] = React__namespace.default.useState(false);
-  const [searchValue, setSearchValue] = React.useState("");
-  const containerStyles = {
-    width
-  };
-  const combinedOptions = allowCustom ? [
-    ...options,
-    ...searchValue && !options.some(
-      (opt) => opt.label.toLowerCase() === searchValue.toLowerCase()
-    ) ? [
-      {
-        value: searchValue.toLowerCase().replace(/\s+/g, "-"),
-        label: searchValue
-      }
-    ] : []
-  ] : options;
-  const filteredOptions = combinedOptions.filter(
-    (option) => option.label.toLowerCase().includes(searchValue.toLowerCase())
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyles, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkCJ55WKPC_cjs.Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkCJ55WKPC_cjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkCJ55WKPC_cjs.Button,
-      {
-        variant: "outline",
-        role: "combobox",
-        "aria-expanded": open,
-        style: containerStyles,
-        className: `flex items-center justify-between relative ${isDisabled ? "cursor-not-allowed opacity-50" : ""}`,
-        disabled: isDisabled,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate", children: value ? combinedOptions.find((option) => option.value === value)?.label || value : placeholder }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "ml-2 h-4 w-4 flex-shrink-0 opacity-50" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkCJ55WKPC_cjs.PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { className: "w-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        CommandInput,
-        {
-          value: searchValue,
-          onValueChange: setSearchValue,
-          placeholder: searchPlaceholder,
-          className: "h-9"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: filteredOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { className: "max-h-[200px] overflow-y-auto", children: filteredOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
-        CommandItem,
-        {
-          value: option.value,
-          onSelect: (currentValue) => {
-            onChange(currentValue === value ? "" : currentValue);
-            setOpen(false);
-            setSearchValue("");
-          },
-          className: "flex items-center",
-          style: { width: "100%" },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center w-full min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                lucideReact.Check,
-                {
-                  className: `mr-2 h-4 w-4 flex-shrink-0 ${value === option.value ? "opacity-100" : "opacity-0"}`
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate flex-1", children: option.label })
-            ] }),
-            option.badge && /* @__PURE__ */ jsxRuntime.jsx(
-              Badge,
-              {
-                variant: "outline",
-                className: "ml-2 text-[10px] px-2 py-0 h-5 font-normal",
-                children: option.badge
-              }
-            )
-          ]
-        },
-        option.value
-      )) }) : /* @__PURE__ */ jsxRuntime.jsxs(CommandEmpty, { children: [
-        allowCustom && searchValue && /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkCJ55WKPC_cjs.Button,
-          {
-            variant: "ghost",
-            className: "w-full justify-start",
-            onClick: () => {
-              const newOption = {
-                value: searchValue.toLowerCase().replace(/\s+/g, "-")};
-              onChange(newOption.value);
-              setOpen(false);
-              setSearchValue("");
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "mr-2 h-4 w-4" }),
-              'Add "',
-              searchValue,
-              '" as a new option'
-            ]
-          }
-        ),
-        !searchValue && noResultsText
-      ] }) })
-    ] }) })
-  ] }) });
-}
-var SmartCombobox = ({
-  field,
-  label,
-  options,
-  className = "",
-  placeholder,
-  allowCustom = false,
-  validation,
-  required = false,
-  defaultValue,
-  info,
-  subLabel
-}) => {
-  const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
-  const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
-  const hasRegistered = React.useRef(false);
-  const hasSetDefault = React.useRef(false);
-  React.useEffect(() => {
-    if (validation && !hasRegistered.current) {
-      hasRegistered.current = true;
-      registerValidation(field, validation);
-    }
-  }, [validation, field, registerValidation]);
-  React.useEffect(() => {
-    if (fieldDetection?.registerField) {
-      fieldDetection.registerField(field);
-    }
-  }, [field, fieldDetection]);
-  React.useEffect(() => {
-    if (defaultValue !== void 0 && !hasSetDefault.current && (value === void 0 || value === null || value === "")) {
-      onChange(defaultValue);
-      hasSetDefault.current = true;
-    }
-  }, [defaultValue, value, onChange]);
-  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: [
-          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 }) })
-        ] }) })
-      ] }),
-      subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: fieldRef, "data-field": field, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Combobox,
-      {
-        options: (options || []).map((o) => ({ value: o.value, label: o.label })),
-        value: value || "",
-        onChange: (newValue) => onChange(newValue),
-        placeholder: placeholder || (label ? `Select ${label.toLowerCase()}` : `Select ${field}`),
-        allowCustom
-      }
-    ) }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive text-sm mt-1", children: error })
-  ] });
-};
 var SmartFileUpload = ({
   field,
   label,
@@ -357,37 +44,42 @@ var SmartFileUpload = ({
   onError,
   defaultValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
-  const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
-  const { registerSubmitHook, unregisterSubmitHook } = chunk4H5U5IHH_cjs.useSmartForm();
-  const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
-  const hasRegistered = React.useRef(false);
-  const hasSetDefault = React.useRef(false);
-  const inputRef = React.useRef(null);
-  React.useEffect(() => {
+  const { formData, registerSubmitHook, unregisterSubmitHook } = chunkWIBCOQPP_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkWIBCOQPP_cjs.useFormField(field);
+  const fieldDetection = chunkWIBCOQPP_cjs.useFieldDetection();
+  const hasRegistered = React2.useRef(false);
+  const hasSetDefault = React2.useRef(false);
+  const inputRef = React2.useRef(null);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
+  React2.useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
       registerValidation(field, validation);
     }
   }, [validation, field, registerValidation]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
     }
   }, [field, fieldDetection]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (defaultValue !== void 0 && !hasSetDefault.current && (value === void 0 || value === null || value === "")) {
       onChange(defaultValue);
       hasSetDefault.current = true;
     }
   }, [defaultValue, value, onChange]);
-  const normalizedFiles = React.useMemo(() => {
+  const normalizedFiles = React2.useMemo(() => {
     const filesAny = Array.isArray(value) ? value : value ? [value] : [];
     return filesAny.filter((f) => f instanceof File);
   }, [value]);
-  const [previewUrls, setPreviewUrls] = React.useState(/* @__PURE__ */ new Map());
-  React.useEffect(() => {
+  const [previewUrls, setPreviewUrls] = React2.useState(/* @__PURE__ */ new Map());
+  React2.useEffect(() => {
     const newUrls = /* @__PURE__ */ new Map();
     normalizedFiles.forEach((file) => {
       if (file.type.startsWith("image/")) {
@@ -406,7 +98,7 @@ var SmartFileUpload = ({
     });
     setPreviewUrls(newUrls);
   }, [normalizedFiles]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     return () => {
       previewUrls.forEach((url) => URL.revokeObjectURL(url));
     };
@@ -478,7 +170,7 @@ var SmartFileUpload = ({
       if (onError) onError(err);
     }
   };
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!uploadOnSelect || !uploadApi) return;
     const filesAny = Array.isArray(value) ? value : value ? [value] : [];
     const files = filesAny.filter((f) => f instanceof File);
@@ -486,7 +178,7 @@ var SmartFileUpload = ({
       void performUpload();
     }
   }, [value, uploadOnSelect, uploadApi]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     const key = `smart-file-upload:${field}`;
     if (uploadApi && !uploadOnSelect) {
       registerSubmitHook(key, performUpload);
@@ -494,24 +186,24 @@ var SmartFileUpload = ({
     }
     return () => unregisterSubmitHook(key);
   }, [field, uploadApi, uploadOnSelect, registerSubmitHook, unregisterSubmitHook, value, multiple]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4H5U5IHH_cjs.cn("flex-1 min-w-0", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkWIBCOQPP_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(chunkWIBCOQPP_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(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_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(chunkWIBCOQPP_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 })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4H5U5IHH_cjs.cn("flex items-center gap-2", error && "text-destructive"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkWIBCOQPP_cjs.cn("flex items-center gap-2", error && "text-destructive"), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk4H5U5IHH_cjs.Input,
+        chunkWIBCOQPP_cjs.Input,
         {
           ref: (el) => {
             inputRef.current = el;
@@ -521,11 +213,12 @@ var SmartFileUpload = ({
           accept,
           multiple,
           onChange: onInputChange,
-          className: chunk4H5U5IHH_cjs.cn(error && "border-destructive"),
-          "data-field": field
+          className: chunkWIBCOQPP_cjs.cn(error && "border-destructive"),
+          "data-field": field,
+          disabled: isDisabled
         }
       ),
-      (Array.isArray(value) ? value.length > 0 : !!value) && /* @__PURE__ */ jsxRuntime.jsx(chunkCJ55WKPC_cjs.Button, { type: "button", variant: "secondary", onClick: clearSelection, children: "Clear" })
+      (Array.isArray(value) ? value.length > 0 : !!value) && /* @__PURE__ */ jsxRuntime.jsx(chunkVGP3HY5Y_cjs.Button, { type: "button", variant: "secondary", onClick: clearSelection, disabled: isDisabled, children: "Clear" })
     ] }),
     normalizedFiles.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-sm text-muted-foreground", children: "No file selected" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-2 space-y-1", children: normalizedFiles.map((f, idx) => {
       const isImage = f.type.startsWith("image/");
@@ -550,13 +243,14 @@ var SmartFileUpload = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkCJ55WKPC_cjs.Button,
+          chunkVGP3HY5Y_cjs.Button,
           {
             type: "button",
             variant: "ghost",
             size: "sm",
             onClick: () => removeFileAt(idx),
             "aria-label": `Remove ${f.name}`,
+            disabled: isDisabled,
             children: "\u2715"
           }
         )
@@ -573,7 +267,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React__namespace.useMemo(
+  const _values = React2__namespace.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -585,7 +279,7 @@ function Slider({
       value,
       min,
       max,
-      className: chunk4H5U5IHH_cjs.cn(
+      className: chunkWIBCOQPP_cjs.cn(
         "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
         className
       ),
@@ -595,14 +289,14 @@ function Slider({
           SliderPrimitive__namespace.Track,
           {
             "data-slot": "slider-track",
-            className: chunk4H5U5IHH_cjs.cn(
+            className: chunkWIBCOQPP_cjs.cn(
               "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
             children: /* @__PURE__ */ jsxRuntime.jsx(
               SliderPrimitive__namespace.Range,
               {
                 "data-slot": "slider-range",
-                className: chunk4H5U5IHH_cjs.cn(
+                className: chunkWIBCOQPP_cjs.cn(
                   "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
                 )
               }
@@ -634,24 +328,30 @@ var SmartSlider = ({
   valueFormatter = (value) => value.toString(),
   defaultValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
-  const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
-  const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
-  const hasRegistered = React.useRef(false);
-  const hasSetDefault = React.useRef(false);
-  React.useEffect(() => {
+  const { formData } = chunkWIBCOQPP_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkWIBCOQPP_cjs.useFormField(field);
+  const fieldDetection = chunkWIBCOQPP_cjs.useFieldDetection();
+  const hasRegistered = React2.useRef(false);
+  const hasSetDefault = React2.useRef(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
+  React2.useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
       registerValidation(field, validation);
     }
   }, [validation, field, registerValidation]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
     }
   }, [field, fieldDetection]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (defaultValue !== void 0 && !hasSetDefault.current && (value === void 0 || value === null || value === "")) {
       onChange(defaultValue);
       hasSetDefault.current = true;
@@ -665,7 +365,7 @@ var SmartSlider = ({
   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(chunkWIBCOQPP_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" }),
@@ -675,9 +375,9 @@ var SmartSlider = ({
             ")"
           ] })
         ] }),
-        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(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_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(chunkWIBCOQPP_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 })
@@ -693,7 +393,8 @@ var SmartSlider = ({
           max,
           step,
           className: `w-full ${error ? "border-destructive" : ""}`,
-          "data-field": field
+          "data-field": field,
+          disabled: isDisabled
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm text-muted-foreground", children: [
@@ -722,40 +423,46 @@ var SmartDualRangeSlider = ({
   defaultMinValue,
   defaultMaxValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
-  const minFormField = chunk4H5U5IHH_cjs.useFormField(minField);
-  const maxFormField = chunk4H5U5IHH_cjs.useFormField(maxField);
-  const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
-  const hasRegisteredMin = React.useRef(false);
-  const hasRegisteredMax = React.useRef(false);
-  const hasSetDefaultMin = React.useRef(false);
-  const hasSetDefaultMax = React.useRef(false);
-  React.useEffect(() => {
+  const { formData } = chunkWIBCOQPP_cjs.useSmartForm();
+  const minFormField = chunkWIBCOQPP_cjs.useFormField(minField);
+  const maxFormField = chunkWIBCOQPP_cjs.useFormField(maxField);
+  const fieldDetection = chunkWIBCOQPP_cjs.useFieldDetection();
+  const hasRegisteredMin = React2.useRef(false);
+  const hasRegisteredMax = React2.useRef(false);
+  const hasSetDefaultMin = React2.useRef(false);
+  const hasSetDefaultMax = React2.useRef(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
+  React2.useEffect(() => {
     if (minValidation && !hasRegisteredMin.current) {
       hasRegisteredMin.current = true;
       minFormField.registerValidation(minField, minValidation);
     }
   }, [minValidation, minField, minFormField]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (maxValidation && !hasRegisteredMax.current) {
       hasRegisteredMax.current = true;
       maxFormField.registerValidation(maxField, maxValidation);
     }
   }, [maxValidation, maxField, maxFormField]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(minField);
       fieldDetection.registerField(maxField);
     }
   }, [minField, maxField, fieldDetection]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (defaultMinValue !== void 0 && !hasSetDefaultMin.current && (minFormField.value === void 0 || minFormField.value === null || minFormField.value === "")) {
       minFormField.onChange(defaultMinValue);
       hasSetDefaultMin.current = true;
     }
   }, [defaultMinValue, minFormField.value]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (defaultMaxValue !== void 0 && !hasSetDefaultMax.current && (maxFormField.value === void 0 || maxFormField.value === null || maxFormField.value === "")) {
       maxFormField.onChange(defaultMaxValue);
       hasSetDefaultMax.current = true;
@@ -772,14 +479,14 @@ var SmartDualRangeSlider = ({
   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(chunkWIBCOQPP_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(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_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(chunkWIBCOQPP_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 })
@@ -796,7 +503,8 @@ var SmartDualRangeSlider = ({
           step,
           className: `w-full ${combinedError ? "border-destructive" : ""}`,
           "data-min-field": minField,
-          "data-max-field": maxField
+          "data-max-field": maxField,
+          disabled: isDisabled
         }
       ),
       showValues && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-sm", children: [
@@ -815,7 +523,7 @@ var SmartDualRangeSlider = ({
     combinedError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive text-sm mt-1", children: combinedError })
   ] });
 };
-var TagsContext = React.createContext({
+var TagsContext = React2.createContext({
   value: void 0,
   setValue: void 0,
   open: false,
@@ -825,7 +533,7 @@ var TagsContext = React.createContext({
   setWidth: void 0
 });
 var useTagsContext = () => {
-  const context = React.useContext(TagsContext);
+  const context = React2.useContext(TagsContext);
   if (!context) {
     throw new Error("useTagsContext must be used within a TagsProvider");
   }
@@ -839,12 +547,12 @@ var Tags = ({
   children,
   className
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
-  const [width, setWidth] = React.useState();
-  const ref = React.useRef(null);
+  const [uncontrolledOpen, setUncontrolledOpen] = React2.useState(false);
+  const [width, setWidth] = React2.useState();
+  const ref = React2.useRef(null);
   const open = controlledOpen ?? uncontrolledOpen;
   const onOpenChange = controlledOnOpenChange ?? setUncontrolledOpen;
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!ref.current) {
       return;
     }
@@ -860,7 +568,7 @@ var Tags = ({
     TagsContext.Provider,
     {
       value: { value, setValue, open, onOpenChange, width, setWidth },
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkCJ55WKPC_cjs.Popover, { onOpenChange, open, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4H5U5IHH_cjs.cn("relative w-full", className), ref, children }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkVGP3HY5Y_cjs.Popover, { onOpenChange, open, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkWIBCOQPP_cjs.cn("relative w-full", className), ref, children }) })
     }
   );
 };
@@ -868,10 +576,10 @@ var TagsTrigger = ({
   className,
   children,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(chunkCJ55WKPC_cjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-  chunkCJ55WKPC_cjs.Button,
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkVGP3HY5Y_cjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  chunkVGP3HY5Y_cjs.Button,
   {
-    className: chunk4H5U5IHH_cjs.cn("h-auto w-full justify-between p-2", className),
+    className: chunkWIBCOQPP_cjs.cn("h-auto w-full justify-between p-2", className),
     role: "combobox",
     variant: "outline",
     ...props,
@@ -892,7 +600,7 @@ var TagsValue = ({
     event.stopPropagation();
     onRemove?.();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: chunk4H5U5IHH_cjs.cn("flex items-center gap-2", className), ...props, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkVGP3HY5Y_cjs.Badge, { className: chunkWIBCOQPP_cjs.cn("flex items-center gap-2", className), ...props, children: [
     children,
     onRemove && // biome-ignore lint/a11y/noStaticElementInteractions: "This is a clickable badge"
     // biome-ignore lint/a11y/useKeyWithClickEvents: "This is a clickable badge"
@@ -913,27 +621,27 @@ var TagsContent = ({
 }) => {
   const { width } = useTagsContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkCJ55WKPC_cjs.PopoverContent,
+    chunkVGP3HY5Y_cjs.PopoverContent,
     {
-      className: chunk4H5U5IHH_cjs.cn("p-0", className),
+      className: chunkWIBCOQPP_cjs.cn("p-0", className),
       style: { width },
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Command, { children })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkVGP3HY5Y_cjs.Command, { children })
     }
   );
 };
-var TagsInput = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { className: chunk4H5U5IHH_cjs.cn("h-9", className), ...props });
-var TagsList = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(CommandList, { className: chunk4H5U5IHH_cjs.cn("max-h-[200px]", className), ...props });
+var TagsInput = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(chunkVGP3HY5Y_cjs.CommandInput, { className: chunkWIBCOQPP_cjs.cn("h-9", className), ...props });
+var TagsList = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(chunkVGP3HY5Y_cjs.CommandList, { className: chunkWIBCOQPP_cjs.cn("max-h-[200px]", className), ...props });
 var TagsEmpty = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { ...props, children: children ?? "No tags found." });
-var TagsGroup = CommandGroup;
+}) => /* @__PURE__ */ jsxRuntime.jsx(chunkVGP3HY5Y_cjs.CommandEmpty, { ...props, children: children ?? "No tags found." });
+var TagsGroup = chunkVGP3HY5Y_cjs.CommandGroup;
 var TagsItem = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  CommandItem,
+  chunkVGP3HY5Y_cjs.CommandItem,
   {
-    className: chunk4H5U5IHH_cjs.cn("cursor-pointer items-center justify-between", className),
+    className: chunkWIBCOQPP_cjs.cn("cursor-pointer items-center justify-between", className),
     ...props
   }
 );
@@ -950,33 +658,39 @@ var SmartAutoSuggestTags = ({
   defaultValue,
   onTagCreate,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
-  const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
-  const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
-  const hasRegistered = React.useRef(false);
-  const hasSetDefault = React.useRef(false);
-  const [tags, setTags] = React.useState(initialOptions);
-  const [newTag, setNewTag] = React.useState("");
+  const { formData } = chunkWIBCOQPP_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkWIBCOQPP_cjs.useFormField(field);
+  const fieldDetection = chunkWIBCOQPP_cjs.useFieldDetection();
+  const hasRegistered = React2.useRef(false);
+  const hasSetDefault = React2.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] = React2.useState(initialOptions);
+  const [newTag, setNewTag] = React2.useState("");
   const selected = Array.isArray(value) ? value : [];
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
       registerValidation(field, validation);
     }
   }, [validation, field, registerValidation]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
     }
   }, [field, fieldDetection]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (defaultValue !== void 0 && !hasSetDefault.current && (!value || Array.isArray(value) && value.length === 0)) {
       onChange(defaultValue);
       hasSetDefault.current = true;
     }
   }, [defaultValue, value, onChange]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     setTags(initialOptions);
   }, [initialOptions]);
   const handleRemove = (tagId) => {
@@ -1019,7 +733,7 @@ var SmartAutoSuggestTags = ({
   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(chunkWIBCOQPP_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" }),
@@ -1031,19 +745,20 @@ var SmartAutoSuggestTags = ({
             ")"
           ] })
         ] }),
-        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(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_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(chunkWIBCOQPP_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 })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: fieldRef, "data-field": field, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4H5U5IHH_cjs.cn(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: fieldRef, "data-field": field, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkWIBCOQPP_cjs.cn(
       "w-full rounded-md border border-input bg-background text-sm ring-offset-background",
       "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-      error && "border-destructive focus-within:ring-destructive"
+      error && "border-destructive focus-within:ring-destructive",
+      isDisabled && "cursor-not-allowed opacity-50"
     ), children: /* @__PURE__ */ jsxRuntime.jsxs(Tags, { className: "w-full", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(TagsTrigger, { className: "w-full px-3 py-2 border-0 bg-transparent", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(TagsTrigger, { className: "w-full px-3 py-2 border-0 bg-transparent", disabled: isDisabled, children: [
         selected.length === 0 && placeholder && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: placeholder }),
         selected.map((tagId) => {
           const tag = tags.find((t) => t.id === tagId);
@@ -1064,7 +779,8 @@ var SmartAutoSuggestTags = ({
           {
             onValueChange: setNewTag,
             placeholder: `Search ${placeholder.toLowerCase()}...`,
-            value: newTag
+            value: newTag,
+            disabled: isDisabled
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(TagsList, { children: [
@@ -1155,32 +871,38 @@ var SmartBasicRichTextbox = ({
   minHeight = "150px",
   maxHeight = "400px",
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
-  const { value, error, onChange, fieldRef, registerValidation } = chunk4H5U5IHH_cjs.useFormField(field);
-  const fieldDetection = chunk4H5U5IHH_cjs.useFieldDetection();
-  const hasRegistered = React.useRef(false);
-  const hasSetDefault = React.useRef(false);
-  const editorRef = React.useRef(null);
-  const [isFocused, setIsFocused] = React.useState(false);
-  React.useEffect(() => {
+  const { formData } = chunkWIBCOQPP_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkWIBCOQPP_cjs.useFormField(field);
+  const fieldDetection = chunkWIBCOQPP_cjs.useFieldDetection();
+  const hasRegistered = React2.useRef(false);
+  const hasSetDefault = React2.useRef(false);
+  const editorRef = React2.useRef(null);
+  const [isFocused, setIsFocused] = React2.useState(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
+  React2.useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
       registerValidation(field, validation);
     }
   }, [validation, field, registerValidation]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
     }
   }, [field, fieldDetection]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (defaultValue !== void 0 && !hasSetDefault.current && (value === void 0 || value === null || value === "")) {
       onChange(defaultValue);
       hasSetDefault.current = true;
     }
   }, [defaultValue, value, onChange]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (editorRef.current && value !== void 0) {
       const sanitized = sanitizeHtml(value || "");
       if (editorRef.current.innerHTML !== sanitized) {
@@ -1188,21 +910,21 @@ var SmartBasicRichTextbox = ({
       }
     }
   }, [value]);
-  const handleInput = React.useCallback(() => {
+  const handleInput = React2.useCallback(() => {
     if (editorRef.current) {
       const html = editorRef.current.innerHTML;
       const sanitized = sanitizeHtml(html);
       onChange(sanitized);
     }
   }, [onChange]);
-  const handleKeyDown = React.useCallback((e) => {
+  const handleKeyDown = React2.useCallback((e) => {
     if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
       document.execCommand("insertParagraph", false);
       return;
     }
   }, []);
-  const execCommand = React.useCallback((command, value2) => {
+  const execCommand = React2.useCallback((command, value2) => {
     document.execCommand(command, false, value2);
     editorRef.current?.focus();
     handleInput();
@@ -1212,17 +934,17 @@ var SmartBasicRichTextbox = ({
   const toggleUnderline = () => execCommand("underline");
   const toggleBulletList = () => execCommand("insertUnorderedList");
   const toggleNumberedList = () => execCommand("insertOrderedList");
-  const isFormatActive = React.useCallback((format) => {
+  const isFormatActive = React2.useCallback((format) => {
     return document.queryCommandState(format);
   }, []);
-  const [activeFormats, setActiveFormats] = React.useState({
+  const [activeFormats, setActiveFormats] = React2.useState({
     bold: false,
     italic: false,
     underline: false,
     bulletList: false,
     numberedList: false
   });
-  const updateActiveFormats = React.useCallback(() => {
+  const updateActiveFormats = React2.useCallback(() => {
     if (isFocused) {
       setActiveFormats({
         bold: isFormatActive("bold"),
@@ -1233,7 +955,7 @@ var SmartBasicRichTextbox = ({
       });
     }
   }, [isFocused, isFormatActive]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (isFocused) {
       document.addEventListener("selectionchange", updateActiveFormats);
       return () => document.removeEventListener("selectionchange", updateActiveFormats);
@@ -1246,17 +968,17 @@ var SmartBasicRichTextbox = ({
   const handleBlur = () => {
     setIsFocused(false);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4H5U5IHH_cjs.cn("flex-1 min-w-0", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkWIBCOQPP_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(chunkWIBCOQPP_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(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_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(chunkWIBCOQPP_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 })
@@ -1266,110 +988,116 @@ var SmartBasicRichTextbox = ({
       {
         ref: fieldRef,
         "data-field": field,
-        className: chunk4H5U5IHH_cjs.cn(
+        className: chunkWIBCOQPP_cjs.cn(
           "w-full rounded-md border border-input bg-background",
           "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-          error && "border-destructive focus-within:ring-destructive"
+          error && "border-destructive focus-within:ring-destructive",
+          isDisabled && "cursor-not-allowed opacity-50"
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5 p-1.5 border-b border-border bg-muted/30", children: [
-            /* @__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(
-                chunkCJ55WKPC_cjs.Button,
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkWIBCOQPP_cjs.cn("flex items-center gap-0.5 p-1.5 border-b border-border bg-muted/30", isDisabled && "pointer-events-none"), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkVGP3HY5Y_cjs.Button,
                 {
                   type: "button",
                   variant: "ghost",
                   size: "sm",
-                  className: chunk4H5U5IHH_cjs.cn(
+                  className: chunkWIBCOQPP_cjs.cn(
                     "h-8 w-8 p-0 hover:bg-accent hover:text-accent-foreground",
                     activeFormats.bold && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleBold,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bold, { className: "h-4 w-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Bold (Ctrl+B)" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Bold (Ctrl+B)" }) })
             ] }) }),
-            /* @__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(
-                chunkCJ55WKPC_cjs.Button,
+            /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkVGP3HY5Y_cjs.Button,
                 {
                   type: "button",
                   variant: "ghost",
                   size: "sm",
-                  className: chunk4H5U5IHH_cjs.cn(
+                  className: chunkWIBCOQPP_cjs.cn(
                     "h-8 w-8 p-0 hover:bg-accent hover:text-accent-foreground",
                     activeFormats.italic && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleItalic,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Italic, { className: "h-4 w-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Italic (Ctrl+I)" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Italic (Ctrl+I)" }) })
             ] }) }),
-            /* @__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(
-                chunkCJ55WKPC_cjs.Button,
+            /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkVGP3HY5Y_cjs.Button,
                 {
                   type: "button",
                   variant: "ghost",
                   size: "sm",
-                  className: chunk4H5U5IHH_cjs.cn(
+                  className: chunkWIBCOQPP_cjs.cn(
                     "h-8 w-8 p-0 hover:bg-accent hover:text-accent-foreground",
                     activeFormats.underline && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleUnderline,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Underline, { className: "h-4 w-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Underline (Ctrl+U)" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Underline (Ctrl+U)" }) })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-5 bg-border mx-1" }),
-            /* @__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(
-                chunkCJ55WKPC_cjs.Button,
+            /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkVGP3HY5Y_cjs.Button,
                 {
                   type: "button",
                   variant: "ghost",
                   size: "sm",
-                  className: chunk4H5U5IHH_cjs.cn(
+                  className: chunkWIBCOQPP_cjs.cn(
                     "h-8 w-8 p-0 hover:bg-accent hover:text-accent-foreground",
                     activeFormats.bulletList && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleBulletList,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "h-4 w-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Bullet List" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Bullet List" }) })
             ] }) }),
-            /* @__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(
-                chunkCJ55WKPC_cjs.Button,
+            /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkVGP3HY5Y_cjs.Button,
                 {
                   type: "button",
                   variant: "ghost",
                   size: "sm",
-                  className: chunk4H5U5IHH_cjs.cn(
+                  className: chunkWIBCOQPP_cjs.cn(
                     "h-8 w-8 p-0 hover:bg-accent hover:text-accent-foreground",
                     activeFormats.numberedList && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleNumberedList,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListOrdered, { className: "h-4 w-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk4H5U5IHH_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Numbered List" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Numbered List" }) })
             ] }) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               ref: editorRef,
-              contentEditable: true,
+              contentEditable: !isDisabled,
               onInput: handleInput,
               onKeyDown: handleKeyDown,
               onFocus: handleFocus,
               onBlur: handleBlur,
-              className: chunk4H5U5IHH_cjs.cn(
+              className: chunkWIBCOQPP_cjs.cn(
                 "w-full px-3 py-2 text-sm text-foreground",
                 "bg-background",
                 "focus:outline-none",
@@ -1401,43 +1129,46 @@ var SmartBasicRichTextbox = ({
 
 Object.defineProperty(exports, "SmartCheckbox", {
   enumerable: true,
-  get: function () { return chunkCJ55WKPC_cjs.SmartCheckbox; }
+  get: function () { return chunkVGP3HY5Y_cjs.SmartCheckbox; }
+});
+Object.defineProperty(exports, "SmartCombobox", {
+  enumerable: true,
+  get: function () { return chunkVGP3HY5Y_cjs.SmartCombobox; }
 });
 Object.defineProperty(exports, "SmartDatePicker", {
   enumerable: true,
-  get: function () { return chunkCJ55WKPC_cjs.SmartDatePicker; }
+  get: function () { return chunkVGP3HY5Y_cjs.SmartDatePicker; }
 });
 Object.defineProperty(exports, "SmartRadioGroup", {
   enumerable: true,
-  get: function () { return chunkCJ55WKPC_cjs.SmartRadioGroup; }
+  get: function () { return chunkVGP3HY5Y_cjs.SmartRadioGroup; }
 });
 Object.defineProperty(exports, "SmartSelect", {
   enumerable: true,
-  get: function () { return chunkCJ55WKPC_cjs.SmartSelect; }
+  get: function () { return chunkVGP3HY5Y_cjs.SmartSelect; }
 });
 Object.defineProperty(exports, "SmartTags", {
   enumerable: true,
-  get: function () { return chunkCJ55WKPC_cjs.SmartTags; }
+  get: function () { return chunkVGP3HY5Y_cjs.SmartTags; }
 });
 Object.defineProperty(exports, "SmartFormProvider", {
   enumerable: true,
-  get: function () { return chunk4H5U5IHH_cjs.SmartFormProvider; }
+  get: function () { return chunkWIBCOQPP_cjs.SmartFormProvider; }
 });
 Object.defineProperty(exports, "SmartInput", {
   enumerable: true,
-  get: function () { return chunk4H5U5IHH_cjs.SmartInput; }
+  get: function () { return chunkWIBCOQPP_cjs.SmartInput; }
 });
 Object.defineProperty(exports, "useFormField", {
   enumerable: true,
-  get: function () { return chunk4H5U5IHH_cjs.useFormField; }
+  get: function () { return chunkWIBCOQPP_cjs.useFormField; }
 });
 Object.defineProperty(exports, "useSmartForm", {
   enumerable: true,
-  get: function () { return chunk4H5U5IHH_cjs.useSmartForm; }
+  get: function () { return chunkWIBCOQPP_cjs.useSmartForm; }
 });
 exports.SmartAutoSuggestTags = SmartAutoSuggestTags;
 exports.SmartBasicRichTextbox = SmartBasicRichTextbox;
-exports.SmartCombobox = SmartCombobox;
 exports.SmartDualRangeSlider = SmartDualRangeSlider;
 exports.SmartFileUpload = SmartFileUpload;
 exports.SmartSlider = SmartSlider;