@character-foundry/character-foundry 0.1.9-dev.1765936776 → 0.1.9

package/dist/app-framework.cjs

@@ -68,19 +68,16 @@ var import_jsx_runtime4 = require("react/jsx-runtime");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var import_react3 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_react4 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react5 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react6 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var import_react4 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var import_react5 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var import_react6 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var import_jsx_runtime14 = require("react/jsx-runtime");
 var import_react7 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var noopServices = {
   toast: {
     success: () => {
@@ -355,25 +352,20 @@ function analyzeField(name, zodType) {
   let isNullable = false;
   let defaultValue;
   const description = getDescription(zodType);
-  let unwrapping = true;
-  while (unwrapping) {
-    unwrapping = false;
-    if (currentType instanceof import_zod3.z.ZodOptional) {
-      isOptional = true;
-      currentType = currentType.unwrap();
-      unwrapping = true;
-    } else if (currentType instanceof import_zod3.z.ZodNullable) {
-      isNullable = true;
-      currentType = currentType.unwrap();
-      unwrapping = true;
-    } else if (currentType instanceof import_zod3.z.ZodDefault) {
-      defaultValue = currentType._def.defaultValue();
-      currentType = currentType._def.innerType;
-      unwrapping = true;
-    } else if (currentType instanceof import_zod3.z.ZodEffects) {
-      currentType = currentType._def.schema;
-      unwrapping = true;
-    }
+  if (currentType instanceof import_zod3.z.ZodOptional) {
+    isOptional = true;
+    currentType = currentType.unwrap();
+  }
+  if (currentType instanceof import_zod3.z.ZodNullable) {
+    isNullable = true;
+    currentType = currentType.unwrap();
+  }
+  if (currentType instanceof import_zod3.z.ZodDefault) {
+    defaultValue = currentType._def.defaultValue();
+    currentType = currentType._def.innerType;
+  }
+  if (currentType instanceof import_zod3.z.ZodEffects) {
+    currentType = currentType._def.schema;
   }
   if (currentType instanceof import_zod3.z.ZodUnion) {
     const options = currentType._def.options;
@@ -978,7 +970,7 @@ function SearchableSelect({
               type: "button",
               id,
               onClick: handleOpen,
-              disabled: disabled || hint?.readOnly,
+              disabled,
               "aria-haspopup": "listbox",
               "aria-expanded": isOpen,
               "aria-labelledby": `${id}-label`,
@@ -1036,191 +1028,6 @@ function SearchableSelect({
     }
   );
 }
-function RadioGroup({
-  value,
-  onChange,
-  name,
-  label,
-  error,
-  disabled,
-  required,
-  hint
-}) {
-  const id = `field-${name}`;
-  const errorId = `${id}-error`;
-  const helperId = `${id}-helper`;
-  const hasError = Boolean(error);
-  const hasHelper = Boolean(hint?.helperText);
-  const options = hint?.options ?? [];
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("fieldset", { "data-radio-group": true, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("legend", { "data-radio-legend": true, children: [
-        label,
-        required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
-      ] }),
-      hasHelper && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { "data-radio-options": true, role: "radiogroup", "aria-required": required, children: options.map((opt, index) => {
-        const optionId = `${id}-${index}`;
-        const isChecked = value === opt.value;
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-          "label",
-          {
-            htmlFor: optionId,
-            "data-radio-option": true,
-            "data-checked": isChecked,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                "input",
-                {
-                  id: optionId,
-                  type: "radio",
-                  name,
-                  value: opt.value,
-                  checked: isChecked,
-                  onChange: (e) => onChange(e.target.value),
-                  disabled: disabled || hint?.readOnly,
-                  "aria-invalid": hasError,
-                  "aria-describedby": [hasError && errorId, hasHelper && helperId].filter(Boolean).join(" ") || void 0
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "data-radio-label": true, children: opt.label })
-            ]
-          },
-          opt.value
-        );
-      }) })
-    ] }),
-    hasError && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { id: errorId, role: "alert", "data-error-message": true, children: error })
-  ] });
-}
-function Slider({
-  value,
-  onChange,
-  name,
-  label,
-  error,
-  disabled,
-  required,
-  hint
-}) {
-  const id = `field-${name}`;
-  const errorId = `${id}-error`;
-  const helperId = `${id}-helper`;
-  const valueId = `${id}-value`;
-  const hasError = Boolean(error);
-  const hasHelper = Boolean(hint?.helperText);
-  const min = hint?.min ?? 0;
-  const max = hint?.max ?? 100;
-  const step = hint?.step ?? 1;
-  const currentValue = value ?? min;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { htmlFor: id, "data-slider-label": true, children: [
-      label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-slider-container": true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        "input",
-        {
-          id,
-          type: "range",
-          name,
-          value: currentValue,
-          min,
-          max,
-          step,
-          onChange: (e) => onChange(Number(e.target.value)),
-          disabled: disabled || hint?.readOnly,
-          "aria-invalid": hasError,
-          "aria-valuemin": min,
-          "aria-valuemax": max,
-          "aria-valuenow": currentValue,
-          "aria-describedby": [valueId, hasError && errorId, hasHelper && helperId].filter(Boolean).join(" ") || void 0,
-          "aria-required": required
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("output", { id: valueId, htmlFor: id, "data-slider-value": true, children: currentValue })
-    ] }),
-    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
-    hasError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { id: errorId, role: "alert", "data-error-message": true, children: error })
-  ] });
-}
-function ColorPicker({
-  value,
-  onChange,
-  name,
-  label,
-  error,
-  disabled,
-  required,
-  hint
-}) {
-  const id = `field-${name}`;
-  const textId = `${id}-text`;
-  const errorId = `${id}-error`;
-  const helperId = `${id}-helper`;
-  const hasError = Boolean(error);
-  const hasHelper = Boolean(hint?.helperText);
-  const currentValue = value || "#000000";
-  const normalizeHex = (hex) => {
-    let clean = hex.replace(/^#/, "");
-    if (clean.length === 3) {
-      clean = clean.split("").map((c) => c + c).join("");
-    }
-    if (/^[0-9a-fA-F]{6}$/.test(clean)) {
-      return `#${clean.toLowerCase()}`;
-    }
-    return currentValue;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { htmlFor: id, "data-color-label": true, children: [
-      label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { "data-color-container": true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        "input",
-        {
-          id,
-          type: "color",
-          name,
-          value: currentValue,
-          onChange: (e) => onChange(e.target.value),
-          disabled: disabled || hint?.readOnly,
-          "aria-invalid": hasError,
-          "aria-describedby": [hasError && errorId, hasHelper && helperId].filter(Boolean).join(" ") || void 0,
-          "aria-required": required
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        "input",
-        {
-          id: textId,
-          type: "text",
-          value: currentValue,
-          onChange: (e) => {
-            const normalized = normalizeHex(e.target.value);
-            onChange(normalized);
-          },
-          onBlur: (e) => {
-            const normalized = normalizeHex(e.target.value);
-            if (normalized !== e.target.value) {
-              onChange(normalized);
-            }
-          },
-          disabled: disabled || hint?.readOnly,
-          placeholder: "#000000",
-          pattern: "^#[0-9a-fA-F]{6}$",
-          maxLength: 7,
-          "data-color-text": true,
-          "aria-label": `${label} hex value`
-        }
-      )
-    ] }),
-    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
-    hasError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { id: errorId, role: "alert", "data-error-message": true, children: error })
-  ] });
-}
 function TagInput({
   value,
   onChange,
@@ -1270,15 +1077,15 @@ function TagInput({
       addTag(inputValue);
     }
   }, [inputValue, addTag]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { htmlFor: id, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { htmlFor: id, children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { "data-tag-container": true, children: [
-      tags.map((tag, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { "data-tag": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-tag-container": true, children: [
+      tags.map((tag, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { "data-tag": true, children: [
         tag,
-        !disabled && !hint?.readOnly && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        !disabled && !hint?.readOnly && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "button",
           {
             type: "button",
@@ -1289,7 +1096,7 @@ function TagInput({
           }
         )
       ] }, `${tag}-${index}`)),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "input",
         {
           id,
@@ -1307,8 +1114,8 @@ function TagInput({
         }
       )
     ] }),
-    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
-    hasError && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { id: errorId, role: "alert", "data-error-message": true, children: error })
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
+    hasError && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { id: errorId, role: "alert", "data-error-message": true, children: error })
   ] });
 }
 function SecretInput({
@@ -1330,13 +1137,13 @@ function SecretInput({
   const toggleVisibility = (0, import_react5.useCallback)(() => {
     setShowValue((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { htmlFor: id, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { htmlFor: id, children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { "data-secret-container": true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-secret-container": true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "input",
         {
           id,
@@ -1354,7 +1161,7 @@ function SecretInput({
           "data-secret-input": true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "button",
         {
           type: "button",
@@ -1366,8 +1173,8 @@ function SecretInput({
         }
       )
     ] }),
-    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
-    hasError && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { id: errorId, role: "alert", "data-error-message": true, children: error })
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
+    hasError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { id: errorId, role: "alert", "data-error-message": true, children: error })
   ] });
 }
 function FileUpload({
@@ -1504,12 +1311,12 @@ function FileUpload({
   );
   const displayError = error ?? localError;
   const files = multiple ? Array.isArray(value) ? value : [] : value instanceof File ? [value] : [];
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: hint?.className, "data-field": name, "data-error": Boolean(displayError), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { htmlFor: id, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: hint?.className, "data-field": name, "data-error": Boolean(displayError), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { htmlFor: id, children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "div",
       {
         "data-file-dropzone": true,
@@ -1520,10 +1327,10 @@ function FileUpload({
         onDrop: handleDrop,
         onClick: handleClick,
         role: "button",
-        tabIndex: disabled || hint?.readOnly ? -1 : 0,
+        tabIndex: disabled ? -1 : 0,
         "aria-describedby": [Boolean(displayError) && errorId, hasHelper && helperId].filter(Boolean).join(" ") || void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "input",
             {
               ref: inputRef,
@@ -1532,21 +1339,21 @@ function FileUpload({
               name,
               accept,
               multiple,
-              disabled: disabled || hint?.readOnly,
+              disabled,
               onChange: handleChange,
               "aria-invalid": Boolean(displayError),
               "aria-required": required,
               "data-file-input": true
             }
           ),
-          files.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { "data-file-placeholder": true, children: hint?.placeholder ?? (isDragging ? "Drop files here..." : "Click or drag files to upload") }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { "data-file-list": true, children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { "data-file-item": true, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "data-file-name": true, children: file.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { "data-file-size": true, children: [
+          files.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { "data-file-placeholder": true, children: hint?.placeholder ?? (isDragging ? "Drop files here..." : "Click or drag files to upload") }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { "data-file-list": true, children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { "data-file-item": true, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "data-file-name": true, children: file.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { "data-file-size": true, children: [
               "(",
               formatFileSize(file.size),
               ")"
             ] }),
-            !disabled && !hint?.readOnly && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            !disabled && !hint?.readOnly && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               "button",
               {
                 type: "button",
@@ -1563,8 +1370,8 @@ function FileUpload({
         ]
       }
     ),
-    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
-    displayError && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { id: errorId, role: "alert", "data-error-message": true, children: displayError })
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
+    displayError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { id: errorId, role: "alert", "data-error-message": true, children: displayError })
   ] });
 }
 function formatFileSize(bytes) {
@@ -1580,15 +1387,15 @@ var BUILTIN_WIDGETS = {
   checkbox: Switch,
   select: Select,
   "searchable-select": SearchableSelect,
-  radio: RadioGroup,
-  "radio-group": RadioGroup,
+  radio: Select,
+  // Could be RadioGroup
   password: SecretInput,
   "tag-input": TagInput,
   "file-upload": FileUpload,
-  slider: Slider,
-  range: Slider,
-  "color-picker": ColorPicker,
-  color: ColorPicker
+  slider: NumberInput,
+  // Could be Slider widget
+  "color-picker": TextInput
+  // Could be ColorPicker widget
 };
 var TYPE_TO_WIDGET = {
   ZodString: TextInput,
@@ -1611,16 +1418,16 @@ function FieldRenderer({
   if (fieldInfo.typeName === "ZodObject" && fieldInfo.nestedFields && renderNestedField) {
     const nestedFields = Array.from(fieldInfo.nestedFields.values());
     const fieldBaseName2 = fieldInfo.name.split(".").pop() ?? fieldInfo.name;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { "data-nested-object": true, "data-field": fieldInfo.name, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("fieldset", { "data-nested-fieldset": true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("legend", { "data-nested-legend": true, children: hint?.label ?? fieldInfo.description ?? formatLabel(fieldBaseName2) }),
-      hint?.helperText && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { "data-helper": true, children: hint.helperText }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { "data-nested-fields": true, children: nestedFields.map((nestedInfo) => renderNestedField(nestedInfo)) })
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { "data-nested-object": true, "data-field": fieldInfo.name, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("fieldset", { "data-nested-fieldset": true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("legend", { "data-nested-legend": true, children: hint?.label ?? fieldInfo.description ?? formatLabel(fieldBaseName2) }),
+      hint?.helperText && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { "data-helper": true, children: hint.helperText }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { "data-nested-fields": true, children: nestedFields.map((nestedInfo) => renderNestedField(nestedInfo)) })
     ] }) });
   }
   let Widget;
   if (hint?.widget) {
     if (typeof hint.widget === "string") {
-      Widget = widgetRegistry2.getComponent(hint.widget) ?? BUILTIN_WIDGETS[hint.widget] ?? TextInput;
+      Widget = BUILTIN_WIDGETS[hint.widget] ?? widgetRegistry2.getComponent(hint.widget) ?? TextInput;
     } else {
       Widget = hint.widget;
     }
@@ -1655,30 +1462,11 @@ function FieldRenderer({
       max: hint?.max ?? fieldInfo.constraints?.max ?? fieldInfo.constraints?.maxLength
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Widget, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Widget, { ...props });
 }
 function formatLabel(name) {
   return name.replace(/([A-Z])/g, " $1").replace(/_/g, " ").replace(/^\w/, (c) => c.toUpperCase()).trim();
 }
-var HINT_KEYS = /* @__PURE__ */ new Set([
-  "widget",
-  "label",
-  "placeholder",
-  "helperText",
-  "hidden",
-  "readOnly",
-  "className",
-  "condition",
-  "group",
-  "rows",
-  "accept",
-  "multiple",
-  "maxSize",
-  "options",
-  "searchable",
-  "searchPlaceholder",
-  "noResultsText"
-]);
 function AutoForm({
   schema,
   values,
@@ -1738,9 +1526,7 @@ function AutoForm({
             fields.add(condition.field);
           }
         }
-        const hintKeys = Object.keys(hint);
-        const isHintObject = hintKeys.length > 0 && hintKeys.every((k) => HINT_KEYS.has(k));
-        if (!isHintObject) {
+        if (!("widget" in hint) && !("label" in hint) && !("condition" in hint)) {
           extractConditionFields(hint, prefix ? `${prefix}.${key}` : key);
         }
       }
@@ -1792,10 +1578,28 @@ function AutoForm({
     });
     return () => subscription.unsubscribe();
   }, [watch]);
+  const HINT_KEYS = /* @__PURE__ */ new Set([
+    "widget",
+    "label",
+    "placeholder",
+    "helperText",
+    "hidden",
+    "readOnly",
+    "className",
+    "condition",
+    "group",
+    "rows",
+    "accept",
+    "multiple",
+    "maxSize",
+    "options",
+    "searchable",
+    "searchPlaceholder",
+    "noResultsText"
+  ]);
   const isFieldUIHint = (0, import_react.useCallback)((obj) => {
     if (!obj || typeof obj !== "object") return false;
-    const keys = Object.keys(obj);
-    return keys.length > 0 && keys.every((key) => HINT_KEYS.has(key));
+    return Object.keys(obj).some((key) => HINT_KEYS.has(key));
   }, []);
   const getHint = (0, import_react.useCallback)(
     (fieldName) => {
@@ -1853,12 +1657,12 @@ function AutoForm({
       const hint = getHint(fieldInfo.name);
       if (hint?.hidden) return null;
       if (!isConditionMet(hint?.condition)) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         import_react_hook_form.Controller,
         {
           name: fieldInfo.name,
           control,
-          render: ({ field, fieldState }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          render: ({ field, fieldState }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             FieldRenderer,
             {
               fieldInfo,
@@ -1903,7 +1707,7 @@ function AutoForm({
     },
     [flatFieldInfoMap, getField, getHint]
   );
-  const submitButton = withSubmit ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  const submitButton = withSubmit ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "button",
     {
       type: "submit",
@@ -1912,7 +1716,7 @@ function AutoForm({
       children: formState.isSubmitting ? "Submitting..." : submitText
     }
   ) : null;
-  const formContent = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_hook_form.FormProvider, { ...methods, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("form", { onSubmit: onFormSubmit, className, "data-autoform": true, children: children ? children({
+  const formContent = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_hook_form.FormProvider, { ...methods, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("form", { onSubmit: onFormSubmit, className, "data-autoform": true, children: children ? children({
     fields: renderedFields,
     submit: submitButton,
     formState: {
@@ -1922,12 +1726,12 @@ function AutoForm({
     },
     getField,
     getFieldsByGroup
-  }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+  }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
     renderedFields,
     submitButton
   ] }) }) });
   if (widgetRegistry2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(WidgetRegistryContext.Provider, { value: widgetRegistry2, children: formContent });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WidgetRegistryContext.Provider, { value: widgetRegistry2, children: formContent });
   }
   return formContent;
 }
@@ -2013,7 +1817,7 @@ function FieldGroup({
   }, [collapsible]);
   const headerId = `fieldgroup-${title.toLowerCase().replace(/\s+/g, "-")}`;
   const contentId = `${headerId}-content`;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "fieldset",
     {
       className,
@@ -2021,7 +1825,7 @@ function FieldGroup({
       "data-collapsible": collapsible,
       "data-collapsed": isCollapsed,
       children: [
-        collapsible ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("legend", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        collapsible ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("legend", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
           "button",
           {
             type: "button",
@@ -2030,13 +1834,13 @@ function FieldGroup({
             "aria-controls": contentId,
             "data-fieldgroup-toggle": true,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "data-fieldgroup-arrow": true, "aria-hidden": "true", children: isCollapsed ? "\u25B6" : "\u25BC" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { id: headerId, "data-fieldgroup-title": true, children: title })
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "data-fieldgroup-arrow": true, "aria-hidden": "true", children: isCollapsed ? "\u25B6" : "\u25BC" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { id: headerId, "data-fieldgroup-title": true, children: title })
             ]
           }
-        ) }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("legend", { id: headerId, "data-fieldgroup-title": true, children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { "data-fieldgroup-description": true, children: description }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("legend", { id: headerId, "data-fieldgroup-title": true, children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { "data-fieldgroup-description": true, children: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "div",
           {
             id: contentId,