@lostgradient/cinder 0.2.0 → 0.4.0

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

@@ -0,0 +1,2606 @@
+var __defProp = Object.defineProperty;
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/schema-form/index.ts
+import"@lostgradient/cinder/schema-form/styles";
+
+// src/components/schema-form/schema-form.svelte
+import"svelte/internal/disclose-version";
+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
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// 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 errorId(fieldId, hasError) {
+  return hasError ? `${fieldId}-error` : undefined;
+}
+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 ariaInvalid(hasError) {
+  return hasError ? "true" : undefined;
+}
+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 {
+    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
+  };
+}
+
+// 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 {
+    field: fieldFromJsonSchema(schema, [], "value", true),
+    sourceSchema: schema
+  };
+}
+function fieldFromJsonSchema(schema, path, key, required) {
+  if (!isRecord(schema)) {
+    return baseField("json", {}, path, key, required);
+  }
+  const normalizedSchema = schema;
+  const options = enumOptions(normalizedSchema);
+  if (options.length > 0) {
+    return { ...baseField("enum", normalizedSchema, path, key, required), options };
+  }
+  const schemaType = schemaTypeOf(normalizedSchema);
+  const schemaProperties = normalizedSchema["properties"];
+  if (schemaType === "object" || isRecord(schemaProperties)) {
+    const requiredProperties = requiredPropertyNames(normalizedSchema);
+    const properties = isRecord(schemaProperties) ? schemaProperties : {};
+    const fields = Object.entries(properties).map(([propertyKey, propertySchema]) => fieldFromJsonSchema(propertySchema, [...path, propertyKey], propertyKey, requiredProperties.has(propertyKey)));
+    return { ...baseField("object", normalizedSchema, path, key, required), fields };
+  }
+  if (schemaType === "array") {
+    const schemaItems = normalizedSchema["items"];
+    const itemSchema = isRecord(schemaItems) ? schemaItems : {};
+    const item = fieldFromJsonSchema(itemSchema, [...path, "0"], "item", true);
+    return { ...baseField("array", normalizedSchema, path, key, required), item };
+  }
+  const fieldKind = fieldKindForSchemaType(schemaType);
+  if (fieldKind) {
+    return baseField(fieldKind, normalizedSchema, path, key, required);
+  }
+  return baseField("json", normalizedSchema, path, key, required);
+}
+function fieldKindForSchemaType(type) {
+  switch (type) {
+    case "string":
+    case "number":
+    case "integer":
+    case "boolean":
+    case "array":
+    case "object":
+      return type;
+    default:
+      return;
+  }
+}
+function baseField(kind, schema, path, key, required) {
+  const description = schema["description"];
+  return {
+    kind,
+    key,
+    path,
+    label: fieldLabel(schema, key),
+    required,
+    ...typeof description === "string" && description.length > 0 ? { description } : {},
+    schema,
+    fields: [],
+    options: []
+  };
+}
+function schemaTypeOf(schema) {
+  const { type } = schema;
+  if (typeof type === "string")
+    return type;
+  if (Array.isArray(type)) {
+    const supported = type.find((candidate) => typeof candidate === "string" && candidate !== "null");
+    return typeof supported === "string" ? supported : undefined;
+  }
+  return;
+}
+function requiredPropertyNames(schema) {
+  const required = schema["required"];
+  if (!Array.isArray(required))
+    return new Set;
+  return new Set(required.filter((property) => typeof property === "string"));
+}
+function enumOptions(schema) {
+  const values = schema["enum"];
+  if (!Array.isArray(values) || values.length === 0)
+    return [];
+  if (!values.every((value) => isJsonPrimitive(value)))
+    return [];
+  return values.map((value) => ({
+    label: String(value),
+    value,
+    encodedValue: encodeEnumValue(value)
+  }));
+}
+function isJsonPrimitive(value) {
+  return value === null || ["string", "number", "boolean"].includes(typeof value);
+}
+function encodeEnumValue(value) {
+  return JSON.stringify(value);
+}
+function decodeEnumValue(value) {
+  const parsed = JSON.parse(value);
+  if (!isJsonPrimitive(parsed)) {
+    throw new Error("SchemaForm enum values must be JSON primitives.");
+  }
+  return parsed;
+}
+function fieldLabel(schema, key) {
+  const title = schema["title"];
+  if (typeof title === "string" && title.trim().length > 0) {
+    return title;
+  }
+  if (key === "value")
+    return "Value";
+  return key.replaceAll(/[-_]+/g, " ").replaceAll(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^\w/, (letter) => letter.toUpperCase());
+}
+function defaultValueForField(field) {
+  if ("default" in field.schema)
+    return cloneJsonCompatible(field.schema["default"]);
+  if (field.kind === "object") {
+    const value = {};
+    for (const child6 of field.fields) {
+      value[child6.key] = defaultValueForField(child6);
+    }
+    return value;
+  }
+  if (field.kind === "array")
+    return [];
+  if (field.kind === "boolean")
+    return false;
+  if (field.kind === "enum")
+    return field.options[0]?.value ?? "";
+  if (field.kind === "string")
+    return "";
+  if (field.kind === "json")
+    return null;
+  return;
+}
+function initialValueForField(field, value) {
+  if (value === undefined)
+    return defaultValueForField(field);
+  const clonedValue = cloneJsonCompatible(value);
+  if (clonedValue === undefined)
+    return defaultValueForField(field);
+  return mergeInitialValueWithFieldDefaults(field, clonedValue);
+}
+function mergeInitialValueWithFieldDefaults(field, value) {
+  if (field.kind === "object" && isRecord(value)) {
+    const defaultValue = defaultValueForField(field);
+    const defaultRecord = isRecord(defaultValue) ? defaultValue : {};
+    const result = { ...defaultRecord };
+    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))
+        result[key] = extraValue;
+    }
+    return result;
+  }
+  if (field.kind === "array" && Array.isArray(value) && field.item) {
+    return value.map((item) => mergeInitialValueWithFieldDefaults(field.item, item));
+  }
+  return value;
+}
+function cloneJsonCompatible(value) {
+  if (value === undefined)
+    return;
+  try {
+    const serializedValue = JSON.stringify(value, cloneJsonCompatibleReplacer);
+    if (serializedValue === undefined)
+      return;
+    const clonedValue = JSON.parse(serializedValue);
+    return clonedValue;
+  } catch {
+    return;
+  }
+}
+function cloneJsonCompatibleReplacer(_key, value) {
+  if (typeof value === "number" && !Number.isFinite(value)) {
+    throw new TypeError("SchemaForm values must contain finite numbers.");
+  }
+  if (typeof value === "bigint") {
+    throw new TypeError("SchemaForm values must not contain bigint values.");
+  }
+  return value;
+}
+function pathKey(path) {
+  return path.map((segment) => segment.replaceAll("~", "~0").replaceAll("/", "~1")).join("/");
+}
+function pathId(path) {
+  return path.length === 0 ? "value" : path.map(domIdSegment).join("__");
+}
+function domIdSegment(segment) {
+  let encoded = "";
+  for (const character of segment) {
+    if (/^[a-zA-Z0-9]$/.test(character)) {
+      encoded += character;
+    } else {
+      encoded += `_${character.codePointAt(0)?.toString(16) ?? "0"}_`;
+    }
+  }
+  return `${segment.length}_${encoded}`;
+}
+function getValueAtPath(value, path) {
+  let current = value;
+  for (const segment of path) {
+    if (Array.isArray(current)) {
+      const index = Number(segment);
+      current = Number.isInteger(index) ? current[index] : undefined;
+    } else if (isRecord(current)) {
+      current = current[segment];
+    } else {
+      return;
+    }
+  }
+  return current;
+}
+function setValueAtPath(value, path, next3) {
+  if (path.length === 0)
+    return next3;
+  const [head, ...tail] = path;
+  if (head === undefined)
+    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, next3);
+    return copy2;
+  }
+  const copy = isRecord(value) ? { ...value } : {};
+  copy[head] = setValueAtPath(copy[head], tail, next3);
+  return copy;
+}
+function pruneUndefined(value) {
+  if (Array.isArray(value))
+    return value.map((item) => pruneUndefined(item));
+  if (!isRecord(value))
+    return value;
+  const output = {};
+  for (const [key, child6] of Object.entries(value)) {
+    if (child6 !== undefined)
+      output[key] = pruneUndefined(child6);
+  }
+  return output;
+}
+function arrayValueAtPath(value, path) {
+  const array = getValueAtPath(value, path);
+  return Array.isArray(array) ? array : [];
+}
+function rebaseFieldPath(field, path) {
+  const originalPath = field.path;
+  function rebase(candidate) {
+    const suffix = candidate.path.slice(originalPath.length);
+    return {
+      ...candidate,
+      path: [...path, ...suffix],
+      fields: candidate.fields.map(rebase),
+      ...candidate.item ? { item: rebase(candidate.item) } : {}
+    };
+  }
+  return rebase(field);
+}
+
+// src/components/schema-form/schema-form-validation.ts
+var validatorCache = new WeakMap;
+async function validateSchemaValue(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 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: ajvIssues(validate.errors ?? [])
+  };
+}
+function validationFailure(value, message) {
+  return {
+    valid: false,
+    value,
+    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).catch((error) => {
+    validatorCache.delete(schema);
+    throw error;
+  });
+  validatorCache.set(schema, promise);
+  return promise;
+}
+async function createValidator(schema) {
+  const draft = jsonSchemaDraft(schema);
+  if (draft === "draft-07") {
+    const { default: Ajv } = await import("ajv");
+    return new Ajv({ strict: false, allErrors: true, addUsedSchema: false }).compile(schema);
+  }
+  if (draft === "2019-09") {
+    const { default: Ajv2019 } = await import("ajv/dist/2019.js");
+    return new Ajv2019({ strict: false, allErrors: true, addUsedSchema: false }).compile(schema);
+  }
+  const { default: Ajv2020 } = await import("ajv/dist/2020.js");
+  return new Ajv2020({ strict: false, allErrors: true, addUsedSchema: false }).compile(schema);
+}
+function jsonSchemaDraft(schema) {
+  const id = schema["$schema"];
+  if (typeof id !== "string")
+    return "2020-12";
+  if (id.includes("draft-07"))
+    return "draft-07";
+  if (id.includes("2019-09"))
+    return "2019-09";
+  return "2020-12";
+}
+function ajvIssues(errors) {
+  return errors.map((error) => ({
+    path: ajvErrorPath(error),
+    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))
+    return parentPath;
+  const missingProperty = error.params["missingProperty"];
+  return typeof missingProperty === "string" ? [...parentPath, missingProperty] : parentPath;
+}
+function jsonPointerToPath(pointer) {
+  if (pointer === "")
+    return [];
+  return pointer.slice(1).split("/").map((segment) => segment.replaceAll("~1", "/").replaceAll("~0", "~"));
+}
+function issuesByPath(issues) {
+  const grouped = {};
+  for (const issue of issues) {
+    const key = pathKey(issue.path);
+    grouped[key] ??= issue.message;
+  }
+  return grouped;
+}
+function parseJsonDraft(path, text) {
+  try {
+    return { ok: true, value: JSON.parse(text) };
+  } catch (error) {
+    return {
+      ok: false,
+      issue: {
+        path,
+        message: error instanceof Error ? error.message : "Invalid JSON"
+      }
+    };
+  }
+}
+function serializeValidatedValue(value) {
+  try {
+    const serialized = JSON.stringify(value, schemaFormJsonReplacer);
+    if (serialized === undefined) {
+      throw new TypeError("Validated value is not JSON serializable.");
+    }
+    return { ok: true, value: serialized };
+  } catch (error) {
+    return {
+      ok: false,
+      issue: {
+        path: [],
+        message: error instanceof Error ? error.message : "Validated value is not JSON serializable"
+      }
+    };
+  }
+}
+function schemaFormJsonReplacer(_key, value) {
+  if (typeof value === "number" && !Number.isFinite(value)) {
+    throw new TypeError("Validated value contains a non-finite number.");
+  }
+  if (typeof value === "bigint") {
+    throw new TypeError("Validated value contains a bigint, which is not JSON serializable.");
+  }
+  return value;
+}
+function readSchemaFormData(formData, name = "value") {
+  const raw = formData.get(name);
+  if (typeof raw !== "string")
+    return;
+  try {
+    return JSON.parse(raw);
+  } catch {
+    return;
+  }
+}
+
+// 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_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())]);
+        $6.append($$anchor3, p);
+      };
+      $6.if(node_1, ($$render) => {
+        if (field().description)
+          $$render(consequent_1);
+      });
+    }
+    var node_2 = $6.sibling(node_1, 2);
+    {
+      var consequent_2 = ($$anchor3) => {
+        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())]);
+        $6.append($$anchor3, p_1);
+      };
+      var d = $6.derived(() => fieldError(field()));
+      $6.if(node_2, ($$render) => {
+        if ($6.get(d))
+          $$render(consequent_2);
+      });
+    }
+    $6.template_effect(() => $6.set_text(text, `${field().label ?? ""} `));
+    $6.append($$anchor2, fragment);
+  };
+  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_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));
+        });
+        $6.reset(div);
+        $6.reset(fieldset);
+        $6.append($$anchor3, fieldset);
+      };
+      var consequent_5 = ($$anchor3) => {
+        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, () => $6.get(itemField));
+            };
+            $6.if(node_6, ($$render) => {
+              if ($6.get(itemField))
+                $$render(consequent_4);
+            });
+          }
+          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);
+          });
+          $6.delegated("click", button, () => removeArrayItem(field(), $6.get(row).index));
+          $6.append($$anchor4, div_2);
+        });
+        $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]);
+        $6.delegated("click", button_1, () => addArrayItem(field()));
+        $6.append($$anchor3, fieldset_1);
+      };
+      var alternate_1 = ($$anchor3) => {
+        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 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) => {
+            {
+              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 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);
+              }
+            }));
+          };
+          var alternate = ($$anchor4) => {
+            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);
+              }
+            }));
+          };
+          $6.if(node_7, ($$render) => {
+            if (field().kind === "string")
+              $$render(consequent_6);
+            else if (field().kind === "number" || field().kind === "integer")
+              $$render(consequent_7, 1);
+            else if (field().kind === "enum")
+              $$render(consequent_8, 2);
+            else if (field().kind === "boolean")
+              $$render(consequent_9, 3);
+            else
+              $$render(alternate, -1);
+          });
+        }
+        $6.reset(div_3);
+        $6.delegated("input", div_3, () => bumpTouchedValidationSequence(field().path));
+        $6.append($$anchor3, div_3);
+      };
+      $6.if(node_3, ($$render) => {
+        if (field().kind === "object")
+          $$render(consequent_3);
+        else if (field().kind === "array")
+          $$render(consequent_5, 1);
+        else
+          $$render(alternate_1, -1);
+      });
+    }
+    $6.append($$anchor2, fragment_1);
+  };
+  let name = $6.prop($$props, "name", 3, "value"), submitLabel = $6.prop($$props, "submitLabel", 3, "Submit"), rest = $6.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "schema",
+    "value",
+    "name",
+    "submitLabel",
+    "class",
+    "onsubmit",
+    "novalidate"
+  ]);
+  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 = $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 `${$6.get(formId)}-${pathId(field.path)}`;
+  }
+  function fieldError(field) {
+    return $6.get(errors)[pathKey(field.path)];
+  }
+  function stringValue(field) {
+    const current = getValueAtPath($6.get(formValue), field.path);
+    return current === undefined || current === null ? "" : String(current);
+  }
+  function numberValue(field) {
+    const current = getValueAtPath($6.get(formValue), field.path);
+    return typeof current === "number" ? current : undefined;
+  }
+  function booleanValue(field) {
+    return getValueAtPath($6.get(formValue), field.path) === true;
+  }
+  function enumValue(field) {
+    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 ($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, next3) {
+    if ($6.get(submitting))
+      return;
+    $6.set(formValue, setValueAtPath($6.get(formValue), path, next3), true);
+    const key = pathKey(path);
+    bumpTouchedValidationSequence(path);
+    if ($6.get(errors)[key]) {
+      const { [key]: _removed, ...remaining } = $6.get(errors);
+      $6.set(errors, remaining, true);
+    }
+    setSerializedValue("");
+  }
+  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;
+    }
+    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;
+    }
+    if ($6.get(errors)[fieldKey]) {
+      const { [fieldKey]: _removed, ...remaining } = $6.get(errors);
+      $6.set(errors, remaining, true);
+    }
+  }
+  function setSerializedValue(next3) {
+    $6.set(serializedValue, next3, true);
+    if ($6.get(serializedInputElement))
+      $6.get(serializedInputElement).value = next3;
+  }
+  function updateEnum(field, event) {
+    if ($6.get(submitting))
+      return;
+    const select = event.currentTarget;
+    updateValue(field.path, decodeEnumValue(select.value));
+  }
+  function updateRawJsonValue(field, next3) {
+    if ($6.get(submitting))
+      return;
+    const key = pathKey(field.path);
+    $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 arrayRows(field) {
+    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 ($6.get(submitting))
+      return;
+    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);
+    $6.set(arrayKeys, {
+      ...$6.get(arrayKeys),
+      [key]: [
+        ...$6.get(arrayKeys)[key] ?? [],
+        `${key}-${arrayKeyCounter++}`
+      ]
+    }, true);
+  }
+  function removeArrayItem(field, index) {
+    if ($6.get(submitting))
+      return;
+    const values = arrayValueAtPath($6.get(formValue), field.path);
+    updateValue(field.path, values.filter((_, candidateIndex) => candidateIndex !== index));
+    $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);
+    $6.set(arrayKeys, {
+      ...$6.get(arrayKeys),
+      [key]: ($6.get(arrayKeys)[key] ?? []).filter((_, candidateIndex) => candidateIndex !== index)
+    }, true);
+  }
+  function reindexArrayPathState(state5, arrayPath, removedIndex) {
+    const prefix = pathKey(arrayPath);
+    const pathPrefix = prefix === "" ? "" : `${prefix}/`;
+    const next3 = {};
+    for (const [key, stateValue] of Object.entries(state5)) {
+      if (!key.startsWith(pathPrefix)) {
+        next3[key] = stateValue;
+        continue;
+      }
+      const relativeKey = key.slice(pathPrefix.length);
+      if (relativeKey === "") {
+        next3[key] = stateValue;
+        continue;
+      }
+      const [indexSegment = "", ...remainingSegments] = relativeKey.split("/");
+      const index = Number(indexSegment);
+      if (!Number.isInteger(index) || index < 0) {
+        next3[key] = stateValue;
+        continue;
+      }
+      if (index < removedIndex) {
+        next3[key] = stateValue;
+        continue;
+      }
+      if (index === removedIndex)
+        continue;
+      const shiftedKey = [String(index - 1), ...remainingSegments].join("/");
+      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 next3;
+  }
+  function seedRawDrafts(field, currentValue) {
+    const drafts = {};
+    for (const jsonField of currentJsonFields(field, currentValue)) {
+      drafts[pathKey(jsonField.path)] = JSON.stringify(getValueAtPath(currentValue, jsonField.path) ?? null, null, 2);
+    }
+    return drafts;
+  }
+  function currentJsonFields(field, currentValue) {
+    const fields = [];
+    function visit(candidate) {
+      if (candidate.kind === "json")
+        fields.push(candidate);
+      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)]));
+        }
+      }
+    }
+    visit(field);
+    return fields;
+  }
+  function seedArrayKeys(field, currentValue) {
+    const keys = {};
+    function visit(candidate) {
+      if (candidate.kind === "array") {
+        const key = pathKey(candidate.path);
+        keys[key] = arrayValueAtPath(currentValue, candidate.path).map(() => `${key}-${arrayKeyCounter++}`);
+      }
+      for (const child7 of candidate.fields)
+        visit(child7);
+      if (candidate.item)
+        visit(candidate.item);
+    }
+    visit(field);
+    return keys;
+  }
+  function rawJsonIssues() {
+    let nextValue = $6.get(formValue);
+    const issues = [];
+    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);
+      if (parsed.ok) {
+        nextValue = setValueAtPath(nextValue, field.path, parsed.value);
+      } else {
+        issues.push(parsed.issue);
+      }
+    }
+    return { value: nextValue, issues };
+  }
+  async function reportSubmitIssues(issues, submitId) {
+    if (activeSubmitId !== submitId)
+      return;
+    $6.set(errors, issuesByPath(issues), true);
+    setSerializedValue("");
+    $6.set(submitting, false);
+    await focusFirstError(submitId);
+  }
+  async function focusFirstError(submitId) {
+    await tick();
+    if (activeSubmitId !== submitId)
+      return;
+    $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 === $6.get(formElement)) {
+      return submitter;
+    }
+    if (submitter instanceof HTMLInputElement && (submitter.type === "submit" || submitter.type === "image") && submitter.form === $6.get(formElement)) {
+      return submitter;
+    }
+    return;
+  }
+  async function handleSubmit(event) {
+    if (allowNativeSubmit) {
+      allowNativeSubmit = false;
+      return;
+    }
+    event.preventDefault();
+    if ($6.get(submitting))
+      return;
+    const submitId = activeSubmitId + 1;
+    activeSubmitId = submitId;
+    $6.set(submitting, true);
+    try {
+      const raw = rawJsonIssues();
+      if (raw.issues.length > 0) {
+        await reportSubmitIssues(raw.issues, submitId);
+        return;
+      }
+      const candidate = pruneUndefined(raw.value);
+      const result = await validateSchemaValue($$props.schema, candidate);
+      if (!result.valid) {
+        await reportSubmitIssues(result.issues, submitId);
+        return;
+      }
+      const serialized = serializeValidatedValue(result.value);
+      if (!serialized.ok) {
+        await reportSubmitIssues([serialized.issue], submitId);
+        return;
+      }
+      $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();
+        $6.get(formElement)?.requestSubmit(nativeSubmitter(event));
+      }
+    } finally {
+      if (activeSubmitId === submitId)
+        $6.set(submitting, false);
+    }
+  }
+  var form = root6();
+  $6.attribute_effect(form, ($0) => ({
+    ...rest,
+    id: $6.get(formId),
+    class: $0,
+    novalidate: $$props.novalidate ?? true,
+    onsubmit: handleSubmit
+  }), [() => classNames("cinder-schema-form", $$props.class)]);
+  var node_8 = $6.child(form);
+  {
+    var consequent_10 = ($$anchor2) => {
+      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));
+      });
+      $6.append($$anchor2, p_2);
+    };
+    $6.if(node_8, ($$render) => {
+      if ($6.get(rootError))
+        $$render(consequent_10);
+    });
+  }
+  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));
+  });
+  $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());
+  });
+  $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);
+}
+
+// src/components/schema-form/index.ts
+var schema_form_default = Schema_form;
+export {
+  readSchemaFormData,
+  schema_form_default as default,
+  Schema_form as SchemaForm
+};
+
+//# debugId=CA64B4C5545EA64F64756E2164756E21