@lostgradient/cinder 0.2.0 → 0.3.0

package/dist/components/area-chart/area-chart.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: {
     label: {
-      type: "string"
+      type: "string",
+      description: "Accessible label for the chart. Required for screen readers."
     },
     description: {
-      type: "string"
+      type: "string",
+      description: "Optional description rendered below the label."
     },
     height: {
-      type: "number"
+      type: "number",
+      description: "Pixel height of the chart viewport. Default `280`."
     },
     xAxis: {
       type: "object",
@@ -75,7 +48,8 @@ var schema = {
           type: "number"
         }
       },
-      additionalProperties: false
+      additionalProperties: false,
+      description: "Configuration for the x-axis label and tick count."
     },
     yAxis: {
       type: "object",
@@ -87,31 +61,39 @@ var schema = {
           type: "number"
         }
       },
-      additionalProperties: false
+      additionalProperties: false,
+      description: "Configuration for the y-axis label and tick count."
     },
     legendPosition: {
-      enum: ["top", "bottom", "none"]
+      enum: ["top", "bottom", "none"],
+      description: "Where to render the series legend relative to the chart. Default `top`."
     },
     hiddenSeriesIds: {
       type: "array",
       items: {
         type: "string"
-      }
+      },
+      description: "IDs of series currently hidden from the chart. Can be two-way bound with `bind:hiddenSeriesIds`."
     },
     loading: {
-      type: "boolean"
+      type: "boolean",
+      description: "Whether the chart is in a loading state. Default `false`."
     },
     dataTableCaption: {
-      type: "string"
+      type: "string",
+      description: "Custom data table caption; falls back to `label`."
     },
     dataTableVisibility: {
-      enum: ["screen-reader-only", "visible", "hidden"]
+      enum: ["screen-reader-only", "visible", "hidden"],
+      description: "Controls data table visibility. Default `screen-reader-only`."
     },
     maximumInteractivePoints: {
-      type: "number"
+      type: "number",
+      description: "Maximum number of interactive focus targets before keyboard navigation is disabled. Default `500`."
     },
     class: {
-      type: "string"
+      type: "string",
+      description: "Custom class applied to the root element."
     },
     series: {
       type: "array",
@@ -160,18 +142,32 @@ var schema = {
         },
         additionalProperties: false,
         required: ["data", "id", "label"]
-      }
+      },
+      description: "Series rendered as independent filled areas or stacked areas."
     },
     mode: {
-      enum: ["single", "stacked"]
+      enum: ["single", "stacked"],
+      description: "Area rendering mode. Default `single`."
     }
   },
   additionalProperties: false,
-  required: ["label", "series"]
+  required: ["label", "series"],
+  metadata: {
+    unsupportedProps: [
+      {
+        name: "empty",
+        reason: "function-or-snippet"
+      },
+      {
+        name: "loadingContent",
+        reason: "function-or-snippet"
+      }
+    ]
+  }
 };
 var area_chart_schema_default = schema;
 export {
   area_chart_schema_default as default
 };
 
-//# debugId=2841FBF37B4E532464756E2164756E21
+//# debugId=DD00A6854DBB1E7B64756E2164756E21

package/dist/components/area-chart/area-chart.types.d.ts

@@ -18,18 +18,32 @@ export type AreaChartSchemaSeries = {
     color?: string;
 };
 export type AreaChartSchemaProps = {
+    /** Accessible label for the chart. Required for screen readers. */
     label: string;
+    /** Optional description rendered below the label. */
     description?: string;
+    /** Pixel height of the chart viewport. Default `280`. */
     height?: number;
+    /** Configuration for the x-axis label and tick count. */
     xAxis?: ChartAxisSchemaConfiguration;
+    /** Configuration for the y-axis label and tick count. */
     yAxis?: ChartAxisSchemaConfiguration;
+    /** Where to render the series legend relative to the chart. Default `top`. */
     legendPosition?: ChartLegendPosition;
+    /** IDs of series currently hidden from the chart. Can be two-way bound with `bind:hiddenSeriesIds`. */
     hiddenSeriesIds?: string[];
+    /** Whether the chart is in a loading state. Default `false`. */
     loading?: boolean;
+    /** Custom data table caption; falls back to `label`. */
     dataTableCaption?: string;
+    /** Controls data table visibility. Default `screen-reader-only`. */
     dataTableVisibility?: ChartDataTableVisibility;
+    /** Maximum number of interactive focus targets before keyboard navigation is disabled. Default `500`. */
     maximumInteractivePoints?: number;
+    /** Custom class applied to the root element. */
     class?: string;
+    /** Series rendered as independent filled areas or stacked areas. */
     series: AreaChartSchemaSeries[];
+    /** Area rendering mode. Default `single`. */
     mode?: AreaChartMode;
 };

package/dist/components/area-chart/area-chart.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 {
   area_chart_variables_default as default
 };
 
-//# debugId=5BCA30B849659A1D64756E2164756E21
+//# debugId=0CFA346C577E575164756E2164756E21

package/dist/components/area-chart/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);
@@ -1532,4 +1502,4 @@ export {
   Area_chart as AreaChart
 };
 
-//# debugId=49A93DA48AE0E3F664756E2164756E21
+//# debugId=7AF6234BF939727464756E2164756E21

package/dist/components/aspect-ratio/aspect-ratio.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);
@@ -183,11 +153,21 @@ var schema = {
       description: "Additional classes merged onto the root element."
     }
   },
-  additionalProperties: false
+  additionalProperties: false,
+  metadata: {
+    unsupportedProps: [
+      {
+        name: "children",
+        reason: "function-or-snippet",
+        required: true,
+        description: "Required content rendered inside the ratio box."
+      }
+    ]
+  }
 };
 var aspect_ratio_schema_default = schema;
 export {
   aspect_ratio_schema_default as default
 };
 
