@lostgradient/cinder 0.3.0 → 0.4.0

package/dist/components/media-controls/index.js

@@ -111,9 +111,9 @@ function Media_controls($$anchor, $$props) {
     "progress",
     "progressLabel",
     "layout",
-    "onPlay",
-    "onPause",
-    "onReplay",
+    "onplay",
+    "onpause",
+    "onreplay",
     "class"
   ]);
   const isDisabled = $2.derived(() => disabled() || loading() || unavailable());
@@ -126,19 +126,19 @@ function Media_controls($$anchor, $$props) {
     if ($2.get(isDisabled))
       return;
     $2.set(announcement, "Playing");
-    $$props.onPlay?.();
+    $$props.onplay?.();
   }
   function handlePause() {
     if ($2.get(isDisabled))
       return;
     $2.set(announcement, "Paused");
-    $$props.onPause?.();
+    $$props.onpause?.();
   }
   function handleReplay() {
     if ($2.get(isDisabled))
       return;
     $2.set(announcement, "Replaying");
-    $$props.onReplay?.();
+    $$props.onreplay?.();
   }
   function handlePrimaryAction() {
     if (replay()) {
@@ -306,4 +306,4 @@ export {
   Media_controls as MediaControls
 };
 
-//# debugId=8507E67D2F48F97764756E2164756E21
+//# debugId=1DC48E946577D56464756E2164756E21

package/dist/components/media-controls/media-controls.css

@@ -18,11 +18,11 @@
     color: var(--cinder-text);
     cursor: pointer;
     font-size: var(--cinder-text-sm);
-    font-weight: 500;
+    font-weight: var(--cinder-font-medium);
     line-height: 1;
     transition:
-      background-color 0.15s ease,
-      border-color 0.15s ease;
+      background-color var(--cinder-duration-fast) var(--cinder-ease-standard),
+      border-color var(--cinder-duration-fast) var(--cinder-ease-standard);
     min-width: 2rem;
     min-height: 2rem;
   }
@@ -41,6 +41,17 @@
       0 0 0 calc(var(--cinder-ring-offset) + var(--cinder-ring-width)) var(--cinder-ring-color);
   }
 
+  @media (forced-colors: active) {
+    .cinder-media-controls__button:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      /* 3px separates the outline from ButtonBorder (which renders in forced-colors
+         on all bordered controls and shares the ButtonText color family in HCM);
+         at 2px the ring and border can visually merge. */
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-media-controls__button:disabled {
     cursor: not-allowed;
     opacity: 0.5;
@@ -107,6 +118,6 @@
     height: 100%;
     border-radius: var(--cinder-radius-full, 9999px);
     background-color: var(--cinder-accent);
-    transition: width 0.1s ease;
+    transition: width var(--cinder-duration-fast) var(--cinder-ease-standard);
   }
 }

package/dist/components/media-controls/media-controls.schema.js

