@lostgradient/cinder 0.11.0 → 0.12.1

package/src/components/stat-group/stat-group.schema.ts

@@ -24,6 +24,10 @@ const schema = {
       type: 'string',
       description: 'Additional class names merged with `.cinder-stat-group`.',
     },
+    style: {
+      type: 'string',
+      description: 'Inline style string applied to the `.cinder-stat-group` root.',
+    },
   },
   additionalProperties: false,
   metadata: {

package/src/components/stat-group/stat-group.types.ts

@@ -28,3 +28,31 @@ export type StatGroupProps = Omit<HTMLAttributes<HTMLDivElement>, 'class'> & {
   /** Additional class names merged with `.cinder-stat-group`. */
   class?: string;
 };
+
+/** Schema generator surface for StatGroup — excludes native attributes except supported styling hooks. */
+export interface StatGroupSchemaProps {
+  /**
+   * Optional accessible label for the whole stat set. When provided, the
+   * container becomes `role="group"` and uses this value as its accessible name.
+   */
+  label?: string;
+  /**
+   * Grid column count. `'auto'` uses auto-fit with minmax for responsive layout.
+   * @default 'auto'
+   */
+  columns?: StatGroupColumns;
+  /**
+   * Visual variant; surfaced as `data-cinder-variant` for CSS styling.
+   * - `'default'` — plain grid, no borders or backgrounds.
+   * - `'cards'` — each stat gets a card-style border and shadow.
+   * - `'shared-borders'` — single outer border with 1px gap dividers between stats.
+   * @default 'default'
+   */
+  variant?: StatGroupVariant;
+  /** Stat children, typically one or more `<Stat>` components. */
+  children: Snippet;
+  /** Additional class names merged with `.cinder-stat-group`. */
+  class?: string;
+  /** Inline style string applied to the `.cinder-stat-group` root. */
+  style?: string;
+}

package/src/components/stat-group/stat-group.variables.json

@@ -1 +1,5 @@
-[]
+[
+  "--cinder-stat-group-card-padding",
+  "--cinder-stat-group-gap",
+  "--cinder-stat-group-shared-cell-padding"
+]

package/src/components/stat-group/stat-group.variables.ts

@@ -1,3 +1,7 @@
-const variables: readonly string[] = [];
+const variables: readonly string[] = [
+  '--cinder-stat-group-card-padding',
+  '--cinder-stat-group-gap',
+  '--cinder-stat-group-shared-cell-padding',
+];
 
 export default variables;

package/dist/server/index.server-hfx487zj.js

@@ -1,42 +0,0 @@
-import {
-  strictStableContext
-} from "./index.server-bn02606y.js";
-import {
-  classNames
-} from "./index.server-z7nvkz8v.js";
-
-// src/components/accordion-item/accordion-item.svelte
-import * as $ from "svelte/internal/server";
-
-// src/components/accordion/accordion.context.ts
-var [getAccordionContext, setAccordionContext] = strictStableContext("@lostgradient/cinder/accordion/context", "AccordionItem must be rendered inside an Accordion");
-
-// src/components/accordion-item/accordion-item.svelte
-function Accordion_item($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { id, title, disabled = false, class: className, children } = $$props;
-    const context = getAccordionContext();
-    const isExpanded = $.derived(() => context.expandedIds.includes(id));
-    const headerId = $.derived(() => `${id}-header`);
-    const panelId = $.derived(() => `${id}-panel`);
-    function handleClick() {
-      if (disabled)
-        return;
-      context.toggle(id);
-    }
-    $$renderer2.push(`<div${$.attr_class($.clsx(classNames("cinder-accordion-item", className)))}${$.attr("data-cinder-expanded", isExpanded() ? "" : undefined)}${$.attr("data-cinder-disabled", disabled ? "" : undefined)}><h3 class="cinder-accordion-item__heading"><button type="button"${$.attr("id", headerId())} class="cinder-accordion-item__trigger"${$.attr("aria-expanded", isExpanded())}${$.attr("aria-controls", panelId())}${$.attr("disabled", disabled, true)}><span class="cinder-accordion-item__title">${$.escape(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> `);
-    if (isExpanded()) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div${$.attr("id", panelId())} class="cinder-accordion-item__panel"><div class="cinder-accordion-item__panel-inner">`);
-      children($$renderer2);
-      $$renderer2.push(`<!----></div></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></div>`);
-  }, Accordion_item);
-}
-
-export { setAccordionContext, Accordion_item };
-
-//# debugId=A611BC101408464764756E2164756E21