-//# debugId=47026FD39156BD5C64756E2164756E21
+//# debugId=078EE6093546AB5D64756E2164756E21

package/dist/components/aspect-ratio/aspect-ratio.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 {
   aspect_ratio_variables_default as default
 };
 
-//# debugId=60198C24F366C81264756E2164756E21
+//# debugId=9F191AF4E5DEF50164756E2164756E21

package/dist/components/aspect-ratio/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);
@@ -102,4 +72,4 @@ export {
   Aspect_ratio as AspectRatio
 };
 
-//# debugId=E98B8AC2CA78F25E64756E2164756E21
+//# debugId=AA5963B2A4EB564064756E2164756E21

package/dist/components/autocomplete/autocomplete.css

@@ -58,9 +58,16 @@
     color: var(--cinder-text-muted);
   }
 
-  .cinder-autocomplete__option[data-cinder-active] {
-    background: var(--cinder-surface-raised);
-  }
+  /*
+   * The active/keyboard-highlighted row treatment is owned by the shared
+   * `.cinder-_option-row[data-cinder-active]` rules in
+   * `styles/components/_floating-surface.css`: a `--cinder-surface-hover`
+   * background plus an inset `--cinder-ring-color` ring (and a forced-colors
+   * `outline: Highlight` fallback). A component-local override here previously
+   * pinned the background to `--cinder-surface-raised` — identical to the
+   * panel — so the highlighted option was invisible in light mode. Do not
+   * reintroduce it; inherit the shared row treatment instead.
+   */
 
   .cinder-autocomplete__option-text {
     display: grid;

package/dist/components/autocomplete/autocomplete.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,46 +27,60 @@ var schema = {
   type: "object",
   properties: {
     id: {
-      type: "string"
+      type: "string",
+      description: "HTML `id` for the underlying input, used to associate the `<label>` and ARIA attributes."
     },
     value: {
-      type: "string"
+      type: "string",
+      description: "Bindable current text value of the input."
     },
     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."
     },
     minQueryLength: {
-      type: "number"
+      type: "number",
+      description: "Minimum number of characters the user must type before suggestions are requested. Default `1`."
     },
     maxVisibleSuggestions: {
-      type: "number"
+      type: "number",
+      description: "Maximum number of suggestions rendered in the listbox at once. Default `50`."
     },
     placeholder: {
-      type: "string"
+      type: "string",
+      description: "Placeholder text shown inside the input when it is empty."
     },
     disabled: {
-      type: "boolean"
+      type: "boolean",
+      description: "When true, disables the input and prevents interaction, matching the native `disabled` attribute."
     },
     required: {
-      type: "boolean"
+      type: "boolean",
+      description: "Marks the input as required for form validation, matching the native `required` attribute."
     },
     readonly: {
-      type: "boolean"
+      type: "boolean",
+      description: "When true, the input value cannot be changed by the user, matching the native `readonly` attribute."
     },
     emptyMessage: {
-      type: "string"
+      type: "string",
+      description: 'Message shown in the listbox when the suggestion source returns no results. Default `"No suggestions"`.'
     },
     loadingMessage: {
-      type: "string"
+      type: "string",
+      description: 'Message shown in the listbox while the suggestion source is fetching results. Default `"Loading suggestions"`.'
     },
     class: {
-      type: "string"
+      type: "string",
+      description: "Additional class names merged onto the root wrapper element."
     }
   },
   additionalProperties: false,
@@ -122,4 +106,4 @@ export {
   autocomplete_schema_default as default
 };
 
-//# debugId=DBD382CD2D0C46AB64756E2164756E21
+//# debugId=5F73C056E4B0D91764756E2164756E21

package/dist/components/autocomplete/autocomplete.types.d.ts

@@ -15,20 +15,34 @@ export type AutocompleteSuggestionSourceContext = {
 };
 export type AutocompleteSuggestionSource = (query: string, context: AutocompleteSuggestionSourceContext) => AutocompleteSuggestion[] | Promise<AutocompleteSuggestion[]>;
 export type AutocompleteSchemaProps = {
+    /** HTML `id` for the underlying input, used to associate the `<label>` and ARIA attributes. */
     id?: string;
+    /** Bindable current text value of the input. */
     value?: string;
     suggestionSource?: AutocompleteSuggestionSource;
+    /** 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;
+    /** Minimum number of characters the user must type before suggestions are requested. Default `1`. */
     minQueryLength?: number;
+    /** Maximum number of suggestions rendered in the listbox at once. Default `50`. */
     maxVisibleSuggestions?: number;
+    /** Placeholder text shown inside the input when it is empty. */
     placeholder?: string;
+    /** When true, disables the input and prevents interaction, matching the native `disabled` attribute. */
     disabled?: boolean;
+    /** Marks the input as required for form validation, matching the native `required` attribute. */
     required?: boolean;
+    /** When true, the input value cannot be changed by the user, matching the native `readonly` attribute. */
     readonly?: boolean;
+    /** Message shown in the listbox when the suggestion source returns no results. Default `"No suggestions"`. */
     emptyMessage?: string;
+    /** Message shown in the listbox while the suggestion source is fetching results. Default `"Loading suggestions"`. */
     loadingMessage?: string;
+    /** Additional class names merged onto the root wrapper element. */
     class?: string;
     oninput?: (value: string) => void;
     oncomplete?: (suggestion: AutocompleteSuggestion) => void;

package/dist/components/autocomplete/autocomplete.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 {
   autocomplete_variables_default as default
 };
 
-//# debugId=EFA1927BCC077CAD64756E2164756E21
+//# debugId=48C900DB4BA693D164756E2164756E21