@algodomain/smart-forms 0.1.2 → 0.1.4

package/dist/fields.js

@@ -1,326 +1,13 @@
-import { Button, Popover, PopoverTrigger, PopoverContent } from './chunk-KDPN4CHW.js';
-export { SmartCheckbox, SmartDatePicker, SmartRadioGroup, SmartSelect, SmartTags } from './chunk-KDPN4CHW.js';
-import { useFormField, useFieldDetection, Label, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, useSmartForm, cn, Input } from './chunk-5LRBJEZW.js';
-export { SmartFormProvider, SmartInput, useFormField, useSmartForm } from './chunk-5LRBJEZW.js';
-import * as React from 'react';
-import React__default, { createContext, useRef, useEffect, useMemo, useState, useCallback, useContext } from 'react';
-import { InfoIcon, PlusIcon, CheckIcon, Bold, Italic, Underline, List, ListOrdered, ChevronsUpDown, Check, Plus, XIcon, SearchIcon } from 'lucide-react';
-import { Command as Command$1 } from 'cmdk';
+import { Button, CommandGroup, Popover, PopoverTrigger, Badge, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandItem } from './chunk-BNQNL7GF.js';
+export { SmartCheckbox, SmartCombobox, SmartDatePicker, SmartRadioGroup, SmartSelect, SmartTags } from './chunk-BNQNL7GF.js';
+import { useSmartForm, useFormField, useFieldDetection, cn, Label, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Input } from './chunk-RHECLW3K.js';
+export { SmartFormProvider, SmartInput, useFormField, useSmartForm } from './chunk-RHECLW3K.js';
+import * as React2 from 'react';
+import { createContext, useRef, useEffect, useMemo, useState, useCallback, useContext } from 'react';
+import { InfoIcon, PlusIcon, CheckIcon, Bold, Italic, Underline, List, ListOrdered, XIcon } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 
-function Command({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1,
-    {
-      "data-slot": "command",
-      className: 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__ */ jsxs(
-    "div",
-    {
-      "data-slot": "command-input-wrapper",
-      className: "flex h-9 items-center gap-2 border-b px-3",
-      children: [
-        /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
-        /* @__PURE__ */ jsx(
-          Command$1.Input,
-          {
-            "data-slot": "command-input",
-            className: 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__ */ jsx(
-    Command$1.List,
-    {
-      "data-slot": "command-list",
-      className: cn(
-        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CommandEmpty({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Empty,
-    {
-      "data-slot": "command-empty",
-      className: "py-6 text-center text-sm",
-      ...props
-    }
-  );
-}
-function CommandGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Command$1.Group,
-    {
-      "data-slot": "command-group",
-      className: 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__ */ jsx(
-    Command$1.Item,
-    {
-      "data-slot": "command-item",
-      className: 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 = 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 ? Slot : "span";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "badge",
-      className: 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__default.useState(false);
-  const [searchValue, setSearchValue] = 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__ */ jsx("div", { style: containerStyles, children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      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__ */ jsx("div", { className: "flex-1 min-w-0 text-left", children: /* @__PURE__ */ jsx("div", { className: "truncate", children: value ? combinedOptions.find((option) => option.value === value)?.label || value : placeholder }) }),
-          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 flex-shrink-0 opacity-50" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ jsxs(Command, { className: "w-full", children: [
-      /* @__PURE__ */ jsx(
-        CommandInput,
-        {
-          value: searchValue,
-          onValueChange: setSearchValue,
-          placeholder: searchPlaceholder,
-          className: "h-9"
-        }
-      ),
-      /* @__PURE__ */ jsx(CommandList, { children: filteredOptions.length > 0 ? /* @__PURE__ */ jsx(CommandGroup, { className: "max-h-[200px] overflow-y-auto", children: filteredOptions.map((option) => /* @__PURE__ */ jsxs(
-        CommandItem,
-        {
-          value: option.value,
-          onSelect: (currentValue) => {
-            onChange(currentValue === value ? "" : currentValue);
-            setOpen(false);
-            setSearchValue("");
-          },
-          className: "flex items-center",
-          style: { width: "100%" },
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full min-w-0", children: [
-              /* @__PURE__ */ jsx(
-                Check,
-                {
-                  className: `mr-2 h-4 w-4 flex-shrink-0 ${value === option.value ? "opacity-100" : "opacity-0"}`
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "truncate flex-1", children: option.label })
-            ] }),
-            option.badge && /* @__PURE__ */ jsx(
-              Badge,
-              {
-                variant: "outline",
-                className: "ml-2 text-[10px] px-2 py-0 h-5 font-normal",
-                children: option.badge
-              }
-            )
-          ]
-        },
-        option.value
-      )) }) : /* @__PURE__ */ jsxs(CommandEmpty, { children: [
-        allowCustom && searchValue && /* @__PURE__ */ jsxs(
-          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__ */ jsx(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 } = useFormField(field);
-  const fieldDetection = useFieldDetection();
-  const hasRegistered = useRef(false);
-  const hasSetDefault = useRef(false);
-  useEffect(() => {
-    if (validation && !hasRegistered.current) {
-      hasRegistered.current = true;
-      registerValidation(field, validation);
-    }
-  }, [validation, field, registerValidation]);
-  useEffect(() => {
-    if (fieldDetection?.registerField) {
-      fieldDetection.registerField(field);
-    }
-  }, [field, fieldDetection]);
-  useEffect(() => {
-    if (defaultValue !== void 0 && !hasSetDefault.current && (value === void 0 || value === null || value === "")) {
-      onChange(defaultValue);
-      hasSetDefault.current = true;
-    }
-  }, [defaultValue, value, onChange]);
-  return /* @__PURE__ */ jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
-    label && /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs(Label, { className: "text-sm font-medium text-foreground", children: [
-          label,
-          " ",
-          required && /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
-        ] }),
-        info && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
-          /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { className: "max-w-xs", children: info }) })
-        ] }) })
-      ] }),
-      subLabel && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
-    ] }),
-    /* @__PURE__ */ jsx("div", { ref: fieldRef, "data-field": field, children: /* @__PURE__ */ 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__ */ jsx("p", { className: "text-destructive text-sm mt-1", children: error })
-  ] });
-};
 var SmartFileUpload = ({
   field,
   label,
@@ -337,14 +24,19 @@ var SmartFileUpload = ({
   onError,
   defaultValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
+  const { formData, registerSubmitHook, unregisterSubmitHook } = useSmartForm();
   const { value, error, onChange, fieldRef, registerValidation } = useFormField(field);
-  const { registerSubmitHook, unregisterSubmitHook } = useSmartForm();
   const fieldDetection = useFieldDetection();
   const hasRegistered = useRef(false);
   const hasSetDefault = useRef(false);
   const inputRef = useRef(null);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
@@ -502,10 +194,11 @@ var SmartFileUpload = ({
           multiple,
           onChange: onInputChange,
           className: cn(error && "border-destructive"),
-          "data-field": field
+          "data-field": field,
+          disabled: isDisabled
         }
       ),
-      (Array.isArray(value) ? value.length > 0 : !!value) && /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: clearSelection, children: "Clear" })
+      (Array.isArray(value) ? value.length > 0 : !!value) && /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: clearSelection, disabled: isDisabled, children: "Clear" })
     ] }),
     normalizedFiles.length === 0 ? /* @__PURE__ */ jsx("div", { className: "mt-2 text-sm text-muted-foreground", children: "No file selected" }) : /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-1", children: normalizedFiles.map((f, idx) => {
       const isImage = f.type.startsWith("image/");
