@character-foundry/character-foundry 0.1.9 → 0.4.0-dev.1765938243

package/dist/app-framework.cjs

@@ -68,16 +68,19 @@ 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_react7 = require("react");
+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 noopServices = {
   toast: {
     success: () => {
@@ -352,20 +355,25 @@ function analyzeField(name, zodType) {
   let isNullable = false;
   let defaultValue;
   const description = getDescription(zodType);
-  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;
+  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.ZodUnion) {
     const options = currentType._def.options;
@@ -970,7 +978,7 @@ function SearchableSelect({
               type: "button",
               id,
               onClick: handleOpen,
-              disabled,
+              disabled: disabled || hint?.readOnly,
               "aria-haspopup": "listbox",
               "aria-expanded": isOpen,
               "aria-labelledby": `${id}-label`,
@@ -1028,6 +1036,191 @@ 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,
@@ -1077,15 +1270,15 @@ function TagInput({
       addTag(inputValue);
     }
   }, [inputValue, addTag]);
-  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: [
+  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: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", "data-required": 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: [
+    /* @__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: [
         tag,
-        !disabled && !hint?.readOnly && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        !disabled && !hint?.readOnly && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "button",
           {
             type: "button",
@@ -1096,7 +1289,7 @@ function TagInput({
           }
         )
       ] }, `${tag}-${index}`)),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "input",
         {
           id,
@@ -1114,8 +1307,8 @@ function TagInput({
         }
       )
     ] }),
-    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 })
+    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 })
   ] });
 }
 function SecretInput({
@@ -1137,13 +1330,13 @@ function SecretInput({
   const toggleVisibility = (0, import_react5.useCallback)(() => {
     setShowValue((prev) => !prev);
   }, []);
-  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: [
+  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: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-secret-container": true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { "data-secret-container": true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "input",
         {
           id,
@@ -1161,7 +1354,7 @@ function SecretInput({
           "data-secret-input": true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "button",
         {
           type: "button",
@@ -1173,8 +1366,8 @@ function SecretInput({
         }
       )
     ] }),
-    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 })
+    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 })
   ] });
 }
 function FileUpload({
@@ -1311,12 +1504,12 @@ function FileUpload({
   );
   const displayError = error ?? localError;
   const files = multiple ? Array.isArray(value) ? value : [] : value instanceof File ? [value] : [];
-  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: [
+  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: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "aria-hidden": "true", "data-required": true, children: "*" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "div",
       {
         "data-file-dropzone": true,
@@ -1327,10 +1520,10 @@ function FileUpload({
         onDrop: handleDrop,
         onClick: handleClick,
         role: "button",
-        tabIndex: disabled ? -1 : 0,
+        tabIndex: disabled || hint?.readOnly ? -1 : 0,
         "aria-describedby": [Boolean(displayError) && errorId, hasHelper && helperId].filter(Boolean).join(" ") || void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "input",
             {
               ref: inputRef,
@@ -1339,21 +1532,21 @@ function FileUpload({
               name,
               accept,
               multiple,
-              disabled,
+              disabled: disabled || hint?.readOnly,
               onChange: handleChange,
               "aria-invalid": Boolean(displayError),
               "aria-required": required,
               "data-file-input": true
             }
           ),
-          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: [
+          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: [
               "(",
               formatFileSize(file.size),
               ")"
             ] }),
-            !disabled && !hint?.readOnly && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            !disabled && !hint?.readOnly && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "button",
               {
                 type: "button",
@@ -1370,8 +1563,8 @@ function FileUpload({
         ]
       }
     ),
-    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 })
+    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 })
   ] });
 }
 function formatFileSize(bytes) {
@@ -1387,15 +1580,15 @@ var BUILTIN_WIDGETS = {
   checkbox: Switch,
   select: Select,
   "searchable-select": SearchableSelect,
-  radio: Select,
-  // Could be RadioGroup
+  radio: RadioGroup,
+  "radio-group": RadioGroup,
   password: SecretInput,
   "tag-input": TagInput,
   "file-upload": FileUpload,
-  slider: NumberInput,
-  // Could be Slider widget
-  "color-picker": TextInput
-  // Could be ColorPicker widget
+  slider: Slider,
+  range: Slider,
+  "color-picker": ColorPicker,
+  color: ColorPicker
 };
 var TYPE_TO_WIDGET = {
   ZodString: TextInput,
@@ -1418,16 +1611,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_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)) })
+    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)) })
     ] }) });
   }
   let Widget;
   if (hint?.widget) {
     if (typeof hint.widget === "string") {
-      Widget = BUILTIN_WIDGETS[hint.widget] ?? widgetRegistry2.getComponent(hint.widget) ?? TextInput;
+      Widget = widgetRegistry2.getComponent(hint.widget) ?? BUILTIN_WIDGETS[hint.widget] ?? TextInput;
     } else {
       Widget = hint.widget;
     }
@@ -1462,11 +1655,30 @@ function FieldRenderer({
       max: hint?.max ?? fieldInfo.constraints?.max ?? fieldInfo.constraints?.maxLength
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Widget, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.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,
@@ -1526,7 +1738,9 @@ function AutoForm({
             fields.add(condition.field);
           }
         }
-        if (!("widget" in hint) && !("label" in hint) && !("condition" in hint)) {
+        const hintKeys = Object.keys(hint);
+        const isHintObject = hintKeys.length > 0 && hintKeys.every((k) => HINT_KEYS.has(k));
+        if (!isHintObject) {
           extractConditionFields(hint, prefix ? `${prefix}.${key}` : key);
         }
       }
@@ -1578,28 +1792,10 @@ 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;
-    return Object.keys(obj).some((key) => HINT_KEYS.has(key));
+    const keys = Object.keys(obj);
+    return keys.length > 0 && keys.every((key) => HINT_KEYS.has(key));
   }, []);
   const getHint = (0, import_react.useCallback)(
     (fieldName) => {
@@ -1657,12 +1853,12 @@ function AutoForm({
       const hint = getHint(fieldInfo.name);
       if (hint?.hidden) return null;
       if (!isConditionMet(hint?.condition)) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         import_react_hook_form.Controller,
         {
           name: fieldInfo.name,
           control,
-          render: ({ field, fieldState }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          render: ({ field, fieldState }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             FieldRenderer,
             {
               fieldInfo,
@@ -1707,7 +1903,7 @@ function AutoForm({
     },
     [flatFieldInfoMap, getField, getHint]
   );
-  const submitButton = withSubmit ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  const submitButton = withSubmit ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "button",
     {
       type: "submit",
@@ -1716,7 +1912,7 @@ function AutoForm({
       children: formState.isSubmitting ? "Submitting..." : submitText
     }
   ) : null;
-  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({
+  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({
     fields: renderedFields,
     submit: submitButton,
     formState: {
@@ -1726,12 +1922,12 @@ function AutoForm({
     },
     getField,
     getFieldsByGroup
-  }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+  }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
     renderedFields,
     submitButton
   ] }) }) });
   if (widgetRegistry2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(WidgetRegistryContext.Provider, { value: widgetRegistry2, children: formContent });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(WidgetRegistryContext.Provider, { value: widgetRegistry2, children: formContent });
   }
   return formContent;
 }
@@ -1817,7 +2013,7 @@ function FieldGroup({
   }, [collapsible]);
   const headerId = `fieldgroup-${title.toLowerCase().replace(/\s+/g, "-")}`;
   const contentId = `${headerId}-content`;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "fieldset",
     {
       className,
@@ -1825,7 +2021,7 @@ function FieldGroup({
       "data-collapsible": collapsible,
       "data-collapsed": isCollapsed,
       children: [
-        collapsible ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("legend", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        collapsible ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("legend", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           "button",
           {
             type: "button",
@@ -1834,13 +2030,13 @@ function FieldGroup({
             "aria-controls": contentId,
             "data-fieldgroup-toggle": true,
             children: [
-              /* @__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)("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)("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)(
+        ) }) : /* @__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)(
           "div",
           {
             id: contentId,