@lostgradient/cinder 0.5.0 → 0.7.0

package/dist/cli/knowledge.d.ts

@@ -0,0 +1,23 @@
+import { CinderKnowledgeError, type BestPracticeSection, type BestPracticeTopic, type CinderManifest, type ComponentComparison, type ComponentDetail, type ComponentSummary, type ListOptions, type ManifestComponent, type PackageSummary, type SearchOptions, type SearchResult } from './types.ts';
+export type { BestPracticeSection, BestPracticeTopic, CinderManifest, ComponentComparison, ComponentDetail, ComponentSummary, ListOptions, ManifestComponent, PackageSummary, SearchOptions, SearchResult, };
+export { CinderKnowledgeError };
+export declare class CinderKnowledge {
+    readonly manifest: CinderManifest;
+    readonly package: PackageSummary;
+    private readonly packageRoot;
+    private readonly byId;
+    constructor(manifest: CinderManifest, packageRoot?: string);
+    list(options?: ListOptions): ComponentSummary[];
+    search(query: string, options?: SearchOptions): SearchResult[];
+    show(idOrName: string): Promise<ComponentDetail>;
+    compare(idsOrNames: string[]): ComponentComparison;
+    bestPractices(topic?: BestPracticeTopic): BestPracticeSection[];
+    artifact(idOrName: string, kind: 'schema' | 'variables' | 'examples' | 'constraints'): Promise<unknown>;
+    componentIds(): string[];
+    suggestComponentIds(value: string, limit?: number): string[];
+    private findComponent;
+    private validateFilters;
+    private matchesFilters;
+    private scoreComponent;
+}
+export declare function loadCinderKnowledge(packageRoot?: string): Promise<CinderKnowledge>;

package/dist/cli/manifest-validation.d.ts

@@ -0,0 +1,2 @@
+import { type CinderManifest } from './types.ts';
+export declare function validateManifest(value: unknown): CinderManifest;

package/dist/cli/mcp.d.ts

@@ -0,0 +1,2 @@
+export declare function createMcpServer(): Promise<import("@modelcontextprotocol/sdk/server/mcp.js").McpServer>;
+export declare function runMcpServer(): Promise<void>;

package/dist/cli/output.d.ts

@@ -0,0 +1,21 @@
+import type { BestPracticeSection, ComponentComparison, ComponentDetail, ComponentSummary, PackageSummary, SearchResult } from './types.ts';
+export type JsonEnvelope = {
+    package: PackageSummary;
+    command: string;
+    data: unknown;
+};
+export type JsonErrorEnvelope = {
+    error: {
+        code: string;
+        message: string;
+        suggestions: string[];
+    };
+};
+export declare function jsonEnvelope(packageSummary: PackageSummary, command: string, data: unknown): string;
+export declare function jsonError(code: string, message: string, suggestions?: string[]): string;
+export declare function formatList(components: ComponentSummary[]): string;
+export declare function formatSearch(results: SearchResult[]): string;
+export declare function formatDetail(detail: ComponentDetail): string;
+export declare function formatComparison(comparison: ComponentComparison): string;
+export declare function formatBestPractices(sections: BestPracticeSection[]): string;
+export declare function formatHelp(): string;

package/dist/cli/types.d.ts

