@lostgradient/cinder 0.5.0 → 0.7.0

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

@@ -148,32 +148,34 @@ function commitValue(proposed, onValueChange, setValue) {
 }
 
 // src/components/checkbox/checkbox.svelte
-var root_2 = $.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "checked",
+  "onValueChange",
+  "indeterminate",
+  "label",
+  "description",
+  "error",
+  "disabled",
+  "required",
+  "fieldClass",
+  "class",
+  "aria-describedby",
+  "aria-invalid",
+  "onchange"
+]);
+var root = $.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>`);
+var root_2 = $.from_html(`<p class="cinder-checkbox-field__description"> </p>`);
+var root_3 = $.from_html(`<p class="cinder-checkbox-field__error" aria-live="polite"> </p>`);
+var root_4 = $.from_html(`<div><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"
-  ]);
+  let checked = $.prop($$props, "checked", 15, false), indeterminate = $.prop($$props, "indeterminate", 11, false), rest = $.rest_props($$props, rest_excludes);
   const context = getFormFieldContext();
   const field = $.derived(() => resolveFieldControl({
     ...$$props.id !== undefined ? { id: $$props.id } : {},
@@ -232,7 +234,7 @@ function Checkbox($$anchor, $$props) {
     target.indeterminate = indeterminate() && !committed;
     $$props.onchange?.(event);
   }
-  var div = root();
+  var div = root_4();
   var div_1 = $.child(div);
   var span = $.child(div_1);
   var input = $.child(span);
@@ -259,7 +261,7 @@ function Checkbox($$anchor, $$props) {
       var node_1 = $.sibling(text);
       {
         var consequent = ($$anchor3) => {
-          var span_1 = root_2();
+          var span_1 = root();
           $.append($$anchor3, span_1);
         };
         $.if(node_1, ($$render) => {
@@ -284,7 +286,7 @@ function Checkbox($$anchor, $$props) {
   var node_2 = $.sibling(div_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var p = root_3();
+      var p = root_2();
       var text_1 = $.child(p, true);
       $.reset(p);
       $.template_effect(() => {
@@ -301,7 +303,7 @@ function Checkbox($$anchor, $$props) {
   var node_3 = $.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p_1 = root_4();
+      var p_1 = root_3();
       var text_2 = $.child(p_1, true);
       $.reset(p_1);
       $.template_effect(() => {
@@ -316,6 +318,9 @@ function Checkbox($$anchor, $$props) {
     });
   }
   $.reset(div);
+  $.template_effect(($0) => $.set_class(div, 1, $0), [
+    () => $.clsx(classNames("cinder-checkbox-field", $$props.fieldClass))
+  ]);
   $.append($$anchor, div);
   $.pop();
 }
@@ -324,24 +329,47 @@ function Checkbox($$anchor, $$props) {
 import"svelte/internal/disclose-version";
 import * as $2 from "svelte/internal/client";
 var calendarIcon = ($$anchor) => {
-  var svg = root_12();
+  var svg = root2();
   $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 rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "onValueChange",
+  "label",
+  "hideLabel",
+  "description",
+  "error",
+  "disabled",
+  "required",
+  "type",
+  "class",
+  "leading",
+  "trailing",
+  "leadingInteractive",
+  "trailingInteractive",
+  "aria-describedby",
+  "aria-invalid",
+  "oninput"
+]);
+var root2 = $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_12 = $2.from_html(`<input/>`);
+var root_22 = $2.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
 var root_32 = $2.from_html(`<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>`);
+var root_42 = $2.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
+var root_5 = $2.from_html(`<span class="cinder-input-group__trailing cinder-_truncate"><!></span>`);
+var root_6 = $2.from_html(`<span class="cinder-input-group__trailing cinder-input-group__date-icon cinder-_truncate" aria-hidden="true"><!></span>`);
+var root_7 = $2.from_html(`<div class="cinder-input-group"><!> <!> <!></div>`);
+var root_8 = $2.from_html(`<p class="cinder-input-field__description"> </p>`);
+var root_9 = $2.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
+var root_10 = $2.from_html(`<div class="cinder-input-field"><!> <!> <!> <!></div>`);
 function Input($$anchor, $$props) {
   $2.push($$props, true);
   const inputElement = ($$anchor2) => {
-    var input = root_22();
+    var input = root_12();
     $2.attribute_effect(input, ($0) => ({
       id: $$props.id,
       type: type(),
@@ -358,29 +386,7 @@ function Input($$anchor, $$props) {
     $2.bind_this(input, ($$value) => $2.set(inputNode, $$value), () => $2.get(inputNode));
     $2.append($$anchor2, input);
   };
-  let value = $2.prop($$props, "value", 15, ""), hideLabel = $2.prop($$props, "hideLabel", 3, false), 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",
-    "hideLabel",
-    "description",
-    "error",
-    "disabled",
-    "required",
-    "type",
-    "class",
-    "leading",
-    "trailing",
-    "leadingInteractive",
-    "trailingInteractive",
-    "aria-describedby",
-    "aria-invalid",
-    "oninput"
-  ]);
+  let value = $2.prop($$props, "value", 15, ""), hideLabel = $2.prop($$props, "hideLabel", 3, false), 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, rest_excludes2);
   const context = getFormFieldContext();
   $2.user_effect(() => {
     if (context && context.controlId !== $$props.id) {
@@ -442,7 +448,7 @@ function Input($$anchor, $$props) {
     target.value = committed;
     $$props.oninput?.(event);
   }
-  var div = root2();
+  var div = root_10();
   var node = $2.child(div);
   {
     var consequent_1 = ($$anchor2) => {
@@ -451,7 +457,7 @@ function Input($$anchor, $$props) {
       var node_1 = $2.sibling(text);
       {
         var consequent = ($$anchor3) => {
-          var span = root_42();
+          var span = root_22();
           $2.append($$anchor3, span);
         };
         $2.if(node_1, ($$render) => {
@@ -478,11 +484,11 @@ function Input($$anchor, $$props) {
   var node_2 = $2.sibling(node, 2);
   {
     var consequent_5 = ($$anchor2) => {
-      var div_1 = root_5();
+      var div_1 = root_7();
       var node_3 = $2.child(div_1);
       {
         var consequent_2 = ($$anchor3) => {
-          var span_1 = root_6();
+          var span_1 = root_42();
           var node_4 = $2.child(span_1);
           $2.snippet(node_4, () => $$props.leading);
           $2.reset(span_1);
@@ -499,7 +505,7 @@ function Input($$anchor, $$props) {
       var node_6 = $2.sibling(node_5, 2);
       {
         var consequent_3 = ($$anchor3) => {
-          var span_2 = root_7();
+          var span_2 = root_5();
           var node_7 = $2.child(span_2);
           $2.snippet(node_7, () => $$props.trailing);
           $2.reset(span_2);
@@ -507,7 +513,7 @@ function Input($$anchor, $$props) {
           $2.append($$anchor3, span_2);
         };
         var consequent_4 = ($$anchor3) => {
-          var span_3 = root_8();
+          var span_3 = root_6();
           var node_8 = $2.child(span_3);
           calendarIcon(node_8);
           $2.reset(span_3);
@@ -543,7 +549,7 @@ function Input($$anchor, $$props) {
   var node_9 = $2.sibling(node_2, 2);
   {
     var consequent_6 = ($$anchor2) => {
-      var p = root_10();
+      var p = root_8();
       var text_1 = $2.child(p, true);
       $2.reset(p);
       $2.template_effect(() => {
@@ -560,7 +566,7 @@ function Input($$anchor, $$props) {
   var node_10 = $2.sibling(node_9, 2);
   {
     var consequent_7 = ($$anchor2) => {
-      var p_1 = root_11();
+      var p_1 = root_9();
       var text_2 = $2.child(p_1, true);
       $2.reset(p_1);
       $2.template_effect(() => {
@@ -685,38 +691,38 @@ function parseLocaleNumber(text, locale, format) {
 }
 
 // src/components/number-input/number-input.svelte
-var root_23 = $3.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var rest_excludes3 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "defaultValue",
+  "value",
+  "min",
+  "max",
+  "step",
+  "format",
+  "locale",
+  "disabled",
+  "required",
+  "name",
+  "label",
+  "description",
+  "error",
+  "class",
+  "onchange",
+  "onblur",
+  "aria-describedby"
+]);
+var root3 = $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>`);
+var root_23 = $3.from_html(`<input type="hidden"/>`);
+var root_33 = $3.from_html(`<p class="cinder-input-field__description"> </p>`);
+var root_43 = $3.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
+var root_52 = $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"
-  ]);
+  let defaultValue = $3.prop($$props, "defaultValue", 3, null), value = $3.prop($$props, "value", 15, null), rest = $3.rest_props($$props, rest_excludes3);
   const context = getFormFieldContext();
   const localeContext = getLocaleContext();
   let editorBuffer = $3.state("");
@@ -1012,7 +1018,7 @@ function Number_input($$anchor, $$props) {
   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 div = root_52();
   var node = $3.child(div);
   {
     var consequent_1 = ($$anchor2) => {
@@ -1021,7 +1027,7 @@ function Number_input($$anchor, $$props) {
       var node_1 = $3.sibling(text_1);
       {
         var consequent = ($$anchor3) => {
-          var span = root_23();
+          var span = root3();
           $3.append($$anchor3, span);
         };
         $3.if(node_1, ($$render) => {
@@ -1071,7 +1077,7 @@ function Number_input($$anchor, $$props) {
   var node_2 = $3.sibling(div_1, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var input_1 = root_33();
+      var input_1 = root_23();
       $3.remove_input_defaults(input_1);
       $3.template_effect(($0) => {
         $3.set_attribute(input_1, "name", $$props.name);
@@ -1089,7 +1095,7 @@ function Number_input($$anchor, $$props) {
   var node_3 = $3.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p = root_43();
+      var p = root_33();
       var text_2 = $3.child(p, true);
       $3.reset(p);
       $3.template_effect(() => {
@@ -1106,7 +1112,7 @@ function Number_input($$anchor, $$props) {
   var node_4 = $3.sibling(node_3, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var p_1 = root_52();
+      var p_1 = root_43();
       var text_3 = $3.child(p_1, true);
       $3.reset(p_1);
       $3.template_effect(() => {
@@ -1116,7 +1122,7 @@ function Number_input($$anchor, $$props) {
       $3.append($$anchor2, p_1);
     };
     var consequent_5 = ($$anchor2) => {
-      var p_2 = root_62();
+      var p_2 = root_43();
       var text_4 = $3.child(p_2, true);
       $3.reset(p_2);
       $3.template_effect(() => {
@@ -1153,31 +1159,31 @@ $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 rest_excludes4 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "options",
+  "label",
+  "description",
+  "error",
+  "required",
+  "disabled",
+  "class",
+  "aria-describedby",
+  "aria-invalid"
+]);
+var root4 = $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>`);
+var root_24 = $4.from_html(`<select></select>`);
+var root_34 = $4.from_html(`<option> </option>`);
+var root_44 = $4.from_html(`<p class="cinder-select-field__description"> </p>`);
+var root_53 = $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"
-  ]);
+  let value = $4.prop($$props, "value", 15), rest = $4.rest_props($$props, rest_excludes4);
   const context = getFormFieldContext();
   const field = $4.derived(() => resolveFieldControl({
     id: $$props.id,
@@ -1197,7 +1203,7 @@ function Select($$anchor, $$props) {
       devWarn("[cinder/Select] options is empty — pass at least one option, or ignore during async load.");
     }
   });
-  var div = root4();
+  var div = root_53();
   var node = $4.child(div);
   {
     var consequent_1 = ($$anchor2) => {
@@ -1206,7 +1212,7 @@ function Select($$anchor, $$props) {
       var node_1 = $4.sibling(text);
       {
         var consequent = ($$anchor3) => {
-          var span = root_24();
+          var span = root4();
           $4.append($$anchor3, span);
         };
         $4.if(node_1, ($$render) => {
@@ -1231,7 +1237,7 @@ function Select($$anchor, $$props) {
   var node_2 = $4.child(span_1);
   {
     var consequent_2 = ($$anchor2) => {
-      var select = root_34();
+      var select = root_24();
       $4.attribute_effect(select, () => ({
         id: $$props.id,
         class: "cinder-_input-frame cinder-select",
@@ -1245,7 +1251,7 @@ function Select($$anchor, $$props) {
       $4.append($$anchor2, select);
     };
     var alternate = ($$anchor2) => {
-      var select_1 = root_44();
+      var select_1 = root_24();
       $4.attribute_effect(select_1, () => ({
         id: $$props.id,
         class: "cinder-_input-frame cinder-select",
@@ -1256,7 +1262,7 @@ function Select($$anchor, $$props) {
         "aria-invalid": $4.get(field).ariaInvalid
       }));
       $4.each(select_1, 21, () => $$props.options, (option) => option.value, ($$anchor3, option) => {
-        var option_1 = root_53();
+        var option_1 = root_34();
         var text_1 = $4.child(option_1, true);
         $4.reset(option_1);
         var option_1_value = {};
@@ -1285,7 +1291,7 @@ function Select($$anchor, $$props) {
   var node_3 = $4.sibling(span_1, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var p = root_63();
+      var p = root_44();
       var text_2 = $4.child(p, true);
       $4.reset(p);
       $4.template_effect(() => {
@@ -1335,32 +1341,33 @@ function resolveMaximumLength(value) {
 }
 
 // src/components/textarea/textarea.svelte
-var root_25 = $5.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var rest_excludes5 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "value",
+  "label",
+  "description",
+  "error",
+  "rows",
+  "disabled",
+  "required",
+  "class",
+  "maxlength",
+  "showCount",
+  "aria-describedby",
+  "aria-invalid"
+]);
+var root5 = $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>`);
+var root_25 = $5.from_html(`<p class="cinder-textarea-description"> </p>`);
+var root_35 = $5.from_html(`<output class="cinder-textarea-count" aria-live="polite" aria-atomic="true"> </output>`);
+var root_45 = $5.from_html(`<p class="cinder-textarea-error" aria-live="polite"> </p>`);
+var root_54 = $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"
-  ]);
+  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, rest_excludes5);
   const context = getFormFieldContext();
   const maximumLength = $5.derived(() => resolveMaximumLength($$props.maxlength));
   const countId = $5.derived(() => showCount() && $5.get(maximumLength) !== undefined ? `${$$props.id}-count` : undefined);
@@ -1379,7 +1386,7 @@ function Textarea($$anchor, $$props) {
     required: $5.get(ownRequired),
     disabled: $$props.disabled
   }));
-  var div = root5();
+  var div = root_54();
   var node = $5.child(div);
   {
     var consequent_1 = ($$anchor2) => {
@@ -1388,7 +1395,7 @@ function Textarea($$anchor, $$props) {
       var node_1 = $5.sibling(text);
       {
         var consequent = ($$anchor3) => {
-          var span = root_25();
+          var span = root5();
           $5.append($$anchor3, span);
         };
         $5.if(node_1, ($$render) => {
@@ -1427,7 +1434,7 @@ function Textarea($$anchor, $$props) {
   var node_2 = $5.sibling(textarea, 2);
   {
     var consequent_2 = ($$anchor2) => {
-      var p = root_35();
+      var p = root_25();
       var text_1 = $5.child(p, true);
       $5.reset(p);
       $5.template_effect(() => {
@@ -1444,7 +1451,7 @@ function Textarea($$anchor, $$props) {
   var node_3 = $5.sibling(node_2, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var output = root_45();
+      var output = root_35();
       var text_2 = $5.child(output);
       $5.reset(output);
       $5.template_effect(() => {
@@ -1462,7 +1469,7 @@ function Textarea($$anchor, $$props) {
   var node_4 = $5.sibling(node_3, 2);
   {
     var consequent_4 = ($$anchor2) => {
-      var p_1 = root_54();
+      var p_1 = root_45();
       var text_3 = $5.child(p_1, true);
       $5.reset(p_1);
       $5.template_effect(() => {
@@ -1943,27 +1950,39 @@ function readSchemaFormData(formData, name = "value") {
 }
 
 // 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>`);
+var rest_excludes6 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "schema",
+  "value",
+  "name",
+  "submitLabel",
+  "class",
+  "onsubmit",
+  "novalidate"
+]);
+var root6 = $6.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_16 = $6.from_html(`<p class="cinder-schema-form__description"> </p>`);
+var root_26 = $6.from_html(`<p class="cinder-schema-form__error" aria-live="polite" tabindex="-1"> </p>`);
+var root_36 = $6.from_html(`<legend class="cinder-schema-form__legend"> <!></legend> <!> <!>`, 1);
+var root_46 = $6.from_html(`<fieldset class="cinder-schema-form__fieldset"><!> <div class="cinder-schema-form__fields"></div></fieldset>`);
+var root_55 = $6.from_html(`<div class="cinder-schema-form__array-item"><!> <button type="button" class="cinder-schema-form__secondary-button">Remove</button></div>`);
+var root_62 = $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_72 = $6.from_html(`<div class="cinder-schema-form__field"><!></div>`);
+var root_82 = $6.from_html(`<p class="cinder-schema-form__error" role="alert" aria-live="polite" tabindex="-1"> </p>`);
+var root_92 = $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 fragment = root_36();
     var legend = $6.first_child(fragment);
     var text = $6.child(legend);
     var node = $6.sibling(text);
     {
       var consequent = ($$anchor3) => {
-        var span = root_26();
+        var span = root6();
         $6.append($$anchor3, span);
       };
       $6.if(node, ($$render) => {
@@ -1975,7 +1994,7 @@ function Schema_form_body($$anchor, $$props) {
     var node_1 = $6.sibling(legend, 2);
     {
       var consequent_1 = ($$anchor3) => {
-        var p = root_36();
+        var p = root_16();
         var text_1 = $6.child(p, true);
         $6.reset(p);
         $6.template_effect(($0) => {
@@ -1992,7 +2011,7 @@ function Schema_form_body($$anchor, $$props) {
     var node_2 = $6.sibling(node_1, 2);
     {
       var consequent_2 = ($$anchor3) => {
-        var p_1 = root_46();
+        var p_1 = root_26();
         var text_2 = $6.child(p_1, true);
         $6.reset(p_1);
         $6.template_effect(($0, $1) => {
@@ -2022,7 +2041,7 @@ function Schema_form_body($$anchor, $$props) {
     var node_3 = $6.first_child(fragment_1);
     {
       var consequent_3 = ($$anchor3) => {
-        var fieldset = root_64();
+        var fieldset = root_46();
         var node_4 = $6.child(fieldset);
         groupLegend(node_4, field);
         var div = $6.sibling(node_4, 2);
@@ -2034,13 +2053,13 @@ function Schema_form_body($$anchor, $$props) {
         $6.append($$anchor3, fieldset);
       };
       var consequent_5 = ($$anchor3) => {
-        var fieldset_1 = root_82();
+        var fieldset_1 = root_62();
         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 div_2 = root_55();
           var node_6 = $6.child(div_2);
           {
             var consequent_4 = ($$anchor5) => {
@@ -2074,7 +2093,7 @@ function Schema_form_body($$anchor, $$props) {
         $6.append($$anchor3, fieldset_1);
       };
       var alternate_1 = ($$anchor3) => {
-        var div_3 = root_112();
+        var div_3 = root_72();
         var node_7 = $6.child(div_3);
         {
           var consequent_6 = ($$anchor4) => {
@@ -2228,18 +2247,7 @@ function Schema_form_body($$anchor, $$props) {
     }
     $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"
-  ]);
+  let name = $6.prop($$props, "name", 3, "value"), submitLabel = $6.prop($$props, "submitLabel", 3, "Submit"), rest = $6.rest_props($$props, rest_excludes6);
   const initialModel = createSchemaFormModel($$props.schema);
   const initialFormValue = initialValueForField(initialModel.field, $$props.value);
   const model = $6.derived(() => createSchemaFormModel($$props.schema));
@@ -2564,7 +2572,7 @@ function Schema_form_body($$anchor, $$props) {
         $6.set(submitting, false);
     }
   }
-  var form = root6();
+  var form = root_92();
   $6.attribute_effect(form, ($0) => ({
     ...rest,
     id: $6.get(formId),
@@ -2575,7 +2583,7 @@ function Schema_form_body($$anchor, $$props) {
   var node_8 = $6.child(form);
   {
     var consequent_10 = ($$anchor2) => {
-      var p_2 = root_17();
+      var p_2 = root_82();
       var text_4 = $6.child(p_2, true);
       $6.reset(p_2);
       $6.template_effect(() => {
@@ -2614,8 +2622,9 @@ function Schema_form_body($$anchor, $$props) {
 $6.delegate(["click", "input"]);
 
 // src/components/schema-form/schema-form.svelte
+var rest_excludes7 = new Set(["$$slots", "$$events", "$$legacy", "schema"]);
 function Schema_form($$anchor, $$props) {
-  let rest = $7.rest_props($$props, ["$$slots", "$$events", "$$legacy", "schema"]);
+  let rest = $7.rest_props($$props, rest_excludes7);
   var fragment = $7.comment();
   var node = $7.first_child(fragment);
   $7.key(node, () => $$props.schema, ($$anchor2) => {
@@ -2636,4 +2645,4 @@ export {
   Schema_form as SchemaForm
 };
 
-//# debugId=17DB59D70675DAB064756E2164756E21
+//# debugId=B8B51941ADD00F0264756E2164756E21