@lostgradient/cinder 0.3.0 → 0.4.0

package/dist/components/schema-form/index.js

@@ -26,7 +26,11 @@ import"@lostgradient/cinder/schema-form/styles";
 
 // src/components/schema-form/schema-form.svelte
 import"svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
+import * as $7 from "svelte/internal/client";
+
+// src/components/schema-form/schema-form-body.svelte
+import"svelte/internal/disclose-version";
+import * as $6 from "svelte/internal/client";
 import { tick } from "svelte";
 
 // src/utilities/class-names.ts
@@ -34,41 +38,1424 @@ function classNames(...parts) {
   return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
 }
 
-// src/components/schema-form/schema-form-model.ts
-function isRecord(value) {
-  return value !== null && typeof value === "object" && !Array.isArray(value);
+// src/components/checkbox/checkbox.svelte
+import"svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+// src/_internal/field-control.ts
+function describeId(fieldId, hasDescription) {
+  return hasDescription ? `${fieldId}-description` : undefined;
 }
-function isStandardSchema(value) {
-  if (!isRecord(value))
-    return false;
-  const standard = value["~standard"];
-  return isRecord(standard) && standard["version"] === 1;
+function errorId(fieldId, hasError) {
+  return hasError ? `${fieldId}-error` : undefined;
 }
-function hasJsonSchemaConverter(value) {
-  const standard = value["~standard"];
-  return isRecord(standard.jsonSchema) && typeof standard.jsonSchema.input === "function";
+function composeDescribedBy(...ids) {
+  const filtered = ids.flatMap((id) => typeof id === "string" ? id.trim().split(/\s+/).filter(Boolean) : []);
+  const unique = Array.from(new Set(filtered));
+  return unique.length > 0 ? unique.join(" ") : undefined;
 }
-function jsonSchemaFromStandardSchema(schema) {
-  if (!hasJsonSchemaConverter(schema))
-    return null;
-  try {
-    const generated = schema["~standard"].jsonSchema.input({ target: "draft-2020-12" });
-    return isRecord(generated) ? generated : null;
-  } catch {
-    return null;
-  }
+function ariaInvalid(hasError) {
+  return hasError ? "true" : undefined;
 }
-function createSchemaFormModel(schema) {
-  const sourceSchema = isStandardSchema(schema) ? jsonSchemaFromStandardSchema(schema) ?? fallbackRawJsonSchema() : schema;
+function resolveFieldControl(input) {
+  const resolvedId = input.id ?? input.context?.controlId ?? input.generatedId;
+  const defaultDescriptionId = describeId(resolvedId, input.hasDescription ?? false);
+  const defaultErrorId = errorId(resolvedId, input.hasError ?? false);
+  const ownDescriptionId = defaultDescriptionId && defaultDescriptionId === input.context?.descriptionId && input.localIdNamespace ? `${resolvedId}-${input.localIdNamespace}-description` : defaultDescriptionId;
+  const ownErrorId = defaultErrorId && defaultErrorId === input.context?.errorId && input.localIdNamespace ? `${resolvedId}-${input.localIdNamespace}-error` : defaultErrorId;
+  const descriptionId = ownDescriptionId ?? input.context?.descriptionId;
+  const resolvedErrorId = ownErrorId ?? input.context?.errorId;
+  const explicitInvalid = ariaInvalid(input.hasError ?? false);
+  const consumerInvalid = input.consumerInvalid === true ? "true" : input.consumerInvalid === false ? undefined : input.consumerInvalid ?? undefined;
   return {
-    field: fieldFromJsonSchema(sourceSchema, [], "value", true),
-    sourceSchema
+    id: resolvedId,
+    ownDescriptionId,
+    ownErrorId,
+    descriptionId,
+    errorId: resolvedErrorId,
+    describedBy: composeDescribedBy(descriptionId, ...input.additionalDescribedBy ?? [], resolvedErrorId, input.context?.describedBy, input.consumerDescribedBy),
+    ariaInvalid: explicitInvalid ?? input.context?.invalid ?? consumerInvalid,
+    required: input.required ?? input.context?.required ?? false,
+    disabled: input.disabled ?? input.context?.disabled ?? false
   };
 }
-function fallbackRawJsonSchema() {
+
+// src/_internal/form-field-context.ts
+import { createContext } from "svelte";
+
+// src/_internal/optional-context.ts
+function optionalContext(getStrict) {
+  return () => {
+    try {
+      return getStrict();
+    } catch {
+      return;
+    }
+  };
+}
+
+// src/_internal/form-field-context.ts
+var [getFormFieldContextStrict, setFormFieldContextRaw] = createContext();
+function setFormFieldContext(context) {
+  setFormFieldContextRaw(context);
+}
+var getFormFieldContext = optionalContext(getFormFieldContextStrict);
+
+// ../../node_modules/esm-env/true.js
+var true_default = true;
+// src/utilities/dev-warn.ts
+function devWarn(message, ...args) {
+  if (!true_default)
+    return;
+  console.warn(message, ...args);
+}
+
+// src/utilities/value-change.ts
+function commitValue(proposed, onValueChange, setValue) {
+  const committed = onValueChange?.(proposed) ?? proposed;
+  setValue(committed);
+  return committed;
+}
+
+// src/components/checkbox/checkbox.svelte
+var root_2 = $.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_1 = $.from_html(`<label class="cinder-checkbox-field__label"> <!></label>`);
+var root_3 = $.from_html(`<p class="cinder-checkbox-field__description"> </p>`);
+var root_4 = $.from_html(`<p class="cinder-checkbox-field__error" aria-live="polite"> </p>`);
+var root = $.from_html(`<div class="cinder-checkbox-field"><div class="cinder-checkbox-row"><span class="cinder-checkbox-field__control"><input/> <span class="cinder-checkbox-field__indicator" aria-hidden="true"></span></span> <!></div> <!> <!></div>`);
+function Checkbox($$anchor, $$props) {
+  const generatedId = $.props_id();
+  $.push($$props, true);
+  let checked = $.prop($$props, "checked", 15, false), indeterminate = $.prop($$props, "indeterminate", 11, false), rest = $.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "id",
+    "checked",
+    "onValueChange",
+    "indeterminate",
+    "label",
+    "description",
+    "error",
+    "disabled",
+    "required",
+    "class",
+    "aria-describedby",
+    "aria-invalid",
+    "onchange"
+  ]);
+  const context = getFormFieldContext();
+  const field = $.derived(() => resolveFieldControl({
+    ...$$props.id !== undefined ? { id: $$props.id } : {},
+    generatedId,
+    context,
+    hasDescription: !!$$props.description,
+    hasError: !!$$props.error,
+    localIdNamespace: "checkbox",
+    consumerDescribedBy: $$props["aria-describedby"],
+    consumerInvalid: $$props["aria-invalid"],
+    disabled: $$props.disabled,
+    required: $$props.required ?? undefined
+  }));
+  $.user_effect(() => {
+    if (context && $$props.id && context.controlId !== $$props.id) {
+      devWarn(`[cinder/Checkbox] id mismatch: Checkbox id="${$$props.id}" but wrapping FormField expects controlId="${context.controlId}". Set the same id on both, or omit id on the Checkbox to inherit it.`);
+    }
+  });
+  let inputElement = $.state(undefined);
+  $.user_effect(() => {
+    if ($.get(inputElement)) {
+      $.get(inputElement).indeterminate = indeterminate() && !checked();
+    }
+  });
+  let resetSyncTimeout;
+  function syncCheckedAfterFormReset() {
+    if (resetSyncTimeout !== undefined)
+      clearTimeout(resetSyncTimeout);
+    resetSyncTimeout = setTimeout(() => {
+      resetSyncTimeout = undefined;
+      if (!$.get(inputElement))
+        return;
+      checked($.get(inputElement).checked);
+      $.get(inputElement).indeterminate = indeterminate() && !$.get(inputElement).checked;
+    }, 0);
+  }
+  $.user_effect(() => {
+    const form = $.get(inputElement)?.form;
+    if (!form)
+      return;
+    form.addEventListener("reset", syncCheckedAfterFormReset);
+    return () => {
+      form.removeEventListener("reset", syncCheckedAfterFormReset);
+      if (resetSyncTimeout !== undefined) {
+        clearTimeout(resetSyncTimeout);
+        resetSyncTimeout = undefined;
+      }
+    };
+  });
+  function handleChange(event) {
+    const target = event.currentTarget;
+    const committed = commitValue(target.checked, $$props.onValueChange, (next2) => {
+      checked(next2);
+    });
+    target.checked = committed;
+    target.indeterminate = indeterminate() && !committed;
+    $$props.onchange?.(event);
+  }
+  var div = root();
+  var div_1 = $.child(div);
+  var span = $.child(div_1);
+  var input = $.child(span);
+  $.attribute_effect(input, ($0) => ({
+    id: $.get(field).id,
+    type: "checkbox",
+    ...rest,
+    disabled: $.get(field).disabled,
+    required: $.get(field).required,
+    checked: checked(),
+    onchange: handleChange,
+    class: $0,
+    "aria-invalid": $.get(field).ariaInvalid,
+    "aria-describedby": $.get(field).describedBy
+  }), [() => classNames("cinder-checkbox", $$props.class)], undefined, undefined, undefined, true);
+  $.bind_this(input, ($$value) => $.set(inputElement, $$value), () => $.get(inputElement));
+  $.next(2);
+  $.reset(span);
+  var node = $.sibling(span, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var label_1 = root_1();
+      var text = $.child(label_1);
+      var node_1 = $.sibling(text);
+      {
+        var consequent = ($$anchor3) => {
+          var span_1 = root_2();
+          $.append($$anchor3, span_1);
+        };
+        $.if(node_1, ($$render) => {
+          if ($.get(field).required)
+            $$render(consequent);
+        });
+      }
+      $.reset(label_1);
+      $.template_effect(() => {
+        $.set_attribute(label_1, "for", $.get(field).id);
+        $.set_attribute(label_1, "data-disabled", $.get(field).disabled || undefined);
+        $.set_text(text, `${$$props.label ?? ""} `);
+      });
+      $.append($$anchor2, label_1);
+    };
+    $.if(node, ($$render) => {
+      if ($$props.label)
+        $$render(consequent_1);
+    });
+  }
+  $.reset(div_1);
+  var node_2 = $.sibling(div_1, 2);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var p = root_3();
+      var text_1 = $.child(p, true);
+      $.reset(p);
+      $.template_effect(() => {
+        $.set_attribute(p, "id", $.get(field).ownDescriptionId);
+        $.set_text(text_1, $$props.description);
+      });
+      $.append($$anchor2, p);
+    };
+    $.if(node_2, ($$render) => {
+      if ($$props.description)
+        $$render(consequent_2);
+    });
+  }
+  var node_3 = $.sibling(node_2, 2);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var p_1 = root_4();
+      var text_2 = $.child(p_1, true);
+      $.reset(p_1);
+      $.template_effect(() => {
+        $.set_attribute(p_1, "id", $.get(field).ownErrorId);
+        $.set_text(text_2, $$props.error);
+      });
+      $.append($$anchor2, p_1);
+    };
+    $.if(node_3, ($$render) => {
+      if ($$props.error)
+        $$render(consequent_3);
+    });
+  }
+  $.reset(div);
+  $.append($$anchor, div);
+  $.pop();
+}
+
+// src/components/input/input.svelte
+import"svelte/internal/disclose-version";
+import * as $2 from "svelte/internal/client";
+var calendarIcon = ($$anchor) => {
+  var svg = root_12();
+  $2.append($$anchor, svg);
+};
+var root_12 = $2.from_svg(`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>`);
+var root_22 = $2.from_html(`<input/>`);
+var root_42 = $2.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_32 = $2.from_html(`<label class="cinder-input-field__label"> <!></label>`);
+var root_6 = $2.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
+var root_7 = $2.from_html(`<span class="cinder-input-group__trailing cinder-_truncate"><!></span>`);
+var root_8 = $2.from_html(`<span class="cinder-input-group__trailing cinder-input-group__date-icon cinder-_truncate" aria-hidden="true"><!></span>`);
+var root_5 = $2.from_html(`<div class="cinder-input-group"><!> <!> <!></div>`);
+var root_10 = $2.from_html(`<p class="cinder-input-field__description"> </p>`);
+var root_11 = $2.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
+var root2 = $2.from_html(`<div class="cinder-input-field"><!> <!> <!> <!></div>`);
+function Input($$anchor, $$props) {
+  $2.push($$props, true);
+  const inputElement = ($$anchor2) => {
+    var input = root_22();
+    $2.attribute_effect(input, ($0) => ({
+      id: $$props.id,
+      type: type(),
+      ...rest,
+      disabled: $2.get(resolvedDisabled),
+      required: $2.get(resolvedRequired),
+      value: value(),
+      oninput: handleInput,
+      class: $0,
+      "data-cinder-native-date": $2.get(rendersNativeDateIcon) ? "" : undefined,
+      "aria-invalid": $2.get(resolvedAriaInvalid),
+      "aria-describedby": $2.get(describedBy)
+    }), [() => classNames("cinder-input", $$props.class)], undefined, undefined, undefined, true);
+    $2.bind_this(input, ($$value) => $2.set(inputNode, $$value), () => $2.get(inputNode));
+    $2.append($$anchor2, input);
+  };
+  let value = $2.prop($$props, "value", 15, ""), type = $2.prop($$props, "type", 3, "text"), leadingInteractive = $2.prop($$props, "leadingInteractive", 3, false), trailingInteractive = $2.prop($$props, "trailingInteractive", 3, false), rest = $2.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "id",
+    "value",
+    "onValueChange",
+    "label",
+    "description",
+    "error",
+    "disabled",
+    "required",
+    "type",
+    "class",
+    "leading",
+    "trailing",
+    "leadingInteractive",
+    "trailingInteractive",
+    "aria-describedby",
+    "aria-invalid",
+    "oninput"
+  ]);
+  const context = getFormFieldContext();
+  $2.user_effect(() => {
+    if (context && context.controlId !== $$props.id) {
+      devWarn(`[cinder/Input] id mismatch: Input id="${$$props.id}" but wrapping FormField expects controlId="${context.controlId}". Set the same id on both.`);
+    }
+  });
+  const field = $2.derived(() => resolveFieldControl({
+    id: $$props.id,
+    generatedId: $$props.id,
+    context,
+    hasDescription: !!$$props.description,
+    hasError: !!$$props.error,
+    localIdNamespace: "input",
+    consumerDescribedBy: $$props["aria-describedby"],
+    consumerInvalid: $$props["aria-invalid"],
+    required: $$props.required,
+    disabled: $$props.disabled
+  }));
+  const ownDescriptionId = $2.derived(() => $2.get(field).ownDescriptionId);
+  const ownErrorId = $2.derived(() => $2.get(field).ownErrorId);
+  const describedBy = $2.derived(() => $2.get(field).describedBy);
+  const resolvedAriaInvalid = $2.derived(() => $2.get(field).ariaInvalid);
+  const resolvedRequired = $2.derived(() => $2.get(field).required);
+  const resolvedDisabled = $2.derived(() => $2.get(field).disabled);
+  const isNativeDateInput = $2.derived(() => type() === "date");
+  const rendersNativeDateIcon = $2.derived(() => $2.get(isNativeDateInput) && !$$props.trailing);
+  const hasTrailing = $2.derived(() => !!$$props.trailing || $2.get(isNativeDateInput));
+  const hasGroupWrapper = $2.derived(() => !!$$props.leading || $2.get(hasTrailing));
+  const isInvalid = $2.derived(() => $2.get(resolvedAriaInvalid) === "true");
+  let inputNode = $2.state(undefined);
+  let resetSyncTimeout;
+  function syncValueAfterFormReset() {
+    if (resetSyncTimeout !== undefined)
+      clearTimeout(resetSyncTimeout);
+    resetSyncTimeout = setTimeout(() => {
+      resetSyncTimeout = undefined;
+      if ($2.get(inputNode))
+        value($2.get(inputNode).value);
+    }, 0);
+  }
+  $2.user_effect(() => {
+    const form = $2.get(inputNode)?.form;
+    if (!form)
+      return;
+    form.addEventListener("reset", syncValueAfterFormReset);
+    return () => {
+      form.removeEventListener("reset", syncValueAfterFormReset);
+      if (resetSyncTimeout !== undefined) {
+        clearTimeout(resetSyncTimeout);
+        resetSyncTimeout = undefined;
+      }
+    };
+  });
+  function handleInput(event) {
+    const target = event.currentTarget;
+    const committed = commitValue(target.value, $$props.onValueChange, (next2) => {
+      value(next2);
+    });
+    target.value = committed;
+    $$props.oninput?.(event);
+  }
+  var div = root2();
+  var node = $2.child(div);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var label_1 = root_32();
+      var text = $2.child(label_1);
+      var node_1 = $2.sibling(text);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root_42();
+          $2.append($$anchor3, span);
+        };
+        $2.if(node_1, ($$render) => {
+          if ($2.get(resolvedRequired))
+            $$render(consequent);
+        });
+      }
+      $2.reset(label_1);
+      $2.template_effect(() => {
+        $2.set_attribute(label_1, "for", $$props.id);
+        $2.set_attribute(label_1, "data-disabled", $2.get(resolvedDisabled) || undefined);
+        $2.set_text(text, `${$$props.label ?? ""} `);
+      });
+      $2.append($$anchor2, label_1);
+    };
+    $2.if(node, ($$render) => {
+      if ($$props.label)
+        $$render(consequent_1);
+    });
+  }
+  var node_2 = $2.sibling(node, 2);
+  {
+    var consequent_5 = ($$anchor2) => {
+      var div_1 = root_5();
+      var node_3 = $2.child(div_1);
+      {
+        var consequent_2 = ($$anchor3) => {
+          var span_1 = root_6();
+          var node_4 = $2.child(span_1);
+          $2.snippet(node_4, () => $$props.leading);
+          $2.reset(span_1);
+          $2.template_effect(() => $2.set_attribute(span_1, "aria-hidden", leadingInteractive() ? undefined : "true"));
+          $2.append($$anchor3, span_1);
+        };
+        $2.if(node_3, ($$render) => {
+          if ($$props.leading)
+            $$render(consequent_2);
+        });
+      }
+      var node_5 = $2.sibling(node_3, 2);
+      inputElement(node_5);
+      var node_6 = $2.sibling(node_5, 2);
+      {
+        var consequent_3 = ($$anchor3) => {
+          var span_2 = root_7();
+          var node_7 = $2.child(span_2);
+          $2.snippet(node_7, () => $$props.trailing);
+          $2.reset(span_2);
+          $2.template_effect(() => $2.set_attribute(span_2, "aria-hidden", trailingInteractive() ? undefined : "true"));
+          $2.append($$anchor3, span_2);
+        };
+        var consequent_4 = ($$anchor3) => {
+          var span_3 = root_8();
+          var node_8 = $2.child(span_3);
+          calendarIcon(node_8);
+          $2.reset(span_3);
+          $2.append($$anchor3, span_3);
+        };
+        $2.if(node_6, ($$render) => {
+          if ($$props.trailing)
+            $$render(consequent_3);
+          else if ($2.get(rendersNativeDateIcon))
+            $$render(consequent_4, 1);
+        });
+      }
+      $2.reset(div_1);
+      $2.template_effect(() => {
+        $2.set_attribute(div_1, "data-leading", $$props.leading ? "" : undefined);
+        $2.set_attribute(div_1, "data-trailing", $2.get(hasTrailing) ? "" : undefined);
+        $2.set_attribute(div_1, "data-native-date", $2.get(rendersNativeDateIcon) ? "" : undefined);
+        $2.set_attribute(div_1, "data-disabled", $2.get(resolvedDisabled) ? "" : undefined);
+        $2.set_attribute(div_1, "data-invalid", $2.get(isInvalid) ? "" : undefined);
+      });
+      $2.append($$anchor2, div_1);
+    };
+    var alternate = ($$anchor2) => {
+      inputElement($$anchor2);
+    };
+    $2.if(node_2, ($$render) => {
+      if ($2.get(hasGroupWrapper))
+        $$render(consequent_5);
+      else
+        $$render(alternate, -1);
+    });
+  }
+  var node_9 = $2.sibling(node_2, 2);
+  {
+    var consequent_6 = ($$anchor2) => {
+      var p = root_10();
+      var text_1 = $2.child(p, true);
+      $2.reset(p);
+      $2.template_effect(() => {
+        $2.set_attribute(p, "id", $2.get(ownDescriptionId));
+        $2.set_text(text_1, $$props.description);
+      });
+      $2.append($$anchor2, p);
+    };
+    $2.if(node_9, ($$render) => {
+      if ($$props.description)
+        $$render(consequent_6);
+    });
+  }
+  var node_10 = $2.sibling(node_9, 2);
+  {
+    var consequent_7 = ($$anchor2) => {
+      var p_1 = root_11();
+      var text_2 = $2.child(p_1, true);
+      $2.reset(p_1);
+      $2.template_effect(() => {
+        $2.set_attribute(p_1, "id", $2.get(ownErrorId));
+        $2.set_text(text_2, $$props.error);
+      });
+      $2.append($$anchor2, p_1);
+    };
+    $2.if(node_10, ($$render) => {
+      if ($$props.error)
+        $$render(consequent_7);
+    });
+  }
+  $2.reset(div);
+  $2.append($$anchor, div);
+  $2.pop();
+}
+
+// src/components/number-input/number-input.svelte
+import"svelte/internal/disclose-version";
+import * as $3 from "svelte/internal/client";
+import { untrack } from "svelte";
+
+// src/_internal/locale-context.ts
+import { createContext as createContext2 } from "svelte";
+var [getLocaleContextStrict, setLocaleContextRaw] = createContext2();
+function setLocaleContext(context) {
+  setLocaleContextRaw(context);
+}
+var getLocaleContext = optionalContext(getLocaleContextStrict);
+
+// src/utilities/format-number.ts
+function formatNumber(value, locale = "en-US", options) {
+  return new Intl.NumberFormat(locale, options).format(value);
+}
+
+// src/utilities/parse-locale-number.ts
+function escapeRegex(s) {
+  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function parseLocaleNumber(text, locale, format) {
+  if (text.trim() === "")
+    return { value: null, status: "empty" };
+  let working = text;
+  const digitFormatter = new Intl.NumberFormat(locale, {
+    useGrouping: false,
+    maximumFractionDigits: 0
+  });
+  for (let d = 0;d <= 9; d++) {
+    const glyph = digitFormatter.format(d);
+    if (glyph !== String(d)) {
+      working = working.split(glyph).join(String(d));
+    }
+  }
+  const sepParts = new Intl.NumberFormat(locale, {
+    useGrouping: true,
+    minimumFractionDigits: 1,
+    maximumFractionDigits: 1
+  }).formatToParts(-12345.6);
+  const groupSep = sepParts.find((p) => p.type === "group")?.value ?? "";
+  const decimalSep = sepParts.find((p) => p.type === "decimal")?.value ?? ".";
+  working = working.replace(/[؜‎‏‪-‮⁦-⁩]/g, "");
+  const localeMinus = sepParts.find((p) => p.type === "minusSign")?.value ?? "-";
+  if (localeMinus !== "-") {
+    working = working.split(localeMinus).join("-");
+  }
+  let isNegativeByFormatAffix = false;
+  if (format) {
+    const positiveAffixValues = new Set(new Intl.NumberFormat(locale, format).formatToParts(0).filter((part) => part.type === "currency" || part.type === "percentSign" || part.type === "literal" || part.type === "unit" || part.type === "compact").map((part) => part.value));
+    const negativeParts = new Intl.NumberFormat(locale, format).formatToParts(-1);
+    const negativeOnlyAffixes = negativeParts.filter((part) => (part.type === "currency" || part.type === "percentSign" || part.type === "literal" || part.type === "unit" || part.type === "compact") && part.value.trim() !== "" && !positiveAffixValues.has(part.value)).map((part) => part.value);
+    isNegativeByFormatAffix = negativeOnlyAffixes.length > 0 && negativeOnlyAffixes.every((part) => working.includes(part));
+    const stripSamples = [0, -1];
+    for (const sample of stripSamples) {
+      const parts = new Intl.NumberFormat(locale, format).formatToParts(sample);
+      for (const part of parts) {
+        if (part.type === "currency" || part.type === "percentSign" || part.type === "literal" || part.type === "unit" || part.type === "compact") {
+          if (part.value)
+            working = working.split(part.value).join("");
+        }
+      }
+    }
+  }
+  if (isNegativeByFormatAffix && !/^[+-]/.test(working)) {
+    working = "-" + working;
+  }
+  working = working.split("%").join("");
+  working = working.replace(/^[\s  ]+|[\s  ]+$/g, "");
+  if (working === "")
+    return { value: null, status: "empty" };
+  const decimalSplit = working.split(decimalSep);
+  if (decimalSplit.length > 2)
+    return { value: null, status: "malformed" };
+  const integerPart = decimalSplit[0] ?? "";
+  const fractionPart = decimalSplit[1];
+  if (groupSep && integerPart.includes(groupSep)) {
+    const probeParts = new Intl.NumberFormat(locale, {
+      useGrouping: true
+    }).formatToParts(12345678);
+    const integerRuns = [];
+    for (const p of probeParts) {
+      if (p.type === "integer")
+        integerRuns.push(p.value);
+    }
+    const primary = integerRuns.length > 0 ? (integerRuns[integerRuns.length - 1] ?? "").length : 3;
+    const secondary = integerRuns.length > 1 ? (integerRuns[integerRuns.length - 2] ?? "").length : primary;
+    const groupEsc = escapeRegex(groupSep);
+    const grouped = new RegExp(`^[+-]?\\d{1,${secondary}}(${groupEsc}\\d{${secondary}})*${groupEsc}\\d{${primary}}$`);
+    if (!grouped.test(integerPart))
+      return { value: null, status: "malformed" };
+  }
+  let normalized = groupSep.length > 0 ? integerPart.split(groupSep).join("") : integerPart;
+  if (fractionPart !== undefined)
+    normalized += "." + fractionPart;
+  if (!/^[+-]?(\d+\.?\d*|\.\d+)$/.test(normalized)) {
+    return { value: null, status: "malformed" };
+  }
+  const parsed = parseFloat(normalized);
+  if (!Number.isFinite(parsed))
+    return { value: null, status: "malformed" };
+  return { value: parsed, status: "valid" };
+}
+
+// src/components/number-input/number-input.svelte
+var root_23 = $3.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_13 = $3.from_html(`<label class="cinder-input-field__label"> <!></label>`);
+var root_33 = $3.from_html(`<input type="hidden"/>`);
+var root_43 = $3.from_html(`<p class="cinder-input-field__description"> </p>`);
+var root_52 = $3.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
+var root_62 = $3.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
+var root3 = $3.from_html(`<div><!> <div class="cinder-number-input"><input/> <button type="button" class="cinder-number-input__stepper cinder-number-input__stepper--increment" tabindex="-1"><span aria-hidden="true">+</span></button> <button type="button" class="cinder-number-input__stepper cinder-number-input__stepper--decrement" tabindex="-1"><span aria-hidden="true">&#x2212;</span></button></div> <!> <!> <!></div>`);
+function Number_input($$anchor, $$props) {
+  $3.push($$props, true);
+  let defaultValue = $3.prop($$props, "defaultValue", 3, null), value = $3.prop($$props, "value", 15, null), rest = $3.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "id",
+    "defaultValue",
+    "value",
+    "min",
+    "max",
+    "step",
+    "format",
+    "locale",
+    "disabled",
+    "required",
+    "name",
+    "label",
+    "description",
+    "error",
+    "class",
+    "onchange",
+    "onblur",
+    "aria-describedby"
+  ]);
+  const context = getFormFieldContext();
+  const localeContext = getLocaleContext();
+  let editorBuffer = $3.state("");
+  let isFocused = $3.state(false);
+  let hasMounted = $3.state(false);
+  let inputElement = $3.state(undefined);
+  $3.user_effect(() => {
+    $3.set(hasMounted, true);
+  });
+  let malformedError = $3.state(false);
+  let requiredEmptyError = $3.state(false);
+  untrack(() => {
+    if (value() === null && defaultValue() !== null) {
+      value(defaultValue());
+    }
+  });
+  const resolvedLocale = $3.derived(() => $$props.locale ?? localeContext?.locale ?? ($3.get(hasMounted) ? navigator.language : "en-US"));
+  const resolvedMin = $3.derived(() => typeof $$props.min === "number" && Number.isFinite($$props.min) ? $$props.min : -Infinity);
+  const resolvedMax = $3.derived(() => typeof $$props.max === "number" && Number.isFinite($$props.max) ? $$props.max : Infinity);
+  const isValidStep = (s) => typeof s === "number" && Number.isFinite(s) && s > 0;
+  const incrementStep = $3.derived(() => isValidStep($$props.step) ? $$props.step : 1);
+  const snapStep = $3.derived(() => isValidStep($$props.step) ? $$props.step : null);
+  const resolvedRequired = $3.derived(() => $$props.required ?? context?.required ?? false);
+  const resolvedDisabled = $3.derived(() => $$props.disabled ?? context?.disabled ?? false);
+  function roundToPrecision(n, digits) {
+    return Number(n.toFixed(Math.min(digits, 12)));
+  }
+  function fractionalDigits(n) {
+    if (!Number.isFinite(n))
+      return 0;
+    const s = String(n);
+    if (s.includes("e") || s.includes("E")) {
+      const parts = s.toLowerCase().split("e");
+      const mantissa = parts[0] ?? "";
+      const expStr = parts[1] ?? "0";
+      const exp = Number(expStr);
+      const fracOfMantissa = mantissa.split(".")[1]?.length ?? 0;
+      return Math.max(0, fracOfMantissa - exp);
+    }
+    return s.split(".")[1]?.length ?? 0;
+  }
+  function commit(next2, parseStatus, emitChange) {
+    const nextMalformed = !$3.get(resolvedDisabled) && parseStatus === "malformed";
+    const nextRequiredEmpty = !$3.get(resolvedDisabled) && !nextMalformed && $3.get(resolvedRequired) && next2 === null;
+    if ($3.get(inputElement)) {
+      if (nextMalformed) {
+        $3.get(inputElement).setCustomValidity("Please enter a valid number.");
+      } else if (nextRequiredEmpty) {
+        $3.get(inputElement).setCustomValidity("Please enter a number.");
+      } else {
+        $3.get(inputElement).setCustomValidity("");
+      }
+    }
+    $3.set(malformedError, nextMalformed, true);
+    $3.set(requiredEmptyError, nextRequiredEmpty, true);
+    if (!Object.is(next2, value())) {
+      $3.set(isInternalValueChange, true);
+      value(next2);
+    }
+    if (emitChange) {
+      $$props.onchange?.(next2);
+    }
+    return next2;
+  }
+  function commitFromNumber(source, raw, parseStatus = "valid") {
+    if (raw === null)
+      return commit(null, parseStatus, true);
+    if (!Number.isFinite(raw))
+      return commit(null, "malformed", true);
+    let result = raw;
+    if (source === "typed" && $3.get(snapStep) !== null) {
+      const origin = Number.isFinite($3.get(resolvedMin)) ? $3.get(resolvedMin) : 0;
+      result = origin + Math.round((raw - origin) / $3.get(snapStep)) * $3.get(snapStep);
+      result = roundToPrecision(result, fractionalDigits($3.get(snapStep)));
+    } else if (source === "delta" && $3.get(snapStep) !== null) {
+      const cleanRaw = roundToPrecision(raw, 12);
+      result = roundToPrecision(raw, Math.max(fractionalDigits($3.get(snapStep)), fractionalDigits(cleanRaw)));
+    }
+    const clamped = Math.min($3.get(resolvedMax), Math.max($3.get(resolvedMin), result));
+    return commit(clamped, parseStatus, true);
+  }
+  function commitFromText(source, text) {
+    const result = parseLocaleNumber(text, $3.get(resolvedLocale), $$props.format);
+    if (result.status !== "valid") {
+      return commit(null, result.status, true);
+    }
+    const canonical = $$props.format?.style === "percent" ? roundToPrecision(result.value / 100, Math.max(2, fractionalDigits(result.value) + 2)) : result.value;
+    return commitFromNumber(source, canonical, "valid");
+  }
+  let isInternalValueChange = $3.state(false);
+  let enterKeyFlushed = false;
+  const displayValue = $3.derived(() => $3.get(isFocused) ? $3.get(editorBuffer) : $3.get(malformedError) ? $3.get(editorBuffer) : value() === null || value() === undefined ? "" : formatNumber(value(), $3.get(resolvedLocale), $$props.format));
+  const parentValueSignature = $3.derived(() => `${value() ?? ""}|${$3.get(resolvedLocale)}|${JSON.stringify($$props.format ?? null)}`);
+  let lastSeenParentSignature = untrack(() => $3.get(parentValueSignature));
+  $3.user_effect(() => {
+    const signature = $3.get(parentValueSignature);
+    if (signature === lastSeenParentSignature)
+      return;
+    lastSeenParentSignature = signature;
+    if ($3.get(isInternalValueChange)) {
+      $3.set(isInternalValueChange, false);
+      return;
+    }
+    if (!$3.get(isFocused))
+      return;
+    $3.set(editorBuffer, value() === null || value() === undefined ? "" : buildEditDisplay(value()), true);
+  });
+  $3.user_effect(() => {
+    if (!$3.get(inputElement))
+      return;
+    if ($3.get(resolvedDisabled)) {
+      $3.get(inputElement).setCustomValidity("");
+      $3.set(malformedError, false);
+      $3.set(requiredEmptyError, false);
+    } else if (value() !== null && value() !== undefined && !$3.get(isInternalValueChange)) {
+      $3.set(malformedError, false);
+      $3.set(requiredEmptyError, false);
+      $3.get(inputElement).setCustomValidity("");
+    } else if ($3.get(malformedError)) {} else if (!$3.get(isFocused) && $3.get(resolvedRequired) && (value() === null || value() === undefined)) {
+      $3.get(inputElement).setCustomValidity("Please enter a number.");
+      $3.set(requiredEmptyError, true);
+    } else if ($3.get(isFocused) && $3.get(requiredEmptyError)) {
+      $3.get(inputElement).setCustomValidity("");
+      $3.set(requiredEmptyError, false);
+    } else if (value() !== null && value() !== undefined) {
+      $3.get(inputElement).setCustomValidity("");
+      $3.set(requiredEmptyError, false);
+    }
+  });
+  function buildEditDisplay(v) {
+    const editFormat = {
+      ...$$props.format,
+      style: "decimal",
+      useGrouping: false,
+      currency: undefined,
+      currencyDisplay: undefined,
+      notation: "standard",
+      compactDisplay: undefined
+    };
+    if ($$props.format?.style === "percent") {
+      const asPercent = roundToPrecision(v * 100, 12);
+      return formatNumber(asPercent, $3.get(resolvedLocale), editFormat);
+    }
+    return formatNumber(v, $3.get(resolvedLocale), editFormat);
+  }
+  function ariaValueNowFromText(text) {
+    const result = parseLocaleNumber(text, $3.get(resolvedLocale), $$props.format);
+    if (result.status !== "valid")
+      return;
+    return Number.isFinite(result.value) ? result.value : undefined;
+  }
+  const resolvedAriaValueNow = $3.derived(() => $3.get(isFocused) ? ariaValueNowFromText($3.get(editorBuffer)) : value() === null || value() === undefined ? undefined : $$props.format?.style === "percent" ? roundToPrecision(value() * 100, 12) : value());
+  const resolvedAriaValueMin = $3.derived(() => Number.isFinite($3.get(resolvedMin)) ? $$props.format?.style === "percent" ? roundToPrecision($3.get(resolvedMin) * 100, 12) : $3.get(resolvedMin) : undefined);
+  const resolvedAriaValueMax = $3.derived(() => Number.isFinite($3.get(resolvedMax)) ? $$props.format?.style === "percent" ? roundToPrecision($3.get(resolvedMax) * 100, 12) : $3.get(resolvedMax) : undefined);
+  function onFocus() {
+    if (!$3.get(malformedError)) {
+      $3.set(editorBuffer, value() === null || value() === undefined ? "" : buildEditDisplay(value()), true);
+    }
+    $3.set(isFocused, true);
+  }
+  function onBlur(event) {
+    const buffered = $3.get(editorBuffer);
+    $3.set(isFocused, false);
+    commitFromText("typed", buffered);
+    $$props.onblur?.(event);
+  }
+  function onInput(event) {
+    $3.set(editorBuffer, event.currentTarget.value, true);
+    if ($3.get(malformedError)) {
+      $3.set(malformedError, false);
+      $3.get(inputElement)?.setCustomValidity("");
+    }
+  }
+  function getBaseForStep(direction) {
+    const parsed = $3.get(isFocused) ? parseLocaleNumber($3.get(editorBuffer), $3.get(resolvedLocale), $$props.format) : null;
+    let baseFromDisplay = null;
+    if (parsed && parsed.status === "valid") {
+      baseFromDisplay = $$props.format?.style === "percent" ? roundToPrecision(parsed.value / 100, Math.max(2, fractionalDigits(parsed.value) + 2)) : parsed.value;
+    }
+    const defaultStart = direction === "increment" ? Number.isFinite($3.get(resolvedMin)) ? $3.get(resolvedMin) : 0 : Number.isFinite($3.get(resolvedMax)) ? $3.get(resolvedMax) : 0;
+    return baseFromDisplay ?? value() ?? defaultStart;
+  }
+  function stepBy(direction, multiplier = 1) {
+    const base = getBaseForStep(direction);
+    const delta = $3.get(incrementStep) * multiplier * (direction === "increment" ? 1 : -1);
+    const next2 = commitFromNumber("delta", base + delta);
+    if ($3.get(isFocused)) {
+      $3.set(editorBuffer, next2 === null ? "" : buildEditDisplay(next2), true);
+    }
+    $3.get(inputElement)?.focus();
+  }
+  function onKeyDown(event) {
+    if ($3.get(resolvedDisabled))
+      return;
+    switch (event.key) {
+      case "ArrowUp":
+        event.preventDefault();
+        stepBy("increment");
+        break;
+      case "ArrowDown":
+        event.preventDefault();
+        stepBy("decrement");
+        break;
+      case "PageUp":
+        event.preventDefault();
+        stepBy("increment", 10);
+        break;
+      case "PageDown":
+        event.preventDefault();
+        stepBy("decrement", 10);
+        break;
+      case "Home":
+        if (Number.isFinite($3.get(resolvedMin))) {
+          event.preventDefault();
+          const homeNext = commitFromNumber("delta", $3.get(resolvedMin));
+          if ($3.get(isFocused))
+            $3.set(editorBuffer, homeNext === null ? "" : buildEditDisplay(homeNext), true);
+        }
+        break;
+      case "End":
+        if (Number.isFinite($3.get(resolvedMax))) {
+          event.preventDefault();
+          const endNext = commitFromNumber("delta", $3.get(resolvedMax));
+          if ($3.get(isFocused))
+            $3.set(editorBuffer, endNext === null ? "" : buildEditDisplay(endNext), true);
+        }
+        break;
+      case "Enter": {
+        event.preventDefault();
+        commitFromText("typed", $3.get(isFocused) ? $3.get(editorBuffer) : "");
+        const form = $3.get(inputElement)?.closest("form");
+        if (form) {
+          if (form.checkValidity()) {
+            enterKeyFlushed = true;
+            form.requestSubmit();
+          } else {
+            form.reportValidity();
+          }
+        }
+        break;
+      }
+    }
+  }
+  $3.user_effect(() => {
+    if (!$3.get(inputElement))
+      return;
+    const form = $3.get(inputElement).closest("form");
+    if (!form)
+      return;
+    const onSubmit = () => {
+      if ($3.get(resolvedDisabled))
+        return;
+      if (enterKeyFlushed) {
+        enterKeyFlushed = false;
+        return;
+      }
+      if ($3.get(isFocused))
+        commitFromText("typed", $3.get(editorBuffer));
+    };
+    const onReset = () => {
+      if ($3.get(resolvedDisabled))
+        return;
+      commitFromNumber("reset", defaultValue() ?? null, defaultValue() === null ? "empty" : "valid");
+    };
+    form.addEventListener("submit", onSubmit, true);
+    form.addEventListener("reset", onReset);
+    return () => {
+      form.removeEventListener("submit", onSubmit, true);
+      form.removeEventListener("reset", onReset);
+    };
+  });
+  const internalErrorMessage = $3.derived(() => !$$props.error && $3.get(malformedError) ? "Please enter a valid number." : !$$props.error && $3.get(requiredEmptyError) ? "Please enter a number." : null);
+  const internalErrorId = $3.derived(() => $3.get(internalErrorMessage) ? `${$$props.id}-internal-error` : undefined);
+  const internalInvalid = $3.derived(() => $3.get(malformedError) || $3.get(requiredEmptyError) ? "true" : undefined);
+  const field = $3.derived(() => resolveFieldControl({
+    id: $$props.id,
+    generatedId: $$props.id,
+    context,
+    hasDescription: !!$$props.description,
+    hasError: !!$$props.error,
+    localIdNamespace: "number-input",
+    consumerDescribedBy: $$props["aria-describedby"],
+    consumerInvalid: $3.get(internalInvalid) ?? rest["aria-invalid"],
+    additionalDescribedBy: [$3.get(internalErrorId)],
+    required: $$props.required,
+    disabled: $$props.disabled
+  }));
+  const ownDescriptionId = $3.derived(() => $3.get(field).ownDescriptionId);
+  const ownErrorId = $3.derived(() => $3.get(field).ownErrorId);
+  const describedBy = $3.derived(() => $3.get(field).describedBy);
+  const resolvedAriaInvalid = $3.derived(() => $3.get(field).ariaInvalid);
+  const incrementDisabled = $3.derived(() => $3.get(resolvedDisabled) || value() !== null && value() !== undefined && value() >= $3.get(resolvedMax));
+  const decrementDisabled = $3.derived(() => $3.get(resolvedDisabled) || value() !== null && value() !== undefined && value() <= $3.get(resolvedMin));
+  const showHiddenInput = $3.derived(() => typeof $$props.name === "string" && $$props.name.length > 0 && !$3.get(resolvedDisabled));
+  const stepperLabelSuffix = $3.derived(() => $$props.label ? ` ${$$props.label} by ${$3.get(incrementStep)}` : ` by ${$3.get(incrementStep)}`);
+  var div = root3();
+  var node = $3.child(div);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var label_1 = root_13();
+      var text_1 = $3.child(label_1);
+      var node_1 = $3.sibling(text_1);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root_23();
+          $3.append($$anchor3, span);
+        };
+        $3.if(node_1, ($$render) => {
+          if ($3.get(resolvedRequired))
+            $$render(consequent);
+        });
+      }
+      $3.reset(label_1);
+      $3.template_effect(() => {
+        $3.set_attribute(label_1, "for", $$props.id);
+        $3.set_attribute(label_1, "data-disabled", $3.get(resolvedDisabled) || undefined);
+        $3.set_text(text_1, `${$$props.label ?? ""} `);
+      });
+      $3.append($$anchor2, label_1);
+    };
+    $3.if(node, ($$render) => {
+      if ($$props.label)
+        $$render(consequent_1);
+    });
+  }
+  var div_1 = $3.sibling(node, 2);
+  var input = $3.child(div_1);
+  $3.attribute_effect(input, () => ({
+    id: $$props.id,
+    type: "text",
+    role: "spinbutton",
+    inputmode: "decimal",
+    value: $3.get(displayValue),
+    disabled: $3.get(resolvedDisabled),
+    required: $3.get(resolvedRequired),
+    class: "cinder-input cinder-number-input__input",
+    ...rest,
+    "aria-invalid": $3.get(resolvedAriaInvalid),
+    "aria-describedby": $3.get(describedBy),
+    "aria-valuenow": $3.get(resolvedAriaValueNow),
+    "aria-valuemin": $3.get(resolvedAriaValueMin),
+    "aria-valuemax": $3.get(resolvedAriaValueMax),
+    oninput: onInput,
+    onfocus: onFocus,
+    onblur: onBlur,
+    onkeydown: onKeyDown
+  }), undefined, undefined, undefined, undefined, true);
+  $3.bind_this(input, ($$value) => $3.set(inputElement, $$value), () => $3.get(inputElement));
+  var button = $3.sibling(input, 2);
+  var button_1 = $3.sibling(button, 2);
+  $3.reset(div_1);
+  var node_2 = $3.sibling(div_1, 2);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var input_1 = root_33();
+      $3.remove_input_defaults(input_1);
+      $3.template_effect(($0) => {
+        $3.set_attribute(input_1, "name", $$props.name);
+        $3.set_value(input_1, $0);
+      }, [
+        () => value() === null || value() === undefined ? "" : String(value())
+      ]);
+      $3.append($$anchor2, input_1);
+    };
+    $3.if(node_2, ($$render) => {
+      if ($3.get(showHiddenInput))
+        $$render(consequent_2);
+    });
+  }
+  var node_3 = $3.sibling(node_2, 2);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var p = root_43();
+      var text_2 = $3.child(p, true);
+      $3.reset(p);
+      $3.template_effect(() => {
+        $3.set_attribute(p, "id", $3.get(ownDescriptionId));
+        $3.set_text(text_2, $$props.description);
+      });
+      $3.append($$anchor2, p);
+    };
+    $3.if(node_3, ($$render) => {
+      if ($$props.description)
+        $$render(consequent_3);
+    });
+  }
+  var node_4 = $3.sibling(node_3, 2);
+  {
+    var consequent_4 = ($$anchor2) => {
+      var p_1 = root_52();
+      var text_3 = $3.child(p_1, true);
+      $3.reset(p_1);
+      $3.template_effect(() => {
+        $3.set_attribute(p_1, "id", $3.get(ownErrorId));
+        $3.set_text(text_3, $$props.error);
+      });
+      $3.append($$anchor2, p_1);
+    };
+    var consequent_5 = ($$anchor2) => {
+      var p_2 = root_62();
+      var text_4 = $3.child(p_2, true);
+      $3.reset(p_2);
+      $3.template_effect(() => {
+        $3.set_attribute(p_2, "id", $3.get(internalErrorId));
+        $3.set_text(text_4, $3.get(internalErrorMessage));
+      });
+      $3.append($$anchor2, p_2);
+    };
+    $3.if(node_4, ($$render) => {
+      if ($$props.error)
+        $$render(consequent_4);
+      else if ($3.get(internalErrorMessage))
+        $$render(consequent_5, 1);
+    });
+  }
+  $3.reset(div);
+  $3.template_effect(($0) => {
+    $3.set_class(div, 1, $0);
+    $3.set_attribute(div_1, "data-disabled", $3.get(resolvedDisabled) ? "" : undefined);
+    $3.set_attribute(button, "aria-label", `Increment${$3.get(stepperLabelSuffix)}`);
+    button.disabled = $3.get(incrementDisabled);
+    $3.set_attribute(button_1, "aria-label", `Decrement${$3.get(stepperLabelSuffix)}`);
+    button_1.disabled = $3.get(decrementDisabled);
+  }, [
+    () => $3.clsx(classNames("cinder-input-field", $$props.class))
+  ]);
+  $3.delegated("click", button, () => stepBy("increment"));
+  $3.delegated("click", button_1, () => stepBy("decrement"));
+  $3.append($$anchor, div);
+  $3.pop();
+}
+$3.delegate(["click"]);
+
+// src/components/select/select.svelte
+import"svelte/internal/disclose-version";
+import * as $4 from "svelte/internal/client";
+var root_24 = $4.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_14 = $4.from_html(`<label class="cinder-select-field__label"> <!></label>`);
+var root_34 = $4.from_html(`<select></select>`);
+var root_53 = $4.from_html(`<option> </option>`);
+var root_44 = $4.from_html(`<select></select>`);
+var root_63 = $4.from_html(`<p class="cinder-select-field__description"> </p>`);
+var root4 = $4.from_html(`<div><!> <span class="cinder-select-field__control"><!> <span class="cinder-select-field__chevron" aria-hidden="true"></span></span> <!> <p class="cinder-select-field__error" aria-live="polite"> </p></div>`);
+function Select($$anchor, $$props) {
+  $4.push($$props, true);
+  let value = $4.prop($$props, "value", 15), rest = $4.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "id",
+    "value",
+    "options",
+    "label",
+    "description",
+    "error",
+    "required",
+    "disabled",
+    "class",
+    "aria-describedby",
+    "aria-invalid"
+  ]);
+  const context = getFormFieldContext();
+  const field = $4.derived(() => resolveFieldControl({
+    id: $$props.id,
+    generatedId: $$props.id,
+    context,
+    hasDescription: !!$$props.description,
+    hasError: !!$$props.error,
+    localIdNamespace: "select",
+    consumerDescribedBy: $$props["aria-describedby"],
+    consumerInvalid: $$props["aria-invalid"],
+    required: $$props.required,
+    disabled: $$props.disabled
+  }));
+  const stableLocalErrorId = $4.derived(() => context?.errorId === `${$4.get(field).id}-error` ? `${$4.get(field).id}-select-error` : `${$4.get(field).id}-error`);
+  $4.user_effect(() => {
+    if ($$props.options.length === 0) {
+      devWarn("[cinder/Select] options is empty — pass at least one option, or ignore during async load.");
+    }
+  });
+  var div = root4();
+  var node = $4.child(div);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var label_1 = root_14();
+      var text = $4.child(label_1);
+      var node_1 = $4.sibling(text);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root_24();
+          $4.append($$anchor3, span);
+        };
+        $4.if(node_1, ($$render) => {
+          if ($4.get(field).required)
+            $$render(consequent);
+        });
+      }
+      $4.reset(label_1);
+      $4.template_effect(() => {
+        $4.set_attribute(label_1, "for", $$props.id);
+        $4.set_attribute(label_1, "data-disabled", $4.get(field).disabled || undefined);
+        $4.set_text(text, `${$$props.label ?? ""} `);
+      });
+      $4.append($$anchor2, label_1);
+    };
+    $4.if(node, ($$render) => {
+      if ($$props.label)
+        $$render(consequent_1);
+    });
+  }
+  var span_1 = $4.sibling(node, 2);
+  var node_2 = $4.child(span_1);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var select = root_34();
+      $4.attribute_effect(select, () => ({
+        id: $$props.id,
+        class: "cinder-_input-frame cinder-select",
+        disabled: $4.get(field).disabled,
+        required: $4.get(field).required,
+        "data-cinder-empty": "true",
+        ...rest,
+        "aria-describedby": $4.get(field).describedBy,
+        "aria-invalid": $4.get(field).ariaInvalid
+      }));
+      $4.append($$anchor2, select);
+    };
+    var alternate = ($$anchor2) => {
+      var select_1 = root_44();
+      $4.attribute_effect(select_1, () => ({
+        id: $$props.id,
+        class: "cinder-_input-frame cinder-select",
+        disabled: $4.get(field).disabled,
+        required: $4.get(field).required,
+        ...rest,
+        "aria-describedby": $4.get(field).describedBy,
+        "aria-invalid": $4.get(field).ariaInvalid
+      }));
+      $4.each(select_1, 21, () => $$props.options, (option) => option.value, ($$anchor3, option) => {
+        var option_1 = root_53();
+        var text_1 = $4.child(option_1, true);
+        $4.reset(option_1);
+        var option_1_value = {};
+        $4.template_effect(() => {
+          option_1.disabled = $4.get(option).disabled;
+          $4.set_text(text_1, $4.get(option).label);
+          if (option_1_value !== (option_1_value = $4.get(option).value)) {
+            option_1.value = (option_1.__value = $4.get(option).value) ?? "";
+          }
+        });
+        $4.append($$anchor3, option_1);
+      });
+      $4.reset(select_1);
+      $4.bind_select_value(select_1, value);
+      $4.append($$anchor2, select_1);
+    };
+    $4.if(node_2, ($$render) => {
+      if ($$props.options.length === 0)
+        $$render(consequent_2);
+      else
+        $$render(alternate, -1);
+    });
+  }
+  $4.next(2);
+  $4.reset(span_1);
+  var node_3 = $4.sibling(span_1, 2);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var p = root_63();
+      var text_2 = $4.child(p, true);
+      $4.reset(p);
+      $4.template_effect(() => {
+        $4.set_attribute(p, "id", $4.get(field).ownDescriptionId);
+        $4.set_text(text_2, $$props.description);
+      });
+      $4.append($$anchor2, p);
+    };
+    $4.if(node_3, ($$render) => {
+      if ($$props.description)
+        $$render(consequent_3);
+    });
+  }
+  var p_1 = $4.sibling(node_3, 2);
+  var text_3 = $4.child(p_1, true);
+  $4.reset(p_1);
+  $4.reset(div);
+  $4.template_effect(($0) => {
+    $4.set_class(div, 1, $0);
+    $4.set_attribute(p_1, "id", $4.get(field).ownErrorId ?? $4.get(stableLocalErrorId));
+    $4.set_attribute(p_1, "data-cinder-error", !!$$props.error || undefined);
+    $4.set_text(text_3, $$props.error ?? "");
+  }, [
+    () => $4.clsx(classNames("cinder-select-field", $$props.class))
+  ]);
+  $4.append($$anchor, div);
+  $4.pop();
+}
+
+// src/components/textarea/textarea.svelte
+import"svelte/internal/disclose-version";
+import * as $5 from "svelte/internal/client";
+
+// src/components/textarea-count.ts
+function resolveMaximumLength(value) {
+  if (typeof value === "number") {
+    return Number.isSafeInteger(value) && value >= 0 ? value : undefined;
+  }
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!/^\d+$/.test(trimmed))
+      return;
+    const parsed = Number(trimmed);
+    return parsed >= 0 && Number.isSafeInteger(parsed) ? parsed : undefined;
+  }
+  return;
+}
+
+// src/components/textarea/textarea.svelte
+var root_25 = $5.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_15 = $5.from_html(`<label class="cinder-textarea-label"> <!></label>`);
+var root_35 = $5.from_html(`<p class="cinder-textarea-description"> </p>`);
+var root_45 = $5.from_html(`<output class="cinder-textarea-count" aria-live="polite" aria-atomic="true"> </output>`);
+var root_54 = $5.from_html(`<p class="cinder-textarea-error" aria-live="polite"> </p>`);
+var root5 = $5.from_html(`<div class="cinder-textarea-field"><!> <textarea></textarea> <!> <!> <!></div>`);
+function Textarea($$anchor, $$props) {
+  $5.push($$props, true);
+  let value = $5.prop($$props, "value", 15, ""), rows = $5.prop($$props, "rows", 3, 4), showCount = $5.prop($$props, "showCount", 3, false), rest = $5.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "id",
+    "value",
+    "label",
+    "description",
+    "error",
+    "rows",
+    "disabled",
+    "required",
+    "class",
+    "maxlength",
+    "showCount",
+    "aria-describedby",
+    "aria-invalid"
+  ]);
+  const context = getFormFieldContext();
+  const maximumLength = $5.derived(() => resolveMaximumLength($$props.maxlength));
+  const countId = $5.derived(() => showCount() && $5.get(maximumLength) !== undefined ? `${$$props.id}-count` : undefined);
+  const currentCount = $5.derived(() => value()?.length ?? 0);
+  const ownRequired = $5.derived(() => $$props.required ?? undefined);
+  const field = $5.derived(() => resolveFieldControl({
+    id: $$props.id,
+    generatedId: $$props.id,
+    context,
+    hasDescription: !!$$props.description,
+    hasError: !!$$props.error,
+    localIdNamespace: "textarea",
+    consumerDescribedBy: $$props["aria-describedby"],
+    consumerInvalid: $$props["aria-invalid"],
+    additionalDescribedBy: [$5.get(countId)],
+    required: $5.get(ownRequired),
+    disabled: $$props.disabled
+  }));
+  var div = root5();
+  var node = $5.child(div);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var label_1 = root_15();
+      var text = $5.child(label_1);
+      var node_1 = $5.sibling(text);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root_25();
+          $5.append($$anchor3, span);
+        };
+        $5.if(node_1, ($$render) => {
+          if ($5.get(field).required)
+            $$render(consequent);
+        });
+      }
+      $5.reset(label_1);
+      $5.template_effect(() => {
+        $5.set_attribute(label_1, "for", $$props.id);
+        $5.set_attribute(label_1, "data-disabled", $5.get(field).disabled || undefined);
+        $5.set_text(text, `${$$props.label ?? ""} `);
+      });
+      $5.append($$anchor2, label_1);
+    };
+    $5.if(node, ($$render) => {
+      if ($$props.label)
+        $$render(consequent_1);
+    });
+  }
+  var textarea = $5.sibling(node, 2);
+  $5.remove_textarea_child(textarea);
+  $5.attribute_effect(textarea, ($0) => ({
+    id: $$props.id,
+    rows: rows(),
+    disabled: $5.get(field).disabled,
+    required: $5.get(field).required,
+    maxlength: $$props.maxlength,
+    class: $0,
+    "aria-invalid": $5.get(field).ariaInvalid,
+    "aria-describedby": $5.get(field).describedBy,
+    ...rest
+  }), [
+    () => classNames("cinder-_input-frame", "cinder-textarea", $$props.class)
+  ]);
+  var node_2 = $5.sibling(textarea, 2);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var p = root_35();
+      var text_1 = $5.child(p, true);
+      $5.reset(p);
+      $5.template_effect(() => {
+        $5.set_attribute(p, "id", $5.get(field).ownDescriptionId);
+        $5.set_text(text_1, $$props.description);
+      });
+      $5.append($$anchor2, p);
+    };
+    $5.if(node_2, ($$render) => {
+      if ($$props.description)
+        $$render(consequent_2);
+    });
+  }
+  var node_3 = $5.sibling(node_2, 2);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var output = root_45();
+      var text_2 = $5.child(output);
+      $5.reset(output);
+      $5.template_effect(() => {
+        $5.set_attribute(output, "id", $5.get(countId));
+        $5.set_attribute(output, "for", $$props.id);
+        $5.set_text(text_2, `${$5.get(currentCount) ?? ""}/${$5.get(maximumLength) ?? ""}`);
+      });
+      $5.append($$anchor2, output);
+    };
+    $5.if(node_3, ($$render) => {
+      if ($5.get(countId))
+        $$render(consequent_3);
+    });
+  }
+  var node_4 = $5.sibling(node_3, 2);
+  {
+    var consequent_4 = ($$anchor2) => {
+      var p_1 = root_54();
+      var text_3 = $5.child(p_1, true);
+      $5.reset(p_1);
+      $5.template_effect(() => {
+        $5.set_attribute(p_1, "id", $5.get(field).ownErrorId);
+        $5.set_text(text_3, $$props.error);
+      });
+      $5.append($$anchor2, p_1);
+    };
+    $5.if(node_4, ($$render) => {
+      if ($$props.error)
+        $$render(consequent_4);
+    });
+  }
+  $5.reset(div);
+  $5.bind_value(textarea, value);
+  $5.append($$anchor, div);
+  $5.pop();
+}
+
+// src/components/schema-form/schema-form-model.ts
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function createSchemaFormModel(schema) {
   return {
-    title: "Value",
-    description: "This schema cannot be inspected, so the value is edited as JSON."
+    field: fieldFromJsonSchema(schema, [], "value", true),
+    sourceSchema: schema
   };
 }
 function fieldFromJsonSchema(schema, path, key, required) {
@@ -182,8 +1569,8 @@ function defaultValueForField(field) {
     return cloneJsonCompatible(field.schema["default"]);
   if (field.kind === "object") {
     const value = {};
-    for (const child of field.fields) {
-      value[child.key] = defaultValueForField(child);
+    for (const child6 of field.fields) {
+      value[child6.key] = defaultValueForField(child6);
     }
     return value;
   }
@@ -212,10 +1599,10 @@ function mergeInitialValueWithFieldDefaults(field, value) {
     const defaultValue = defaultValueForField(field);
     const defaultRecord = isRecord(defaultValue) ? defaultValue : {};
     const result = { ...defaultRecord };
-    const fieldKeys = new Set(field.fields.map((child) => child.key));
-    for (const child of field.fields) {
-      const seededValue = Object.hasOwn(value, child.key) ? value[child.key] : defaultRecord[child.key];
-      result[child.key] = seededValue === undefined ? defaultValueForField(child) : mergeInitialValueWithFieldDefaults(child, seededValue);
+    const fieldKeys = new Set(field.fields.map((child6) => child6.key));
+    for (const child6 of field.fields) {
+      const seededValue = Object.hasOwn(value, child6.key) ? value[child6.key] : defaultRecord[child6.key];
+      result[child6.key] = seededValue === undefined ? defaultValueForField(child6) : mergeInitialValueWithFieldDefaults(child6, seededValue);
     }
     for (const [key, extraValue] of Object.entries(value)) {
       if (!fieldKeys.has(key))
@@ -281,22 +1668,22 @@ function getValueAtPath(value, path) {
   }
   return current;
 }
-function setValueAtPath(value, path, next) {
+function setValueAtPath(value, path, next3) {
   if (path.length === 0)
-    return next;
+    return next3;
   const [head, ...tail] = path;
   if (head === undefined)
-    return next;
+    return next3;
   if (Array.isArray(value)) {
     const copy2 = [...value];
     const index = Number(head);
     if (!Number.isInteger(index) || index < 0)
       return copy2;
-    copy2[index] = setValueAtPath(copy2[index], tail, next);
+    copy2[index] = setValueAtPath(copy2[index], tail, next3);
     return copy2;
   }
   const copy = isRecord(value) ? { ...value } : {};
-  copy[head] = setValueAtPath(copy[head], tail, next);
+  copy[head] = setValueAtPath(copy[head], tail, next3);
   return copy;
 }
 function pruneUndefined(value) {
@@ -305,9 +1692,9 @@ function pruneUndefined(value) {
   if (!isRecord(value))
     return value;
   const output = {};
-  for (const [key, child] of Object.entries(value)) {
-    if (child !== undefined)
-      output[key] = pruneUndefined(child);
+  for (const [key, child6] of Object.entries(value)) {
+    if (child6 !== undefined)
+      output[key] = pruneUndefined(child6);
   }
   return output;
 }
@@ -332,39 +1719,74 @@ function rebaseFieldPath(field, path) {
 // src/components/schema-form/schema-form-validation.ts
 var validatorCache = new WeakMap;
 async function validateSchemaValue(schema, value) {
-  if (isStandardSchema(schema))
-    return validateStandardSchemaValue(schema, value);
+  if (!isRecord(schema)) {
+    return validationFailure(value, "SchemaForm only accepts JSON Schema objects.");
+  }
+  if (isLegacyStandardSchema(schema)) {
+    return validationFailure(value, "SchemaForm only accepts JSON Schema objects.");
+  }
   return validateJsonSchemaValue(schema, value);
 }
-async function validateStandardSchemaValue(schema, value) {
-  const result = await schema["~standard"].validate(value);
-  if (!result.issues)
-    return { valid: true, value: result.value, issues: [] };
+async function validateJsonSchemaValue(schema, value) {
+  let validate;
+  try {
+    validate = await validatorForSchema(schema);
+  } catch (error) {
+    return validationFailure(value, readableSchemaError(error));
+  }
+  let valid;
+  try {
+    const result = validate(value);
+    valid = isPromiseLike(result) ? (await result, true) : result;
+  } catch (error) {
+    if (isAjvValidationError(error)) {
+      return {
+        valid: false,
+        value,
+        issues: ajvIssues(error.errors)
+      };
+    }
+    return validationFailure(value, readableSchemaError(error));
+  }
+  if (valid)
+    return { valid: true, value, issues: [] };
   return {
     valid: false,
     value,
-    issues: result.issues.map((issue) => ({
-      path: standardIssuePath(issue.path),
-      message: issue.message
-    }))
+    issues: ajvIssues(validate.errors ?? [])
   };
 }
-async function validateJsonSchemaValue(schema, value) {
-  const validate = await validatorForSchema(schema);
-  const valid = validate(value);
-  if (valid)
-    return { valid: true, value, issues: [] };
+function validationFailure(value, message) {
   return {
     valid: false,
     value,
-    issues: ajvIssues(validate.errors ?? [])
+    issues: [{ path: [], message }]
   };
 }
+function isLegacyStandardSchema(schema) {
+  const standard = schema["~standard"];
+  return isRecord(standard) && standard["version"] === 1;
+}
+function readableSchemaError(error) {
+  const message = error instanceof Error ? error.message : typeof error === "string" ? error : "";
+  if (message.startsWith("Invalid JSON Schema"))
+    return message;
+  return message === "" ? "Invalid JSON Schema." : `Invalid JSON Schema: ${message}`;
+}
+function isPromiseLike(value) {
+  return isRecord(value) && typeof value["then"] === "function";
+}
+function isAjvValidationError(error) {
+  return isRecord(error) && Array.isArray(error["errors"]);
+}
 function validatorForSchema(schema) {
   const cached = validatorCache.get(schema);
   if (cached)
     return cached;
-  const promise = createValidator(schema);
+  const promise = createValidator(schema).catch((error) => {
+    validatorCache.delete(schema);
+    throw error;
+  });
   validatorCache.set(schema, promise);
   return promise;
 }
@@ -391,37 +1813,32 @@ function jsonSchemaDraft(schema) {
     return "2019-09";
   return "2020-12";
 }
-function standardIssuePath(path) {
-  if (!path)
-    return [];
-  return path.map((segment) => {
-    if (isRecord(segment) && "key" in segment)
-      return propertyKeyPathSegment(segment.key);
-    return propertyKeyPathSegment(segment);
-  });
-}
-function propertyKeyPathSegment(value) {
-  if (typeof value === "string")
-    return value;
-  if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") {
-    return String(value);
-  }
-  if (typeof value === "symbol")
-    return value.description ?? value.toString();
-  if (value === null || value === undefined)
-    return "";
-  try {
-    return JSON.stringify(value) ?? "";
-  } catch {
-    return "";
-  }
-}
 function ajvIssues(errors) {
   return errors.map((error) => ({
     path: ajvErrorPath(error),
-    message: error.message ?? "Invalid value"
+    message: readableAjvMessage(error)
   }));
 }
+function readableAjvMessage(error) {
+  const fieldName = ajvErrorPath(error).at(-1) ?? "Value";
+  const label = humanizeFieldName(fieldName);
+  if (error.keyword === "required")
+    return `${label} is required.`;
+  if (error.keyword === "minLength")
+    return `${label} is too short.`;
+  if (error.keyword === "maxLength")
+    return `${label} is too long.`;
+  if (error.keyword === "minimum")
+    return `${label} must be at least ${error.params?.["limit"]}.`;
+  if (error.keyword === "maximum")
+    return `${label} must be at most ${error.params?.["limit"]}.`;
+  if (error.keyword === "type")
+    return `${label} must be ${error.params?.["type"]}.`;
+  return error.message ?? "Invalid value";
+}
+function humanizeFieldName(name) {
+  return name.replace(/[_-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (character) => character.toUpperCase());
+}
 function ajvErrorPath(error) {
   const parentPath = jsonPointerToPath(error.instancePath);
   if (error.keyword !== "required" || !isRecord(error.params))
@@ -492,293 +1909,293 @@ function readSchemaFormData(formData, name = "value") {
   }
 }
 
-// src/components/schema-form/schema-form.svelte
-var fieldLabel2 = ($$anchor, field = $.noop) => {
-  var fragment = root_1();
-  var span = $.first_child(fragment);
-  var text = $.child(span, true);
-  $.reset(span);
-  var node = $.sibling(span, 2);
-  {
-    var consequent = ($$anchor2) => {
-      var span_1 = root_2();
-      $.append($$anchor2, span_1);
-    };
-    $.if(node, ($$render) => {
-      if (field().required)
-        $$render(consequent);
-    });
-  }
-  $.template_effect(() => $.set_text(text, field().label));
-  $.append($$anchor, fragment);
-};
-var root_2 = $.from_html(`<span class="cinder-schema-form__required" aria-hidden="true">*</span>`);
-var root_1 = $.from_html(`<span> </span> <!>`, 1);
-var root_4 = $.from_html(`<p class="cinder-schema-form__description"> </p>`);
-var root_5 = $.from_html(`<p class="cinder-schema-form__error" aria-live="polite" tabindex="-1"> </p>`);
-var root_3 = $.from_html(`<!> <!>`, 1);
-var root_7 = $.from_html(`<fieldset class="cinder-schema-form__fieldset"><legend class="cinder-schema-form__legend"><!></legend> <!> <div class="cinder-schema-form__fields"></div></fieldset>`);
-var root_10 = $.from_html(`<div class="cinder-schema-form__array-item"><!> <button type="button" class="cinder-schema-form__secondary-button">Remove</button></div>`);
-var root_9 = $.from_html(`<fieldset class="cinder-schema-form__fieldset"><legend class="cinder-schema-form__legend"><!></legend> <!> <div class="cinder-schema-form__array"></div> <button type="button" class="cinder-schema-form__secondary-button"> </button></fieldset>`);
-var root_12 = $.from_html(`<div class="cinder-schema-form__field"><button type="button" role="switch" class="cinder-schema-form__switch"><span class="cinder-schema-form__switch-thumb" aria-hidden="true"></span> <span class="cinder-schema-form__switch-label"><!></span></button> <!></div>`);
-var root_14 = $.from_html(`<input class="cinder-_input-frame cinder-schema-form__control"/>`);
-var root_15 = $.from_html(`<input class="cinder-_input-frame cinder-schema-form__control" type="number"/>`);
-var root_17 = $.from_html(`<option> </option>`);
-var root_16 = $.from_html(`<select class="cinder-_input-frame cinder-schema-form__control"></select>`);
-var root_18 = $.from_html(`<textarea class="cinder-_input-frame cinder-schema-form__control cinder-schema-form__json-control" rows="6" spellcheck="false"></textarea>`);
-var root_13 = $.from_html(`<div class="cinder-schema-form__field"><label class="cinder-schema-form__label"><!></label> <!> <!></div>`);
-var root_19 = $.from_html(`<p class="cinder-schema-form__error" aria-live="polite" tabindex="-1"> </p>`);
-var root = $.from_html(`<form><!> <div class="cinder-schema-form__fields"></div> <input type="hidden"/> <button type="submit" class="cinder-schema-form__submit"> </button></form>`);
-function Schema_form($$anchor, $$props) {
-  const generatedId = $.props_id();
-  $.push($$props, true);
-  const fieldMessages = ($$anchor2, field = $.noop) => {
-    var fragment_1 = root_3();
-    var node_1 = $.first_child(fragment_1);
+// src/components/schema-form/schema-form-body.svelte
+var root_26 = $6.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_36 = $6.from_html(`<p class="cinder-schema-form__description"> </p>`);
+var root_46 = $6.from_html(`<p class="cinder-schema-form__error" aria-live="polite" tabindex="-1"> </p>`);
+var root_16 = $6.from_html(`<legend class="cinder-schema-form__legend"> <!></legend> <!> <!>`, 1);
+var root_64 = $6.from_html(`<fieldset class="cinder-schema-form__fieldset"><!> <div class="cinder-schema-form__fields"></div></fieldset>`);
+var root_9 = $6.from_html(`<div class="cinder-schema-form__array-item"><!> <button type="button" class="cinder-schema-form__secondary-button">Remove</button></div>`);
+var root_82 = $6.from_html(`<fieldset class="cinder-schema-form__fieldset"><!> <div class="cinder-schema-form__array"></div> <button type="button" class="cinder-schema-form__secondary-button"> </button></fieldset>`);
+var root_112 = $6.from_html(`<div class="cinder-schema-form__field"><!></div>`);
+var root_17 = $6.from_html(`<p class="cinder-schema-form__error" role="alert" aria-live="polite" tabindex="-1"> </p>`);
+var root6 = $6.from_html(`<form><!> <div class="cinder-schema-form__fields"></div> <input type="hidden"/> <button type="submit" class="cinder-schema-form__submit"> </button></form>`);
+function Schema_form_body($$anchor, $$props) {
+  const generatedId = $6.props_id();
+  $6.push($$props, true);
+  const groupLegend = ($$anchor2, field = $6.noop) => {
+    var fragment = root_16();
+    var legend = $6.first_child(fragment);
+    var text = $6.child(legend);
+    var node = $6.sibling(text);
+    {
+      var consequent = ($$anchor3) => {
+        var span = root_26();
+        $6.append($$anchor3, span);
+      };
+      $6.if(node, ($$render) => {
+        if (field().required)
+          $$render(consequent);
+      });
+    }
+    $6.reset(legend);
+    var node_1 = $6.sibling(legend, 2);
     {
       var consequent_1 = ($$anchor3) => {
-        var p = root_4();
-        var text_1 = $.child(p, true);
-        $.reset(p);
-        $.template_effect(($0) => {
-          $.set_attribute(p, "id", `${$0 ?? ""}-description`);
-          $.set_text(text_1, field().description);
+        var p = root_36();
+        var text_1 = $6.child(p, true);
+        $6.reset(p);
+        $6.template_effect(($0) => {
+          $6.set_attribute(p, "id", `${$0 ?? ""}-description`);
+          $6.set_text(text_1, field().description);
         }, [() => fieldDomId(field())]);
-        $.append($$anchor3, p);
+        $6.append($$anchor3, p);
       };
-      $.if(node_1, ($$render) => {
+      $6.if(node_1, ($$render) => {
         if (field().description)
           $$render(consequent_1);
       });
     }
-    var node_2 = $.sibling(node_1, 2);
+    var node_2 = $6.sibling(node_1, 2);
     {
       var consequent_2 = ($$anchor3) => {
-        var p_1 = root_5();
-        var text_2 = $.child(p_1, true);
-        $.reset(p_1);
-        $.template_effect(($0, $1) => {
-          $.set_attribute(p_1, "id", `${$0 ?? ""}-error`);
-          $.set_text(text_2, $1);
+        var p_1 = root_46();
+        var text_2 = $6.child(p_1, true);
+        $6.reset(p_1);
+        $6.template_effect(($0, $1) => {
+          $6.set_attribute(p_1, "id", `${$0 ?? ""}-error`);
+          $6.set_text(text_2, $1);
         }, [() => fieldDomId(field()), () => fieldError(field())]);
-        $.append($$anchor3, p_1);
+        $6.append($$anchor3, p_1);
       };
-      var d = $.derived(() => fieldError(field()));
-      $.if(node_2, ($$render) => {
-        if ($.get(d))
+      var d = $6.derived(() => fieldError(field()));
+      $6.if(node_2, ($$render) => {
+        if ($6.get(d))
           $$render(consequent_2);
       });
     }
-    $.append($$anchor2, fragment_1);
+    $6.template_effect(() => $6.set_text(text, `${field().label ?? ""} `));
+    $6.append($$anchor2, fragment);
   };
-  const renderField = ($$anchor2, field = $.noop) => {
-    const id = $.derived(() => fieldDomId(field()));
-    const error = $.derived(() => fieldError(field()));
-    const ariaDescribedBy = $.derived(() => describedBy(field()));
-    var fragment_2 = $.comment();
-    var node_3 = $.first_child(fragment_2);
+  const renderField = ($$anchor2, field = $6.noop) => {
+    const id = $6.derived(() => fieldDomId(field()));
+    const error = $6.derived(() => fieldError(field()));
+    const labelledProps = $6.derived(() => ({
+      label: field().label,
+      ...field().description !== undefined ? { description: field().description } : {},
+      ...$6.get(error) !== undefined ? { error: $6.get(error) } : {}
+    }));
+    var fragment_1 = $6.comment();
+    var node_3 = $6.first_child(fragment_1);
     {
       var consequent_3 = ($$anchor3) => {
-        var fieldset = root_7();
-        var legend = $.child(fieldset);
-        var node_4 = $.child(legend);
-        fieldLabel2(node_4, field);
-        $.reset(legend);
-        var node_5 = $.sibling(legend, 2);
-        fieldMessages(node_5, field);
-        var div = $.sibling(node_5, 2);
-        $.each(div, 21, () => field().fields, (child2) => pathKey(child2.path), ($$anchor4, child2) => {
-          renderField($$anchor4, () => $.get(child2));
+        var fieldset = root_64();
+        var node_4 = $6.child(fieldset);
+        groupLegend(node_4, field);
+        var div = $6.sibling(node_4, 2);
+        $6.each(div, 21, () => field().fields, (child7) => pathKey(child7.path), ($$anchor4, child7) => {
+          renderField($$anchor4, () => $6.get(child7));
         });
-        $.reset(div);
-        $.reset(fieldset);
-        $.append($$anchor3, fieldset);
+        $6.reset(div);
+        $6.reset(fieldset);
+        $6.append($$anchor3, fieldset);
       };
       var consequent_5 = ($$anchor3) => {
-        var fieldset_1 = root_9();
-        var legend_1 = $.child(fieldset_1);
-        var node_6 = $.child(legend_1);
-        fieldLabel2(node_6, field);
-        $.reset(legend_1);
-        var node_7 = $.sibling(legend_1, 2);
-        fieldMessages(node_7, field);
-        var div_1 = $.sibling(node_7, 2);
-        $.each(div_1, 21, () => arrayRows(field()), (row) => row.key, ($$anchor4, row) => {
-          const itemField = $.derived(() => field().item ? rebaseFieldPath(field().item, [...field().path, String($.get(row).index)]) : undefined);
-          var div_2 = root_10();
-          var node_8 = $.child(div_2);
+        var fieldset_1 = root_82();
+        var node_5 = $6.child(fieldset_1);
+        groupLegend(node_5, field);
+        var div_1 = $6.sibling(node_5, 2);
+        $6.each(div_1, 21, () => arrayRows(field()), (row) => row.key, ($$anchor4, row) => {
+          const itemField = $6.derived(() => field().item ? rebaseFieldPath(field().item, [...field().path, String($6.get(row).index)]) : undefined);
+          var div_2 = root_9();
+          var node_6 = $6.child(div_2);
           {
             var consequent_4 = ($$anchor5) => {
-              renderField($$anchor5, () => $.get(itemField));
+              renderField($$anchor5, () => $6.get(itemField));
             };
-            $.if(node_8, ($$render) => {
-              if ($.get(itemField))
+            $6.if(node_6, ($$render) => {
+              if ($6.get(itemField))
                 $$render(consequent_4);
             });
           }
-          var button = $.sibling(node_8, 2);
-          $.reset(div_2);
-          $.template_effect(() => {
-            $.set_attribute(button, "aria-label", `Remove ${field().label} item ${$.get(row).index + 1}`);
-            button.disabled = $.get(submitting);
+          var button = $6.sibling(node_6, 2);
+          $6.reset(div_2);
+          $6.template_effect(() => {
+            $6.set_attribute(button, "aria-label", `Remove ${field().label} item ${$6.get(row).index + 1}`);
+            button.disabled = $6.get(submitting);
           });
-          $.delegated("click", button, () => removeArrayItem(field(), $.get(row).index));
-          $.append($$anchor4, div_2);
+          $6.delegated("click", button, () => removeArrayItem(field(), $6.get(row).index));
+          $6.append($$anchor4, div_2);
         });
-        $.reset(div_1);
-        var button_1 = $.sibling(div_1, 2);
-        var text_3 = $.child(button_1);
-        $.reset(button_1);
-        $.reset(fieldset_1);
-        $.template_effect(($0) => {
-          $.set_attribute(div_1, "data-cinder-empty", $0);
-          button_1.disabled = $.get(submitting);
-          $.set_text(text_3, `Add ${field().label ?? ""}`);
+        $6.reset(div_1);
+        var button_1 = $6.sibling(div_1, 2);
+        var text_3 = $6.child(button_1);
+        $6.reset(button_1);
+        $6.reset(fieldset_1);
+        $6.template_effect(($0) => {
+          $6.set_attribute(div_1, "data-cinder-empty", $0);
+          button_1.disabled = $6.get(submitting);
+          $6.set_text(text_3, `Add ${field().label ?? ""}`);
         }, [() => arrayRows(field()).length === 0 || undefined]);
-        $.delegated("click", button_1, () => addArrayItem(field()));
-        $.append($$anchor3, fieldset_1);
-      };
-      var consequent_6 = ($$anchor3) => {
-        var div_3 = root_12();
-        var button_2 = $.child(div_3);
-        var span_2 = $.sibling($.child(button_2), 2);
-        var node_9 = $.child(span_2);
-        fieldLabel2(node_9, field);
-        $.reset(span_2);
-        $.reset(button_2);
-        var node_10 = $.sibling(button_2, 2);
-        fieldMessages(node_10, field);
-        $.reset(div_3);
-        $.template_effect(($0, $1) => {
-          $.set_attribute(button_2, "id", $.get(id));
-          $.set_attribute(button_2, "aria-checked", $0);
-          $.set_attribute(button_2, "aria-required", field().required ? "true" : undefined);
-          $.set_attribute(button_2, "aria-describedby", $.get(ariaDescribedBy));
-          $.set_attribute(button_2, "aria-invalid", $.get(error) ? "true" : undefined);
-          $.set_attribute(button_2, "data-cinder-checked", $1);
-          $.set_attribute(button_2, "data-cinder-invalid", $.get(error) ? "true" : undefined);
-          button_2.disabled = $.get(submitting);
-        }, [
-          () => booleanValue(field()),
-          () => booleanValue(field()) || undefined
-        ]);
-        $.delegated("click", button_2, () => toggleSwitch(field()));
-        $.delegated("keydown", button_2, (event) => handleSwitchKeydown(field(), event));
-        $.append($$anchor3, div_3);
+        $6.delegated("click", button_1, () => addArrayItem(field()));
+        $6.append($$anchor3, fieldset_1);
       };
       var alternate_1 = ($$anchor3) => {
-        var div_4 = root_13();
-        var label = $.child(div_4);
-        var node_11 = $.child(label);
-        fieldLabel2(node_11, field);
-        $.reset(label);
-        var node_12 = $.sibling(label, 2);
+        var div_3 = root_112();
+        var node_7 = $6.child(div_3);
         {
+          var consequent_6 = ($$anchor4) => {
+            var bind_get = () => stringValue(field());
+            var bind_set = (next3) => updateValue(field().path, next3);
+            Input($$anchor4, $6.spread_props({
+              get id() {
+                return $6.get(id);
+              }
+            }, () => $6.get(labelledProps), {
+              get required() {
+                return field().required;
+              },
+              get disabled() {
+                return $6.get(submitting);
+              },
+              onblur: () => validateTouchedField(field()),
+              get value() {
+                return bind_get();
+              },
+              set value($$value) {
+                bind_set($$value);
+              }
+            }));
+          };
           var consequent_7 = ($$anchor4) => {
-            var input_1 = root_14();
-            $.remove_input_defaults(input_1);
-            $.template_effect(($0) => {
-              $.set_attribute(input_1, "id", $.get(id));
-              $.set_value(input_1, $0);
-              input_1.required = field().required;
-              input_1.disabled = $.get(submitting);
-              $.set_attribute(input_1, "aria-describedby", $.get(ariaDescribedBy));
-              $.set_attribute(input_1, "aria-invalid", $.get(error) ? "true" : undefined);
-            }, [() => stringValue(field())]);
-            $.delegated("input", input_1, (event) => updateString(field(), event));
-            $.append($$anchor4, input_1);
+            var bind_get_1 = () => numberFieldValue(field());
+            var bind_set_1 = (next3) => updateValue(field().path, next3 ?? undefined);
+            {
+              let $0 = $6.derived(() => field().kind === "integer" ? 1 : undefined);
+              Number_input($$anchor4, $6.spread_props({
+                get id() {
+                  return $6.get(id);
+                }
+              }, () => $6.get(labelledProps), {
+                get required() {
+                  return field().required;
+                },
+                get disabled() {
+                  return $6.get(submitting);
+                },
+                get step() {
+                  return $6.get($0);
+                },
+                onblur: () => validateTouchedField(field()),
+                get value() {
+                  return bind_get_1();
+                },
+                set value($$value) {
+                  bind_set_1($$value);
+                }
+              }));
+            }
           };
           var consequent_8 = ($$anchor4) => {
-            var input_2 = root_15();
-            $.remove_input_defaults(input_2);
-            $.template_effect(($0) => {
-              $.set_attribute(input_2, "id", $.get(id));
-              $.set_attribute(input_2, "step", field().kind === "integer" ? "1" : "any");
-              $.set_value(input_2, $0);
-              input_2.required = field().required;
-              input_2.disabled = $.get(submitting);
-              $.set_attribute(input_2, "aria-describedby", $.get(ariaDescribedBy));
-              $.set_attribute(input_2, "aria-invalid", $.get(error) ? "true" : undefined);
-            }, [() => numberInputValue(field())]);
-            $.delegated("input", input_2, (event) => updateNumber(field(), event));
-            $.append($$anchor4, input_2);
+            {
+              let $0 = $6.derived(() => selectOptions(field()));
+              let $1 = $6.derived(() => enumValue(field()));
+              Select($$anchor4, $6.spread_props({
+                get id() {
+                  return $6.get(id);
+                }
+              }, () => $6.get(labelledProps), {
+                get required() {
+                  return field().required;
+                },
+                get disabled() {
+                  return $6.get(submitting);
+                },
+                get options() {
+                  return $6.get($0);
+                },
+                get value() {
+                  return $6.get($1);
+                },
+                onchange: (event) => updateEnum(field(), event),
+                onblur: () => validateTouchedField(field())
+              }));
+            }
           };
           var consequent_9 = ($$anchor4) => {
-            var select_1 = root_16();
-            $.each(select_1, 21, () => field().options, (option) => option.encodedValue, ($$anchor5, option) => {
-              var option_1 = root_17();
-              var text_4 = $.child(option_1, true);
-              $.reset(option_1);
-              var option_1_value = {};
-              $.template_effect(() => {
-                $.set_text(text_4, $.get(option).label);
-                if (option_1_value !== (option_1_value = $.get(option).encodedValue)) {
-                  option_1.value = (option_1.__value = $.get(option).encodedValue) ?? "";
-                }
-              });
-              $.append($$anchor5, option_1);
-            });
-            $.reset(select_1);
-            var select_1_value;
-            $.init_select(select_1);
-            $.template_effect(($0) => {
-              $.set_attribute(select_1, "id", $.get(id));
-              select_1.required = field().required;
-              select_1.disabled = $.get(submitting);
-              $.set_attribute(select_1, "aria-describedby", $.get(ariaDescribedBy));
-              $.set_attribute(select_1, "aria-invalid", $.get(error) ? "true" : undefined);
-              if (select_1_value !== (select_1_value = $0)) {
-                select_1.value = (select_1.__value = $0) ?? "", $.select_option(select_1, $0);
+            var bind_get_2 = () => booleanValue(field());
+            var bind_set_2 = (next3) => updateValue(field().path, next3);
+            Checkbox($$anchor4, $6.spread_props({
+              get id() {
+                return $6.get(id);
+              }
+            }, () => $6.get(labelledProps), {
+              get disabled() {
+                return $6.get(submitting);
+              },
+              get checked() {
+                return bind_get_2();
+              },
+              set checked($$value) {
+                bind_set_2($$value);
               }
-            }, [() => enumValue(field())]);
-            $.delegated("change", select_1, (event) => updateEnum(field(), event));
-            $.append($$anchor4, select_1);
+            }));
           };
           var alternate = ($$anchor4) => {
-            var textarea_1 = root_18();
-            $.remove_textarea_child(textarea_1);
-            $.template_effect(($0) => {
-              $.set_attribute(textarea_1, "id", $.get(id));
-              $.set_value(textarea_1, $0);
-              textarea_1.required = field().required;
-              textarea_1.disabled = $.get(submitting);
-              $.set_attribute(textarea_1, "aria-describedby", $.get(ariaDescribedBy));
-              $.set_attribute(textarea_1, "aria-invalid", $.get(error) ? "true" : undefined);
-            }, [() => rawJsonValue(field())]);
-            $.delegated("input", textarea_1, (event) => updateRawJson(field(), event));
-            $.append($$anchor4, textarea_1);
+            var bind_get_3 = () => rawJsonValue(field());
+            var bind_set_3 = (next3) => updateRawJsonValue(field(), next3);
+            Textarea($$anchor4, $6.spread_props({
+              get id() {
+                return $6.get(id);
+              }
+            }, () => $6.get(labelledProps), {
+              get required() {
+                return field().required;
+              },
+              get disabled() {
+                return $6.get(submitting);
+              },
+              rows: 6,
+              spellcheck: false,
+              class: "cinder-schema-form__json-control",
+              onblur: () => validateTouchedField(field()),
+              get value() {
+                return bind_get_3();
+              },
+              set value($$value) {
+                bind_set_3($$value);
+              }
+            }));
           };
-          $.if(node_12, ($$render) => {
+          $6.if(node_7, ($$render) => {
             if (field().kind === "string")
-              $$render(consequent_7);
+              $$render(consequent_6);
             else if (field().kind === "number" || field().kind === "integer")
-              $$render(consequent_8, 1);
+              $$render(consequent_7, 1);
             else if (field().kind === "enum")
-              $$render(consequent_9, 2);
+              $$render(consequent_8, 2);
+            else if (field().kind === "boolean")
+              $$render(consequent_9, 3);
             else
               $$render(alternate, -1);
           });
         }
-        var node_13 = $.sibling(node_12, 2);
-        fieldMessages(node_13, field);
-        $.reset(div_4);
-        $.template_effect(() => $.set_attribute(label, "for", $.get(id)));
-        $.append($$anchor3, div_4);
+        $6.reset(div_3);
+        $6.delegated("input", div_3, () => bumpTouchedValidationSequence(field().path));
+        $6.append($$anchor3, div_3);
       };
-      $.if(node_3, ($$render) => {
+      $6.if(node_3, ($$render) => {
         if (field().kind === "object")
           $$render(consequent_3);
         else if (field().kind === "array")
           $$render(consequent_5, 1);
-        else if (field().kind === "boolean")
-          $$render(consequent_6, 2);
         else
           $$render(alternate_1, -1);
       });
     }
-    $.append($$anchor2, fragment_2);
+    $6.append($$anchor2, fragment_1);
   };
-  let name = $.prop($$props, "name", 3, "value"), submitLabel = $.prop($$props, "submitLabel", 3, "Submit"), rest = $.rest_props($$props, [
+  let name = $6.prop($$props, "name", 3, "value"), submitLabel = $6.prop($$props, "submitLabel", 3, "Submit"), rest = $6.rest_props($$props, [
     "$$slots",
     "$$events",
     "$$legacy",
@@ -790,196 +2207,206 @@ function Schema_form($$anchor, $$props) {
     "onsubmit",
     "novalidate"
   ]);
-  const model = $.derived(() => createSchemaFormModel($$props.schema));
-  let formElement = $.state(undefined);
-  let serializedInputElement = $.state(undefined);
-  let formValue = $.state(undefined);
-  let errors = $.state($.proxy({}));
-  let rawDrafts = $.state($.proxy({}));
-  let serializedValue = $.state("");
-  let submitting = $.state(false);
+  const initialModel = createSchemaFormModel($$props.schema);
+  const initialFormValue = initialValueForField(initialModel.field, $$props.value);
+  const model = $6.derived(() => createSchemaFormModel($$props.schema));
+  let formElement = $6.state(undefined);
+  let serializedInputElement = $6.state(undefined);
+  let formValue = $6.state($6.proxy(initialFormValue));
+  let errors = $6.state($6.proxy({}));
+  let rawDrafts = $6.state($6.proxy(seedRawDrafts(initialModel.field, initialFormValue)));
+  let touchedValidationSequences = $6.state($6.proxy({}));
+  let serializedValue = $6.state("");
+  let submitting = $6.state(false);
   let allowNativeSubmit = false;
   let activeSubmitId = 0;
   let arrayKeyCounter = 0;
-  let arrayKeys = $.state($.proxy({}));
-  const formId = $.derived(() => $$props.id ?? `${generatedId}-form`);
-  const rootFields = $.derived(() => $.get(model).field.kind === "object" ? $.get(model).field.fields : [$.get(model).field]);
-  const rootError = $.derived(() => $.get(model).field.kind === "object" ? $.get(errors)[pathKey([])] : undefined);
-  const rootErrorId = $.derived(() => `${$.get(formId)}-${pathId([])}-error`);
-  $.user_effect(() => {
-    const nextValue = initialValueForField($.get(model).field, $$props.value);
-    $.set(formValue, nextValue, true);
-    $.set(errors, {}, true);
-    setSerializedValue("");
-    $.set(rawDrafts, seedRawDrafts($.get(model).field, nextValue), true);
-    $.set(arrayKeys, seedArrayKeys($.get(model).field, nextValue), true);
-  });
+  let arrayKeys = $6.state($6.proxy(seedArrayKeys(initialModel.field, initialFormValue)));
+  const formId = $6.derived(() => $$props.id ?? `${generatedId}-form`);
+  const rootFields = $6.derived(() => $6.get(model).field.kind === "object" ? $6.get(model).field.fields : [$6.get(model).field]);
+  const rootError = $6.derived(() => $6.get(model).field.kind === "object" ? $6.get(errors)[pathKey([])] : undefined);
+  const rootErrorId = $6.derived(() => `${$6.get(formId)}-${pathId([])}-error`);
   function fieldDomId(field) {
-    return `${$.get(formId)}-${pathId(field.path)}`;
+    return `${$6.get(formId)}-${pathId(field.path)}`;
   }
   function fieldError(field) {
-    return $.get(errors)[pathKey(field.path)];
-  }
-  function describedBy(field) {
-    const ids = [];
-    if (field.description)
-      ids.push(`${fieldDomId(field)}-description`);
-    if (fieldError(field))
-      ids.push(`${fieldDomId(field)}-error`);
-    return ids.length > 0 ? ids.join(" ") : undefined;
+    return $6.get(errors)[pathKey(field.path)];
   }
   function stringValue(field) {
-    const current = getValueAtPath($.get(formValue), field.path);
+    const current = getValueAtPath($6.get(formValue), field.path);
     return current === undefined || current === null ? "" : String(current);
   }
   function numberValue(field) {
-    const current = getValueAtPath($.get(formValue), field.path);
+    const current = getValueAtPath($6.get(formValue), field.path);
     return typeof current === "number" ? current : undefined;
   }
-  function numberInputValue(field) {
-    const current = numberValue(field);
-    return current === undefined ? "" : String(current);
-  }
   function booleanValue(field) {
-    return getValueAtPath($.get(formValue), field.path) === true;
+    return getValueAtPath($6.get(formValue), field.path) === true;
   }
   function enumValue(field) {
-    const current = getValueAtPath($.get(formValue), field.path);
+    const current = getValueAtPath($6.get(formValue), field.path);
     const option = field.options.find((candidate) => Object.is(candidate.value, current));
     return option?.encodedValue ?? field.options[0]?.encodedValue ?? "";
   }
+  function selectOptions(field) {
+    return field.options.map((option) => ({ value: option.encodedValue, label: option.label }));
+  }
+  function numberFieldValue(field) {
+    return numberValue(field) ?? null;
+  }
   function rawJsonValue(field) {
     const key = pathKey(field.path);
-    if ($.get(rawDrafts)[key] !== undefined)
-      return $.get(rawDrafts)[key];
-    return JSON.stringify(getValueAtPath($.get(formValue), field.path) ?? null, null, 2);
+    if ($6.get(rawDrafts)[key] !== undefined)
+      return $6.get(rawDrafts)[key];
+    return JSON.stringify(getValueAtPath($6.get(formValue), field.path) ?? null, null, 2);
+  }
+  function bumpTouchedValidationSequence(path) {
+    const key = pathKey(path);
+    $6.set(touchedValidationSequences, {
+      ...$6.get(touchedValidationSequences),
+      [key]: ($6.get(touchedValidationSequences)[key] ?? 0) + 1
+    }, true);
   }
-  function updateValue(path, next) {
-    if ($.get(submitting))
+  function updateValue(path, next3) {
+    if ($6.get(submitting))
       return;
-    $.set(formValue, setValueAtPath($.get(formValue), path, next), true);
+    $6.set(formValue, setValueAtPath($6.get(formValue), path, next3), true);
     const key = pathKey(path);
-    if ($.get(errors)[key]) {
-      const { [key]: _removed, ...remaining } = $.get(errors);
-      $.set(errors, remaining, true);
+    bumpTouchedValidationSequence(path);
+    if ($6.get(errors)[key]) {
+      const { [key]: _removed, ...remaining } = $6.get(errors);
+      $6.set(errors, remaining, true);
     }
     setSerializedValue("");
   }
-  function setSerializedValue(next) {
-    $.set(serializedValue, next, true);
-    if ($.get(serializedInputElement))
-      $.get(serializedInputElement).value = next;
-  }
-  function updateString(field, event) {
-    const input = event.currentTarget;
-    if ($.get(submitting)) {
-      input.value = stringValue(field);
+  async function validateTouchedField(field) {
+    if ($6.get(submitting))
+      return;
+    const fieldKey = pathKey(field.path);
+    const sequence = ($6.get(touchedValidationSequences)[fieldKey] ?? 0) + 1;
+    $6.set(touchedValidationSequences, { ...$6.get(touchedValidationSequences), [fieldKey]: sequence }, true);
+    const raw = rawJsonIssues();
+    const rawIssue = raw.issues.find((candidateIssue) => {
+      const candidateKey = pathKey(candidateIssue.path);
+      return candidateKey === fieldKey || candidateKey.startsWith(`${fieldKey}/`);
+    });
+    if (rawIssue) {
+      $6.set(errors, { ...$6.get(errors), [fieldKey]: rawIssue.message }, true);
       return;
     }
-    updateValue(field.path, input.value);
-  }
-  function updateNumber(field, event) {
-    const input = event.currentTarget;
-    if ($.get(submitting)) {
-      input.value = numberInputValue(field);
+    const candidate = pruneUndefined(raw.value);
+    const result = await validateSchemaValue($$props.schema, candidate);
+    if ($6.get(touchedValidationSequences)[fieldKey] !== sequence)
+      return;
+    const issue = (result.valid ? [] : result.issues).find((candidateIssue) => {
+      const candidateKey = pathKey(candidateIssue.path);
+      return candidateKey === fieldKey || candidateKey.startsWith(`${fieldKey}/`);
+    });
+    if (issue) {
+      $6.set(errors, { ...$6.get(errors), [fieldKey]: issue.message }, true);
       return;
     }
-    const raw = input.value;
-    updateValue(field.path, raw === "" ? undefined : Number(raw));
+    if ($6.get(errors)[fieldKey]) {
+      const { [fieldKey]: _removed, ...remaining } = $6.get(errors);
+      $6.set(errors, remaining, true);
+    }
   }
-  function updateBoolean(field, checked) {
-    updateValue(field.path, checked);
+  function setSerializedValue(next3) {
+    $6.set(serializedValue, next3, true);
+    if ($6.get(serializedInputElement))
+      $6.get(serializedInputElement).value = next3;
   }
   function updateEnum(field, event) {
-    const select = event.currentTarget;
-    if ($.get(submitting)) {
-      select.value = enumValue(field);
+    if ($6.get(submitting))
       return;
-    }
+    const select = event.currentTarget;
     updateValue(field.path, decodeEnumValue(select.value));
   }
-  function updateRawJson(field, event) {
-    const textarea = event.currentTarget;
-    if ($.get(submitting)) {
-      textarea.value = rawJsonValue(field);
+  function updateRawJsonValue(field, next3) {
+    if ($6.get(submitting))
       return;
-    }
     const key = pathKey(field.path);
-    $.set(rawDrafts, { ...$.get(rawDrafts), [key]: textarea.value }, true);
+    $6.set(rawDrafts, { ...$6.get(rawDrafts), [key]: next3 }, true);
+    bumpTouchedValidationSequence(field.path);
+    if ($6.get(errors)[key]) {
+      const { [key]: _removed, ...remaining } = $6.get(errors);
+      $6.set(errors, remaining, true);
+    }
     setSerializedValue("");
   }
-  function toggleSwitch(field) {
-    updateBoolean(field, !booleanValue(field));
-  }
-  function handleSwitchKeydown(field, event) {
-    if (event.key !== " " && event.key !== "Enter")
-      return;
-    event.preventDefault();
-    toggleSwitch(field);
-  }
   function arrayRows(field) {
-    const values = arrayValueAtPath($.get(formValue), field.path);
-    const keys = $.get(arrayKeys)[pathKey(field.path)] ?? [];
+    const values = arrayValueAtPath($6.get(formValue), field.path);
+    const keys = $6.get(arrayKeys)[pathKey(field.path)] ?? [];
     return values.map((_, index) => ({ key: keys[index] ?? `${pathKey(field.path)}-${index}`, index }));
   }
   function addArrayItem(field) {
-    if ($.get(submitting))
+    if ($6.get(submitting))
       return;
-    const values = arrayValueAtPath($.get(formValue), field.path);
+    const values = arrayValueAtPath($6.get(formValue), field.path);
     const nextValue = field.item ? defaultValueForField(field.item) : null;
     updateValue(field.path, [...values, nextValue]);
     const key = pathKey(field.path);
-    $.set(arrayKeys, {
-      ...$.get(arrayKeys),
+    $6.set(arrayKeys, {
+      ...$6.get(arrayKeys),
       [key]: [
-        ...$.get(arrayKeys)[key] ?? [],
+        ...$6.get(arrayKeys)[key] ?? [],
         `${key}-${arrayKeyCounter++}`
       ]
     }, true);
   }
   function removeArrayItem(field, index) {
-    if ($.get(submitting))
+    if ($6.get(submitting))
       return;
-    const values = arrayValueAtPath($.get(formValue), field.path);
+    const values = arrayValueAtPath($6.get(formValue), field.path);
     updateValue(field.path, values.filter((_, candidateIndex) => candidateIndex !== index));
-    $.set(rawDrafts, reindexArrayPathState($.get(rawDrafts), field.path, index), true);
-    $.set(errors, reindexArrayPathState($.get(errors), field.path, index), true);
+    $6.set(rawDrafts, reindexArrayPathState($6.get(rawDrafts), field.path, index), true);
+    $6.set(errors, reindexArrayPathState($6.get(errors), field.path, index), true);
+    $6.set(touchedValidationSequences, bumpPathValidationSequences(reindexArrayPathState($6.get(touchedValidationSequences), field.path, index), field.path), true);
     const key = pathKey(field.path);
-    $.set(arrayKeys, {
-      ...$.get(arrayKeys),
-      [key]: ($.get(arrayKeys)[key] ?? []).filter((_, candidateIndex) => candidateIndex !== index)
+    $6.set(arrayKeys, {
+      ...$6.get(arrayKeys),
+      [key]: ($6.get(arrayKeys)[key] ?? []).filter((_, candidateIndex) => candidateIndex !== index)
     }, true);
   }
-  function reindexArrayPathState(state2, arrayPath, removedIndex) {
+  function reindexArrayPathState(state5, arrayPath, removedIndex) {
     const prefix = pathKey(arrayPath);
     const pathPrefix = prefix === "" ? "" : `${prefix}/`;
-    const next = {};
-    for (const [key, stateValue] of Object.entries(state2)) {
+    const next3 = {};
+    for (const [key, stateValue] of Object.entries(state5)) {
       if (!key.startsWith(pathPrefix)) {
-        next[key] = stateValue;
+        next3[key] = stateValue;
         continue;
       }
       const relativeKey = key.slice(pathPrefix.length);
       if (relativeKey === "") {
-        next[key] = stateValue;
+        next3[key] = stateValue;
         continue;
       }
       const [indexSegment = "", ...remainingSegments] = relativeKey.split("/");
       const index = Number(indexSegment);
       if (!Number.isInteger(index) || index < 0) {
-        next[key] = stateValue;
+        next3[key] = stateValue;
         continue;
       }
       if (index < removedIndex) {
-        next[key] = stateValue;
+        next3[key] = stateValue;
         continue;
       }
       if (index === removedIndex)
         continue;
       const shiftedKey = [String(index - 1), ...remainingSegments].join("/");
-      next[`${pathPrefix}${shiftedKey}`] = stateValue;
+      next3[`${pathPrefix}${shiftedKey}`] = stateValue;
+    }
+    return next3;
+  }
+  function bumpPathValidationSequences(state5, path) {
+    const prefix = pathKey(path);
+    const pathPrefix = prefix === "" ? "" : `${prefix}/`;
+    const next3 = {};
+    for (const [key, sequence] of Object.entries(state5)) {
+      next3[key] = key === prefix || key.startsWith(pathPrefix) ? sequence + 1 : sequence;
     }
-    return next;
+    return next3;
   }
   function seedRawDrafts(field, currentValue) {
     const drafts = {};
@@ -993,8 +2420,8 @@ function Schema_form($$anchor, $$props) {
     function visit(candidate) {
       if (candidate.kind === "json")
         fields.push(candidate);
-      for (const child2 of candidate.fields)
-        visit(child2);
+      for (const child7 of candidate.fields)
+        visit(child7);
       if (candidate.kind === "array" && candidate.item) {
         for (const [index] of arrayValueAtPath(currentValue, candidate.path).entries()) {
           visit(rebaseFieldPath(candidate.item, [...candidate.path, String(index)]));
@@ -1011,8 +2438,8 @@ function Schema_form($$anchor, $$props) {
         const key = pathKey(candidate.path);
         keys[key] = arrayValueAtPath(currentValue, candidate.path).map(() => `${key}-${arrayKeyCounter++}`);
       }
-      for (const child2 of candidate.fields)
-        visit(child2);
+      for (const child7 of candidate.fields)
+        visit(child7);
       if (candidate.item)
         visit(candidate.item);
     }
@@ -1020,10 +2447,10 @@ function Schema_form($$anchor, $$props) {
     return keys;
   }
   function rawJsonIssues() {
-    let nextValue = $.get(formValue);
+    let nextValue = $6.get(formValue);
     const issues = [];
-    for (const field of currentJsonFields($.get(model).field, $.get(formValue))) {
-      const draft = $.get(rawDrafts)[pathKey(field.path)];
+    for (const field of currentJsonFields($6.get(model).field, $6.get(formValue))) {
+      const draft = $6.get(rawDrafts)[pathKey(field.path)];
       if (draft === undefined)
         continue;
       const parsed = parseJsonDraft(field.path, draft);
@@ -1038,26 +2465,26 @@ function Schema_form($$anchor, $$props) {
   async function reportSubmitIssues(issues, submitId) {
     if (activeSubmitId !== submitId)
       return;
-    $.set(errors, issuesByPath(issues), true);
+    $6.set(errors, issuesByPath(issues), true);
     setSerializedValue("");
-    $.set(submitting, false);
+    $6.set(submitting, false);
     await focusFirstError(submitId);
   }
   async function focusFirstError(submitId) {
     await tick();
     if (activeSubmitId !== submitId)
       return;
-    $.get(formElement)?.querySelector('[aria-invalid="true"], [data-cinder-invalid="true"], .cinder-schema-form__error')?.focus();
+    $6.get(formElement)?.querySelector('[aria-invalid="true"], [data-cinder-invalid="true"], .cinder-schema-form__error')?.focus();
   }
   function shouldResumeNativeSubmit() {
     return $$props.onsubmit === undefined && ($$props.action !== undefined || $$props.method !== undefined);
   }
   function nativeSubmitter(event) {
     const submitter = event.submitter;
-    if (submitter instanceof HTMLButtonElement && submitter.type === "submit" && submitter.form === $.get(formElement)) {
+    if (submitter instanceof HTMLButtonElement && submitter.type === "submit" && submitter.form === $6.get(formElement)) {
       return submitter;
     }
-    if (submitter instanceof HTMLInputElement && (submitter.type === "submit" || submitter.type === "image") && submitter.form === $.get(formElement)) {
+    if (submitter instanceof HTMLInputElement && (submitter.type === "submit" || submitter.type === "image") && submitter.form === $6.get(formElement)) {
       return submitter;
     }
     return;
@@ -1068,11 +2495,11 @@ function Schema_form($$anchor, $$props) {
       return;
     }
     event.preventDefault();
-    if ($.get(submitting))
+    if ($6.get(submitting))
       return;
     const submitId = activeSubmitId + 1;
     activeSubmitId = submitId;
-    $.set(submitting, true);
+    $6.set(submitting, true);
     try {
       const raw = rawJsonIssues();
       if (raw.issues.length > 0) {
@@ -1090,68 +2517,83 @@ function Schema_form($$anchor, $$props) {
         await reportSubmitIssues([serialized.issue], submitId);
         return;
       }
-      $.set(formValue, result.value, true);
-      $.set(errors, {}, true);
+      $6.set(formValue, result.value, true);
+      $6.set(errors, {}, true);
       setSerializedValue(serialized.value);
       await $$props.onsubmit?.(result.value, event);
       if (shouldResumeNativeSubmit()) {
         allowNativeSubmit = true;
         await tick();
-        $.get(formElement)?.requestSubmit(nativeSubmitter(event));
+        $6.get(formElement)?.requestSubmit(nativeSubmitter(event));
       }
     } finally {
       if (activeSubmitId === submitId)
-        $.set(submitting, false);
+        $6.set(submitting, false);
     }
   }
-  var form = root();
-  $.attribute_effect(form, ($0) => ({
+  var form = root6();
+  $6.attribute_effect(form, ($0) => ({
     ...rest,
-    id: $.get(formId),
+    id: $6.get(formId),
     class: $0,
     novalidate: $$props.novalidate ?? true,
     onsubmit: handleSubmit
   }), [() => classNames("cinder-schema-form", $$props.class)]);
-  var node_14 = $.child(form);
+  var node_8 = $6.child(form);
   {
     var consequent_10 = ($$anchor2) => {
-      var p_2 = root_19();
-      var text_5 = $.child(p_2, true);
-      $.reset(p_2);
-      $.template_effect(() => {
-        $.set_attribute(p_2, "id", $.get(rootErrorId));
-        $.set_text(text_5, $.get(rootError));
+      var p_2 = root_17();
+      var text_4 = $6.child(p_2, true);
+      $6.reset(p_2);
+      $6.template_effect(() => {
+        $6.set_attribute(p_2, "id", $6.get(rootErrorId));
+        $6.set_text(text_4, $6.get(rootError));
       });
-      $.append($$anchor2, p_2);
+      $6.append($$anchor2, p_2);
     };
-    $.if(node_14, ($$render) => {
-      if ($.get(rootError))
+    $6.if(node_8, ($$render) => {
+      if ($6.get(rootError))
         $$render(consequent_10);
     });
   }
-  var div_5 = $.sibling(node_14, 2);
-  $.each(div_5, 21, () => $.get(rootFields), (field) => pathKey(field.path), ($$anchor2, field) => {
-    renderField($$anchor2, () => $.get(field));
+  var div_4 = $6.sibling(node_8, 2);
+  $6.each(div_4, 21, () => $6.get(rootFields), (field) => pathKey(field.path), ($$anchor2, field) => {
+    renderField($$anchor2, () => $6.get(field));
   });
-  $.reset(div_5);
-  var input_3 = $.sibling(div_5, 2);
-  $.remove_input_defaults(input_3);
-  $.bind_this(input_3, ($$value) => $.set(serializedInputElement, $$value), () => $.get(serializedInputElement));
-  var button_3 = $.sibling(input_3, 2);
-  var text_6 = $.child(button_3, true);
-  $.reset(button_3);
-  $.reset(form);
-  $.bind_this(form, ($$value) => $.set(formElement, $$value), () => $.get(formElement));
-  $.template_effect(() => {
-    $.set_attribute(input_3, "name", name());
-    $.set_value(input_3, $.get(serializedValue));
-    button_3.disabled = $.get(submitting);
-    $.set_text(text_6, $.get(submitting) ? "Validating..." : submitLabel());
+  $6.reset(div_4);
+  var input = $6.sibling(div_4, 2);
+  $6.remove_input_defaults(input);
+  $6.bind_this(input, ($$value) => $6.set(serializedInputElement, $$value), () => $6.get(serializedInputElement));
+  var button_2 = $6.sibling(input, 2);
+  var text_5 = $6.child(button_2, true);
+  $6.reset(button_2);
+  $6.reset(form);
+  $6.bind_this(form, ($$value) => $6.set(formElement, $$value), () => $6.get(formElement));
+  $6.template_effect(() => {
+    $6.set_attribute(input, "name", name());
+    $6.set_value(input, $6.get(serializedValue));
+    button_2.disabled = $6.get(submitting);
+    $6.set_text(text_5, $6.get(submitting) ? "Validating..." : submitLabel());
   });
-  $.append($$anchor, form);
-  $.pop();
+  $6.append($$anchor, form);
+  $6.pop();
+}
+$6.delegate(["click", "input"]);
+
+// src/components/schema-form/schema-form.svelte
+function Schema_form($$anchor, $$props) {
+  let rest = $7.rest_props($$props, ["$$slots", "$$events", "$$legacy", "schema"]);
+  var fragment = $7.comment();
+  var node = $7.first_child(fragment);
+  $7.key(node, () => $$props.schema, ($$anchor2) => {
+    Schema_form_body($$anchor2, $7.spread_props({
+      get schema() {
+        return $$props.schema;
+      }
+    }, () => rest));
+  });
+  $7.append($$anchor, fragment);
 }
-$.delegate(["click", "keydown", "input", "change"]);
 
 // src/components/schema-form/index.ts
 var schema_form_default = Schema_form;
@@ -1161,4 +2603,4 @@ export {
   Schema_form as SchemaForm
 };
 
-//# debugId=5C92F10738CBE8D064756E2164756E21
+//# debugId=CA64B4C5545EA64F64756E2164756E21