@@ -0,0 +1,107 @@
+export type AvoidWhen = {
+    reason: string;
+    alternative?: string;
+};
+export type ManifestComponent = {
+    name: string;
+    id: string;
+    import: string;
+    exportName: string;
+    category: string;
+    status: string;
+    purpose: string;
+    tags: string[];
+    useWhen: string[];
+    avoidWhen: AvoidWhen[];
+    related: string[];
+    hasConstraints: boolean;
+    hasExamples: boolean;
+    artifacts: {
+        schema: string;
+        variables: string;
+        examples?: string;
+        constraints?: string;
+    };
+    a11y?: {
+        pattern?: string;
+        keyboard?: Array<{
+            keys: string;
+            action: string;
+        }>;
+        notes?: string[];
+    };
+};
+export type CinderManifest = {
+    manifestVersion: 1;
+    package: {
+        name: string;
+        version: string;
+        framework: string;
+        frameworkVersionRange: string;
+        stylesEntry: string;
+        schemaDialect: string;
+    };
+    categories: Record<string, {
+        label: string;
+        description: string;
+    }>;
+    statusLevels: Record<string, string>;
+    overlapFamilies: Record<string, string[]>;
+    components: ManifestComponent[];
+};
+export type PackageSummary = {
+    name: string;
+    version: string;
+};
+export type ListOptions = {
+    category?: string;
+    status?: string;
+    tag?: string;
+};
+export type SearchOptions = ListOptions & {
+    limit?: number;
+};
+export type ComponentSummary = {
+    id: string;
+    name: string;
+    exportName: string;
+    import: string;
+    category: string;
+    status: string;
+    purpose: string;
+    tags: string[];
+    useWhen: string[];
+    avoidWhen: AvoidWhen[];
+    related: string[];
+    overlapFamilies: string[];
+    hasExamples: boolean;
+    hasConstraints: boolean;
+};
+export type SearchResult = ComponentSummary & {
+    score: number;
+    matched: string[];
+};
+export type ComponentDetail = {
+    component: ManifestComponent;
+    overlapFamilies: string[];
+    schema: unknown;
+    variables: unknown;
+    examples?: unknown;
+    constraints?: unknown;
+};
+export type ComponentComparison = {
+    components: ComponentSummary[];
+    sharedOverlapFamilies: Record<string, string[]>;
+    guidance: string[];
+};
+export type BestPracticeTopic = 'imports' | 'styles' | 'metadata' | 'overlap' | 'all';
+export type BestPracticeSection = {
+    topic: Exclude<BestPracticeTopic, 'all'>;
+    title: string;
+    guidance: string[];
+};
+export declare class CinderKnowledgeError extends Error {
+    readonly code: string;
+    readonly suggestions: string[];
+    constructor(code: string, message: string, suggestions?: string[]);
+}

package/dist/components/access-gate/index.js

