@character-foundry/character-foundry 0.1.8-dev.1765911776 → 0.1.8-dev.1765913496

package/dist/app-framework.d.cts

@@ -102,7 +102,7 @@ export interface ExtensionState<TConfig = unknown> {
 /**
  * Built-in widget types that AutoForm understands
  */
-export type BuiltinWidget = "text" | "number" | "password" | "textarea" | "switch" | "checkbox" | "select" | "searchable-select" | "radio" | "slider" | "color-picker" | "tag-input" | "file-upload";
+export type BuiltinWidget = "text" | "number" | "password" | "textarea" | "switch" | "checkbox" | "select" | "searchable-select" | "radio" | "radio-group" | "slider" | "range" | "color-picker" | "color" | "tag-input" | "file-upload";
 /**
  * Props passed to custom widget components.
  *

package/dist/app-framework.d.ts

@@ -102,7 +102,7 @@ export interface ExtensionState<TConfig = unknown> {
 /**
  * Built-in widget types that AutoForm understands
  */
-export type BuiltinWidget = "text" | "number" | "password" | "textarea" | "switch" | "checkbox" | "select" | "searchable-select" | "radio" | "slider" | "color-picker" | "tag-input" | "file-upload";
+export type BuiltinWidget = "text" | "number" | "password" | "textarea" | "switch" | "checkbox" | "select" | "searchable-select" | "radio" | "radio-group" | "slider" | "range" | "color-picker" | "color" | "tag-input" | "file-upload";
 /**
  * Props passed to custom widget components.
  *

package/dist/app-framework.js

@@ -12,16 +12,19 @@ import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 import { useState, useCallback, useRef, useEffect, useMemo } from "react";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-import { useState as useState2, useCallback as useCallback2 } from "react";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-import { useState as useState3, useCallback as useCallback3 } from "react";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-import { useState as useState4, useCallback as useCallback4, useRef as useRef2 } from "react";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useState as useState2, useCallback as useCallback2 } from "react";
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-import { Fragment, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-import { useState as useState6, useCallback as useCallback6 } from "react";
+import { useState as useState3, useCallback as useCallback3 } from "react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useState as useState4, useCallback as useCallback4, useRef as useRef2 } from "react";
 import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useState as useState6, useCallback as useCallback6 } from "react";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 var noopServices = {
   toast: {
     success: () => {
@@ -296,20 +299,25 @@ function analyzeField(name, zodType) {
   let isNullable = false;
   let defaultValue;
   const description = getDescription(zodType);
-  if (currentType instanceof z.ZodOptional) {
-    isOptional = true;
-    currentType = currentType.unwrap();
-  }
-  if (currentType instanceof z.ZodNullable) {
-    isNullable = true;
-    currentType = currentType.unwrap();
-  }
-  if (currentType instanceof z.ZodDefault) {
-    defaultValue = currentType._def.defaultValue();
-    currentType = currentType._def.innerType;
-  }
-  if (currentType instanceof z.ZodEffects) {
-    currentType = currentType._def.schema;
+  let unwrapping = true;
+  while (unwrapping) {
+    unwrapping = false;
+    if (currentType instanceof z.ZodOptional) {
+      isOptional = true;
+      currentType = currentType.unwrap();
+      unwrapping = true;
+    } else if (currentType instanceof z.ZodNullable) {
+      isNullable = true;
+      currentType = currentType.unwrap();
+      unwrapping = true;
+    } else if (currentType instanceof z.ZodDefault) {
+      defaultValue = currentType._def.defaultValue();
+      currentType = currentType._def.innerType;
+      unwrapping = true;
+    } else if (currentType instanceof z.ZodEffects) {
+      currentType = currentType._def.schema;
+      unwrapping = true;
+    }
   }
   if (currentType instanceof z.ZodUnion) {
     const options = currentType._def.options;
@@ -914,7 +922,7 @@ function SearchableSelect({
               type: "button",
               id,
               onClick: handleOpen,
-              disabled,
+              disabled: disabled || hint?.readOnly,
               "aria-haspopup": "listbox",
               "aria-expanded": isOpen,
               "aria-labelledby": `${id}-label`,
@@ -972,6 +980,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__ */ jsxs7("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
+    /* @__PURE__ */ jsxs7("fieldset", { "data-radio-group": true, children: [
+      label && /* @__PURE__ */ jsxs7("legend", { "data-radio-legend": true, children: [
+        label,
+        required && /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", "data-required": true, children: "*" })
+      ] }),
+      hasHelper && /* @__PURE__ */ jsx7("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
+      /* @__PURE__ */ jsx7("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__ */ jsxs7(
+          "label",
+          {
+            htmlFor: optionId,
+            "data-radio-option": true,
+            "data-checked": isChecked,
+            children: [
+              /* @__PURE__ */ jsx7(
+                "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__ */ jsx7("span", { "data-radio-label": true, children: opt.label })
+            ]
+          },
+          opt.value
+        );
+      }) })
+    ] }),
+    hasError && /* @__PURE__ */ jsx7("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__ */ jsxs8("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
+    label && /* @__PURE__ */ jsxs8("label", { htmlFor: id, "data-slider-label": true, children: [
+      label,
+      required && /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", "data-required": true, children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs8("div", { "data-slider-container": true, children: [
+      /* @__PURE__ */ jsx8(
+        "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__ */ jsx8("output", { id: valueId, htmlFor: id, "data-slider-value": true, children: currentValue })
+    ] }),
+    hasHelper && /* @__PURE__ */ jsx8("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
+    hasError && /* @__PURE__ */ jsx8("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__ */ jsxs9("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
+    label && /* @__PURE__ */ jsxs9("label", { htmlFor: id, "data-color-label": true, children: [
+      label,
+      required && /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", "data-required": true, children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs9("div", { "data-color-container": true, children: [
+      /* @__PURE__ */ jsx9(
+        "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__ */ jsx9(
+        "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__ */ jsx9("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
+    hasError && /* @__PURE__ */ jsx9("p", { id: errorId, role: "alert", "data-error-message": true, children: error })
+  ] });
+}
 function TagInput({
   value,
   onChange,
@@ -1021,15 +1214,15 @@ function TagInput({
       addTag(inputValue);
     }
   }, [inputValue, addTag]);
-  return /* @__PURE__ */ jsxs7("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
-    label && /* @__PURE__ */ jsxs7("label", { htmlFor: id, children: [
+  return /* @__PURE__ */ jsxs10("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
+    label && /* @__PURE__ */ jsxs10("label", { htmlFor: id, children: [
       label,
-      required && /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", "data-required": true, children: "*" })
+      required && /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", "data-required": true, children: "*" })
     ] }),
-    /* @__PURE__ */ jsxs7("div", { "data-tag-container": true, children: [
-      tags.map((tag, index) => /* @__PURE__ */ jsxs7("span", { "data-tag": true, children: [
+    /* @__PURE__ */ jsxs10("div", { "data-tag-container": true, children: [
+      tags.map((tag, index) => /* @__PURE__ */ jsxs10("span", { "data-tag": true, children: [
         tag,
-        !disabled && !hint?.readOnly && /* @__PURE__ */ jsx7(
+        !disabled && !hint?.readOnly && /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -1040,7 +1233,7 @@ function TagInput({
           }
         )
       ] }, `${tag}-${index}`)),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx10(
         "input",
         {
           id,
@@ -1058,8 +1251,8 @@ function TagInput({
         }
       )
     ] }),
-    hasHelper && /* @__PURE__ */ jsx7("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
-    hasError && /* @__PURE__ */ jsx7("p", { id: errorId, role: "alert", "data-error-message": true, children: error })
+    hasHelper && /* @__PURE__ */ jsx10("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
+    hasError && /* @__PURE__ */ jsx10("p", { id: errorId, role: "alert", "data-error-message": true, children: error })
   ] });
 }
 function SecretInput({
@@ -1081,13 +1274,13 @@ function SecretInput({
   const toggleVisibility = useCallback3(() => {
     setShowValue((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ jsxs8("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
-    label && /* @__PURE__ */ jsxs8("label", { htmlFor: id, children: [
+  return /* @__PURE__ */ jsxs11("div", { className: hint?.className, "data-field": name, "data-error": hasError, children: [
+    label && /* @__PURE__ */ jsxs11("label", { htmlFor: id, children: [
       label,
-      required && /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", "data-required": true, children: "*" })
+      required && /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", "data-required": true, children: "*" })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { "data-secret-container": true, children: [
-      /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsxs11("div", { "data-secret-container": true, children: [
+      /* @__PURE__ */ jsx11(
         "input",
         {
           id,
@@ -1105,7 +1298,7 @@ function SecretInput({
           "data-secret-input": true
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -1117,8 +1310,8 @@ function SecretInput({
         }
       )
     ] }),
-    hasHelper && /* @__PURE__ */ jsx8("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
-    hasError && /* @__PURE__ */ jsx8("p", { id: errorId, role: "alert", "data-error-message": true, children: error })
+    hasHelper && /* @__PURE__ */ jsx11("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
+    hasError && /* @__PURE__ */ jsx11("p", { id: errorId, role: "alert", "data-error-message": true, children: error })
   ] });
 }
 function FileUpload({
@@ -1255,12 +1448,12 @@ function FileUpload({
   );
   const displayError = error ?? localError;
   const files = multiple ? Array.isArray(value) ? value : [] : value instanceof File ? [value] : [];
-  return /* @__PURE__ */ jsxs9("div", { className: hint?.className, "data-field": name, "data-error": Boolean(displayError), children: [
-    label && /* @__PURE__ */ jsxs9("label", { htmlFor: id, children: [
+  return /* @__PURE__ */ jsxs12("div", { className: hint?.className, "data-field": name, "data-error": Boolean(displayError), children: [
+    label && /* @__PURE__ */ jsxs12("label", { htmlFor: id, children: [
       label,
-      required && /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", "data-required": true, children: "*" })
+      required && /* @__PURE__ */ jsx12("span", { "aria-hidden": "true", "data-required": true, children: "*" })
     ] }),
-    /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs12(
       "div",
       {
         "data-file-dropzone": true,
@@ -1271,10 +1464,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__ */ jsx9(
+          /* @__PURE__ */ jsx12(
             "input",
             {
               ref: inputRef,
@@ -1283,21 +1476,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__ */ jsx9("p", { "data-file-placeholder": true, children: hint?.placeholder ?? (isDragging ? "Drop files here..." : "Click or drag files to upload") }) : /* @__PURE__ */ jsx9("ul", { "data-file-list": true, children: files.map((file, index) => /* @__PURE__ */ jsxs9("li", { "data-file-item": true, children: [
-            /* @__PURE__ */ jsx9("span", { "data-file-name": true, children: file.name }),
-            /* @__PURE__ */ jsxs9("span", { "data-file-size": true, children: [
+          files.length === 0 ? /* @__PURE__ */ jsx12("p", { "data-file-placeholder": true, children: hint?.placeholder ?? (isDragging ? "Drop files here..." : "Click or drag files to upload") }) : /* @__PURE__ */ jsx12("ul", { "data-file-list": true, children: files.map((file, index) => /* @__PURE__ */ jsxs12("li", { "data-file-item": true, children: [
+            /* @__PURE__ */ jsx12("span", { "data-file-name": true, children: file.name }),
+            /* @__PURE__ */ jsxs12("span", { "data-file-size": true, children: [
               "(",
               formatFileSize(file.size),
               ")"
             ] }),
-            !disabled && !hint?.readOnly && /* @__PURE__ */ jsx9(
+            !disabled && !hint?.readOnly && /* @__PURE__ */ jsx12(
               "button",
               {
                 type: "button",
@@ -1314,8 +1507,8 @@ function FileUpload({
         ]
       }
     ),
-    hasHelper && /* @__PURE__ */ jsx9("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
-    displayError && /* @__PURE__ */ jsx9("p", { id: errorId, role: "alert", "data-error-message": true, children: displayError })
+    hasHelper && /* @__PURE__ */ jsx12("p", { id: helperId, "data-helper": true, children: hint?.helperText }),
+    displayError && /* @__PURE__ */ jsx12("p", { id: errorId, role: "alert", "data-error-message": true, children: displayError })
   ] });
 }
 function formatFileSize(bytes) {
@@ -1331,15 +1524,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,
@@ -1362,10 +1555,10 @@ 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__ */ jsx10("div", { "data-nested-object": true, "data-field": fieldInfo.name, children: /* @__PURE__ */ jsxs10("fieldset", { "data-nested-fieldset": true, children: [
-      /* @__PURE__ */ jsx10("legend", { "data-nested-legend": true, children: hint?.label ?? fieldInfo.description ?? formatLabel(fieldBaseName2) }),
-      hint?.helperText && /* @__PURE__ */ jsx10("p", { "data-helper": true, children: hint.helperText }),
-      /* @__PURE__ */ jsx10("div", { "data-nested-fields": true, children: nestedFields.map((nestedInfo) => renderNestedField(nestedInfo)) })
+    return /* @__PURE__ */ jsx13("div", { "data-nested-object": true, "data-field": fieldInfo.name, children: /* @__PURE__ */ jsxs13("fieldset", { "data-nested-fieldset": true, children: [
+      /* @__PURE__ */ jsx13("legend", { "data-nested-legend": true, children: hint?.label ?? fieldInfo.description ?? formatLabel(fieldBaseName2) }),
+      hint?.helperText && /* @__PURE__ */ jsx13("p", { "data-helper": true, children: hint.helperText }),
+      /* @__PURE__ */ jsx13("div", { "data-nested-fields": true, children: nestedFields.map((nestedInfo) => renderNestedField(nestedInfo)) })
     ] }) });
   }
   let Widget;
@@ -1406,11 +1599,30 @@ function FieldRenderer({
       max: hint?.max ?? fieldInfo.constraints?.max ?? fieldInfo.constraints?.maxLength
     }
   };
-  return /* @__PURE__ */ jsx10(Widget, { ...props });
+  return /* @__PURE__ */ jsx13(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,
@@ -1470,7 +1682,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);
         }
       }
@@ -1522,28 +1736,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 = useCallback5((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 = useCallback5(
     (fieldName) => {
@@ -1601,12 +1797,12 @@ function AutoForm({
       const hint = getHint(fieldInfo.name);
       if (hint?.hidden) return null;
       if (!isConditionMet(hint?.condition)) return null;
-      return /* @__PURE__ */ jsx11(
+      return /* @__PURE__ */ jsx14(
         Controller,
         {
           name: fieldInfo.name,
           control,
-          render: ({ field, fieldState }) => /* @__PURE__ */ jsx11(
+          render: ({ field, fieldState }) => /* @__PURE__ */ jsx14(
             FieldRenderer,
             {
               fieldInfo,
@@ -1651,7 +1847,7 @@ function AutoForm({
     },
     [flatFieldInfoMap, getField, getHint]
   );
-  const submitButton = withSubmit ? /* @__PURE__ */ jsx11(
+  const submitButton = withSubmit ? /* @__PURE__ */ jsx14(
     "button",
     {
       type: "submit",
@@ -1660,7 +1856,7 @@ function AutoForm({
       children: formState.isSubmitting ? "Submitting..." : submitText
     }
   ) : null;
-  const formContent = /* @__PURE__ */ jsx11(FormProvider, { ...methods, children: /* @__PURE__ */ jsx11("form", { onSubmit: onFormSubmit, className, "data-autoform": true, children: children ? children({
+  const formContent = /* @__PURE__ */ jsx14(FormProvider, { ...methods, children: /* @__PURE__ */ jsx14("form", { onSubmit: onFormSubmit, className, "data-autoform": true, children: children ? children({
     fields: renderedFields,
     submit: submitButton,
     formState: {
@@ -1670,12 +1866,12 @@ function AutoForm({
     },
     getField,
     getFieldsByGroup
-  }) : /* @__PURE__ */ jsxs11(Fragment, { children: [
+  }) : /* @__PURE__ */ jsxs14(Fragment, { children: [
     renderedFields,
     submitButton
   ] }) }) });
   if (widgetRegistry2) {
-    return /* @__PURE__ */ jsx11(WidgetRegistryContext.Provider, { value: widgetRegistry2, children: formContent });
+    return /* @__PURE__ */ jsx14(WidgetRegistryContext.Provider, { value: widgetRegistry2, children: formContent });
   }
   return formContent;
 }
@@ -1761,7 +1957,7 @@ function FieldGroup({
   }, [collapsible]);
   const headerId = `fieldgroup-${title.toLowerCase().replace(/\s+/g, "-")}`;
   const contentId = `${headerId}-content`;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs15(
     "fieldset",
     {
       className,
@@ -1769,7 +1965,7 @@ function FieldGroup({
       "data-collapsible": collapsible,
       "data-collapsed": isCollapsed,
       children: [
-        collapsible ? /* @__PURE__ */ jsx12("legend", { children: /* @__PURE__ */ jsxs12(
+        collapsible ? /* @__PURE__ */ jsx15("legend", { children: /* @__PURE__ */ jsxs15(
           "button",
           {
             type: "button",
@@ -1778,13 +1974,13 @@ function FieldGroup({
             "aria-controls": contentId,
             "data-fieldgroup-toggle": true,
             children: [
-              /* @__PURE__ */ jsx12("span", { "data-fieldgroup-arrow": true, "aria-hidden": "true", children: isCollapsed ? "\u25B6" : "\u25BC" }),
-              /* @__PURE__ */ jsx12("span", { id: headerId, "data-fieldgroup-title": true, children: title })
+              /* @__PURE__ */ jsx15("span", { "data-fieldgroup-arrow": true, "aria-hidden": "true", children: isCollapsed ? "\u25B6" : "\u25BC" }),
+              /* @__PURE__ */ jsx15("span", { id: headerId, "data-fieldgroup-title": true, children: title })
             ]
           }
-        ) }) : /* @__PURE__ */ jsx12("legend", { id: headerId, "data-fieldgroup-title": true, children: title }),
-        description && /* @__PURE__ */ jsx12("p", { "data-fieldgroup-description": true, children: description }),
-        /* @__PURE__ */ jsx12(
+        ) }) : /* @__PURE__ */ jsx15("legend", { id: headerId, "data-fieldgroup-title": true, children: title }),
+        description && /* @__PURE__ */ jsx15("p", { "data-fieldgroup-description": true, children: description }),
+        /* @__PURE__ */ jsx15(
           "div",
           {
             id: contentId,