@lostgradient/cinder 0.2.0 → 0.4.0

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

@@ -1,34 +1,4 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -57,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) {
@@ -118,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(" ");
@@ -216,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, [
@@ -244,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(() => {
@@ -258,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;
@@ -390,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);
@@ -506,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));
@@ -523,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);
@@ -544,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),
@@ -552,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,
@@ -561,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);
@@ -574,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(() => {
@@ -591,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(() => {
@@ -608,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(() => {
@@ -618,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);
@@ -650,4 +666,4 @@ export {
   Number_input as NumberInput
 };
 
-//# debugId=0FCE559D5ECB5D5664756E2164756E21
+//# debugId=EFFE4ACB69827CD364756E2164756E21

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

@@ -1,34 +1,4 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -57,13 +27,16 @@ var schema = {
   type: "object",
   properties: {
     disabled: {
-      type: "boolean"
+      type: "boolean",
+      description: "When true, disables the input and stepper buttons, matching the native `disabled` attribute."
     },
     required: {
-      type: "boolean"
+      type: "boolean",
+      description: "Marks the input as required for form validation, matching the native `required` attribute."
     },
     id: {
-      type: "string"
+      type: "string",
+      description: "HTML `id` for the underlying input, used to associate the `<label>` and ARIA attributes. Required."
     },
     value: {
       anyOf: [
@@ -73,7 +46,8 @@ var schema = {
         {
           type: "null"
         }
-      ]
+      ],
+      description: "Bindable current numeric value, or `null` when the field is empty."
     },
     defaultValue: {
       anyOf: [
@@ -83,31 +57,40 @@ var schema = {
         {
           type: "null"
         }
-      ]
+      ],
+      description: "Initial value used when the component is uncontrolled or when the form is reset."
     },
     min: {
-      type: "number"
+      type: "number",
+      description: "Minimum permitted value; the stepper decrement button disables when this bound is reached."
     },
     max: {
-      type: "number"
+      type: "number",
+      description: "Maximum permitted value; the stepper increment button disables when this bound is reached."
     },
     step: {
-      type: "number"
+      type: "number",
+      description: "Amount added or subtracted per stepper click or arrow-key press. Default `1`."
     },
     locale: {
-      type: "string"
+      type: "string",
+      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"
+      type: "string",
+      description: "Name used to identify this field's value in form data."
     },
     label: {
-      type: "string"
+      type: "string",
+      description: "Visible label text rendered above the input and linked via `for`/`id`."
     },
     description: {
-      type: "string"
+      type: "string",
+      description: "Helper text rendered below the input and associated via `aria-describedby`."
     },
     error: {
-      type: "string"
+      type: "string",
+      description: "Error message rendered below the input; also sets `aria-invalid` on the input."
     }
   },
   additionalProperties: false,
@@ -120,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",
@@ -134,4 +118,4 @@ export {
   number_input_schema_default as default
 };
 
-//# debugId=880C23876BF3DD7264756E2164756E21
+//# debugId=4299435DED189C9F64756E2164756E21

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

@@ -1,18 +1,42 @@
 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. */
     value?: number | null;
+    /** Initial value used when the component is uncontrolled or when the form is reset. */
     defaultValue?: number | null;
-    min?: number;
-    max?: number;
-    step?: number;
+    /** Minimum permitted value; the stepper decrement button disables when this bound is reached. */
+    min?: number | undefined;
+    /** Maximum permitted value; the stepper increment button disables when this bound is reached. */
+    max?: number | undefined;
+    /** Amount added or subtracted per stepper click or arrow-key press. Default `1`. */
+    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 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;
+    /** Marks the input as required for form validation, matching the native `required` attribute. */
     required?: boolean;
+    /** Name used to identify this field's value in form data. */
     name?: string;
+    /** Visible label text rendered above the input and linked via `for`/`id`. */
     label?: string;
+    /** Helper text rendered below the input and associated via `aria-describedby`. */
     description?: string;
+    /** Error message rendered below the input; also sets `aria-invalid` on the input. */
     error?: string;
     class?: string;
     onchange?: (value: number | null) => void;

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

@@ -1,34 +1,4 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -58,4 +28,4 @@ export {
   number_input_variables_default as default
 };
 
-//# debugId=BA33A9C8FB173B9464756E2164756E21
+//# debugId=F7F8320AF9B0EEB364756E2164756E21

package/dist/components/pagination/index.js

@@ -1,34 +1,4 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -201,4 +171,4 @@ export {
   Pagination
 };
 
-//# debugId=0D3D719EF6CDB0F364756E2164756E21
+//# debugId=CFCF2CE294DD962764756E2164756E21

package/dist/components/pagination/pagination.css

@@ -123,7 +123,6 @@
     color: var(--cinder-text-disabled, var(--cinder-text-muted));
     cursor: not-allowed;
     pointer-events: none;
-    opacity: 0.4;
   }
 
   /* opacity is ignored under forced colors, so signal the disabled boundary with

package/dist/components/pagination/pagination.schema.js

@@ -1,34 +1,4 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -81,4 +51,4 @@ export {
   pagination_schema_default as default
 };
 
-//# debugId=D83629C99427CC6564756E2164756E21
+//# debugId=78C51BFFC382FEA264756E2164756E21

package/dist/components/pagination/pagination.variables.js

@@ -1,34 +1,4 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -58,4 +28,4 @@ export {
   pagination_variables_default as default
 };
 
-//# debugId=B197B4B9056441DB64756E2164756E21
+//# debugId=7C4349ADA7DEDE2B64756E2164756E21

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

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