@@ -73,17 +73,17 @@ var schema = {
   metadata: {
     unsupportedProps: [
       {
-        name: "onPause",
+        name: "onpause",
         reason: "function-or-snippet",
         description: "Called when the pause action is triggered."
       },
       {
-        name: "onPlay",
+        name: "onplay",
         reason: "function-or-snippet",
         description: "Called when the play action is triggered."
       },
       {
-        name: "onReplay",
+        name: "onreplay",
         reason: "function-or-snippet",
         description: "Called when the replay action is triggered."
       }
@@ -95,4 +95,4 @@ export {
   media_controls_schema_default as default
 };
 
-//# debugId=FC8511F4FBB07AA664756E2164756E21
+//# debugId=894273CB20EA095364756E2164756E21

package/dist/components/media-controls/media-controls.types.d.ts

@@ -2,7 +2,7 @@ import type { HTMLAttributes } from 'svelte/elements';
 /** Layout mode: compact icon-only or expanded icon+label. */
 export type MediaControlsLayout = 'compact' | 'expanded';
 /** Props for the MediaControls component. */
-export type MediaControlsProps = Omit<HTMLAttributes<HTMLDivElement>, 'class' | 'children'> & {
+export type MediaControlsProps = Omit<HTMLAttributes<HTMLDivElement>, 'class' | 'children' | 'onplay' | 'onpause'> & {
     /** Current playback state. @default "paused" */
     playing?: boolean;
     /** Show a replay action instead of play/pause when the track has ended. @default false */
@@ -20,11 +20,11 @@ export type MediaControlsProps = Omit<HTMLAttributes<HTMLDivElement>, 'class' |
     /** Layout mode: `compact` renders icon-only, `expanded` renders icon+label. @default "compact" */
     layout?: MediaControlsLayout;
     /** Called when the user triggers playback. */
-    onPlay?: () => void;
+    onplay?: () => void;
     /** Called when the user pauses playback. */
-    onPause?: () => void;
+    onpause?: () => void;
     /** Called when the user triggers replay. */
-    onReplay?: () => void;
+    onreplay?: () => void;
     /** Additional class names merged with `.cinder-media-controls`. */
     class?: string;
 };
@@ -69,9 +69,9 @@ export interface MediaControlsSchemaProps {
     /** Additional class names merged with `.cinder-media-controls`. */
     class?: string;
     /** Called when the play action is triggered. */
-    onPlay?: () => void;
+    onplay?: () => void;
     /** Called when the pause action is triggered. */
-    onPause?: () => void;
+    onpause?: () => void;
     /** Called when the replay action is triggered. */
-    onReplay?: () => void;
+    onreplay?: () => void;
 }

package/dist/components/menu-bar/menu-bar.css

@@ -50,6 +50,17 @@
     box-shadow: var(--_cinder-focus-ring-shadow);
   }
 
+  @media (forced-colors: active) {
+    .cinder-menu-bar__trigger:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      /* 3px separates the outline from ButtonBorder (which renders in forced-colors
+         on all button-like controls and shares the ButtonText color family in HCM);
+         at 2px the ring and border can visually merge. */
+      outline-offset: 3px;
+      box-shadow: none;
+    }
+  }
+
   .cinder-menu-bar__access-key {
     text-decoration: underline;
     text-underline-offset: 0.125em;

package/dist/components/menu-bar/menu-bar.svelte.d.ts

@@ -16,6 +16,7 @@ export type { MenuBarEntry, MenuBarItem, MenuBarItemVariant, MenuBarLabel, MenuB
 import type { MenuBarProps } from './menu-bar.types.ts';
 type RestSafeProps = MenuBarProps & {
     role?: string;
+    dir?: 'ltr' | 'rtl' | 'auto';
     'aria-label'?: string;
     'aria-labelledby'?: string;
     'aria-orientation'?: string;

package/dist/components/modal/index.js

@@ -368,6 +368,10 @@ function createBodyScrollLock() {
     return release;
   };
 }
+function isInsideEventPath(event, element) {
+  const path = event.composedPath();
+  return path.some((entry) => entry instanceof Node && element.contains(entry));
+}
 function createClickOutside(options) {
   const { handler, enabled = true, eventType = "click", capture = true, ignoreRefs } = options;
   return (node) => {
@@ -375,17 +379,19 @@ function createClickOutside(options) {
       const isEnabled = typeof enabled === "function" ? enabled() : enabled;
       if (!isEnabled)
         return;
+      if (event.type === "touchstart" && !event.cancelable)
+        return;
       const target = event.target;
       if (!(target instanceof Node)) {
         handler();
         return;
       }
-      if (node.contains(target))
+      if (isInsideEventPath(event, node))
         return;
       if (ignoreRefs) {
         for (const ref of ignoreRefs) {
           const element = ref();
-          if (element && element.contains(target))
+          if (element && isInsideEventPath(event, element))
             return;
         }
       }
@@ -649,4 +655,4 @@ export {
   Modal
 };
 
-//# debugId=A7C21AEC3737E49964756E2164756E21
+//# debugId=DC528D193ADB1C7664756E2164756E21

package/dist/components/navigation-bar/index.js

@@ -41,7 +41,7 @@ var root = $.from_html(`<nav><!> <!> <div class="cinder-navigation-bar__items"><
 function Navigation_bar($$anchor, $$props) {
   const regionId = $.props_id();
   $.push($$props, true);
-  let placement = $.prop($$props, "placement", 3, "top"), showLabels = $.prop($$props, "showLabels", 3, "always"), mobileMenuOpen = $.prop($$props, "mobileMenuOpen", 15, false), navAriaLabel = $.prop($$props, "navAriaLabel", 3, "Main navigation"), rest = $.rest_props($$props, [
+  let placement = $.prop($$props, "placement", 3, "top"), showLabels = $.prop($$props, "showLabels", 3, "always"), mobileMenuOpen = $.prop($$props, "mobileMenuOpen", 15, false), label = $.prop($$props, "label", 3, "Main navigation"), rest = $.rest_props($$props, [
     "$$slots",
     "$$events",
     "$$legacy",
@@ -53,7 +53,7 @@ function Navigation_bar($$anchor, $$props) {
     "actions",
     "menuToggle",
     "mobileMenuOpen",
-    "navAriaLabel",
+    "label",
     "aria-label",
     "data-collapsible",
     "data-cinder-placement",
@@ -132,7 +132,7 @@ function Navigation_bar($$anchor, $$props) {
   var nav = root();
   $.attribute_effect(nav, ($0) => ({
     ...rest,
-    "aria-label": navAriaLabel(),
+    "aria-label": label(),
     class: $0,
     "data-collapsible": $.get(isCollapsible) ? "true" : "false",
     "data-cinder-placement": placement(),
@@ -211,4 +211,4 @@ export {
   Navigation_bar as NavigationBar
 };
 
-//# debugId=792C2C29E992115D64756E2164756E21
+//# debugId=530908824CA549DD64756E2164756E21

package/dist/components/navigation-bar/navigation-bar.schema.js

@@ -44,7 +44,7 @@ var schema = {
       type: "boolean",
       description: "Two-way bindable open state of the mobile menu."
     },
-    navAriaLabel: {
+    label: {
       type: "string",
       description: "Accessible name for the <nav> landmark. Wins over any aria-label passed via rest. Default 'Main navigation'."
     }
@@ -79,4 +79,4 @@ export {
   navigation_bar_schema_default as default
 };
 
-//# debugId=0EEDFD789DF9D74D64756E2164756E21
+//# debugId=FBCB86F8B779A41664756E2164756E21

package/dist/components/navigation-bar/navigation-bar.types.d.ts

@@ -41,5 +41,5 @@ export type NavigationBarProps = Omit<HTMLAttributes<HTMLElement>, 'class'> & {
     /** Two-way bindable open state of the mobile menu. */
     mobileMenuOpen?: boolean;
     /** Accessible name for the <nav> landmark. Wins over any aria-label passed via rest. Default 'Main navigation'. */
-    navAriaLabel?: string;
+    label?: string;
 };

package/dist/components/number-input/index.js

@@ -27,7 +27,7 @@ import"@lostgradient/cinder/number-input/styles";
 // src/components/number-input/number-input.svelte
 import"svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-import { onMount, untrack } from "svelte";
+import { untrack } from "svelte";
 
 // src/_internal/field-control.ts
 function describeId(fieldId, hasDescription) {
@@ -88,6 +88,14 @@ function setFormFieldContext(context) {
 }
 var getFormFieldContext = optionalContext(getFormFieldContextStrict);
 
+// 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/class-names.ts
 function classNames(...parts) {
   return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
@@ -186,12 +194,13 @@ function parseLocaleNumber(text, locale, format) {
 }
 
 // src/components/number-input/number-input.svelte
-var root_1 = $.from_html(`<label class="cinder-input-field__label"> </label>`);
-var root_2 = $.from_html(`<input type="hidden"/>`);
-var root_3 = $.from_html(`<p class="cinder-input-field__description"> </p>`);
-var root_4 = $.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
+var root_2 = $.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+var root_1 = $.from_html(`<label class="cinder-input-field__label"> <!></label>`);
+var root_3 = $.from_html(`<input type="hidden"/>`);
+var root_4 = $.from_html(`<p class="cinder-input-field__description"> </p>`);
 var root_5 = $.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
-var root = $.from_html(`<div><!> <div class="cinder-number-input"><input/> <button type="button" class="cinder-number-input__stepper cinder-number-input__stepper--increment"><span aria-hidden="true">+</span></button> <button type="button" class="cinder-number-input__stepper cinder-number-input__stepper--decrement"><span aria-hidden="true">&#x2212;</span></button></div> <!> <!> <!></div>`);
+var root_6 = $.from_html(`<p class="cinder-input-field__error" aria-live="polite"> </p>`);
+var root = $.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) {
   $.push($$props, true);
   let defaultValue = $.prop($$props, "defaultValue", 3, null), value = $.prop($$props, "value", 15, null), rest = $.rest_props($$props, [
@@ -214,13 +223,18 @@ function Number_input($$anchor, $$props) {
     "error",
     "class",
     "onchange",
+    "onblur",
     "aria-describedby"
   ]);
   const context = getFormFieldContext();
+  const localeContext = getLocaleContext();
   let editorBuffer = $.state("");
   let isFocused = $.state(false);
   let hasMounted = $.state(false);
   let inputElement = $.state(undefined);
+  $.user_effect(() => {
+    $.set(hasMounted, true);
+  });
   let malformedError = $.state(false);
   let requiredEmptyError = $.state(false);
   untrack(() => {
@@ -228,10 +242,7 @@ function Number_input($$anchor, $$props) {
       value(defaultValue());
     }
   });
-  onMount(() => {
-    $.set(hasMounted, true);
-  });
-  const resolvedLocale = $.derived(() => $$props.locale ?? ($.get(hasMounted) ? navigator.language : "en-US"));
+  const resolvedLocale = $.derived(() => $$props.locale ?? localeContext?.locale ?? ($.get(hasMounted) ? navigator.language : "en-US"));
   const resolvedMin = $.derived(() => typeof $$props.min === "number" && Number.isFinite($$props.min) ? $$props.min : -Infinity);
   const resolvedMax = $.derived(() => typeof $$props.max === "number" && Number.isFinite($$props.max) ? $$props.max : Infinity);
   const isValidStep = (s) => typeof s === "number" && Number.isFinite(s) && s > 0;
@@ -360,16 +371,26 @@ function Number_input($$anchor, $$props) {
     }
     return formatNumber(v, $.get(resolvedLocale), editFormat);
   }
+  function ariaValueNowFromText(text) {
+    const result = parseLocaleNumber(text, $.get(resolvedLocale), $$props.format);
+    if (result.status !== "valid")
+      return;
+    return Number.isFinite(result.value) ? result.value : undefined;
+  }
+  const resolvedAriaValueNow = $.derived(() => $.get(isFocused) ? ariaValueNowFromText($.get(editorBuffer)) : value() === null || value() === undefined ? undefined : $$props.format?.style === "percent" ? roundToPrecision(value() * 100, 12) : value());
+  const resolvedAriaValueMin = $.derived(() => Number.isFinite($.get(resolvedMin)) ? $$props.format?.style === "percent" ? roundToPrecision($.get(resolvedMin) * 100, 12) : $.get(resolvedMin) : undefined);
+  const resolvedAriaValueMax = $.derived(() => Number.isFinite($.get(resolvedMax)) ? $$props.format?.style === "percent" ? roundToPrecision($.get(resolvedMax) * 100, 12) : $.get(resolvedMax) : undefined);
   function onFocus() {
     if (!$.get(malformedError)) {
       $.set(editorBuffer, value() === null || value() === undefined ? "" : buildEditDisplay(value()), true);
     }
     $.set(isFocused, true);
   }
-  function onBlur() {
+  function onBlur(event) {
     const buffered = $.get(editorBuffer);
     $.set(isFocused, false);
     commitFromText("typed", buffered);
+    $$props.onblur?.(event);
   }
   function onInput(event) {
     $.set(editorBuffer, event.currentTarget.value, true);
@@ -476,16 +497,26 @@ function Number_input($$anchor, $$props) {
       form.removeEventListener("reset", onReset);
     };
   });
-  const defaultDescriptionId = $.derived(() => describeId($$props.id, !!$$props.description));
-  const defaultErrorId = $.derived(() => errorId($$props.id, !!$$props.error));
-  const ownDescriptionId = $.derived(() => $$props.description && $.get(defaultDescriptionId) === context?.descriptionId ? `${$$props.id}-number-input-description` : $.get(defaultDescriptionId));
-  const ownErrorId = $.derived(() => $$props.error && $.get(defaultErrorId) === context?.errorId ? `${$$props.id}-number-input-error` : $.get(defaultErrorId));
-  const resolvedDescriptionId = $.derived(() => $.get(ownDescriptionId) ?? context?.descriptionId);
-  const resolvedErrorId = $.derived(() => $.get(ownErrorId) ?? context?.errorId);
   const internalErrorMessage = $.derived(() => !$$props.error && $.get(malformedError) ? "Please enter a valid number." : !$$props.error && $.get(requiredEmptyError) ? "Please enter a number." : null);
   const internalErrorId = $.derived(() => $.get(internalErrorMessage) ? `${$$props.id}-internal-error` : undefined);
-  const describedBy = $.derived(() => composeDescribedBy($.get(resolvedDescriptionId), $.get(resolvedErrorId), $.get(internalErrorId), $$props["aria-describedby"]));
-  const resolvedAriaInvalid = $.derived(() => $$props.error || $.get(malformedError) || $.get(requiredEmptyError) ? ariaInvalid(true) : context?.invalid ?? rest["aria-invalid"] ?? ariaInvalid(false));
+  const internalInvalid = $.derived(() => $.get(malformedError) || $.get(requiredEmptyError) ? "true" : undefined);
+  const field = $.derived(() => resolveFieldControl({
+    id: $$props.id,
+    generatedId: $$props.id,
+    context,
+    hasDescription: !!$$props.description,
+    hasError: !!$$props.error,
+    localIdNamespace: "number-input",
+    consumerDescribedBy: $$props["aria-describedby"],
+    consumerInvalid: $.get(internalInvalid) ?? rest["aria-invalid"],
+    additionalDescribedBy: [$.get(internalErrorId)],
+    required: $$props.required,
+    disabled: $$props.disabled
+  }));
+  const ownDescriptionId = $.derived(() => $.get(field).ownDescriptionId);
+  const ownErrorId = $.derived(() => $.get(field).ownErrorId);
+  const describedBy = $.derived(() => $.get(field).describedBy);
+  const resolvedAriaInvalid = $.derived(() => $.get(field).ariaInvalid);
   const incrementDisabled = $.derived(() => $.get(resolvedDisabled) || value() !== null && value() !== undefined && value() >= $.get(resolvedMax));
   const decrementDisabled = $.derived(() => $.get(resolvedDisabled) || value() !== null && value() !== undefined && value() <= $.get(resolvedMin));
   const showHiddenInput = $.derived(() => typeof $$props.name === "string" && $$props.name.length > 0 && !$.get(resolvedDisabled));
@@ -493,20 +524,31 @@ function Number_input($$anchor, $$props) {
   var div = root();
   var node = $.child(div);
   {
-    var consequent = ($$anchor2) => {
+    var consequent_1 = ($$anchor2) => {
       var label_1 = root_1();
-      var text_1 = $.child(label_1, true);
+      var text_1 = $.child(label_1);
+      var node_1 = $.sibling(text_1);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root_2();
+          $.append($$anchor3, span);
+        };
+        $.if(node_1, ($$render) => {
+          if ($.get(resolvedRequired))
+            $$render(consequent);
+        });
+      }
       $.reset(label_1);
       $.template_effect(() => {
         $.set_attribute(label_1, "for", $$props.id);
         $.set_attribute(label_1, "data-disabled", $.get(resolvedDisabled) || undefined);
-        $.set_text(text_1, $$props.label);
+        $.set_text(text_1, `${$$props.label ?? ""} `);
       });
       $.append($$anchor2, label_1);
     };
     $.if(node, ($$render) => {
       if ($$props.label)
-        $$render(consequent);
+        $$render(consequent_1);
     });
   }
   var div_1 = $.sibling(node, 2);
@@ -514,6 +556,7 @@ function Number_input($$anchor, $$props) {
   $.attribute_effect(input, () => ({
     id: $$props.id,
     type: "text",
+    role: "spinbutton",
     inputmode: "decimal",
     value: $.get(displayValue),
     disabled: $.get(resolvedDisabled),
@@ -522,6 +565,9 @@ function Number_input($$anchor, $$props) {
     ...rest,
     "aria-invalid": $.get(resolvedAriaInvalid),
     "aria-describedby": $.get(describedBy),
+    "aria-valuenow": $.get(resolvedAriaValueNow),
+    "aria-valuemin": $.get(resolvedAriaValueMin),
+    "aria-valuemax": $.get(resolvedAriaValueMax),
     oninput: onInput,
     onfocus: onFocus,
     onblur: onBlur,
@@ -531,10 +577,10 @@ function Number_input($$anchor, $$props) {
   var button = $.sibling(input, 2);
   var button_1 = $.sibling(button, 2);
   $.reset(div_1);
-  var node_1 = $.sibling(div_1, 2);
+  var node_2 = $.sibling(div_1, 2);
   {
-    var consequent_1 = ($$anchor2) => {
-      var input_1 = root_2();
+    var consequent_2 = ($$anchor2) => {
+      var input_1 = root_3();
       $.remove_input_defaults(input_1);
       $.template_effect(($0) => {
         $.set_attribute(input_1, "name", $$props.name);
@@ -544,15 +590,15 @@ function Number_input($$anchor, $$props) {
       ]);
       $.append($$anchor2, input_1);
     };
-    $.if(node_1, ($$render) => {
+    $.if(node_2, ($$render) => {
       if ($.get(showHiddenInput))
-        $$render(consequent_1);
+        $$render(consequent_2);
     });
   }
-  var node_2 = $.sibling(node_1, 2);
+  var node_3 = $.sibling(node_2, 2);
   {
-    var consequent_2 = ($$anchor2) => {
-      var p = root_3();
+    var consequent_3 = ($$anchor2) => {
+      var p = root_4();
       var text_2 = $.child(p, true);
       $.reset(p);
       $.template_effect(() => {
@@ -561,15 +607,15 @@ function Number_input($$anchor, $$props) {
       });
       $.append($$anchor2, p);
     };
-    $.if(node_2, ($$render) => {
+    $.if(node_3, ($$render) => {
       if ($$props.description)
-        $$render(consequent_2);
+        $$render(consequent_3);
     });
   }
-  var node_3 = $.sibling(node_2, 2);
+  var node_4 = $.sibling(node_3, 2);
   {
-    var consequent_3 = ($$anchor2) => {
-      var p_1 = root_4();
+    var consequent_4 = ($$anchor2) => {
+      var p_1 = root_5();
       var text_3 = $.child(p_1, true);
       $.reset(p_1);
       $.template_effect(() => {
@@ -578,8 +624,8 @@ function Number_input($$anchor, $$props) {
       });
       $.append($$anchor2, p_1);
     };
-    var consequent_4 = ($$anchor2) => {
-      var p_2 = root_5();
+    var consequent_5 = ($$anchor2) => {
+      var p_2 = root_6();
       var text_4 = $.child(p_2, true);
       $.reset(p_2);
       $.template_effect(() => {
@@ -588,11 +634,11 @@ function Number_input($$anchor, $$props) {
       });
       $.append($$anchor2, p_2);
     };
-    $.if(node_3, ($$render) => {
+    $.if(node_4, ($$render) => {
       if ($$props.error)
-        $$render(consequent_3);
+        $$render(consequent_4);
       else if ($.get(internalErrorMessage))
-        $$render(consequent_4, 1);
+        $$render(consequent_5, 1);
     });
   }
   $.reset(div);
@@ -620,4 +666,4 @@ export {
   Number_input as NumberInput
 };
 
-//# debugId=643740B3F84F94CB64756E2164756E21
+//# debugId=EFFE4ACB69827CD364756E2164756E21

package/dist/components/number-input/number-input.schema.js

@@ -74,7 +74,7 @@ var schema = {
     },
     locale: {
       type: "string",
-      description: "BCP 47 locale tag used for number formatting and parsing. Defaults to `navigator.language`."
+      description: "BCP 47 locale tag used for number formatting and parsing. Defaults to the\nnearest LocaleProvider locale, then `navigator.language` after mount and\n`en-US` during server rendering."
     },
     name: {
       type: "string",
@@ -103,7 +103,8 @@ var schema = {
       },
       {
         name: "format",
-        reason: "unknown-shape"
+        reason: "unknown-shape",
+        description: "Locale-aware formatting options passed to `Intl.NumberFormat`.\nSupports all `Intl.NumberFormatOptions` properties such as `style`\n(`'decimal'`, `'currency'`, `'percent'`, `'unit'`), `currency`,\n`minimumFractionDigits`, `maximumFractionDigits`, and `notation`.\nDefaults to locale-standard decimal formatting when omitted."
       },
       {
         name: "onchange",
@@ -117,4 +118,4 @@ export {
   number_input_schema_default as default
 };
 
-//# debugId=CB5993C59A4E4DC464756E2164756E21
+//# debugId=4299435DED189C9F64756E2164756E21

package/dist/components/number-input/number-input.types.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLInputAttributes } from 'svelte/elements';
-export type NumberInputProps = Omit<HTMLInputAttributes, 'value' | 'defaultValue' | 'min' | 'max' | 'step' | 'name' | 'type' | 'oninput' | 'onchange' | 'onfocus' | 'onblur' | 'onkeydown'> & {
+export type NumberInputProps = Omit<HTMLInputAttributes, 'value' | 'defaultValue' | 'min' | 'max' | 'step' | 'name' | 'type' | 'oninput' | 'onchange' | 'onfocus' | 'onkeydown'> & {
     /** HTML `id` for the underlying input, used to associate the `<label>` and ARIA attributes. Required. */
     id: string;
     /** Bindable current numeric value, or `null` when the field is empty. */
@@ -7,13 +7,24 @@ export type NumberInputProps = Omit<HTMLInputAttributes, 'value' | 'defaultValue
     /** Initial value used when the component is uncontrolled or when the form is reset. */
     defaultValue?: number | null;
     /** Minimum permitted value; the stepper decrement button disables when this bound is reached. */
-    min?: number;
+    min?: number | undefined;
     /** Maximum permitted value; the stepper increment button disables when this bound is reached. */
-    max?: number;
+    max?: number | undefined;
     /** Amount added or subtracted per stepper click or arrow-key press. Default `1`. */
-    step?: number;
+    step?: number | undefined;
+    /**
+     * Locale-aware formatting options passed to `Intl.NumberFormat`.
+     * Supports all `Intl.NumberFormatOptions` properties such as `style`
+     * (`'decimal'`, `'currency'`, `'percent'`, `'unit'`), `currency`,
+     * `minimumFractionDigits`, `maximumFractionDigits`, and `notation`.
+     * Defaults to locale-standard decimal formatting when omitted.
+     */
     format?: Intl.NumberFormatOptions;
-    /** BCP 47 locale tag used for number formatting and parsing. Defaults to `navigator.language`. */
+    /**
+     * BCP 47 locale tag used for number formatting and parsing. Defaults to the
+     * nearest LocaleProvider locale, then `navigator.language` after mount and
+     * `en-US` during server rendering.
+     */
     locale?: string;
     /** When true, disables the input and stepper buttons, matching the native `disabled` attribute. */
     disabled?: boolean;

package/dist/components/payload-inspector/index.d.ts

@@ -1,5 +1,5 @@
 import './payload-inspector.css';
 import PayloadInspector from './payload-inspector.svelte';
 export default PayloadInspector;
-export type { PayloadInspectorMeta, PayloadInspectorProps, PayloadInspectorView, } from './payload-inspector.types.ts';
+export type { PayloadInspectorMeta, PayloadInspectorProps, PayloadInspectorSchemaProps, PayloadInspectorSchemaValue, PayloadInspectorView, } from './payload-inspector.types.ts';
 export { PayloadInspector };