@@ -1258,6 +1258,14 @@ function classNames(...parts) {
 // src/components/access-gate/access-gate-inline.svelte
 import"svelte/internal/disclose-version";
 import * as $43 from "svelte/internal/client";
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "reason",
+  "children",
+  "class"
+]);
 var root2 = $43.from_html(`<div><span class="cinder-sr-only">Unavailable action</span> <span class="cinder-access-gate__inline-content"><!></span> <span class="cinder-access-gate__inline-reason"><!> <span> </span></span></div>`);
 function Access_gate_inline($$anchor, $$props) {
   const baseId = $43.props_id();
@@ -1295,14 +1303,7 @@ function Access_gate_inline($$anchor, $$props) {
     '[role="radio"]',
     '[role="switch"]'
   ].join(",");
-  let rest = $43.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "reason",
-    "children",
-    "class"
-  ]);
+  let rest = $43.rest_props($$props, rest_excludes);
   const inlineTitleId = `${baseId}-title`;
   const inlineReasonId = `${baseId}-reason`;
   function isNativeDisableable(element2) {
@@ -1601,23 +1602,24 @@ function Access_gate_inline($$anchor, $$props) {
 }
 
 // src/components/access-gate/access-gate.svelte
-var root_1 = $44.from_html(`<span><!></span>`);
-var root_3 = $44.from_html(`<span class="cinder-access-gate__requirement"><span class="cinder-access-gate__requirement-label">Required permission</span> <code class="cinder-access-gate__requirement-value"> </code></span>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "granted",
+  "variant",
+  "reason",
+  "requirement",
+  "children",
+  "class"
+]);
+var root3 = $44.from_html(`<span><!></span>`);
+var root_1 = $44.from_html(`<span class="cinder-access-gate__requirement"><span class="cinder-access-gate__requirement-label">Required permission</span> <code class="cinder-access-gate__requirement-value"> </code></span>`);
 var root_2 = $44.from_html(`<section><span class="cinder-access-gate__section-icon" aria-hidden="true"><!></span> <span class="cinder-access-gate__section-copy"><span class="cinder-access-gate__section-title">Section locked</span> <span class="cinder-access-gate__section-reason"> </span> <!></span></section>`);
 function Access_gate($$anchor, $$props) {
   const baseId = $44.props_id();
   $44.push($$props, true);
-  let variant = $44.prop($$props, "variant", 3, "inline"), rest = $44.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "granted",
-    "variant",
-    "reason",
-    "requirement",
-    "children",
-    "class"
-  ]);
+  let variant = $44.prop($$props, "variant", 3, "inline"), rest = $44.rest_props($$props, rest_excludes2);
   const sectionTitleId = `${baseId}-title`;
   const sectionReasonId = `${baseId}-description`;
   const sectionRequirementId = `${baseId}-requirement`;
@@ -1636,7 +1638,7 @@ function Access_gate($$anchor, $$props) {
   var node = $44.first_child(fragment);
   {
     var consequent = ($$anchor2) => {
-      var span = root_1();
+      var span = root3();
       $44.attribute_effect(span, () => ({
         ...$44.get(passthroughAttributes),
         class: "cinder-access-gate__passthrough"
@@ -1667,7 +1669,7 @@ function Access_gate($$anchor, $$props) {
       var node_3 = $44.sibling(span_4, 2);
       {
         var consequent_1 = ($$anchor3) => {
-          var span_5 = root_3();
+          var span_5 = root_1();
           var code = $44.sibling($44.child(span_5), 2);
           var text_1 = $44.child(code, true);
           $44.reset(code);
@@ -1729,4 +1731,4 @@ export {
   Access_gate as AccessGate
 };
 
-//# debugId=E14516CE366D33DA64756E2164756E21
+//# debugId=2C37EC8815123AB464756E2164756E21

package/dist/components/accordion/accordion.context.d.ts

@@ -1,10 +1,9 @@
 import type { AccordionContext } from './accordion.types.ts';
 export type { AccordionContext };
-declare const setAccordionContext: (context: AccordionContext) => AccordionContext;
-export { setAccordionContext };
 /**
  * Read the nearest enclosing `<Accordion>` context. Throws when no `<Accordion>`
  * ancestor has provided the context — an `<AccordionItem>` outside an `<Accordion>`
  * is a programmer error, not a supported state.
  */
-export declare const getAccordionContext: () => AccordionContext;
+declare const getAccordionContext: () => AccordionContext, setAccordionContext: (context: AccordionContext) => AccordionContext;
+export { getAccordionContext, setAccordionContext };

package/dist/components/accordion/index.js

@@ -58,10 +58,24 @@ import"@lostgradient/cinder/accordion/styles";
 import"svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 
+// src/_internal/strict-stable-context.ts
+import { getContext, setContext } from "svelte";
+function strictStableContext(key, missingMessage) {
+  const contextKey = Symbol.for(key);
+  return [
+    () => {
+      const context = getContext(contextKey);
+      if (context === undefined) {
+        throw new Error(`missing_context: ${missingMessage}`);
+      }
+      return context;
+    },
+    (context) => setContext(contextKey, context)
+  ];
+}
+
 // src/components/accordion/accordion.context.ts
-import { createContext } from "svelte";
-var [getAccordionContextStrict, setAccordionContext] = createContext();
-var getAccordionContext = getAccordionContextStrict;
+var [getAccordionContext, setAccordionContext] = strictStableContext("@lostgradient/cinder/accordion/context", "AccordionItem must be rendered inside an Accordion");
 
 // src/utilities/class-names.ts
 function classNames(...parts) {
@@ -69,8 +83,8 @@ function classNames(...parts) {
 }
 
 // src/components/accordion-item/accordion-item.svelte
-var root_1 = $.from_html(`<div class="cinder-accordion-item__panel"><div class="cinder-accordion-item__panel-inner"><!></div></div>`);
-var root = $.from_html(`<div><h3 class="cinder-accordion-item__heading"><button type="button" class="cinder-accordion-item__trigger"><span class="cinder-accordion-item__title"> </span> <svg class="cinder-accordion-item__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg></button></h3> <!></div>`);
+var root = $.from_html(`<div class="cinder-accordion-item__panel"><div class="cinder-accordion-item__panel-inner"><!></div></div>`);
+var root_1 = $.from_html(`<div><h3 class="cinder-accordion-item__heading"><button type="button" class="cinder-accordion-item__trigger"><span class="cinder-accordion-item__title"> </span> <svg class="cinder-accordion-item__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg></button></h3> <!></div>`);
 function Accordion_item($$anchor, $$props) {
   $.push($$props, true);
   let disabled = $.prop($$props, "disabled", 3, false);
@@ -83,7 +97,7 @@ function Accordion_item($$anchor, $$props) {
       return;
     context.toggle($$props.id);
   }
-  var div = root();
+  var div = root_1();
   var h3 = $.child(div);
   var button = $.child(h3);
   var span = $.child(button);
@@ -95,7 +109,7 @@ function Accordion_item($$anchor, $$props) {
   var node = $.sibling(h3, 2);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_1();
+      var div_1 = root();
       var div_2 = $.child(div_1);
       var node_1 = $.child(div_2);
       $.snippet(node_1, () => $$props.children);
@@ -209,4 +223,4 @@ export {
   Accordion2 as Accordion
 };
 
-//# debugId=28041FF2439D92F064756E2164756E21
+//# debugId=1DCB10602C8FB38664756E2164756E21

package/dist/components/accordion-item/index.js

@@ -58,10 +58,24 @@ import"@lostgradient/cinder/accordion-item/styles";
 import"svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 
+// src/_internal/strict-stable-context.ts
+import { getContext, setContext } from "svelte";
+function strictStableContext(key, missingMessage) {
+  const contextKey = Symbol.for(key);
+  return [
+    () => {
+      const context = getContext(contextKey);
+      if (context === undefined) {
+        throw new Error(`missing_context: ${missingMessage}`);
+      }
+      return context;
+    },
+    (context) => setContext(contextKey, context)
+  ];
+}
+
 // src/components/accordion/accordion.context.ts
-import { createContext } from "svelte";
-var [getAccordionContextStrict, setAccordionContext] = createContext();
-var getAccordionContext = getAccordionContextStrict;
+var [getAccordionContext, setAccordionContext] = strictStableContext("@lostgradient/cinder/accordion/context", "AccordionItem must be rendered inside an Accordion");
 
 // src/utilities/class-names.ts
 function classNames(...parts) {
@@ -69,8 +83,8 @@ function classNames(...parts) {
 }
 
 // src/components/accordion-item/accordion-item.svelte
-var root_1 = $.from_html(`<div class="cinder-accordion-item__panel"><div class="cinder-accordion-item__panel-inner"><!></div></div>`);
-var root = $.from_html(`<div><h3 class="cinder-accordion-item__heading"><button type="button" class="cinder-accordion-item__trigger"><span class="cinder-accordion-item__title"> </span> <svg class="cinder-accordion-item__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg></button></h3> <!></div>`);
+var root = $.from_html(`<div class="cinder-accordion-item__panel"><div class="cinder-accordion-item__panel-inner"><!></div></div>`);
+var root_1 = $.from_html(`<div><h3 class="cinder-accordion-item__heading"><button type="button" class="cinder-accordion-item__trigger"><span class="cinder-accordion-item__title"> </span> <svg class="cinder-accordion-item__chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" focusable="false"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06z" clip-rule="evenodd"></path></svg></button></h3> <!></div>`);
 function Accordion_item($$anchor, $$props) {
   $.push($$props, true);
   let disabled = $.prop($$props, "disabled", 3, false);
@@ -83,7 +97,7 @@ function Accordion_item($$anchor, $$props) {
       return;
     context.toggle($$props.id);
   }
-  var div = root();
+  var div = root_1();
   var h3 = $.child(div);
   var button = $.child(h3);
   var span = $.child(button);
@@ -95,7 +109,7 @@ function Accordion_item($$anchor, $$props) {
   var node = $.sibling(h3, 2);
   {
     var consequent = ($$anchor2) => {
-      var div_1 = root_1();
+      var div_1 = root();
       var div_2 = $.child(div_1);
       var node_1 = $.child(div_2);
       $.snippet(node_1, () => $$props.children);
@@ -135,4 +149,4 @@ export {
   Accordion_item as AccordionItem
 };
 
-//# debugId=24027EA7A5E69C8364756E2164756E21
+//# debugId=327E97542BFF12B664756E2164756E21

package/dist/components/action-row/action-row.css

@@ -0,0 +1,133 @@
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+@layer cinder.components {
+  .cinder-action-row {
+    display: block;
+    inline-size: 100%;
+    padding: var(--cinder-space-3) var(--cinder-space-4);
+    border: 0;
+    border-radius: var(--cinder-radius-md);
+    background: transparent;
+    color: var(--cinder-text);
+    font: inherit;
+    text-align: start;
+    cursor: pointer;
+  }
+
+  .cinder-action-row[data-cinder-density='condensed'] {
+    padding: var(--cinder-space-2) var(--cinder-space-3);
+  }
+
+  @media (hover: hover) {
+    .cinder-action-row:hover:not(:disabled) {
+      background: var(--cinder-surface-hover);
+    }
+  }
+
+  .cinder-action-row:focus-visible {
+    outline: var(--cinder-ring-width) solid transparent;
+    box-shadow: var(--_cinder-focus-ring-shadow);
+  }
+
+  .cinder-action-row:disabled {
+    color: var(--cinder-text-disabled);
+    cursor: not-allowed;
+  }
+
+  .cinder-action-row[data-cinder-selected] {
+    background: color-mix(in oklch, var(--cinder-accent), transparent 92%);
+    color: var(--cinder-accent-text);
+  }
+
+  @media (hover: hover) {
+    .cinder-action-row[data-cinder-selected]:hover:not(:disabled) {
+      background: color-mix(in oklch, var(--cinder-accent), transparent 88%);
+    }
+  }
+
+  @media (forced-colors: active) {
+    .cinder-action-row:focus-visible {
+      outline: var(--cinder-ring-width) solid ButtonText;
+      outline-offset: 2px;
+      box-shadow: none;
+    }
+
+    .cinder-action-row[data-cinder-selected] {
+      outline: 1px solid Highlight;
+      color: HighlightText;
+      background: Highlight;
+    }
+
+    .cinder-action-row[data-cinder-selected] .cinder-action-row__description,
+    .cinder-action-row[data-cinder-selected] .cinder-action-row__meta,
+    .cinder-action-row[data-cinder-selected] .cinder-action-row__trailing {
+      color: HighlightText;
+    }
+  }
+
+  .cinder-action-row__layout {
+    display: grid;
+    align-items: center;
+    column-gap: var(--cinder-space-3);
+    row-gap: var(--cinder-space-2);
+    grid-template-columns: 1fr;
+    grid-template-areas: 'body';
+  }
+
+  .cinder-action-row--has-leading .cinder-action-row__layout {
+    grid-template-columns: auto 1fr;
+    grid-template-areas: 'leading body';
+  }
+
+  .cinder-action-row--has-trailing .cinder-action-row__layout {
+    grid-template-columns: 1fr auto;
+    grid-template-areas: 'body trailing';
+  }
+
+  .cinder-action-row--has-leading.cinder-action-row--has-trailing .cinder-action-row__layout {
+    grid-template-columns: auto 1fr auto;
+    grid-template-areas: 'leading body trailing';
+  }
+
+  .cinder-action-row__leading {
+    grid-area: leading;
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .cinder-action-row__body {
+    grid-area: body;
+    display: flex;
+    min-inline-size: 0;
+    flex-direction: column;
+    gap: var(--cinder-space-1);
+  }
+
+  .cinder-action-row__trailing {
+    grid-area: trailing;
+    display: inline-flex;
+    align-items: center;
+    gap: var(--cinder-space-2);
+    color: var(--cinder-text-muted);
+  }
+
+  .cinder-action-row__title {
+    color: inherit;
+    font-size: var(--cinder-text-sm);
+    line-height: var(--cinder-leading-snug);
+    overflow-wrap: anywhere;
+  }
+
+  .cinder-action-row__description {
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-sm);
+    line-height: var(--cinder-leading-snug);
+    overflow-wrap: anywhere;
+  }
+
+  .cinder-action-row__meta {
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-xs);
+    line-height: var(--cinder-leading-snug);
+    overflow-wrap: anywhere;
+  }
+}

package/dist/components/action-row/action-row.schema.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentSchema } from '../../schema-types';
+declare const _default: ComponentSchema;
+export default _default;

package/dist/components/action-row/action-row.schema.js

@@ -0,0 +1,126 @@
+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);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/action-row/action-row.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    density: {
+      enum: ["comfortable", "condensed"],
+      description: "Density token surfaced as `data-cinder-density`.",
+      default: "comfortable"
+    },
+    selected: {
+      type: "boolean",
+      description: "Whether the row is currently selected.",
+      default: false
+    },
+    selectedState: {
+      enum: ["pressed", "current"],
+      description: "Accessible state mapping for selected rows.\nUse `pressed` for in-page selectable rows and `current` for navigation/current-item rows.",
+      default: "pressed"
+    },
+    currentValue: {
+      enum: ["page", "step", "location", "date", "time", "true"],
+      description: '`aria-current` value used when `selectedState="current"` and `selected` is true.',
+      default: "true"
+    },
+    type: {
+      enum: ["button", "submit", "reset"],
+      description: "Native button type.",
+      default: "button"
+    },
+    class: {
+      type: "string",
+      description: "Additional classes merged with `.cinder-action-row`."
+    }
+  },
+  additionalProperties: false,
+  metadata: {
+    unsupportedProps: [
+      {
+        name: "description",
+        reason: "function-or-snippet",
+        description: "Secondary description below the title."
+      },
+      {
+        name: "leading",
+        reason: "function-or-snippet",
+        description: "Leading visual such as an icon, avatar, marker, or status dot."
+      },
+      {
+        name: "meta",
+        reason: "function-or-snippet",
+        description: "Tertiary metadata such as timestamp, status text, or a compact badge."
+      },
+      {
+        name: "title",
+        reason: "function-or-snippet",
+        required: true,
+        description: "Primary row label. Required so the row has visible text and an accessible name."
+      },
+      {
+        name: "trailing",
+        reason: "function-or-snippet",
+        description: "Trailing region such as a timestamp, count, badge, chevron, or shortcut hint."
+      }
+    ]
+  }
+};
+var action_row_schema_default = schema;
+export {
+  action_row_schema_default as default
+};
+
+//# debugId=CAD2E7A8D028F6E564756E2164756E21

package/dist/components/action-row/action-row.svelte.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @cinder
+ * @category action
+ * @status beta
+ * @purpose Full-width button row for selectable sidebars, timelines, and master-detail lists with leading, title, description, meta, and trailing regions.
+ * @tag row
+ * @tag list
+ * @tag selection
+ * @useWhen Selecting an item in-place from a vertical list, timeline, run list, or master-detail sidebar.
+ * @useWhen A row must behave like a native button while presenting rich row metadata.
+ * @avoidWhen Navigating to a URL — use stacked-list-item with href or navigation-item instead.
+ * @avoidWhen Showing static record rows without button semantics — use stacked-list-item inside data-list.
+ * @related stacked-list-item, data-list, button
+ */
+export type { ActionRowCurrentValue, ActionRowDensity, ActionRowProps, ActionRowSelectedState, } from './action-row.types.ts';
+import type { ActionRowProps } from './action-row.types.ts';
+declare const ActionRow: import("svelte").Component<ActionRowProps, {}, "">;
+type ActionRow = ReturnType<typeof ActionRow>;
+export default ActionRow;