@react-typed-forms/schemas-rn 1.0.0 → 2.0.1

package/lib/index.cjs

@@ -1,25 +1,24 @@
-var schemasHtml = require('@react-typed-forms/schemas-html');
-var reactNative = require('react-native');
-var CheckboxPrimitive = require('@rn-primitives/checkbox');
 var React = require('react');
+var schemas = require('@react-typed-forms/schemas');
+var reactNative = require('react-native');
+var jsxRuntime = require('nativewind/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
+var Slot = require('@rn-primitives/slot');
+var CheckboxPrimitive = require('@rn-primitives/checkbox');
 var nativewind = require('nativewind');
 var vectorIcons = require('@expo/vector-icons');
-var schemas = require('@react-typed-forms/schemas');
 var MaterialIcons = require('@expo/vector-icons/MaterialIcons');
-var jsxRuntime = require('nativewind/jsx-runtime');
 var core = require('@react-typed-forms/core');
-var RadioGroupPrimitive = require('@rn-primitives/radio-group');
 var DateTimePickerModal = require('react-native-modal-datetime-picker');
 var date = require('@internationalized/date');
 var RenderHtml = require('react-native-render-html');
+var RadioGroupPrimitive = require('@rn-primitives/radio-group');
 var SelectPrimitive = require('@rn-primitives/select');
 var Animated = require('react-native-reanimated');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 var reactNativeGestureHandler = require('react-native-gesture-handler');
-var classVarianceAuthority = require('class-variance-authority');
-var Slot = require('@rn-primitives/slot');
 var DialogPrimitive = require('@rn-primitives/dialog');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -42,17 +41,147 @@ function _interopNamespace(e) {
   return n;
 }
 
-var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var clsx__default = /*#__PURE__*/_interopDefaultLegacy(clsx);
+var Slot__namespace = /*#__PURE__*/_interopNamespace(Slot);
+var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var MaterialIcons__default = /*#__PURE__*/_interopDefaultLegacy(MaterialIcons);
-var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var DateTimePickerModal__default = /*#__PURE__*/_interopDefaultLegacy(DateTimePickerModal);
 var RenderHtml__default = /*#__PURE__*/_interopDefaultLegacy(RenderHtml);
+var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var Animated__default = /*#__PURE__*/_interopDefaultLegacy(Animated);
-var Slot__namespace = /*#__PURE__*/_interopNamespace(Slot);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
 
+// Default tailwind theme adapted for React Native
+var defaultTailwindTheme = {
+  label: {
+    groupLabelClass: "font-bold",
+    requiredElement: function requiredElement(_ref) {
+      var Span = _ref.Span;
+      return /*#__PURE__*/React__default["default"].createElement(Span, {
+        className: "text-red-500"
+      }, " *");
+    }
+  },
+  array: {
+    removableClass: "grid grid-cols-[1fr_auto] items-center gap-x-2",
+    childClass: "grow my-2",
+    addActionClass: "my-2",
+    removeActionClass: "flex gap-2"
+  },
+  group: {
+    standardClassName: "flex flex-col gap-4",
+    grid: {
+      className: "flex flex-col gap-4",
+      rowClass: "flex flex-row gap-4 justify-between",
+      cellClass: "flex-1"
+    },
+    flexClassName: "gap-2",
+    inlineClass: "",
+    tabs: {
+      className: "",
+      tabListClass: "flex flex-wrap text-sm font-medium text-center text-gray-500 border-b border-gray-200",
+      tabClass: "me-2",
+      labelClass: "flex items-center justify-center p-4 border-b-2",
+      inactiveClass: "border-transparent rounded-t-lg text-gray-600 border-gray-300",
+      activeClass: "text-blue-600 border-blue-600 rounded-t-lg text-blue-500 border-blue-500",
+      contentClass: "my-2"
+    }
+  },
+  action: {
+    buttonClass: "rounded-lg p-3 text-white disabled:opacity-75",
+    primaryClass: "bg-primary-500",
+    secondaryClass: "bg-secondary-500",
+    iconBeforeClass: "px-2",
+    iconAfterClass: "px-2",
+    busyIcon: schemas.fontAwesomeIcon("spinner fa-spin")
+  },
+  layout: {
+    className: "flex flex-col",
+    errorClass: "text-sm text-red-500"
+  },
+  data: {
+    inputClass: "border rounded p-2",
+    displayOnlyClass: "flex flex-row items-center gap-2",
+    checkOptions: {
+      className: "flex items-center gap-4",
+      entryClass: "flex items-center gap-1"
+    },
+    selectOptions: {
+      emptyText: "<select>"
+    },
+    arrayElementOptions: {
+      actionsClass: "my-2 flex gap-2"
+    },
+    multilineClass: "border p-2",
+    autocompleteOptions: {
+      className: "w-full flex gap-[5px] pr-[5px] overflow-hidden rounded-lg bg-white border border-solid border-gray-200 min-h-[48px] py-1",
+      listContainerClass: "w-full text-sm p-1.5 my-3 mx-0 min-w-[120px] rounded-xl max-h-[300px] bg-white border border-solid border-surface-200 text-surface-900",
+      listEntryClass: "p-2 rounded-lg bg-primary-100 text-primary-900",
+      chipContainerClass: "flex flex-row items-center px-3 py-1 rounded-full bg-surface-100 m-1 gap-2",
+      chipCloseButtonClass: "p-1 bg-surface-300 rounded-full min-w-[24px] flex justify-center text-surface-50"
+    },
+    scrollListOptions: {
+      loadingIcon: schemas.fontAwesomeIcon("spinner fa-spin")
+    }
+  },
+  adornment: {
+    accordion: {
+      className: "flex items-center gap-2 my-2 w-fit",
+      titleTextClass: "cursor-pointer",
+      iconOpen: schemas.fontAwesomeIcon("chevron-up"),
+      iconClosed: schemas.fontAwesomeIcon("chevron-down")
+    },
+    optional: {
+      checkClass: "m-2",
+      className: "flex items-center gap-2 w-full",
+      multiValuesClass: "italic",
+      childWrapperClass: "grow"
+    }
+  }
+};
+
+var defaultRnTailwindTheme = schemas.deepMerge({
+  data: {
+    checkOptions: {
+      entryClass: "flex flex-row items-center gap-[8px]",
+      labelClass: "flex-1"
+    },
+    selectOptions: {
+      emptyText: "select"
+    }
+  },
+  label: {
+    labelContainer: function labelContainer(c) {
+      return jsxRuntime.jsx(reactNative.View, {
+        className: "flex flex-row gap-4 items-center",
+        children: c
+      });
+    }
+  },
+  array: {
+    removableClass: "flex flex-col gap-y-2"
+  },
+  action: {
+    buttonClass: "flex flex-row gap-2 bg-primary-500 rounded-lg p-3 web:hover:opacity-90 active:opacity-90",
+    textClass: "text-white"
+  },
+  adornment: {
+    accordion: {
+      className: "flex flex-row items-center gap-2 my-2 p-0 self-start"
+    },
+    helpText: {
+      iconName: "info-circle",
+      iconClass: "text-[12px]",
+      triggerContainerClass: "flex flex-row gap-2 items-baseline",
+      triggerLabelClass: "text-sm font-bold",
+      contentTextClass: "text-white font-semibold text-sm"
+    }
+  }
+}, defaultTailwindTheme);
+
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -66,7 +195,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -76,6 +205,91 @@ function cn() {
   return tailwindMerge.twMerge(clsx.clsx([].slice.call(arguments)));
 }
 
+var _excluded$b = ["className", "asChild"];
+var TextClassContext = /*#__PURE__*/React__namespace.createContext(undefined);
+var RNText = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$asChild = _ref.asChild,
+    asChild = _ref$asChild === void 0 ? false : _ref$asChild,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+  var textClass = React__namespace.useContext(TextClassContext);
+  var Component = asChild ? Slot__namespace.Text : reactNative.Text;
+  return jsxRuntime.jsx(Component, _extends({
+    className: cn("text-base text-foreground web:select-text", textClass, className),
+    ref: ref
+  }, props));
+});
+RNText.displayName = "RNText";
+
+var _excluded$a = ["className", "variant", "size"];
+var buttonVariants = classVarianceAuthority.cva("group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", {
+  variants: {
+    variant: {
+      "default": "bg-primary web:hover:opacity-90 active:opacity-90",
+      destructive: "bg-destructive web:hover:opacity-90 active:opacity-90",
+      outline: "border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      secondary: "bg-secondary web:hover:opacity-80 active:opacity-80",
+      ghost: "web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
+      link: "web:underline-offset-4 web:hover:underline web:focus:underline"
+    },
+    size: {
+      "default": "h-10 px-4 py-2 native:h-12 native:px-5 native:py-3",
+      sm: "h-9 rounded-md px-3",
+      lg: "h-11 rounded-md px-8 native:h-14",
+      icon: "h-10 w-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var buttonTextVariants = classVarianceAuthority.cva("web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors", {
+  variants: {
+    variant: {
+      "default": "text-primary-foreground",
+      destructive: "text-destructive-foreground",
+      outline: "group-active:text-accent-foreground",
+      secondary: "text-secondary-foreground group-active:text-secondary-foreground",
+      ghost: "group-active:text-accent-foreground",
+      link: "text-primary group-active:underline"
+    },
+    size: {
+      "default": "",
+      sm: "",
+      lg: "native:text-lg",
+      icon: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var RNButton$1 = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    variant = _ref.variant,
+    size = _ref.size,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+  return jsxRuntime.jsx(TextClassContext.Provider, {
+    value: buttonTextVariants({
+      variant: variant,
+      size: size,
+      className: "web:pointer-events-none"
+    }),
+    children: jsxRuntime.jsx(reactNative.Pressable, _extends({
+      className: cn(props.disabled && "opacity-50 web:pointer-events-none", buttonVariants({
+        variant: variant,
+        size: size,
+        className: className
+      })),
+      ref: ref,
+      role: "button"
+    }, props))
+  });
+});
+RNButton$1.displayName = "Button";
+
 nativewind.cssInterop(vectorIcons.FontAwesome, {
   className: {
     target: "style",
@@ -112,65 +326,133 @@ function Icon(_ref) {
   }
 }
 
-var _excluded$8 = ["className"];
-var RNCheckbox = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+var _excluded$9 = ["className"];
+function createRNCheckboxRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createDataRenderer(function (props, renderer) {
+    return function (p) {
+      return _extends({}, p, {
+        label: undefined,
+        children: jsxRuntime.jsx(CheckBoxRenderer, {
+          p: p,
+          renderer: renderer,
+          options: options,
+          props: props
+        })
+      });
+    };
+  }, {
+    renderType: schemas.DataRenderType.Checkbox
+  });
+}
+function CheckBoxRenderer(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var onCheckboxPressed = function onCheckboxPressed() {
+      control.touched = true;
+      control.value = !value;
+    };
+    var p = _ref.p,
+      props = _ref.props,
+      renderer = _ref.renderer,
+      options = _ref.options;
+    var control = props.control.as();
+    var _formControlProps = core.formControlProps(control),
+      value = _formControlProps.value;
+    var _formControlProps2 = core.formControlProps(control),
+      disabled = _formControlProps2.disabled;
+    var checkboxDisabled = disabled || props.readonly;
+    return jsxRuntime.jsxs(reactNative.Pressable, {
+      className: schemas.rendererClass(props.className, options.entryClass),
+      onPress: onCheckboxPressed,
+      disabled: checkboxDisabled,
+      children: [jsxRuntime.jsx(RNCheckbox, {
+        id: props.id,
+        className: options.checkClass,
+        checked: !!value,
+        onCheckedChange: onCheckboxPressed,
+        disabled: checkboxDisabled
+      }), p.label && renderer.renderLabel(p.label, undefined, undefined)]
+    });
+  } finally {
+    _effect();
+  }
+}
+var RNCheckbox = /*#__PURE__*/React__namespace.forwardRef(function (_ref2, ref) {
+  var className = _ref2.className,
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$9);
   return jsxRuntime.jsx(CheckboxPrimitive__namespace.Root, _extends({
     ref: ref,
-    className: cn("web:peer h-4 w-4 native:h-[20] native:w-[20] shrink-0 rounded-sm native:rounded border border-primary web:ring-offset-background web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className)
+    className: cn("web:peer h-4 w-4 native:h-[24px] native:w-[24px] shrink-0 rounded-sm native:rounded border border-accent web:ring-offset-background web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className)
   }, props, {
     children: jsxRuntime.jsx(CheckboxPrimitive__namespace.Indicator, {
       className: cn("items-center justify-center h-full w-full"),
-      children: jsxRuntime.jsx(Icon, {
-        name: "check",
-        className: "text-primary-500"
+      asChild: true,
+      children: jsxRuntime.jsx(reactNative.View, {
+        children: jsxRuntime.jsx(Icon, {
+          name: "check",
+          className: "text-accent text-[18px]"
+        })
       })
     })
   }));
 });
 RNCheckbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
 
-var _excluded$7 = ["className", "placeholderClassName"];
-var RNTextInput = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    placeholderClassName = _ref.placeholderClassName,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
-  var editable = !props.disabled;
-  var readonly = props.readOnly ? true : undefined;
-  return jsxRuntime.jsx(reactNative.TextInput, _extends({
-    ref: ref
-  }, props, {
-    className: cn("web:flex h-10 native:h-[54px] web:w-full rounded-md border bg-background px-3 web:py-2 text-base lg:text-sm native:text-lg native:leading-[1.25] text-foreground placeholder:text-muted-foreground web:ring-offset-background file:border-0 file:bg-transparent file:font-medium web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", !editable && "opacity-50 web:cursor-not-allowed", className),
-    placeholderClassName: cn("text-muted-foreground", placeholderClassName),
-    editable: editable,
-    readOnly: readonly
-  }));
-});
+var _excluded$8 = ["renderOptions", "control", "readonly"],
+  _excluded2$5 = ["className", "placeholderClassName"];
+function createRNTextInputRenderer(inputClass, inputTextClass) {
+  return schemas.createDataRenderer(function (p) {
+    var renderOptions = p.renderOptions,
+      control = p.control,
+      readonly = p.readonly,
+      rest = _objectWithoutPropertiesLoose(p, _excluded$8);
+    var _formControlProps = core.formControlProps(control),
+      disabled = _formControlProps.disabled;
+    var placeholder = renderOptions.placeholder,
+      multiline = renderOptions.multiline,
+      keyboardType = renderOptions.keyboardType,
+      autoComplete = renderOptions.autoComplete;
+    return jsxRuntime.jsx(RNTextInput, _extends({}, rest, {
+      className: cn(schemas.rendererClass(p.className, inputClass), schemas.rendererClass(p.textClass, inputTextClass)),
+      disabled: disabled,
+      readOnly: readonly,
+      placeholder: placeholder,
+      defaultValue: control.value,
+      onChangeText: function onChangeText(v) {
+        return control.value = v;
+      },
+      multiline: multiline,
+      keyboardType: keyboardType,
+      autoComplete: autoComplete
+    }));
+  }, {
+    renderType: schemas.DataRenderType.Textfield
+  });
+}
+function RNTextInput(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var className = _ref.className,
+      placeholderClassName = _ref.placeholderClassName,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded2$5);
+    var editable = !props.disabled;
+    var readonly = props.readOnly ? true : undefined;
+    return jsxRuntime.jsx(reactNative.TextInput, _extends({}, props, {
+      className: cn("native:min-h-[54px] rounded-md border bg-background px-3 native:py-[6px] text-base lg:text-sm native:text-lg native:leading-[1.25] text-foreground placeholder:text-muted-foreground file:border-0 file:bg-transparent file:font-medium", !editable && "opacity-50", className),
+      placeholderClassName: cn("text-muted-foreground", placeholderClassName),
+      editable: editable,
+      readOnly: readonly
+    }));
+  } finally {
+    _effect();
+  }
+}
 RNTextInput.displayName = "RNInput";
 
-var _excluded$6 = ["className", "checked", "onChange"];
-var RNRadioItem = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    checked = _ref.checked,
-    onChange = _ref.onChange,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-  return jsxRuntime.jsx(reactNative.Pressable, _extends({
-    ref: ref,
-    onPress: onChange,
-    className: cn("aspect-square h-4 w-4 native:h-5 native:w-5 rounded-full justify-center items-center border border-primary text-primary web:ring-offset-background web:focus:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", props.disabled && "web:cursor-not-allowed opacity-50", className)
-  }, props, {
-    children: jsxRuntime.jsx(reactNative.View, {
-      className: "flex items-center justify-center",
-      children: checked && jsxRuntime.jsx(reactNative.View, {
-        className: "aspect-square h-[9px] w-[9px] native:h-[10] native:w-[10] bg-primary rounded-full"
-      })
-    })
-  }));
-});
-RNRadioItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
-
-var _excluded$5 = ["control", "mode", "locale", "is24Hour", "className"];
+var _excluded$7 = ["control", "mode", "locale", "is24Hour", "className"];
 function createRNDateTimePickerRenderer(options) {
   if (options === void 0) {
     options = {};
@@ -200,7 +482,7 @@ function RNDateTimePicker(_ref) {
       try {
         switch (mode) {
           case "date":
-            return date.parseDate(dateString).toDate(date.getLocalTimeZone());
+            return date.parseDate(dateString).toDate("UTC");
           case "datetime":
             return date.parseAbsolute(dateString, date.getLocalTimeZone()).toDate();
           case "time":
@@ -220,7 +502,7 @@ function RNDateTimePicker(_ref) {
               day: "2-digit",
               month: "2-digit",
               year: "numeric",
-              timeZone: date.getLocalTimeZone()
+              timeZone: "UTC"
             };
             break;
           case "datetime":
@@ -256,7 +538,7 @@ function RNDateTimePicker(_ref) {
       _ref$is24Hour = _ref.is24Hour,
       is24Hour = _ref$is24Hour === void 0 ? true : _ref$is24Hour,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
     var disabled = control.disabled;
     var maximumDate = props.maximumDate,
       minimumDate = props.minimumDate;
@@ -340,18 +622,55 @@ function RNHtmlRenderer(_ref) {
   }
 }
 
-var _excluded$4 = ["state", "options", "className", "convert", "required", "emptyText", "requiredText", "portalHost"],
-  _excluded2$2 = ["className", "children"],
+var _excluded$6 = ["className", "checked", "onChange"];
+var RNRadioItem = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    checked = _ref.checked,
+    onChange = _ref.onChange,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+  return jsxRuntime.jsx(reactNative.Pressable, _extends({
+    ref: ref,
+    onPress: onChange,
+    className: cn("aspect-square h-4 w-4 native:h-5 native:w-5 rounded-full justify-center items-center border border-primary text-primary web:ring-offset-background web:focus:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", props.disabled && "web:cursor-not-allowed opacity-50", className)
+  }, props, {
+    children: jsxRuntime.jsx(reactNative.View, {
+      className: "flex items-center justify-center",
+      children: checked && jsxRuntime.jsx(reactNative.View, {
+        className: "aspect-square h-[9px] w-[9px] native:h-[10] native:w-[10] bg-primary rounded-full"
+      })
+    })
+  }));
+});
+RNRadioItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
+
+// Utility function to create select conversion based on field type
+function createSelectConversion(ft) {
+  switch (ft) {
+    case schemas.FieldType.String:
+    case schemas.FieldType.Int:
+    case schemas.FieldType.Double:
+      return function (a) {
+        return a;
+      };
+    default:
+      return function (a) {
+        var _a$toString;
+        return (_a$toString = a == null ? void 0 : a.toString()) != null ? _a$toString : "";
+      };
+  }
+}
+
+var _excluded$5 = ["state", "options", "className", "convert", "required", "emptyText", "requiredText", "portalHost", "readonly"],
+  _excluded2$4 = ["ref", "className", "children"],
   _excluded3$2 = ["className", "children", "position", "portalHost"],
   _excluded4$2 = ["className"],
-  _excluded5 = ["className", "children"],
-  _excluded6 = ["className"];
+  _excluded5 = ["className", "children"];
 function createRNSelectRenderer(options) {
   if (options === void 0) {
     options = {};
   }
   return schemas.createDataRenderer(function (props, asArray) {
-    var _props$options;
+    var _props$options, _renderOptions$requir;
     var renderOptions = props.definition.renderOptions;
     return jsxRuntime.jsx(RNSelectRenderer, {
       className: schemas.rendererClass(props.className, options.className),
@@ -361,8 +680,8 @@ function createRNSelectRenderer(options) {
       options: (_props$options = props.options) != null ? _props$options : [],
       required: props.required,
       emptyText: options.emptyText,
-      requiredText: options.requiredText,
-      convert: schemasHtml.createSelectConversion(props.field.type),
+      requiredText: (_renderOptions$requir = renderOptions.requiredText) != null ? _renderOptions$requir : options.requiredText,
+      convert: createSelectConversion(props.field.type),
       portalHost: renderOptions.portalHost
     });
   }, {
@@ -378,8 +697,7 @@ function RNSelectRenderer(_ref) {
       return jsxRuntime.jsx(SelectItem, {
         value: convert(x.value).toString(),
         label: x.name,
-        disabled: !!x.disabled,
-        children: x.name
+        disabled: !!x.disabled
       }, i);
     };
     var state = _ref.state,
@@ -392,7 +710,8 @@ function RNSelectRenderer(_ref) {
       _ref$requiredText = _ref.requiredText,
       requiredText = _ref$requiredText === void 0 ? "Please select" : _ref$requiredText,
       portalHost = _ref.portalHost,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+      readonly = _ref.readonly,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
     var insets = reactNativeSafeAreaContext.useSafeAreaInsets();
     var contentInsets = {
       top: insets.top,
@@ -405,6 +724,7 @@ function RNSelectRenderer(_ref) {
     };
     var value = state.value,
       disabled = state.disabled;
+    // const showEmpty = useControl(!required || value == null);
     var optionStringMap = React.useMemo(function () {
       return Object.fromEntries(options.map(function (x) {
         return [convert(x.value), x.value];
@@ -427,9 +747,11 @@ function RNSelectRenderer(_ref) {
         };
       }).at(0);
     });
+    var selectContentWidth = core.useControl(100); // Min width 100 px
+    var selectContentWidthValue = selectContentWidth.value;
     return jsxRuntime.jsxs(Select, _extends({}, props, {
-      disabled: disabled,
-      "aria-disabled": disabled,
+      disabled: disabled || readonly,
+      "aria-disabled": disabled || readonly,
       defaultValue: {
         value: value,
         label: required ? requiredText : emptyText
@@ -439,14 +761,23 @@ function RNSelectRenderer(_ref) {
         state.value = optionStringMap[o.value];
       },
       value: selectedOption.value,
+      className: "flex-1",
       children: [jsxRuntime.jsx(SelectTrigger, {
         className: "bg-white",
+        onLayout: function onLayout(e) {
+          selectContentWidth.value = e.nativeEvent.layout.width;
+        },
+        disabled: disabled || readonly,
+        "aria-disabled": disabled || readonly,
         children: jsxRuntime.jsx(SelectValue, {
           placeholder: required ? requiredText : emptyText
         })
       }), jsxRuntime.jsx(SelectContent, {
         insets: contentInsets,
-        className: "bg-white w-[250px]",
+        className: "bg-white",
+        style: {
+          width: selectContentWidthValue
+        },
         portalHost: reactNative.Platform.select({
           ios: portalHost
         }),
@@ -473,23 +804,30 @@ function RNSelectRenderer(_ref) {
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = /*#__PURE__*/React__namespace.forwardRef(function (_ref2, ref) {
-  var className = _ref2.className,
-    children = _ref2.children,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded2$2);
-  return jsxRuntime.jsxs(SelectPrimitive__namespace.Trigger, _extends({
-    ref: ref,
-    className: cn("flex flex-row h-10 native:h-12 items-center text-sm justify-between border border-[#E7E7E8] bg-background px-3 py-2 web:ring-offset-background text-muted-foreground web:focus:outline-none web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2 [&>span]:line-clamp-1", props.disabled && "web:cursor-not-allowed opacity-50", className)
-  }, props, {
-    children: [jsxRuntime.jsx(reactNative.Pressable, {
-      children: children
-    }), jsxRuntime.jsx(Icon, {
-      name: "chevron-down",
-      className: "!text-[12px] text-foreground text-accent"
-    })]
-  }));
-});
-SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
+function SelectTrigger(_ref2) {
+  var _effect2 = core.useComponentTracking();
+  try {
+    var ref = _ref2.ref,
+      className = _ref2.className,
+      children = _ref2.children,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$4);
+    return jsxRuntime.jsxs(SelectPrimitive__namespace.Trigger, _extends({
+      ref: ref,
+      className: cn("flex flex-row min-h-10 native:min-h-12 items-center text-sm justify-between border border-[#E7E7E8] bg-background px-3 py-2 [&>span]:line-clamp-1 min-w-[128px]", props.disabled && "opacity-50", className)
+    }, props, {
+      children: [jsxRuntime.jsx(reactNative.Pressable, {
+        pointerEvents: "none",
+        className: "flex-1",
+        children: children
+      }), jsxRuntime.jsx(Icon, {
+        name: "chevron-down",
+        className: "!text-[12px] text-accent"
+      })]
+    }));
+  } finally {
+    _effect2();
+  }
+}
 var SelectContent = /*#__PURE__*/React__namespace.forwardRef(function (_ref3, ref) {
   var className = _ref3.className,
     children = _ref3.children,
@@ -536,7 +874,7 @@ var SelectItem = /*#__PURE__*/React__namespace.forwardRef(function (_ref5, ref)
     props = _objectWithoutPropertiesLoose(_ref5, _excluded5);
   return jsxRuntime.jsxs(SelectPrimitive__namespace.Item, _extends({
     ref: ref,
-    className: cn("relative web:group flex flex-row w-full web:cursor-default web:select-none items-center rounded-sm py-1.5 native:py-2 pl-8 native:pl-10 pr-2 web:hover:bg-accent/50 active:bg-accent web:outline-none web:focus:bg-accent", props.disabled && "web:pointer-events-none opacity-50", className)
+    className: cn("relative web:group flex flex-row w-full web:cursor-default web:select-none items-center rounded-sm py-1.5 native:py-2 pl-8 native:pl-10 pr-2 web:hover:bg-[#DDD]/50 active:bg-[#DDD] web:outline-none web:focus:bg-[#DDD]", props.disabled && "web:pointer-events-none opacity-50", className)
   }, props, {
     children: [jsxRuntime.jsx(reactNative.View, {
       className: "absolute left-2 native:left-3.5 flex h-3.5 native:pt-px w-3.5 items-center justify-center",
@@ -552,79 +890,1823 @@ var SelectItem = /*#__PURE__*/React__namespace.forwardRef(function (_ref5, ref)
   }));
 });
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = /*#__PURE__*/React__namespace.forwardRef(function (_ref6, ref) {
-  var className = _ref6.className,
-    props = _objectWithoutPropertiesLoose(_ref6, _excluded6);
-  return jsxRuntime.jsx(SelectPrimitive__namespace.Separator, _extends({
+
+var _excluded$4 = ["className"],
+  _excluded2$3 = ["className", "children"],
+  _excluded3$1 = ["className", "children", "portalHost", "closeOnOutsidePress"],
+  _excluded4$1 = ["className"];
+var Dialog = DialogPrimitive__namespace.Root;
+var DialogTrigger = DialogPrimitive__namespace.Trigger;
+var DialogPortal = DialogPrimitive__namespace.Portal;
+var DialogClose = DialogPrimitive__namespace.Close;
+function DialogOverlayWeb(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var className = _ref.className,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    var _DialogPrimitive$useR = DialogPrimitive__namespace.useRootContext(),
+      open = _DialogPrimitive$useR.open;
+    return jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, _extends({
+      className: cn("bg-black/80 flex justify-center items-center p-2 absolute top-0 right-0 bottom-0 left-0", open ? "web:animate-in web:fade-in-0" : "web:animate-out web:fade-out-0", className)
+    }, props));
+  } finally {
+    _effect();
+  }
+}
+DialogOverlayWeb.displayName = "DialogOverlayWeb";
+function DialogOverlayNative(_ref2) {
+  var _effect2 = core.useComponentTracking();
+  try {
+    var className = _ref2.className,
+      children = _ref2.children,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$3);
+    return jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, _extends({
+      style: reactNative.StyleSheet.absoluteFill,
+      className: cn("flex bg-black/80 justify-center items-center p-2", className)
+    }, props, {
+      children: jsxRuntime.jsx(Animated__default["default"].View, {
+        children: children
+      })
+    }));
+  } finally {
+    _effect2();
+  }
+}
+DialogOverlayNative.displayName = "DialogOverlayNative";
+var DialogOverlay = reactNative.Platform.select({
+  web: DialogOverlayWeb,
+  "default": DialogOverlayNative
+});
+var DialogContent = /*#__PURE__*/React__namespace.forwardRef(function (_ref3, ref) {
+  var className = _ref3.className,
+    children = _ref3.children,
+    portalHost = _ref3.portalHost,
+    closeOnOutsidePress = _ref3.closeOnOutsidePress,
+    props = _objectWithoutPropertiesLoose(_ref3, _excluded3$1);
+  var _DialogPrimitive$useR2 = DialogPrimitive__namespace.useRootContext(),
+    open = _DialogPrimitive$useR2.open;
+  return jsxRuntime.jsx(DialogPortal, {
+    hostName: portalHost,
+    children: jsxRuntime.jsx(DialogOverlay, {
+      closeOnPress: closeOnOutsidePress,
+      children: jsxRuntime.jsx(DialogPrimitive__namespace.Content, _extends({
+        ref: ref,
+        className: cn("max-w-lg gap-4 border border-[#E7E7E8] web:cursor-default bg-white p-6 shadow-lg web:duration-200 rounded-lg", open ? "web:animate-in web:fade-in-0 web:zoom-in-95" : "web:animate-out web:fade-out-0 web:zoom-out-95", className)
+      }, props, {
+        children: children
+      }))
+    })
+  });
+});
+DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
+var DialogTitle = /*#__PURE__*/React__namespace.forwardRef(function (_ref4, ref) {
+  var className = _ref4.className,
+    props = _objectWithoutPropertiesLoose(_ref4, _excluded4$1);
+  return jsxRuntime.jsx(DialogPrimitive__namespace.Title, _extends({
     ref: ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className)
+    className: cn(className)
   }, props));
 });
-SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
+DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+/**
+ * If the content is <ScrollView>, the first child of the ScrollView should be a View with a prop of onStartShouldSetResponder={() => true}
+ */
+function RNDialog(_ref5) {
+  var _effect3 = core.useComponentTracking();
+  try {
+    var title = _ref5.title,
+      trigger = _ref5.trigger,
+      content = _ref5.content,
+      footer = _ref5.footer,
+      open = _ref5.open,
+      _onOpenChange = _ref5.onOpenChange,
+      _ref5$closeOnOutsideP = _ref5.closeOnOutsidePress,
+      closeOnOutsidePress = _ref5$closeOnOutsideP === void 0 ? false : _ref5$closeOnOutsideP,
+      containerClass = _ref5.containerClass,
+      portalHost = _ref5.portalHost;
+    var dialogOpen = open != null ? open : core.useControl(false);
+    var _useWindowDimensions = reactNative.useWindowDimensions(),
+      width = _useWindowDimensions.width;
+    var maxWidth = React.useMemo(function () {
+      return Math.min(width - 32, 1024);
+    }, [width]);
+    return jsxRuntime.jsxs(Dialog, {
+      open: dialogOpen.value,
+      onOpenChange: function onOpenChange(o) {
+        if (_onOpenChange) {
+          _onOpenChange(o);
+        } else {
+          dialogOpen.value = o;
+        }
+      },
+      children: [trigger && jsxRuntime.jsx(DialogTrigger, {
+        asChild: true,
+        children: trigger
+      }), jsxRuntime.jsxs(DialogContent, {
+        closeOnOutsidePress: closeOnOutsidePress,
+        className: cn("min-w-[200px] min-h-[200px] z-10", containerClass),
+        style: {
+          maxWidth: maxWidth
+        },
+        portalHost: reactNative.Platform.select({
+          ios: portalHost
+        }),
+        children: [jsxRuntime.jsxs(reactNative.View, {
+          className: "flex flex-row gap-[10px] justify-between items-start w-full",
+          children: [jsxRuntime.jsx(DialogTitle, {
+            asChild: true,
+            className: "flex-1 flex-shrink title2",
+            children: title
+          }), jsxRuntime.jsx(DialogClose, {
+            className: "rounded-sm",
+            asChild: true,
+            children: jsxRuntime.jsx(reactNative.TouchableOpacity, {
+              children: jsxRuntime.jsx(vectorIcons.FontAwesome6, {
+                name: "xmark-circle",
+                size: 24,
+                color: "#267151"
+              })
+            })
+          })]
+        }), content, footer]
+      })]
+    });
+  } finally {
+    _effect3();
+  }
+}
 
-var _excluded$3 = ["inline", "textClass", "children", "notWrapInText", "androidRippleColor", "nonTextContent", "onClick"],
-  _excluded2$1 = ["className", "html", "children", "textClass", "text", "style", "inline"],
-  _excluded3$1 = ["className", "html", "children", "textClass", "text", "style", "inline"],
-  _excluded4$1 = ["id", "type", "onChangeValue", "onChangeChecked", "checked", "value"];
-var reactNativeHtml = {
-  I: RNIcon,
-  B: RNSpan,
-  Button: RNButton$1,
-  Label: RNLabel,
-  Span: RNSpan,
-  H1: RNSpan,
-  Div: RNDiv,
-  Input: RNInput
-};
-var defaultRnTailwindTheme = schemas.deepMerge({
-  data: {
-    checkOptions: {
-      entryClass: "flex flex-row items-center gap-[8px]"
+function createRNScrollListRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createDataRenderer(function (p, renderer) {
+    return jsxRuntime.jsx(RNScrollListRenderer, {
+      dataProps: p,
+      renderer: renderer,
+      options: options
+    });
+  }, {
+    collection: true,
+    renderType: schemas.DataRenderType.ScrollList
+  });
+}
+function RNScrollListRenderer(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var _renderItem = function _renderItem(item) {
+      var children = renderChild(item);
+      return /*#__PURE__*/React.isValidElement(children) ? children : null;
+    };
+    var _ref$dataProps = _ref.dataProps,
+      formNode = _ref$dataProps.formNode,
+      renderChild = _ref$dataProps.renderChild,
+      dataNode = _ref$dataProps.dataNode,
+      actionOnClick = _ref$dataProps.actionOnClick,
+      renderOptions = _ref$dataProps.renderOptions,
+      dataContext = _ref$dataProps.dataContext,
+      className = _ref$dataProps.className,
+      renderer = _ref.renderer,
+      options = _ref.options;
+    var elements = formNode.children;
+    var itemGap = options.itemGap,
+      contentContainerClassName = options.contentContainerClassName,
+      refreshControlTintColor = options.refreshControlTintColor;
+    var bottomActionId = renderOptions.bottomActionId,
+      refreshActionId = renderOptions.refreshActionId;
+    var loadingControl = schemas.getLoadingControl(dataNode.control);
+    var hasMoreControl = schemas.getHasMoreControl(dataNode.control);
+    var refreshingControl = schemas.getRefreshingControl(dataNode.control);
+    var handleLoadMore = bottomActionId ? actionOnClick == null ? void 0 : actionOnClick(bottomActionId, undefined, dataContext) : undefined;
+    var handleRefresh = refreshActionId ? actionOnClick == null ? void 0 : actionOnClick(refreshActionId, undefined, dataContext) : undefined;
+    return jsxRuntime.jsx(reactNative.FlatList, {
+      refreshControl: jsxRuntime.jsx(reactNative.RefreshControl, {
+        refreshing: refreshingControl.value,
+        onRefresh: function onRefresh() {
+          if (loadingControl.value) return;
+          handleRefresh == null || handleRefresh(schemas.NoOpControlActionContext);
+        },
+        colors: refreshControlTintColor ? [refreshControlTintColor] : undefined,
+        tintColor: refreshControlTintColor
+      }),
+      renderItem: function renderItem(_ref2) {
+        var item = _ref2.item;
+        return _renderItem(item);
+      },
+      data: elements,
+      style: {
+        flex: 1
+      },
+      contentContainerClassName: contentContainerClassName,
+      ItemSeparatorComponent: function ItemSeparatorComponent() {
+        return !!itemGap && jsxRuntime.jsx(reactNative.View, {
+          style: {
+            height: itemGap
+          }
+        });
+      },
+      showsVerticalScrollIndicator: false,
+      onEndReachedThreshold: 0.4,
+      onEndReached: function onEndReached() {
+        if (!hasMoreControl.value || loadingControl.value) return;
+        handleLoadMore == null || handleLoadMore(schemas.NoOpControlActionContext);
+      },
+      keyExtractor: function keyExtractor(item) {
+        return item.uniqueId;
+      },
+      ListEmptyComponent: jsxRuntime.jsx(reactNative.View, {
+        className: "h-full items-center justify-center",
+        children: loadingControl.value ? jsxRuntime.jsx(reactNative.ActivityIndicator, {
+          size: "large",
+          color: refreshControlTintColor
+        }) : jsxRuntime.jsx(reactNative.Text, {
+          className: "headline",
+          children: "No results found"
+        })
+      }),
+      ListFooterComponent: elements.length > 0 ? jsxRuntime.jsx(reactNative.View, {
+        className: "flex flex-row items-center justify-center py-[16px]",
+        children: hasMoreControl.value ? loadingControl.value && jsxRuntime.jsx(reactNative.ActivityIndicator, {
+          size: "large"
+        }) : jsxRuntime.jsx(reactNative.Text, {
+          className: "subhead",
+          children: "You\u2019ve reached the end of the list."
+        })
+      }) : undefined
+    });
+  } finally {
+    _effect();
+  }
+}
+
+function createDefaultDisplayRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    render: function render(props, renderer) {
+      return jsxRuntime.jsx(DefaultDisplay, {
+        options: options,
+        displayProps: props,
+        renderer: renderer
+      });
+    },
+    type: "display"
+  };
+}
+function DefaultDisplay(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var _iconDisplay$icon, _iconDisplay$icon2;
+    var renderer = _ref.renderer,
+      options = _ref.options,
+      displayProps = _ref.displayProps;
+    var data = displayProps.data,
+      display = displayProps.display,
+      className = displayProps.className,
+      textClass = displayProps.textClass,
+      style = displayProps.style;
+    var _renderer$html = renderer.html,
+      I = _renderer$html.I,
+      Div = _renderer$html.Div,
+      B = _renderer$html.B,
+      H1 = _renderer$html.H1,
+      Span = _renderer$html.Span;
+    switch (data.type) {
+      case schemas.DisplayDataType.Icon:
+        var iconDisplay = data;
+        return jsxRuntime.jsx(I, {
+          style: style,
+          className: clsx__default["default"](schemas.getOverrideClass(className), display ? display.value : iconDisplay.iconClass),
+          iconName: display ? display.value : (_iconDisplay$icon = iconDisplay.icon) == null ? void 0 : _iconDisplay$icon.name,
+          iconLibrary: (_iconDisplay$icon2 = iconDisplay.icon) == null ? void 0 : _iconDisplay$icon2.library
+        });
+      case schemas.DisplayDataType.Text:
+        var text = display ? schemas.coerceToString(display.value) : data.text;
+        return jsxRuntime.jsx(Div, {
+          style: style,
+          className: schemas.rendererClass(className, options.textClassName),
+          textClass: schemas.rendererClass(textClass, options.textTextClass),
+          text: text,
+          inline: displayProps.inline
+        });
+      case schemas.DisplayDataType.Html:
+        return jsxRuntime.jsx(Div, {
+          style: style,
+          className: schemas.rendererClass(className, options.htmlClassName),
+          inline: displayProps.inline,
+          html: display ? schemas.coerceToString(display.value) : data.html
+        });
+      case schemas.DisplayDataType.Custom:
+        return jsxRuntime.jsx(Div, {
+          children: jsxRuntime.jsxs(B, {
+            children: ["(", data.customId, ")"]
+          })
+        });
+      default:
+        return jsxRuntime.jsxs(H1, {
+          children: ["Unknown display type: ", data.type]
+        });
+    }
+  } finally {
+    _effect();
+  }
+}
+
+function createDefaultLayoutRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createLayoutRenderer(function (props, renderers) {
+    var layout = schemas.renderLayoutParts(props, renderers);
+    return {
+      children: layout.wrapLayout(jsxRuntime.jsx(DefaultLayout, _extends({
+        layout: layout
+      }, options, {
+        renderer: renderers
+      }))),
+      inline: layout.inline,
+      className: schemas.rendererClass(layout.className, options.className),
+      style: layout.style,
+      divRef: function divRef(e) {
+        return e && props.errorControl ? props.errorControl.meta.scrollElement = e : undefined;
+      }
+    };
+  });
+}
+function DefaultLayout(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var errorClass = _ref.errorClass,
+      _ref$renderer$html = _ref.renderer.html,
+      Div = _ref$renderer$html.Div,
+      Span = _ref$renderer$html.Span,
+      _ref$renderError = _ref.renderError,
+      renderError = _ref$renderError === void 0 ? function (e, errorId) {
+        return e && jsxRuntime.jsx(Div, {
+          children: jsxRuntime.jsx(Span, {
+            id: errorId,
+            className: errorClass,
+            children: e
+          })
+        });
+      } : _ref$renderError,
+      _ref$layout = _ref.layout,
+      controlEnd = _ref$layout.controlEnd,
+      controlStart = _ref$layout.controlStart,
+      label = _ref$layout.label,
+      children = _ref$layout.children,
+      errorControl = _ref$layout.errorControl,
+      errorId = _ref$layout.errorId;
+    var ec = errorControl;
+    var errorText = ec && ec.touched ? ec.error : undefined;
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [label, controlStart, children, renderError(errorText, errorId), controlEnd]
+    });
+  } finally {
+    _effect();
+  }
+}
+
+function createDefaultVisibilityRenderer() {
+  return schemas.createVisibilityRenderer(function (props, renderer) {
+    return jsxRuntime.jsx(DefaultVisibility, _extends({}, props, {
+      renderer: renderer
+    }));
+  });
+}
+function DefaultVisibility(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var visibility = _ref.visibility,
+      children = _ref.children,
+      className = _ref.className,
+      style = _ref.style,
+      divRef = _ref.divRef,
+      renderer = _ref.renderer,
+      inline = _ref.inline;
+    var v = visibility.value;
+    React.useEffect(function () {
+      if (v) {
+        visibility.setValue(function (ex) {
+          return {
+            visible: v.visible,
+            showing: v.visible
+          };
+        });
+      }
+    }, [v == null ? void 0 : v.visible]);
+    var Div = renderer.html.Div;
+    if (inline) return v != null && v.visible ? children : undefined;
+    return v != null && v.visible ? jsxRuntime.jsx(Div, {
+      className: className,
+      style: style,
+      nativeRef: divRef,
+      children: children
+    }) : jsxRuntime.jsx(jsxRuntime.Fragment, {});
+  } finally {
+    _effect();
+  }
+}
+
+function RNCheckButtons(props) {
+  var _effect = core.useComponentTracking();
+  try {
+    var control = props.control,
+      options = props.options,
+      readonly = props.readonly,
+      className = props.className,
+      id = props.id,
+      type = props.type,
+      isChecked = props.isChecked,
+      setChecked = props.setChecked,
+      entryAdornment = props.entryAdornment,
+      classes = props.classes,
+      _props$controlClasses = props.controlClasses,
+      controlClasses = _props$controlClasses === void 0 ? {} : _props$controlClasses,
+      renderer = props.renderer;
+    var _renderer$html = renderer.html,
+      Button = _renderer$html.Button,
+      Input = _renderer$html.Input,
+      Label = _renderer$html.Label,
+      Div = _renderer$html.Div;
+    var disabled = control.disabled;
+    var name = "r" + control.uniqueId;
+    return jsxRuntime.jsx(Div, {
+      className: className,
+      id: id,
+      children: jsxRuntime.jsx(core.RenderArrayElements, {
+        array: options == null ? void 0 : options.filter(function (x) {
+          return x.value != null;
+        }),
+        children: function children(o, i) {
+          var checked = core.useComputed(function () {
+            return isChecked(control, o);
+          }).value;
+          var selOrUnsel = checked ? schemas.rendererClass(controlClasses == null ? void 0 : controlClasses.selectedClass, classes.selectedClass) : schemas.rendererClass(controlClasses == null ? void 0 : controlClasses.notSelectedClass, classes.notSelectedClass);
+          return jsxRuntime.jsxs(Button, {
+            className: clsx.clsx(schemas.rendererClass(controlClasses == null ? void 0 : controlClasses.entryWrapperClass, classes.entryWrapperClass), selOrUnsel),
+            onClick: function onClick() {
+              return !(readonly || disabled) && setChecked(control, o, !checked);
+            },
+            notWrapInText: true,
+            children: [jsxRuntime.jsxs(Div, {
+              className: classes.entryClass,
+              children: [jsxRuntime.jsx(Input, {
+                id: name + "_" + i,
+                className: classes.checkClass,
+                type: type,
+                name: name,
+                readOnly: readonly,
+                disabled: disabled,
+                checked: checked,
+                onChangeChecked: function onChangeChecked(x) {
+                  !readonly && setChecked(control, o, x);
+                }
+              }), jsxRuntime.jsx(Label, {
+                className: classes.labelClass,
+                textClass: classes.labelClass,
+                htmlFor: name + "_" + i,
+                children: o.name
+              })]
+            }), entryAdornment == null ? void 0 : entryAdornment(o, i, checked)]
+          });
+        }
+      })
+    });
+  } finally {
+    _effect();
+  }
+}
+
+function DefaultDisplayOnly(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var _ref2;
+    var dataNode = _ref.dataNode,
+      className = _ref.className,
+      emptyText = _ref.emptyText,
+      schemaInterface = _ref.schemaInterface,
+      style = _ref.style,
+      renderer = _ref.renderer,
+      textClass = _ref.textClass,
+      inline = _ref.inline,
+      state = _ref.state;
+    var display = state.resolved.display;
+    var text = display != null ? display : (_ref2 = schemaInterface.isEmptyValue(dataNode.schema.field, dataNode.control.value) ? emptyText : schemaInterface.textValueForData(dataNode)) != null ? _ref2 : "";
+    var Div = renderer.html.Div;
+    return jsxRuntime.jsx(Div, {
+      style: style,
+      className: className,
+      textClass: textClass,
+      text: text,
+      inline: inline
+    });
+  } finally {
+    _effect();
+  }
+}
+
+var _excluded$3 = ["control", "convert", "renderer", "errorId"],
+  _excluded2$2 = ["errorText", "value", "onChange", "ref"];
+function ControlInput(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var toText = function toText(value) {
+      return value == null ? "" : convert[2](value);
+    };
+    var control = _ref.control,
+      convert = _ref.convert,
+      renderer = _ref.renderer,
+      errorId = _ref.errorId,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    var _formControlProps = core.formControlProps(control),
+      errorText = _formControlProps.errorText,
+      value = _formControlProps.value,
+      onChange = _formControlProps.onChange,
+      ref = _formControlProps.ref,
+      inputProps = _objectWithoutPropertiesLoose(_formControlProps, _excluded2$2);
+    var textValue = core.useControl(function () {
+      return toText(value);
+    });
+    core.useControlEffect(function () {
+      return control.value;
+    }, function (v) {
+      return textValue.value = toText(v);
+    });
+    var Input = renderer.html.Input;
+    return jsxRuntime.jsx(Input, _extends({}, inputProps, {
+      inputRef: ref,
+      type: convert[0],
+      value: textValue.value,
+      "aria-describedby": !!errorText ? errorId : undefined,
+      "aria-invalid": !!errorText || undefined,
+      onChangeValue: function onChangeValue(e) {
+        textValue.value = e;
+        var converted = convert[1](e);
+        if (converted !== undefined) control.value = converted;
+      }
+    }, props));
+  } finally {
+    _effect();
+  }
+}
+function createInputConversion(ft) {
+  switch (ft) {
+    case schemas.FieldType.String:
+      return ["text", function (a) {
+        return a;
+      }, function (a) {
+        return a;
+      }];
+    case schemas.FieldType.Bool:
+      return ["text", function (a) {
+        return a === "true" ? true : a === "false" ? false : undefined;
+      }, function (a) {
+        var _a$toString;
+        return (_a$toString = a == null ? void 0 : a.toString()) != null ? _a$toString : "";
+      }];
+    case schemas.FieldType.Int:
+      return ["number", function (a) {
+        return a !== "" ? parseInt(a) : null;
+      }, function (a) {
+        return a == null ? "" : a;
+      }];
+    case schemas.FieldType.DateTime:
+      return ["datetime-local", function (a) {
+        return !a ? null : a;
+      }, function (a) {
+        return a;
+      }];
+    case schemas.FieldType.Date:
+      return ["date", function (a) {
+        return !a ? null : a;
+      }, function (a) {
+        return a;
+      }];
+    case schemas.FieldType.Time:
+      return ["time", function (a) {
+        var l = a.length;
+        if (l === 5) return a + ":00";
+        if (l === 8) return a;
+        return undefined;
+      }, function (a) {
+        return a ? a.substring(0, 5) : "";
+      }];
+    case schemas.FieldType.Double:
+      return ["number", function (a) {
+        return a !== "" ? parseFloat(a) : null;
+      }, function (a) {
+        return a == null ? "" : a;
+      }];
+    default:
+      return ["text", function (a) {
+        return a;
+      }, function (a) {
+        return a;
+      }];
+  }
+}
+
+function createDefaultArrayDataRenderer(defaultActions) {
+  return schemas.createDataRenderer(function (props, renderers) {
+    return jsxRuntime.jsx(DataArrayRenderer, {
+      dataProps: props,
+      renderers: renderers,
+      defaultActions: defaultActions
+    });
+  }, {
+    renderType: schemas.DataRenderType.Array,
+    collection: true
+  });
+}
+/**
+ * @trackControls
+ */
+function DataArrayRenderer(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var dataProps = _ref.dataProps,
+      renderers = _ref.renderers,
+      defaultActions = _ref.defaultActions;
+    var renderOptions = dataProps.renderOptions,
+      control = dataProps.control,
+      field = dataProps.field,
+      readonly = dataProps.readonly,
+      designMode = dataProps.designMode,
+      required = dataProps.required,
+      renderChild = dataProps.renderChild,
+      definition = dataProps.definition,
+      className = dataProps.className,
+      style = dataProps.style,
+      dataContext = dataProps.dataContext,
+      formNode = dataProps.formNode;
+    var _mergeObjects = schemas.mergeObjects(schemas.isArrayRenderer(renderOptions) ? renderOptions : {}, defaultActions),
+      addText = _mergeObjects.addText,
+      noAdd = _mergeObjects.noAdd,
+      noRemove = _mergeObjects.noRemove,
+      noReorder = _mergeObjects.noReorder,
+      removeText = _mergeObjects.removeText,
+      editExternal = _mergeObjects.editExternal,
+      childOverrideClass = _mergeObjects.childOverrideClass;
+    var arrayProps = _extends({}, schemas.createArrayActions(control.as(), function () {
+      return formNode.getChildCount();
+    }, field, {
+      addText: addText,
+      removeText: removeText,
+      noAdd: noAdd,
+      noRemove: noRemove,
+      readonly: readonly,
+      disabled: control.disabled,
+      designMode: designMode,
+      editExternal: editExternal
+    }), {
+      childOverrideClass: childOverrideClass,
+      required: required,
+      renderElement: function renderElement(i, wrap) {
+        var n = formNode.getChild(i);
+        return !n || !n.visible ? undefined : wrap(n.childKey, renderChild(n));
+      },
+      className: className ? className : undefined,
+      style: style
+    }, schemas.getLengthRestrictions(definition));
+    return renderers.renderArray(arrayProps);
+  } finally {
+    _effect();
+  }
+}
+function createDefaultArrayRenderer(options) {
+  return {
+    render: function render(props, _ref2) {
+      var renderAction = _ref2.renderAction;
+      return jsxRuntime.jsx(DefaultArrayRenderer, _extends({}, props, options, {
+        renderAction: renderAction
+      }));
+    },
+    type: "array"
+  };
+}
+function DefaultArrayRenderer(props) {
+  var _effect2 = core.useComponentTracking();
+  try {
+    var renderElement = props.renderElement,
+      className = props.className,
+      removableClass = props.removableClass,
+      childClass = props.childClass,
+      removableChildClass = props.removableChildClass,
+      removeActionClass = props.removeActionClass,
+      addActionClass = props.addActionClass,
+      getElementCount = props.getElementCount,
+      renderAction = props.renderAction,
+      style = props.style,
+      editAction = props.editAction,
+      childOverrideClass = props.childOverrideClass;
+    var _applyArrayLengthRest = schemas.applyArrayLengthRestrictions(props),
+      addAction = _applyArrayLengthRest.addAction,
+      removeAction = _applyArrayLengthRest.removeAction;
+    return jsxRuntime.jsxs(reactNative.View, {
+      style: style,
+      children: [jsxRuntime.jsx(reactNative.View, {
+        className: clsx__default["default"](className, removeAction && removableClass),
+        children: Array.from({
+          length: getElementCount()
+        }, function (_, x) {
+          return jsxRuntime.jsx(core.RenderControl, {
+            render: function render() {
+              return renderElement(x, function (key, children) {
+                return removeAction || editAction ? jsxRuntime.jsxs(React.Fragment, {
+                  children: [jsxRuntime.jsx(reactNative.View, {
+                    className: clsx__default["default"](schemas.rendererClass(childOverrideClass, childClass), removableChildClass),
+                    children: children
+                  }), jsxRuntime.jsxs(reactNative.View, {
+                    className: removeActionClass,
+                    children: [editAction && renderAction(editAction(x)), removeAction && renderAction(removeAction(x))]
+                  })]
+                }, key) : jsxRuntime.jsx(reactNative.View, {
+                  className: schemas.rendererClass(childOverrideClass, childClass),
+                  children: children
+                }, key);
+              });
+            }
+          }, x);
+        })
+      }), addAction && jsxRuntime.jsx(reactNative.View, {
+        className: addActionClass,
+        children: renderAction(addAction)
+      })]
+    });
+  } finally {
+    _effect2();
+  }
+}
+
+var _excluded$2 = ["control", "type", "notValue", "renderer"],
+  _excluded2$1 = ["value", "onChange", "errorText", "ref"];
+function createRadioRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createDataRenderer(function (p, renderer) {
+    return jsxRuntime.jsx(renderer.html.CheckButtons, _extends({
+      classes: options,
+      controlClasses: p.renderOptions
+    }, p, {
+      className: schemas.rendererClass(p.className, options.className),
+      isChecked: function isChecked(control, o) {
+        return control.value == o.value;
+      },
+      setChecked: function setChecked(c, o) {
+        c.setTouched(true);
+        c.value = o.value;
+      },
+      control: p.control,
+      type: "radio",
+      entryAdornment: schemas.fieldOptionAdornment(p),
+      renderer: renderer
+    }));
+  }, {
+    renderType: schemas.DataRenderType.Radio
+  });
+}
+function createCheckListRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createDataRenderer(function (p, renderer) {
+    return jsxRuntime.jsx(renderer.html.CheckButtons, _extends({
+      classes: options,
+      controlClasses: p.renderOptions
+    }, p, {
+      className: schemas.rendererClass(p.className, options.className),
+      isChecked: function isChecked(control, o) {
+        var v = control.value;
+        return Array.isArray(v) ? v.includes(o.value) : false;
+      },
+      setChecked: function setChecked(c, o, checked) {
+        c.setTouched(true);
+        c.setValue(function (x) {
+          return schemas.setIncluded(x != null ? x : [], o.value, checked);
+        });
+      },
+      control: p.control,
+      type: "checkbox",
+      entryAdornment: schemas.fieldOptionAdornment(p),
+      renderer: renderer
+    }));
+  }, {
+    collection: true,
+    renderType: schemas.DataRenderType.CheckList
+  });
+}
+function createElementSelectedRenderer(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createDataRenderer(function (props, renderer) {
+    return function (p) {
+      return _extends({}, p, {
+        label: undefined,
+        children: jsxRuntime.jsx(CheckBoxSelected, {
+          p: p,
+          renderer: renderer,
+          options: options,
+          props: props
+        })
+      });
+    };
+  }, {
+    renderType: schemas.DataRenderType.ElementSelected
+  });
+}
+function CheckBoxSelected(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var _p$label;
+    var p = _ref.p,
+      props = _ref.props,
+      renderer = _ref.renderer,
+      options = _ref.options;
+    var Div = renderer.html.Div;
+    var selControl = schemas.useElementSelectedRenderer(props);
+    return jsxRuntime.jsxs(Div, {
+      className: schemas.rendererClass(props.className, options.entryClass),
+      children: [jsxRuntime.jsx(Fcheckbox, {
+        id: props.id,
+        control: selControl,
+        style: props.style,
+        className: options.checkClass,
+        renderer: renderer
+      }), ((_p$label = p.label) == null ? void 0 : _p$label.label) && renderer.renderLabel(p.label, undefined, undefined)]
+    });
+  } finally {
+    _effect();
+  }
+}
+function Fcheckbox(_ref3) {
+  var _effect3 = core.useComponentTracking();
+  try {
+    var control = _ref3.control,
+      _ref3$type = _ref3.type,
+      type = _ref3$type === void 0 ? "checkbox" : _ref3$type,
+      _ref3$notValue = _ref3.notValue,
+      notValue = _ref3$notValue === void 0 ? false : _ref3$notValue,
+      renderer = _ref3.renderer,
+      others = _objectWithoutPropertiesLoose(_ref3, _excluded$2);
+    var Input = renderer.html.Input;
+    var _formControlProps = core.formControlProps(control),
+      value = _formControlProps.value,
+      onChange = _formControlProps.onChange,
+      errorText = _formControlProps.errorText,
+      ref = _formControlProps.ref,
+      theseProps = _objectWithoutPropertiesLoose(_formControlProps, _excluded2$1);
+    return jsxRuntime.jsx(Input, _extends({}, theseProps, {
+      checked: !!value !== notValue,
+      inputRef: function inputRef(r) {
+        return control.element = r;
+      },
+      onChangeChecked: function onChangeChecked(e) {
+        control.touched = true;
+        control.value = e !== notValue;
+      },
+      type: type
+    }, others));
+  } finally {
+    _effect3();
+  }
+}
+
+function DefaultAccordion(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var _dataContext$dataNode;
+    var openCtrl = _ref.openCtrl,
+      children = _ref.children,
+      contentStyle = _ref.contentStyle,
+      className = _ref.className,
+      contentClassName = _ref.contentClassName,
+      designMode = _ref.designMode,
+      renderers = _ref.renderers,
+      dataContext = _ref.dataContext,
+      title = _ref.title,
+      options = _ref.options,
+      defaultExpanded = _ref.defaultExpanded,
+      isGroup = _ref.isGroup,
+      titleTextClass = _ref.titleTextClass;
+    var _ref2 = options != null ? options : {},
+      iconOpen = _ref2.iconOpen,
+      iconClosed = _ref2.iconClosed,
+      togglerClass = _ref2.togglerClass,
+      _ref2$renderTitle = _ref2.renderTitle,
+      renderTitle = _ref2$renderTitle === void 0 ? function (t) {
+        return t;
+      } : _ref2$renderTitle,
+      renderToggler = _ref2.renderToggler,
+      useCss = _ref2.useCss;
+    var panelId = React.useId();
+    var _renderers$html = renderers.html,
+      Button = _renderers$html.Button,
+      I = _renderers$html.I,
+      Div = _renderers$html.Div,
+      Label = _renderers$html.Label;
+    var dataControl = ((_dataContext$dataNode = dataContext.dataNode) != null ? _dataContext$dataNode : dataContext.parentNode).control;
+    var open = core.useControl(!!defaultExpanded, {
+      use: openCtrl
+    });
+    if (dataControl && !dataControl.meta.accordionState) {
+      dataControl.meta.accordionState = open;
+    }
+    var isOpen = open.value;
+    var fullContentStyle = isOpen || designMode ? contentStyle : _extends({}, contentStyle, {
+      display: "none"
+    });
+    var currentIcon = isOpen ? iconOpen : iconClosed;
+    var accordionClassName = schemas.rendererClass(className, options == null ? void 0 : options.className);
+    var accordionTitleTextClass = schemas.rendererClass(titleTextClass, options == null ? void 0 : options.titleTextClass);
+    var accordionTitle = isGroup ? title : jsxRuntime.jsx(Label, {
+      textClass: accordionTitleTextClass,
+      children: title
+    });
+    var toggler = renderToggler ? renderToggler(open, renderTitle(title, open)) : jsxRuntime.jsxs(Button, {
+      className: accordionClassName,
+      notWrapInText: true,
+      onClick: function onClick() {
+        return open.setValue(function (x) {
+          return !x;
+        });
+      },
+      "aria-expanded": isOpen,
+      "aria-controls": panelId,
+      children: [accordionTitle, currentIcon && jsxRuntime.jsx(I, {
+        className: togglerClass,
+        iconLibrary: currentIcon.library,
+        iconName: currentIcon.name
+      })]
+    });
+    // The content class name not currently used since if the content is wrapped in a group, the group will handle the styling
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [toggler, (useCss || isOpen || designMode) && jsxRuntime.jsx(Div, {
+        id: panelId,
+        role: "region",
+        style: fullContentStyle,
+        className: contentClassName,
+        children: children
+      })]
+    });
+  } finally {
+    _effect();
+  }
+}
+function createAccordionGroupRenderer(options) {
+  return schemas.createGroupRenderer(function (p, renderer) {
+    return jsxRuntime.jsx(AccordionGroupRenderer, {
+      groupProps: p,
+      renderer: renderer,
+      options: options
+    });
+  }, {
+    renderType: schemas.GroupRenderType.Accordion
+  });
+}
+function AccordionGroupRenderer(_ref3) {
+  var _effect2 = core.useComponentTracking();
+  try {
+    var groupProps = _ref3.groupProps,
+      renderer = _ref3.renderer,
+      options = _ref3.options;
+    var allChildren = groupProps.formNode.children;
+    var titleChildren = allChildren.filter(function (x) {
+      return x.definition.placement === "title";
+    });
+    var contentChildren = allChildren.filter(function (x) {
+      return x.definition.placement !== "title";
+    });
+    var _groupProps$renderOpt = groupProps.renderOptions,
+      expandStateField = _groupProps$renderOpt.expandStateField,
+      defaultExpanded = _groupProps$renderOpt.defaultExpanded;
+    var expandStateFieldNode = expandStateField ? schemas.schemaDataForFieldRef(expandStateField, groupProps.dataContext.parentNode) : null;
+    var open = expandStateFieldNode == null ? void 0 : expandStateFieldNode.control.as();
+    return jsxRuntime.jsx(DefaultAccordion, {
+      openCtrl: open,
+      isGroup: true,
+      options: options,
+      children: jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: contentChildren.map(function (x) {
+          return groupProps.renderChild(x);
+        })
+      }),
+      title: jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: titleChildren.map(function (x) {
+          return groupProps.renderChild(x);
+        })
+      }),
+      renderers: renderer,
+      className: groupProps.className,
+      dataContext: groupProps.dataContext,
+      designMode: groupProps.designMode,
+      defaultExpanded: defaultExpanded,
+      contentStyle: groupProps.style
+    });
+  } finally {
+    _effect2();
+  }
+}
+
+var _excluded$1 = ["control", "field", "renderOptions"];
+function createNullToggleRenderer() {
+  return schemas.createDataRenderer(function (_ref, renderers) {
+    var control = _ref.control,
+      field = _ref.field,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+    var lastDefined = schemas.getLastDefinedValue(control);
+    if (lastDefined.current.value == null) lastDefined.value = props.definition.defaultValue;
+    var nullControl = schemas.getNullToggler(control);
+    nullControl.disabled = props.readonly;
+    return function (layout) {
+      return renderers.renderData(_extends({}, props, {
+        control: nullControl,
+        field: _extends({}, field, {
+          type: schemas.FieldType.Bool
+        }),
+        renderOptions: {
+          type: schemas.DataRenderType.Checkbox
+        }
+      }))(layout);
+    };
+  });
+}
+
+// ============================================================================
+// ADDITIONAL CONSTANTS
+// ============================================================================
+var DefaultBoolOptions = [{
+  name: "Yes",
+  value: true
+}, {
+  name: "No",
+  value: false
+}];
+
+function createGridRenderer(options) {
+  return schemas.createGroupRenderer(function (props, formRenderer) {
+    return jsxRuntime.jsx(GridRenderer, {
+      groupProps: props,
+      formRenderer: formRenderer,
+      options: options
+    });
+  }, {
+    renderType: schemas.GroupRenderType.Grid
+  });
+}
+function GridRenderer(props) {
+  var _effect = core.useComponentTracking();
+  try {
+    var _props$options, _ref, _gridOptions$columns;
+    var _props$groupProps = props.groupProps,
+      formNode = _props$groupProps.formNode,
+      renderOptions = _props$groupProps.renderOptions,
+      renderChild = _props$groupProps.renderChild,
+      className = _props$groupProps.className;
+    var filteredChildren = formNode.children.filter(function (x, i) {
+      return x.visible;
+    });
+    var Div = props.formRenderer.html.Div;
+    var defaults = (_props$options = props.options) != null ? _props$options : {};
+    var gridOptions = renderOptions;
+    var numColumns = (_ref = (_gridOptions$columns = gridOptions.columns) != null ? _gridOptions$columns : defaults.defaultColumns) != null ? _ref : 2;
+    var allChildren = filteredChildren.map(function (x) {
+      return renderChild(x);
+    });
+    var cellClass = gridOptions.cellClass ? getCellClassNames(gridOptions.cellClass) : getCellClassNames(defaults.cellClass);
+    // split into numColumns items wrapped a div each
+    var rows = [];
+    for (var i = 0; i < allChildren.length; i += numColumns) {
+      rows.push(allChildren.slice(i, i + numColumns));
+    }
+    return jsxRuntime.jsx(Div, {
+      className: schemas.rendererClass(className, defaults.className),
+      children: rows.map(function (row, rowIndex) {
+        return jsxRuntime.jsx(Div, {
+          className: schemas.rendererClass(gridOptions.rowClass, defaults.rowClass),
+          children: row.map(function (cell, cellIndex) {
+            var _cellClass$at;
+            return jsxRuntime.jsx(Div, {
+              className: (_cellClass$at = cellClass == null ? void 0 : cellClass.at(cellIndex)) != null ? _cellClass$at : "flex-1",
+              children: cell
+            }, cellIndex);
+          })
+        }, rowIndex);
+      })
+    });
+  } finally {
+    _effect();
+  }
+}
+function getCellClassNames(cellClass) {
+  return cellClass == null ? void 0 : cellClass.split(",");
+}
+
+var defaultOptions = {
+  classes: {
+    className: undefined,
+    contentClass: "min-h-96 overflow-auto",
+    navContainerClass: "flex justify-between gap-4 my-2"
+  },
+  actions: {
+    nextText: "Next",
+    nextIcon: schemas.fontAwesomeIcon("chevron-right"),
+    nextValidate: true,
+    prevText: "Prev",
+    prevIcon: schemas.fontAwesomeIcon("chevron-left"),
+    prevValidate: false
+  },
+  renderNavigation: defaultNavigationRender
+};
+function defaultNavigationRender(_ref) {
+  var formRenderer = _ref.formRenderer,
+    prev = _ref.prev,
+    next = _ref.next,
+    className = _ref.className;
+  {
+    var Div = formRenderer.html.Div,
+      renderAction = formRenderer.renderAction;
+    return jsxRuntime.jsxs(Div, {
+      className: className,
+      children: [renderAction(prev), renderAction(next)]
+    });
+  }
+}
+function createWizardRenderer(options) {
+  return schemas.createGroupRenderer(function (props, formRenderer) {
+    return jsxRuntime.jsx(WizardRenderer, {
+      groupProps: props,
+      formRenderer: formRenderer,
+      options: options
+    });
+  }, {
+    renderType: schemas.GroupRenderType.Wizard
+  });
+}
+function WizardRenderer(_ref2) {
+  var _effect = core.useComponentTracking();
+  try {
+    var countVisibleUntil = function countVisibleUntil(untilPage) {
+      var count = 0;
+      for (var i = 0; i < untilPage && i < childrenLength; i++) {
+        if (formNode.getChild(i).visible) {
+          count++;
+        }
+      }
+      return count;
+    };
+    var nav = function nav(dir, validate) {
+      if (validate && !_validatePage()) {
+        return;
+      }
+      var next = nextVisibleInDirection(dir);
+      if (next != null) {
+        page.value = next;
+      }
+    };
+    var nextVisibleInDirection = function nextVisibleInDirection(dir) {
+      var next = currentPage + dir;
+      while (next >= 0 && next < childrenLength) {
+        if (formNode.getChild(next).visible) {
+          return next;
+        }
+        next += dir;
+      }
+      return null;
+    };
+    var _validatePage = function _validatePage() {
+      var pageNode = formNode.getChild(currentPage);
+      if (pageNode) {
+        var valid = pageNode.validate();
+        pageNode.setTouched(true);
+        return valid;
+      }
+      return false;
+    };
+    var isPageValid = function isPageValid() {
+      return formNode.getChild(currentPage).valid;
+    };
+    var props = _ref2.groupProps,
+      formRenderer = _ref2.formRenderer,
+      options = _ref2.options;
+    var mergedOptions = schemas.deepMerge(options != null ? options : {}, defaultOptions);
+    var _mergedOptions$classe = mergedOptions.classes,
+      className = _mergedOptions$classe.className,
+      contentClass = _mergedOptions$classe.contentClass,
+      navContainerClass = _mergedOptions$classe.navContainerClass,
+      _mergedOptions$action = mergedOptions.actions,
+      nextText = _mergedOptions$action.nextText,
+      nextIcon = _mergedOptions$action.nextIcon,
+      prevText = _mergedOptions$action.prevText,
+      prevIcon = _mergedOptions$action.prevIcon,
+      nextValidate = _mergedOptions$action.nextValidate,
+      prevValidate = _mergedOptions$action.prevValidate,
+      renderNavigation = mergedOptions.renderNavigation;
+    var formNode = props.formNode,
+      designMode = props.designMode,
+      renderChild = props.renderChild;
+    var Div = formRenderer.html.Div;
+    var childrenLength = formNode.getChildCount();
+    var page = core.useControl(0);
+    var currentPage = page.value;
+    var isValid = core.useComputed(function () {
+      return isPageValid();
+    });
+    var next = schemas.createAction("nav", function () {
+      return nav(1, nextValidate);
+    }, nextText, {
+      hidden: !designMode && nextVisibleInDirection(1) == null,
+      disabled: !isValid.value,
+      icon: nextIcon,
+      iconPlacement: schemas.IconPlacement.AfterText
+    });
+    var prev = schemas.createAction("nav", function () {
+      return nav(-1, prevValidate);
+    }, prevText, {
+      disabled: !designMode && nextVisibleInDirection(-1) == null,
+      icon: prevIcon
+    });
+    var navElement = renderNavigation({
+      formRenderer: formRenderer,
+      page: countVisibleUntil(currentPage),
+      totalPages: countVisibleUntil(childrenLength),
+      prev: prev,
+      next: next,
+      className: navContainerClass,
+      validatePage: function validatePage() {
+        try {
+          return Promise.resolve(_validatePage());
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }
+    });
+    var content = designMode ? jsxRuntime.jsx(Div, {
+      children: formNode.children.map(function (child) {
+        return renderChild(child);
+      })
+    }) : currentPage < childrenLength ? jsxRuntime.jsx(Div, {
+      className: contentClass,
+      children: renderChild(formNode.getChild(currentPage))
+    }) : jsxRuntime.jsx(React.Fragment, {});
+    return jsxRuntime.jsxs(Div, {
+      className: schemas.rendererClass(props.className, className),
+      children: [content, navElement]
+    });
+  } finally {
+    _effect();
+  }
+}
+
+var defaultRNDialogOptions = {
+  classes: {
+    className: "",
+    titleClass: "flex-1 flex-shrink title2",
+    containerClass: "w-full px-[16px]"
+  }
+};
+function createDialogRenderer(options) {
+  return schemas.createGroupRenderer(function (props, renderers) {
+    return jsxRuntime.jsx(DefaultDialogRenderer, {
+      props: props,
+      options: options,
+      renderer: renderers,
+      renderOptions: props.renderOptions
+    });
+  }, {
+    renderType: schemas.GroupRenderType.Dialog
+  });
+}
+function DefaultDialogRenderer(_ref) {
+  var _effect = core.useComponentTracking();
+  try {
+    var props = _ref.props,
+      options = _ref.options,
+      renderOptions = _ref.renderOptions,
+      renderer = _ref.renderer;
+    var _deepMerge = schemas.deepMerge(options, defaultRNDialogOptions),
+      _deepMerge$classes = _deepMerge.classes,
+      containerClass = _deepMerge$classes.containerClass,
+      className = _deepMerge$classes.className,
+      titleClass = _deepMerge$classes.titleClass;
+    var dialogOpen = core.useControl(false);
+    var _useWindowDimensions = reactNative.useWindowDimensions(),
+      width = _useWindowDimensions.width;
+    var maxWidth = React.useMemo(function () {
+      return Math.min(width - 32, 1024);
+    }, [width]);
+    var actionOnClick = function actionOnClick(action) {
+      switch (action) {
+        case "closeDialog":
+          return function () {
+            dialogOpen.value = false;
+          };
+        case "openDialog":
+          return function () {
+            dialogOpen.value = true;
+          };
+      }
+    };
+    var allChildren = props.formNode.children;
+    var triggerChildren = allChildren.filter(function (x) {
+      return x.definition.placement === "trigger";
+    });
+    var title = renderOptions.title,
+      portalHost = renderOptions.portalHost;
+    return jsxRuntime.jsxs(Dialog, {
+      open: dialogOpen.value,
+      onOpenChange: function onOpenChange(o) {
+        dialogOpen.value = o;
+      },
+      children: [triggerChildren.map(function (x) {
+        return props.renderChild(x, {
+          actionOnClick: actionOnClick
+        });
+      }), jsxRuntime.jsxs(DialogContent, {
+        closeOnOutsidePress: false,
+        className: cn("min-w-[200px] min-h-[200px] z-10", containerClass),
+        style: {
+          maxWidth: maxWidth
+        },
+        portalHost: reactNative.Platform.select({
+          ios: portalHost != null && portalHost.trim() ? portalHost : undefined
+        }),
+        children: [jsxRuntime.jsxs(reactNative.View, {
+          className: "flex flex-row gap-[10px] justify-between items-start w-full",
+          children: [jsxRuntime.jsx(DialogTitle, {
+            asChild: true,
+            className: titleClass,
+            children: title
+          }), jsxRuntime.jsx(DialogClose, {
+            className: "rounded-sm",
+            asChild: true,
+            children: jsxRuntime.jsx(reactNative.TouchableOpacity, {
+              children: jsxRuntime.jsx(vectorIcons.FontAwesome6, {
+                name: "xmark-circle",
+                size: 24,
+                color: "#267151"
+              })
+            })
+          })]
+        }), jsxRuntime.jsx(reactNative.ScrollView, {
+          persistentScrollbar: true,
+          children: jsxRuntime.jsx(reactNative.View, {
+            className: "flex flex-col gap-[12px]",
+            onStartShouldSetResponder: function onStartShouldSetResponder() {
+              return true;
+            },
+            children: allChildren.filter(function (x) {
+              return !x.definition.placement || x.definition.placement === "dialog";
+            }).map(function (x, i) {
+              return props.renderChild(x, {
+                actionOnClick: actionOnClick
+              });
+            })
+          })
+        })]
+      })]
+    });
+  } finally {
+    _effect();
+  }
+}
+
+function createDefaultGroupRenderer(options, adornmentOptions) {
+  var _options$accordion;
+  // These renderers work with React Native via the HTML abstraction layer
+  var gridRenderer = createGridRenderer(options == null ? void 0 : options.grid);
+  var wizardRenderer = createWizardRenderer(options == null ? void 0 : options.wizard);
+  // Stub renderers for React Native - these should be replaced with RN implementations
+  var tabsRenderer = {
+    render: function render(props, renderer) {
+      console.error("Tabs renderer not implemented for React Native");
+      return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    }
+  };
+  var dialogRenderer = createDialogRenderer(options == null ? void 0 : options.dialog);
+  var accordionRenderer = createAccordionGroupRenderer((_options$accordion = options == null ? void 0 : options.accordion) != null ? _options$accordion : adornmentOptions == null ? void 0 : adornmentOptions.accordion);
+  var _ref = options != null ? options : {},
+    className = _ref.className,
+    standardClassName = _ref.standardClassName,
+    flexClassName = _ref.flexClassName,
+    inlineClass = _ref.inlineClass,
+    defaultFlexGap = _ref.defaultFlexGap;
+  function flexStyles(options) {
+    // React Native uses flexbox by default, no need for display: "flex"
+    return {
+      className: flexClassName,
+      style: {
+        gap: options.gap ? options.gap : defaultFlexGap,
+        flexDirection: options.direction ? options.direction : undefined
+      }
+    };
+  }
+  function render(props, renderer) {
+    var renderChild = props.renderChild,
+      renderOptions = props.renderOptions,
+      formNode = props.formNode;
+    if (schemas.isTabsRenderer(renderOptions)) return tabsRenderer.render(props, renderer);
+    if (schemas.isGridRenderer(renderOptions)) return gridRenderer.render(props, renderer);
+    if (schemas.isWizardRenderer(renderOptions)) return wizardRenderer.render(props, renderer);
+    if (schemas.isDialogRenderer(renderOptions)) return dialogRenderer.render(props, renderer);
+    if (schemas.isAccordionRenderer(renderOptions)) return accordionRenderer.render(props, renderer);
+    if (schemas.isSelectChildRenderer(renderOptions) && !props.designMode) {
+      return jsxRuntime.jsx(SelectChildGroupRenderer, {
+        props: _extends({}, props, {
+          renderOptions: renderOptions
+        }),
+        renderer: renderer
+      });
+    }
+    var _ref2 = schemas.isFlexRenderer(renderOptions) ? flexStyles(renderOptions) : schemas.isInlineRenderer(renderOptions) ? {
+        className: inlineClass
+      } : {
+        className: standardClassName
+      },
+      style = _ref2.style,
+      gcn = _ref2.className;
+    var Div = renderer.html.Div;
+    var inline = renderOptions.type == schemas.GroupRenderType.Inline;
+    var children = formNode.children.map(function (c, i) {
+      return renderChild(c, {
+        inline: inline
+      });
+    });
+    return jsxRuntime.jsx(Div, {
+      className: schemas.rendererClass(props.className, clsx__default["default"](className, gcn)),
+      textClass: props.textClass,
+      style: style,
+      inline: inline,
+      children: children
+    });
+  }
+  function renderLayout(props, renderer) {
+    if (props.renderOptions.type === schemas.GroupRenderType.Contents) {
+      var formNode = props.formNode,
+        renderChild = props.renderChild;
+      var children = formNode.children.map(function (c) {
+        return renderChild(c);
+      });
+      return function (layout) {
+        return _extends({}, layout, {
+          inline: true,
+          children: children
+        });
+      };
+    }
+    return render(props, renderer);
+  }
+  return {
+    type: "group",
+    render: renderLayout
+  };
+}
+function SelectChildGroupRenderer(_ref3) {
+  var _effect = core.useComponentTracking();
+  try {
+    var props = _ref3.props,
+      renderer = _ref3.renderer;
+    var Div = renderer.html.Div;
+    var runExpression = props.runExpression,
+      renderOptions = props.renderOptions;
+    var ctrl = schemas.useExpression(undefined, runExpression, renderOptions == null ? void 0 : renderOptions.childIndexExpression, function (x) {
+      return typeof x == "string" ? parseInt(x) : x;
+    });
+    var childIndex = ctrl == null ? void 0 : ctrl.value;
+    var childCount = props.formNode.getChildCount();
+    return jsxRuntime.jsx(Div, {
+      children: typeof childIndex === "number" && childIndex < childCount && childIndex >= 0 && props.renderChild(props.formNode.getChild(childIndex))
+    });
+  } finally {
+    _effect();
+  }
+}
+
+function createButtonActionRenderer(actionId, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return schemas.createActionRenderer(actionId, function (props, renderer) {
+    var _props$icon, _ref, _props$iconPlacement, _ref2, _props$iconPlacement2, _options$renderConten;
+    var key = props.key,
+      onClick = props.onClick,
+      actionText = props.actionText,
+      className = props.className,
+      style = props.style,
+      actionId = props.actionId,
+      actionData = props.actionData,
+      disabled = props.disabled,
+      textClass = props.textClass,
+      actionStyle = props.actionStyle,
+      inline = props.inline,
+      actionContent = props.actionContent,
+      busy = props.busy;
+    var busyIcon = props.busy ? options.busyIcon : undefined;
+    var stdIcon = (_props$icon = props.icon) != null && _props$icon.name ? props.icon : options.icon;
+    var icon = busyIcon != null ? busyIcon : stdIcon;
+    var stdIconPlacement = (_ref = (_props$iconPlacement = props.iconPlacement) != null ? _props$iconPlacement : options.iconPlacement) != null ? _ref : schemas.IconPlacement.BeforeText;
+    var busyPlacement = (_ref2 = (_props$iconPlacement2 = props.iconPlacement) != null ? _props$iconPlacement2 : options.busyIconPlacement) != null ? _ref2 : schemas.IconPlacement.ReplaceText;
+    var iconPlacement = busyIcon ? busyPlacement : stdIconPlacement;
+    var _renderer$html = renderer.html,
+      Button = _renderer$html.Button,
+      I = _renderer$html.I,
+      Span = _renderer$html.Span;
+    var isLink = actionStyle == schemas.ActionStyle.Link;
+    var isGroup = actionStyle == schemas.ActionStyle.Group;
+    var classNames = schemas.rendererClass(className, isLink ? options.linkClass : isGroup ? options.groupClass : schemas.rendererClass(options.buttonClass, actionStyle == schemas.ActionStyle.Secondary ? options.secondaryClass : options.primaryClass));
+    var textClassNames = schemas.rendererClass(textClass, isLink ? options.linkTextClass : schemas.rendererClass(options.textClass, actionStyle == schemas.ActionStyle.Secondary ? options.secondaryTextClass : options.primaryTextClass));
+    var iconElement = icon && jsxRuntime.jsx(I, {
+      iconName: icon.name,
+      iconLibrary: icon.library,
+      className: schemas.rendererClass(textClassNames, iconPlacement == schemas.IconPlacement.BeforeText ? options.iconBeforeClass : options.iconAfterClass)
+    });
+    var textElement = actionContent != null ? actionContent : actionText && jsxRuntime.jsx(Span, {
+      className: textClassNames,
+      children: actionText
+    });
+    return jsxRuntime.jsx(Button, {
+      className: classNames,
+      textClass: textClassNames,
+      disabled: disabled,
+      style: style,
+      onClick: onClick,
+      inline: inline,
+      nonTextContent: isGroup,
+      title: iconPlacement == schemas.IconPlacement.ReplaceText ? actionText : undefined,
+      notWrapInText: options.notWrapInText,
+      androidRippleColor: options.androidRippleColor,
+      children: (_options$renderConten = options.renderContent == null ? void 0 : options.renderContent(actionText, actionId, actionData, busy)) != null ? _options$renderConten : jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [iconPlacement == schemas.IconPlacement.BeforeText && iconElement, iconPlacement != schemas.IconPlacement.ReplaceText && textElement, iconPlacement != schemas.IconPlacement.BeforeText && iconElement]
+      })
+    }, key);
+  });
+}
+
+var _excluded = ["inline", "textClass", "children", "notWrapInText", "androidRippleColor", "nonTextContent", "onClick"],
+  _excluded2 = ["className", "html", "children", "textClass", "text", "style", "inline", "role"],
+  _excluded3 = ["className", "html", "children", "textClass", "text", "style", "inline", "role"],
+  _excluded4 = ["id", "type", "onChangeValue", "onChangeChecked", "checked", "value"];
+function createDefaultDataRenderer(options) {
+  var _options$checkboxOpti, _options$checkboxOpti2, _options$radioOptions, _options$checkListOpt;
+  if (options === void 0) {
+    options = {};
+  }
+  var elementSelectedRenderer = createElementSelectedRenderer((_options$checkboxOpti = options.checkboxOptions) != null ? _options$checkboxOpti : options.checkOptions);
+  var nullToggler = createNullToggleRenderer();
+  // Use RN-specific renderers directly
+  var checkboxRenderer = createRNCheckboxRenderer((_options$checkboxOpti2 = options.checkboxOptions) != null ? _options$checkboxOpti2 : options.checkOptions);
+  var selectRenderer = createRNSelectRenderer(options.selectOptions);
+  var radioRenderer = createRadioRenderer((_options$radioOptions = options.radioOptions) != null ? _options$radioOptions : options.checkOptions);
+  var checkListRenderer = createCheckListRenderer((_options$checkListOpt = options.checkListOptions) != null ? _options$checkListOpt : options.checkOptions);
+  var _optionRenderer$boole = _extends({
+      optionRenderer: selectRenderer,
+      booleanOptions: DefaultBoolOptions
+    }, options),
+    booleanOptions = _optionRenderer$boole.booleanOptions,
+    optionRenderer = _optionRenderer$boole.optionRenderer,
+    displayOnlyClass = _optionRenderer$boole.displayOnlyClass,
+    defaultEmptyText = _optionRenderer$boole.defaultEmptyText;
+  var arrayRenderer = createDefaultArrayDataRenderer(options.arrayOptions);
+  var scrollListRenderer = createRNScrollListRenderer(options.scrollListOptions);
+  // Add RN-specific text input renderer
+  var textInputRenderer = createRNTextInputRenderer(options.inputClass, options.inputTextClass);
+  // Add RN datetime picker for non-web platforms
+  var dateTimeRenderer = reactNative.Platform.OS !== "web" ? createRNDateTimePickerRenderer(options) : null;
+  return schemas.createDataRenderer(function (props, renderers) {
+    var field = props.field;
+    var fieldType = field.type;
+    var renderOptions = props.renderOptions;
+    var renderType = renderOptions.type ? renderOptions.type : schemas.DataRenderType.Standard;
+    if (field.collection && props.dataNode.elementIndex == null && (renderType == schemas.DataRenderType.Standard || renderType == schemas.DataRenderType.Array || renderType == schemas.DataRenderType.ArrayElement)) {
+      if (renderType == schemas.DataRenderType.ArrayElement) console.error("ArrayElement renderer not implemented for React Native");
+      return arrayRenderer.render(props, renderers);
     }
-  },
-  label: {
-    labelContainer: function labelContainer(c) {
-      return jsxRuntime.jsx(reactNative.View, {
-        className: "flex flex-row gap-4 items-center",
-        children: c
+    if (fieldType === schemas.FieldType.Compound && (schemas.isDataGroupRenderer(renderOptions) || renderType === schemas.DataRenderType.Standard)) {
+      var _ref;
+      var groupOptions = (_ref = schemas.isDataGroupRenderer(renderOptions) ? renderOptions.groupOptions : undefined) != null ? _ref : {
+        type: "Standard",
+        hideTitle: true
+      };
+      return renderers.renderGroup(_extends({}, props, {
+        renderOptions: groupOptions
+      }));
+    }
+    if (props.displayOnly || schemas.isDisplayOnlyRenderer(renderOptions)) return function (p) {
+      return _extends({}, p, {
+        className: "@ " + schemas.rendererClass(p.className, displayOnlyClass),
+        children: jsxRuntime.jsx(DefaultDisplayOnly, {
+          dataNode: props.dataNode,
+          state: props.formNode,
+          schemaInterface: props.dataContext.schemaInterface,
+          className: props.className,
+          textClass: props.textClass,
+          style: props.style,
+          inline: props.inline,
+          renderer: renderers,
+          emptyText: schemas.isDisplayOnlyRenderer(renderOptions) && renderOptions.emptyText ? renderOptions.emptyText : defaultEmptyText
+        })
       });
+    };
+    var isBool = fieldType === schemas.FieldType.Bool;
+    if (booleanOptions != null && isBool && props.options == null) {
+      return renderers.renderData(_extends({}, props, {
+        options: booleanOptions
+      }));
     }
-  },
-  array: {
-    removableClass: "flex flex-col gap-y-2"
-  },
-  action: {
-    buttonClass: "flex flex-row gap-2 bg-primary-500 rounded-lg p-3 web:hover:opacity-90 active:opacity-90",
-    textClass: "text-white"
-  },
-  adornment: {
-    accordion: {
-      className: "flex flex-row items-center gap-2 my-2 p-0"
-    },
-    helpText: {
-      iconName: "info-circle",
-      iconClass: "text-[12px]",
-      triggerContainerClass: "flex flex-row gap-2 items-baseline",
-      triggerLabelClass: "text-sm font-bold",
-      contentTextClass: "text-white font-semibold text-sm"
+    if (renderType === schemas.DataRenderType.Standard && schemas.hasOptions(props)) {
+      return optionRenderer.render(props, renderers);
     }
-  },
-  html: reactNativeHtml,
-  extraRenderers: function extraRenderers(options) {
-    var _options$data;
-    var renderers = [createRNSelectRenderer((_options$data = options.data) == null ? void 0 : _options$data.selectOptions)];
-    if (reactNative.Platform.OS !== "web") {
-      renderers.push(createRNDateTimePickerRenderer(options.data));
+    switch (renderType) {
+      case schemas.DataRenderType.NullToggle:
+        return nullToggler.render(props, renderers);
+      case schemas.DataRenderType.CheckList:
+        return checkListRenderer.render(props, renderers);
+      case schemas.DataRenderType.ScrollList:
+        return scrollListRenderer.render(props, renderers);
+      case schemas.DataRenderType.Dropdown:
+        return selectRenderer.render(props, renderers);
+      case schemas.DataRenderType.Radio:
+        return radioRenderer.render(props, renderers);
+      case schemas.DataRenderType.Checkbox:
+        return checkboxRenderer.render(props, renderers);
+      case schemas.DataRenderType.Jsonata:
+        console.error("Jsonata renderer not implemented for React Native");
+        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+      case schemas.DataRenderType.Autocomplete:
+        console.error("Autocomplete renderer not implemented for React Native");
+        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+      case schemas.DataRenderType.ElementSelected:
+        return elementSelectedRenderer.render(props, renderers);
+    }
+    // Handle DateTime fields with RN-specific datetime picker (if available)
+    if ((fieldType === schemas.FieldType.Date || fieldType === schemas.FieldType.DateTime) && dateTimeRenderer) {
+      return dateTimeRenderer.render(props, renderers);
+    }
+    if (fieldType == schemas.FieldType.Any) {
+      var _field$displayName;
+      return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: ["Can't render field: ", (_field$displayName = field.displayName) != null ? _field$displayName : field.field, " (", renderType, ")"]
+      });
+    }
+    // Use RN text input renderer for explicit textfield renderers
+    if (schemas.isTextfieldRenderer(renderOptions)) {
+      return textInputRenderer.render(props, renderers);
     }
-    return renderers;
+    // Use ControlInput for default inputs (handles numbers, etc.)
+    return jsxRuntime.jsx(ControlInput, {
+      className: schemas.rendererClass(props.className, options.inputClass),
+      textClass: schemas.rendererClass(props.textClass, options.inputTextClass),
+      style: props.style,
+      id: props.id,
+      errorId: props.errorId,
+      readOnly: props.readonly,
+      control: props.control,
+      convert: createInputConversion(props.field.type),
+      renderer: renderers
+    });
+  });
+}
+function createDefaultAdornmentRenderer(options) {
+  if (options === void 0) {
+    options = {};
   }
-}, schemasHtml.defaultTailwindTheme);
-function RNIcon(_ref) {
+  return {
+    type: "adornment",
+    render: function render(props, renderers) {
+      if (schemas.isOptionalAdornment(props.adornment)) {
+        console.error("Optional adornment not implemented for React Native");
+        return {
+          apply: function apply() {
+            return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+          },
+          priority: 0
+        };
+      }
+      var adornment = props.adornment,
+        designMode = props.designMode,
+        dataContext = props.dataContext,
+        runExpression = props.runExpression;
+      return {
+        apply: function apply(rl) {
+          if (schemas.isSetFieldAdornment(adornment) && runExpression) {
+            return schemas.wrapLayout(function (x) {
+              return jsxRuntime.jsx(SetFieldWrapper, {
+                children: x,
+                parentContext: dataContext,
+                adornment: adornment,
+                runExpression: runExpression
+              });
+            })(rl);
+          }
+          if (schemas.isIconAdornment(adornment)) {
+            var I = renderers.html.I;
+            var icon = adornment.icon,
+              placement = adornment.placement,
+              iconClass = adornment.iconClass;
+            return schemas.appendMarkupAt(placement != null ? placement : schemas.AdornmentPlacement.ControlStart, jsxRuntime.jsx(I, {
+              className: iconClass,
+              iconName: icon == null ? void 0 : icon.name,
+              iconLibrary: icon == null ? void 0 : icon.library
+            }))(rl);
+          }
+          if (schemas.isAccordionAdornment(adornment)) {
+            return schemas.wrapLayout(function (x) {
+              var _rl$children$props;
+              var displayProps = /*#__PURE__*/React.isValidElement(rl.children) ? (_rl$children$props = rl.children.props) == null ? void 0 : _rl$children$props.displayProps : undefined;
+              return jsxRuntime.jsx(DefaultAccordion, {
+                isGroup: false,
+                renderers: renderers,
+                children: x,
+                className: displayProps == null ? void 0 : displayProps.className,
+                titleTextClass: displayProps == null ? void 0 : displayProps.textClass,
+                title: renderers.renderLabelText(adornment.title),
+                defaultExpanded: adornment.defaultExpanded,
+                contentStyle: rl.style,
+                contentClassName: rl.className,
+                designMode: designMode,
+                dataContext: dataContext,
+                options: options.accordion
+              });
+            })(rl);
+          }
+        },
+        priority: 0,
+        adornment: adornment
+      };
+    }
+  };
+}
+function SetFieldWrapper(_ref2) {
+  var children = _ref2.children,
+    adornment = _ref2.adornment,
+    parentContext = _ref2.parentContext,
+    runExpression = _ref2.runExpression;
+  var fieldNode = schemas.schemaDataForFieldRef(adornment.field, parentContext.parentNode);
+  var otherField = fieldNode.control;
+  var always = !adornment.defaultOnly;
+  var value = schemas.useExpression(undefined, runExpression, adornment.expression, function (x) {
+    return x;
+  });
+  core.useControlEffect(function () {
+    return [value == null ? void 0 : value.value, (otherField == null ? void 0 : otherField.value) == null];
+  }, function (_ref3) {
+    var v = _ref3[0];
+    otherField == null || otherField.setValue(function (x) {
+      return always || x == null ? v : x;
+    });
+  }, true);
+  return children;
+}
+function createDefaultLabelRenderer(options) {
+  var _labelContainer$optio = _extends({
+      labelContainer: function labelContainer(c) {
+        return c;
+      }
+    }, options),
+    className = _labelContainer$optio.className,
+    controlLabelTextClass = _labelContainer$optio.controlLabelTextClass,
+    groupLabelTextClass = _labelContainer$optio.groupLabelTextClass,
+    groupLabelClass = _labelContainer$optio.groupLabelClass,
+    controlLabelClass = _labelContainer$optio.controlLabelClass,
+    textClass = _labelContainer$optio.textClass,
+    labelContainer = _labelContainer$optio.labelContainer;
+  return {
+    render: function render(props, labelStart, labelEnd, renderers) {
+      var _options$requiredElem;
+      var _renderers$html = renderers.html,
+        Label = _renderers$html.Label,
+        Span = _renderers$html.Span;
+      var requiredElement = (_options$requiredElem = options == null ? void 0 : options.requiredElement) != null ? _options$requiredElem : function (_ref4) {
+        var Span = _ref4.Span;
+        return jsxRuntime.jsx(Span, {
+          children: " *"
+        });
+      };
+      if (props.type == schemas.LabelType.Text) return jsxRuntime.jsx(Span, {
+        children: props.label
+      });
+      return labelContainer(jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [jsxRuntime.jsxs(Label, {
+          htmlFor: props.forId,
+          className: schemas.rendererClass(props.className, clsx__default["default"](className, props.type === schemas.LabelType.Group && groupLabelClass, props.type === schemas.LabelType.Control && controlLabelClass)),
+          textClass: schemas.rendererClass(props.textClass, clsx__default["default"](textClass, props.type === schemas.LabelType.Group && groupLabelTextClass, props.type === schemas.LabelType.Control && controlLabelTextClass)),
+          children: [labelStart, renderers.renderLabelText(props.label), props.required && requiredElement(renderers.html)]
+        }), labelEnd]
+      }));
+    },
+    type: "label"
+  };
+}
+// React Native HTML Components Implementation
+function RNIcon(_ref5) {
   var _effect = core.useComponentTracking();
   try {
-    var iconName = _ref.iconName,
-      className = _ref.className,
-      iconLibrary = _ref.iconLibrary;
+    var iconName = _ref5.iconName,
+      className = _ref5.className,
+      iconLibrary = _ref5.iconLibrary;
     return iconName ? jsxRuntime.jsx(Icon, {
       name: iconName,
       className: className,
@@ -642,17 +2724,17 @@ function RNSpan(props) {
     _effect2();
   }
 }
-function RNButton$1(_ref2) {
+function RNButton(_ref6) {
   var _effect3 = core.useComponentTracking();
   try {
-    var inline = _ref2.inline,
-      textClass = _ref2.textClass,
-      children = _ref2.children,
-      notWrapInText = _ref2.notWrapInText,
-      androidRippleColor = _ref2.androidRippleColor,
-      nonTextContent = _ref2.nonTextContent,
-      onClick = _ref2.onClick,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded$3);
+    var inline = _ref6.inline,
+      textClass = _ref6.textClass,
+      children = _ref6.children,
+      notWrapInText = _ref6.notWrapInText,
+      androidRippleColor = _ref6.androidRippleColor,
+      nonTextContent = _ref6.nonTextContent,
+      onClick = _ref6.onClick,
+      props = _objectWithoutPropertiesLoose(_ref6, _excluded);
     if (inline) {
       return jsxRuntime.jsx(reactNative.Text, _extends({}, props, {
         className: textClass,
@@ -676,20 +2758,22 @@ function RNButton$1(_ref2) {
     _effect3();
   }
 }
-function RNLabel(_ref3) {
+function RNLabel(_ref7) {
   var _effect4 = core.useComponentTracking();
   try {
-    var className = _ref3.className,
-      html = _ref3.html,
-      children = _ref3.children,
-      textClass = _ref3.textClass,
-      text = _ref3.text,
-      style = _ref3.style,
-      inline = _ref3.inline,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$1);
-    return jsxRuntime.jsx(reactNative.View, _extends({
+    var className = _ref7.className,
+      html = _ref7.html,
+      children = _ref7.children,
+      textClass = _ref7.textClass,
+      text = _ref7.text,
+      style = _ref7.style,
+      inline = _ref7.inline,
+      role = _ref7.role,
+      props = _objectWithoutPropertiesLoose(_ref7, _excluded2);
+    return !isNodeEmpty(children) && jsxRuntime.jsx(reactNative.View, _extends({
       className: className,
-      style: style
+      style: style,
+      role: role
     }, props, {
       children: jsxRuntime.jsx(reactNative.Text, {
         className: textClass,
@@ -700,17 +2784,18 @@ function RNLabel(_ref3) {
     _effect4();
   }
 }
-function RNDiv(_ref4) {
+function RNDiv(_ref8) {
   var _effect5 = core.useComponentTracking();
   try {
-    var className = _ref4.className,
-      html = _ref4.html,
-      children = _ref4.children,
-      textClass = _ref4.textClass,
-      text = _ref4.text,
-      style = _ref4.style,
-      inline = _ref4.inline,
-      props = _objectWithoutPropertiesLoose(_ref4, _excluded3$1);
+    var className = _ref8.className,
+      html = _ref8.html,
+      children = _ref8.children,
+      textClass = _ref8.textClass,
+      text = _ref8.text,
+      style = _ref8.style,
+      inline = _ref8.inline,
+      role = _ref8.role,
+      props = _objectWithoutPropertiesLoose(_ref8, _excluded3);
     if (html != null) {
       return jsxRuntime.jsx(RNHtmlRenderer, _extends({}, props, {
         html: html
@@ -726,7 +2811,8 @@ function RNDiv(_ref4) {
     if (text != null) {
       return jsxRuntime.jsx(reactNative.View, _extends({
         className: className,
-        style: style
+        style: style,
+        role: role
       }, props, {
         children: jsxRuntime.jsx(reactNative.Text, {
           className: textClass,
@@ -737,7 +2823,8 @@ function RNDiv(_ref4) {
     return jsxRuntime.jsx(reactNative.View, _extends({
       className: className,
       style: style,
-      children: children
+      children: children,
+      role: role
     }, props));
   } finally {
     _effect5();
@@ -752,7 +2839,7 @@ function RNInput(props) {
       onChangeChecked = props.onChangeChecked,
       checked = props.checked,
       value = props.value,
-      rest = _objectWithoutPropertiesLoose(props, _excluded4$1);
+      rest = _objectWithoutPropertiesLoose(props, _excluded4);
     switch (type) {
       case "radio":
         return jsxRuntime.jsx(RNRadioItem, _extends({}, rest, {
@@ -764,13 +2851,13 @@ function RNInput(props) {
       case "checkbox":
         return jsxRuntime.jsx(RNCheckbox, _extends({}, rest, {
           checked: !!checked,
-          onCheckedChange: function onCheckedChange(e) {
+          onCheckedChange: function onCheckedChange() {
             return onChangeChecked == null ? void 0 : onChangeChecked(!checked);
           }
         }), id);
       default:
         return jsxRuntime.jsx(RNTextInput, _extends({}, rest, {
-          value: typeof value == "number" ? value.toString() : value,
+          defaultValue: typeof value == "number" ? value.toString() : value,
           onChangeText: function onChangeText(t) {
             return onChangeValue == null ? void 0 : onChangeValue(t);
           }
@@ -780,238 +2867,87 @@ function RNInput(props) {
     _effect6();
   }
 }
-
-var _excluded$2 = ["className", "asChild"];
-var TextClassContext = /*#__PURE__*/React__namespace.createContext(undefined);
-var RNText = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    _ref$asChild = _ref.asChild,
-    asChild = _ref$asChild === void 0 ? false : _ref$asChild,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  var textClass = React__namespace.useContext(TextClassContext);
-  var Component = asChild ? Slot__namespace.Text : reactNative.Text;
-  return jsxRuntime.jsx(Component, _extends({
-    className: cn("text-base text-foreground web:select-text", textClass, className),
-    ref: ref
-  }, props));
-});
-RNText.displayName = "RNText";
-
-var _excluded$1 = ["className", "variant", "size"];
-var buttonVariants = classVarianceAuthority.cva("group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", {
-  variants: {
-    variant: {
-      "default": "bg-primary web:hover:opacity-90 active:opacity-90",
-      destructive: "bg-destructive web:hover:opacity-90 active:opacity-90",
-      outline: "border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
-      secondary: "bg-secondary web:hover:opacity-80 active:opacity-80",
-      ghost: "web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent",
-      link: "web:underline-offset-4 web:hover:underline web:focus:underline"
-    },
-    size: {
-      "default": "h-10 px-4 py-2 native:h-12 native:px-5 native:py-3",
-      sm: "h-9 rounded-md px-3",
-      lg: "h-11 rounded-md px-8 native:h-14",
-      icon: "h-10 w-10"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
+// React Native HTML Components
+// React Native HTML Components
+var ReactNativeHtmlComponents = {
+  I: RNIcon,
+  B: RNSpan,
+  Button: RNButton,
+  Label: RNLabel,
+  Span: RNSpan,
+  H1: RNSpan,
+  Div: RNDiv,
+  Input: RNInput,
+  CheckButtons: RNCheckButtons
+};
+function createDefaultRenderers(options) {
+  var _options$extraRendere, _options$html;
+  if (options === void 0) {
+    options = {};
   }
-});
-var buttonTextVariants = classVarianceAuthority.cva("web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors", {
-  variants: {
-    variant: {
-      "default": "text-primary-foreground",
-      destructive: "text-destructive-foreground",
-      outline: "group-active:text-accent-foreground",
-      secondary: "text-secondary-foreground group-active:text-secondary-foreground",
-      ghost: "group-active:text-accent-foreground",
-      link: "text-primary group-active:underline"
-    },
-    size: {
-      "default": "",
-      sm: "",
-      lg: "native:text-lg",
-      icon: ""
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
+  return {
+    data: createDefaultDataRenderer(options.data),
+    display: createDefaultDisplayRenderer(options.display),
+    action: createButtonActionRenderer(undefined, options.action),
+    array: createDefaultArrayRenderer(options.array),
+    group: createDefaultGroupRenderer(options.group, options.adornment),
+    label: createDefaultLabelRenderer(options.label),
+    adornment: createDefaultAdornmentRenderer(options.adornment),
+    renderLayout: createDefaultLayoutRenderer(options.layout),
+    visibility: createDefaultVisibilityRenderer(),
+    extraRenderers: (_options$extraRendere = options.extraRenderers == null ? void 0 : options.extraRenderers(options)) != null ? _options$extraRendere : [],
+    html: (_options$html = options.html) != null ? _options$html : ReactNativeHtmlComponents
+  };
+}
+function isNodeEmpty(node) {
+  if (node === null || node === undefined || typeof node === "boolean") {
+    return true;
   }
-});
-var RNButton = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    variant = _ref.variant,
-    size = _ref.size,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  return jsxRuntime.jsx(TextClassContext.Provider, {
-    value: buttonTextVariants({
-      variant: variant,
-      size: size,
-      className: "web:pointer-events-none"
-    }),
-    children: jsxRuntime.jsx(reactNative.Pressable, _extends({
-      className: cn(props.disabled && "opacity-50 web:pointer-events-none", buttonVariants({
-        variant: variant,
-        size: size,
-        className: className
-      })),
-      ref: ref,
-      role: "button"
-    }, props))
-  });
-});
-RNButton.displayName = "Button";
-
-var _excluded = ["className"],
-  _excluded2 = ["className", "children"],
-  _excluded3 = ["className", "children", "portalHost", "closeOnOutsidePress"],
-  _excluded4 = ["className"];
-var Dialog = DialogPrimitive__namespace.Root;
-var DialogTrigger = DialogPrimitive__namespace.Trigger;
-var DialogPortal = DialogPrimitive__namespace.Portal;
-var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlayWeb = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _DialogPrimitive$useR = DialogPrimitive__namespace.useRootContext(),
-    open = _DialogPrimitive$useR.open;
-  return jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, _extends({
-    className: cn("bg-black/80 flex justify-center items-center p-2 absolute top-0 right-0 bottom-0 left-0", open ? "web:animate-in web:fade-in-0" : "web:animate-out web:fade-out-0", className)
-  }, props, {
-    ref: ref
-  }));
-});
-DialogOverlayWeb.displayName = "DialogOverlayWeb";
-var DialogOverlayNative = /*#__PURE__*/React__namespace.forwardRef(function (_ref2, ref) {
-  var className = _ref2.className,
-    children = _ref2.children,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  return jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, _extends({
-    style: reactNative.StyleSheet.absoluteFill,
-    className: cn("flex bg-black/80 justify-center items-center p-2", className)
-  }, props, {
-    ref: ref,
-    children: jsxRuntime.jsx(Animated__default["default"].View, {
-      entering: Animated.FadeIn.duration(150),
-      exiting: Animated.FadeOut.duration(150),
-      children: jsxRuntime.jsx(reactNative.Pressable, {
-        children: children
-      })
-    })
-  }));
-});
-DialogOverlayNative.displayName = "DialogOverlayNative";
-var DialogOverlay = reactNative.Platform.select({
-  web: DialogOverlayWeb,
-  "default": DialogOverlayNative
-});
-var DialogContent = /*#__PURE__*/React__namespace.forwardRef(function (_ref3, ref) {
-  var className = _ref3.className,
-    children = _ref3.children,
-    portalHost = _ref3.portalHost,
-    closeOnOutsidePress = _ref3.closeOnOutsidePress,
-    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-  var _DialogPrimitive$useR2 = DialogPrimitive__namespace.useRootContext(),
-    open = _DialogPrimitive$useR2.open;
-  return jsxRuntime.jsx(DialogPortal, {
-    hostName: portalHost,
-    children: jsxRuntime.jsx(DialogOverlay, {
-      closeOnPress: closeOnOutsidePress,
-      children: jsxRuntime.jsx(DialogPrimitive__namespace.Content, _extends({
-        ref: ref,
-        className: cn("max-w-lg gap-4 border border-[#E7E7E8] web:cursor-default bg-white p-6 shadow-lg web:duration-200 rounded-lg", open ? "web:animate-in web:fade-in-0 web:zoom-in-95" : "web:animate-out web:fade-out-0 web:zoom-out-95", className)
-      }, props, {
-        children: children
-      }))
-    })
-  });
-});
-DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
-var DialogTitle = /*#__PURE__*/React__namespace.forwardRef(function (_ref4, ref) {
-  var className = _ref4.className,
-    props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
-  return jsxRuntime.jsx(DialogPrimitive__namespace.Title, _extends({
-    ref: ref,
-    className: cn(className)
-  }, props));
-});
-DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-function RNDialog(_ref5) {
-  var _effect = core.useComponentTracking();
-  try {
-    var title = _ref5.title,
-      trigger = _ref5.trigger,
-      content = _ref5.content,
-      footer = _ref5.footer,
-      open = _ref5.open,
-      _onOpenChange = _ref5.onOpenChange,
-      _ref5$closeOnOutsideP = _ref5.closeOnOutsidePress,
-      closeOnOutsidePress = _ref5$closeOnOutsideP === void 0 ? false : _ref5$closeOnOutsideP,
-      containerClass = _ref5.containerClass,
-      portalHost = _ref5.portalHost;
-    var dialogOpen = open != null ? open : core.useControl(false);
-    var _useWindowDimensions = reactNative.useWindowDimensions(),
-      width = _useWindowDimensions.width;
-    return jsxRuntime.jsxs(Dialog, {
-      open: dialogOpen.value,
-      onOpenChange: function onOpenChange(o) {
-        if (_onOpenChange) {
-          _onOpenChange(o);
-        } else {
-          dialogOpen.value = o;
-        }
-      },
-      children: [trigger && jsxRuntime.jsx(DialogTrigger, {
-        asChild: true,
-        children: trigger
-      }), jsxRuntime.jsxs(DialogContent, {
-        closeOnOutsidePress: closeOnOutsidePress,
-        className: cn("min-w-[200px] min-h-[200px]", containerClass),
-        style: {
-          maxWidth: width - 16
-        },
-        portalHost: reactNative.Platform.select({
-          ios: portalHost
-        }),
-        children: [jsxRuntime.jsxs(reactNative.View, {
-          className: "flex flex-row gap-[10px] justify-between items-start",
-          children: [jsxRuntime.jsx(DialogTitle, {
-            asChild: true,
-            className: "flex-1 flex-shrink title2",
-            children: title
-          }), jsxRuntime.jsx(DialogClose, {
-            className: "web:group rounded-sm web:ring-offset-background web:transition-opacity web:hover:opacity-100 web:focus:outline-none web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2 web:disabled:pointer-events-none",
-            children: jsxRuntime.jsx(vectorIcons.FontAwesome6, {
-              name: "xmark-circle",
-              size: 24,
-              color: "#267151"
-            })
-          })]
-        }), content, footer]
-      })]
-    });
-  } finally {
-    _effect();
+  if (typeof node === "string" || typeof node === "number") {
+    return false;
+  }
+  if (Array.isArray(node)) {
+    return node.every(isNodeEmpty);
+  }
+  if (/*#__PURE__*/React__default["default"].isValidElement(node)) {
+    var _element$props$childr, _element$props;
+    var element = node;
+    return isNodeEmpty((_element$props$childr = (_element$props = element.props) == null ? void 0 : _element$props.children) != null ? _element$props$childr : undefined);
   }
+  return false;
 }
 
+exports.DefaultBoolOptions = DefaultBoolOptions;
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
 exports.Icon = Icon;
-exports.RNButton = RNButton;
+exports.RNButton = RNButton$1;
 exports.RNCheckbox = RNCheckbox;
 exports.RNDialog = RNDialog;
 exports.RNHtmlRenderer = RNHtmlRenderer;
 exports.RNRadioItem = RNRadioItem;
+exports.RNSelectRenderer = RNSelectRenderer;
 exports.RNText = RNText;
 exports.RNTextInput = RNTextInput;
+exports.ReactNativeHtmlComponents = ReactNativeHtmlComponents;
 exports.TextClassContext = TextClassContext;
 exports.buttonTextVariants = buttonTextVariants;
 exports.buttonVariants = buttonVariants;
+exports.createButtonActionRenderer = createButtonActionRenderer;
+exports.createDefaultAdornmentRenderer = createDefaultAdornmentRenderer;
+exports.createDefaultDataRenderer = createDefaultDataRenderer;
+exports.createDefaultLabelRenderer = createDefaultLabelRenderer;
+exports.createDefaultRenderers = createDefaultRenderers;
+exports.createRNCheckboxRenderer = createRNCheckboxRenderer;
 exports.createRNDateTimePickerRenderer = createRNDateTimePickerRenderer;
+exports.createRNScrollListRenderer = createRNScrollListRenderer;
 exports.createRNSelectRenderer = createRNSelectRenderer;
+exports.createRNTextInputRenderer = createRNTextInputRenderer;
+exports.createSelectConversion = createSelectConversion;
 exports.defaultRnTailwindTheme = defaultRnTailwindTheme;
-exports.reactNativeHtml = reactNativeHtml;
+exports.defaultTailwindTheme = defaultTailwindTheme;
 //# sourceMappingURL=index.cjs.map