@@ -537,6 +230,7 @@ var SmartFileUpload = ({
             size: "sm",
             onClick: () => removeFileAt(idx),
             "aria-label": `Remove ${f.name}`,
+            disabled: isDisabled,
             children: "\u2715"
           }
         )
@@ -553,7 +247,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React.useMemo(
+  const _values = React2.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -614,12 +308,18 @@ var SmartSlider = ({
   valueFormatter = (value) => value.toString(),
   defaultValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
+  const { formData } = useSmartForm();
   const { value, error, onChange, fieldRef, registerValidation } = useFormField(field);
   const fieldDetection = useFieldDetection();
   const hasRegistered = useRef(false);
   const hasSetDefault = useRef(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
@@ -673,7 +373,8 @@ var SmartSlider = ({
           max,
           step,
           className: `w-full ${error ? "border-destructive" : ""}`,
-          "data-field": field
+          "data-field": field,
+          disabled: isDisabled
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm text-muted-foreground", children: [
@@ -702,8 +403,11 @@ var SmartDualRangeSlider = ({
   defaultMinValue,
   defaultMaxValue,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
+  const { formData } = useSmartForm();
   const minFormField = useFormField(minField);
   const maxFormField = useFormField(maxField);
   const fieldDetection = useFieldDetection();
@@ -711,6 +415,9 @@ var SmartDualRangeSlider = ({
   const hasRegisteredMax = useRef(false);
   const hasSetDefaultMin = useRef(false);
   const hasSetDefaultMax = useRef(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   useEffect(() => {
     if (minValidation && !hasRegisteredMin.current) {
       hasRegisteredMin.current = true;
@@ -776,7 +483,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__ */ jsxs("div", { className: "flex justify-between items-center text-sm", children: [
@@ -930,12 +638,18 @@ var SmartAutoSuggestTags = ({
   defaultValue,
   onTagCreate,
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
+  const { formData } = useSmartForm();
   const { value, error, onChange, fieldRef, registerValidation } = useFormField(field);
   const fieldDetection = useFieldDetection();
   const hasRegistered = useRef(false);
   const hasSetDefault = 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] = useState(initialOptions);
   const [newTag, setNewTag] = useState("");
   const selected = Array.isArray(value) ? value : [];
@@ -1021,9 +735,10 @@ var SmartAutoSuggestTags = ({
     /* @__PURE__ */ jsx("div", { ref: fieldRef, "data-field": field, children: /* @__PURE__ */ jsx("div", { className: 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__ */ jsxs(Tags, { className: "w-full", children: [
-      /* @__PURE__ */ jsxs(TagsTrigger, { className: "w-full px-3 py-2 border-0 bg-transparent", children: [
+      /* @__PURE__ */ jsxs(TagsTrigger, { className: "w-full px-3 py-2 border-0 bg-transparent", disabled: isDisabled, children: [
         selected.length === 0 && placeholder && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: placeholder }),
         selected.map((tagId) => {
           const tag = tags.find((t) => t.id === tagId);
@@ -1044,7 +759,8 @@ var SmartAutoSuggestTags = ({
           {
             onValueChange: setNewTag,
             placeholder: `Search ${placeholder.toLowerCase()}...`,
-            value: newTag
+            value: newTag,
+            disabled: isDisabled
           }
         ),
         /* @__PURE__ */ jsxs(TagsList, { children: [
@@ -1135,14 +851,20 @@ var SmartBasicRichTextbox = ({
   minHeight = "150px",
   maxHeight = "400px",
   info,
-  subLabel
+  subLabel,
+  disabled,
+  hidden
 }) => {
+  const { formData } = useSmartForm();
   const { value, error, onChange, fieldRef, registerValidation } = useFormField(field);
   const fieldDetection = useFieldDetection();
   const hasRegistered = useRef(false);
   const hasSetDefault = useRef(false);
   const editorRef = useRef(null);
   const [isFocused, setIsFocused] = useState(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
   useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
@@ -1249,10 +971,11 @@ var SmartBasicRichTextbox = ({
         className: 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__ */ jsxs("div", { className: "flex items-center gap-0.5 p-1.5 border-b border-border bg-muted/30", children: [
+          /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-0.5 p-1.5 border-b border-border bg-muted/30", isDisabled && "pointer-events-none"), children: [
             /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
               /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
                 Button,
@@ -1265,6 +988,7 @@ var SmartBasicRichTextbox = ({
                     activeFormats.bold && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleBold,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsx(Bold, { className: "h-4 w-4" })
                 }
               ) }),
@@ -1282,6 +1006,7 @@ var SmartBasicRichTextbox = ({
                     activeFormats.italic && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleItalic,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsx(Italic, { className: "h-4 w-4" })
                 }
               ) }),
@@ -1299,6 +1024,7 @@ var SmartBasicRichTextbox = ({
                     activeFormats.underline && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleUnderline,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsx(Underline, { className: "h-4 w-4" })
                 }
               ) }),
@@ -1317,6 +1043,7 @@ var SmartBasicRichTextbox = ({
                     activeFormats.bulletList && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleBulletList,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsx(List, { className: "h-4 w-4" })
                 }
               ) }),
@@ -1334,6 +1061,7 @@ var SmartBasicRichTextbox = ({
                     activeFormats.numberedList && "bg-primary text-primary-foreground hover:bg-primary/90"
                   ),
                   onClick: toggleNumberedList,
+                  disabled: isDisabled,
                   children: /* @__PURE__ */ jsx(ListOrdered, { className: "h-4 w-4" })
                 }
               ) }),
@@ -1344,7 +1072,7 @@ var SmartBasicRichTextbox = ({
             "div",
             {
               ref: editorRef,
-              contentEditable: true,
+              contentEditable: !isDisabled,
               onInput: handleInput,
               onKeyDown: handleKeyDown,
               onFocus: handleFocus,
@@ -1379,6 +1107,6 @@ var SmartBasicRichTextbox = ({
   ] });
 };
 
-export { SmartAutoSuggestTags, SmartBasicRichTextbox, SmartCombobox, SmartDualRangeSlider, SmartFileUpload, SmartSlider };
+export { SmartAutoSuggestTags, SmartBasicRichTextbox, SmartDualRangeSlider, SmartFileUpload, SmartSlider };
 //# sourceMappingURL=fields.js.map
 //# sourceMappingURL=fields.js.map