@sankhyatronics/sankhya-cms 0.1.16 → 0.2.0

package/dist/icon-button/index.js

@@ -1,6 +1,6 @@
 import {
   IconButton
-} from "../chunk-YQ42EBK5.js";
+} from "../chunk-PHEGSCOM.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";
 export {

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export { DateTile } from './date-tile/index.js';
 export { Dropdown, DropdownToggleEventDetail } from './dropdown/index.js';
 export { FeatureSplit, FeatureSplitActionEventDetail, FeatureSplitImagePosition, FeatureSplitItem } from './feature-split/index.js';
 export { FeatureItem, FeatureItemData, FeaturesSection } from './features-section/index.js';
+export { Flow, FlowNode } from './flow/index.js';
 export { Footer, FooterColumn, FooterLink, FooterLinkEventDetail, FooterSocialLink } from './footer/index.js';
 export { Header, LanguageChangedEventDetail } from './header/index.js';
 export { Hero, HeroActionEventDetail } from './hero/index.js';
@@ -26,6 +27,8 @@ export { Section } from './section/index.js';
 export { SegmentChangeEventDetail, SegmentedControl, SegmentedOption } from './segmented-control/index.js';
 export { Select, SelectChangedEventDetail, SelectOption } from './select/index.js';
 export { StatItem, Stats } from './stats/index.js';
+export { StepItem, Steps } from './steps/index.js';
+export { TagStrip } from './tag-strip/index.js';
 export { TestimonialItem, TestimonialMetric, Testimonials, TestimonialsLinkEventDetail } from './testimonials/index.js';
 export { Tooltip } from './tooltip/index.js';
 import 'lit';

package/dist/index.js

@@ -1,15 +1,27 @@
+import {
+  Stats
+} from "./chunk-YVTFQHVY.js";
+import {
+  Steps
+} from "./chunk-ZRC5BVDX.js";
+import {
+  TagStrip
+} from "./chunk-5MY6OWMK.js";
 import {
   Testimonials
 } from "./chunk-DH53HZPB.js";
 import {
   Tooltip
-} from "./chunk-XCA3XFFG.js";
+} from "./chunk-FML6AG2V.js";
+import {
+  MenuItem
+} from "./chunk-2FJDNJ7R.js";
 import {
   PromoBanner
-} from "./chunk-VWS53WY4.js";
+} from "./chunk-HMUZON6I.js";
 import {
   Section
-} from "./chunk-7NLZND6Q.js";
+} from "./chunk-5F5PTVWR.js";
 import {
   SegmentedControl
 } from "./chunk-MG2VTZA4.js";
@@ -17,14 +29,14 @@ import {
   Select
 } from "./chunk-BLQV2YMO.js";
 import {
-  Stats
-} from "./chunk-YVTFQHVY.js";
+  Hero
+} from "./chunk-SQ3OZO32.js";
 import {
   IconButton
-} from "./chunk-YQ42EBK5.js";
+} from "./chunk-PHEGSCOM.js";
 import {
   ItemsAccordion
-} from "./chunk-ALI26WOB.js";
+} from "./chunk-EE6PAN3B.js";
 import {
   KpiCard
 } from "./chunk-6D6ROU7X.js";
@@ -32,16 +44,13 @@ import {
   MegaMenu,
   MegaMenuColumn,
   MegaMenuFeature
-} from "./chunk-G3CF7MBO.js";
+} from "./chunk-J6EO4R73.js";
 import {
   MenuGrid
-} from "./chunk-SMLR736E.js";
+} from "./chunk-OELI3IWC.js";
 import {
   MenuGridItem
-} from "./chunk-JQY2G4QK.js";
-import {
-  MenuItem
-} from "./chunk-R5G6KFTJ.js";
+} from "./chunk-OLA35A2O.js";
 import {
   CookieConsent
 } from "./chunk-MSSH3HFK.js";
@@ -50,36 +59,36 @@ import {
 } from "./chunk-INMSEYT6.js";
 import {
   Dropdown
-} from "./chunk-LEXZKGQX.js";
+} from "./chunk-2DXHPEB5.js";
 import {
   FeatureSplit
 } from "./chunk-WT4OATGP.js";
 import {
   FeatureItem,
   FeaturesSection
-} from "./chunk-FLY7TNRT.js";
+} from "./chunk-7NIWQWTA.js";
+import {
+  Flow
+} from "./chunk-O4FCRKDX.js";
 import {
   Footer
 } from "./chunk-GJO3RGOB.js";
 import {
   Header
-} from "./chunk-XWB4CKDU.js";
+} from "./chunk-XUGEXERO.js";
 import "./chunk-WTD2YIAA.js";
-import {
-  Hero
-} from "./chunk-JKBWZLG4.js";
 import {
   AttentionPanel
 } from "./chunk-35TX3AOA.js";
 import {
   BarChart
 } from "./chunk-AG2COC64.js";
-import {
-  BentoGrid
-} from "./chunk-76AVBQUA.js";
 import {
   Card
-} from "./chunk-ZN4LIKVG.js";
+} from "./chunk-3OEEOBHB.js";
+import {
+  BentoGrid
+} from "./chunk-5C6C6K5U.js";
 import {
   Carousel
 } from "./chunk-EMCQBT3S.js";
@@ -88,10 +97,11 @@ import {
 } from "./chunk-AKJQ345O.js";
 import {
   ContentBlock
-} from "./chunk-BMHMNXIA.js";
+} from "./chunk-4AFOKKSU.js";
 import {
   Markdown
-} from "./chunk-5EBWMPJS.js";
+} from "./chunk-QLA4BH2B.js";
+import "./chunk-UAIUBPDN.js";
 import "./chunk-FZ36KL73.js";
 import "./chunk-KMU6ABQF.js";
 import "./chunk-EUXUH3YW.js";
@@ -109,6 +119,7 @@ export {
   FeatureItem,
   FeatureSplit,
   FeaturesSection,
+  Flow,
   Footer,
   Header,
   Hero,
@@ -127,6 +138,8 @@ export {
   SegmentedControl,
   Select,
   Stats,
+  Steps,
+  TagStrip,
   Testimonials,
   Tooltip
 };

package/dist/items-accordion/index.d.ts

@@ -4,10 +4,12 @@ import { LitElement } from 'lit';
 interface AccordionItem {
     id: string;
     title: string;
+    /** Markdown (plain text works too). */
     content: string;
 }
 /**
  * A vertical list of collapsible title/content rows; one open at a time unless `allow-multiple`.
+ * Each row's `content` is Markdown, sanitized. `open-first` starts with the first row open.
  *
  * @cssprop --st-items-accordion-padding - Overrides the block's padding.
  */
@@ -17,7 +19,10 @@ declare class ItemsAccordion extends LitElement {
     subtitle: string;
     items: AccordionItem[];
     allowMultiple: boolean;
+    /** Starts with the first row open. Applies when `items` or this flag changes while nothing is open. */
+    openFirst: boolean;
     private openIds;
+    protected willUpdate(changed: Map<string, unknown>): void;
     private toggle;
     render(): lit.TemplateResult<1>;
 }

package/dist/items-accordion/index.js

@@ -1,6 +1,7 @@
 import {
   ItemsAccordion
-} from "../chunk-ALI26WOB.js";
+} from "../chunk-EE6PAN3B.js";
+import "../chunk-UAIUBPDN.js";
 import "../chunk-FZ36KL73.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";

package/dist/markdown/index.d.ts

@@ -3,8 +3,7 @@ import { LitElement, nothing } from 'lit';
 
 /**
  * Renders Markdown (GFM, single newlines become `<br>`) from either an inline `content` string or
- * a `src` URL it fetches. Ports `SankhyaUI`'s `useMarkdown` hook + `react-markdown` (remark-gfm,
- * remark-breaks); output is sanitized with DOMPurify. `src` wins over `content` when both are set.
+ * a `src` URL it fetches. Output is sanitized with DOMPurify. `src` wins over `content` when both are set.
  * While a fetch is pending it shows "Loading content..."; on failure "Error loading content." and
  * a `markdown-error` event (detail: `{ error }`).
  *

package/dist/markdown/index.js

@@ -1,6 +1,7 @@
 import {
   Markdown
-} from "../chunk-5EBWMPJS.js";
+} from "../chunk-QLA4BH2B.js";
+import "../chunk-UAIUBPDN.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";
 export {

package/dist/mega-menu/index.d.ts

@@ -113,8 +113,8 @@ declare class MegaMenuFeature extends LitElement {
         slotAssignment?: SlotAssignmentMode;
     };
     static styles: lit.CSSResult;
-    /** `story` (default) or `overlay` — see the element description. */
-    variant: 'story' | 'overlay';
+    /** `story` (default), `overlay` (dark, over an image or gradient) or `tip` (light blue, for a hint). */
+    variant: 'story' | 'overlay' | 'tip';
     title: string;
     description: string;
     /** Small label above the title, e.g. "New" or "Report". */

package/dist/mega-menu/index.js

@@ -2,7 +2,7 @@ import {
   MegaMenu,
   MegaMenuColumn,
   MegaMenuFeature
-} from "../chunk-G3CF7MBO.js";
+} from "../chunk-J6EO4R73.js";
 import "../chunk-WTD2YIAA.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";

package/dist/menu-grid/index.d.ts

@@ -4,9 +4,8 @@ import { LitElement } from 'lit';
 /**
  * A responsive grid of `st-menu-grid-item`s — the "rich" nav-menu layout (icon + title +
  * description per entry, arranged in columns), typically slotted into `st-dropdown`'s default
- * slot. A 1:1 port of `SankhyaUI`'s React `MenuGrid` (`SankhyaCMS/SankhyaUI/src/components/Menu`):
- * same markup (`.menu-grid-container` > `.menu-grid.columns-N`), gap and breakpoints (768px: 2–4
- * columns → 2; 480px: everything → 1; a 1-column grid stays 1).
+ * slot. Markup is `.menu-grid-container` > `.menu-grid.columns-N`; breakpoints: at 768px, 2–4
+ * columns become 2; at 480px, everything becomes 1 (a 1-column grid stays 1).
  */
 declare class MenuGrid extends LitElement {
     static styles: lit.CSSResult;

package/dist/menu-grid/index.js

@@ -1,6 +1,6 @@
 import {
   MenuGrid
-} from "../chunk-SMLR736E.js";
+} from "../chunk-OELI3IWC.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";
 export {

package/dist/menu-grid-item/index.d.ts

@@ -3,16 +3,14 @@ import { LitElement } from 'lit';
 
 /**
  * One entry in an `st-menu-grid` — icon (via `slot="icon"`) + title on one line, an optional
- * description below, and an optional corner badge ("New", "Popular", ...). A 1:1 port of
- * `SankhyaUI`'s React `MenuGridItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same markup and
- * CSS, with its `motion` effects redone in CSS — fades up the first time it scrolls into view,
- * scales to 1.02 on hover / 0.98 while pressed, the icon tilts on hover, the badge pops in.
- * Colors come from the suite theme rather than per-item utility classes.
+ * description below, and an optional corner badge ("New", "Popular", ...). Effects are CSS:
+ * fades up the first time it scrolls into view, scales to 1.02 on hover / 0.98 while pressed, the
+ * icon tilts on hover, the badge pops in. Colors come from the suite theme rather than per-item
+ * utility classes.
  *
- * An `http(s)` `href` opens in a new tab, like the source. Any other `href` fires a *cancelable*
+ * An `http(s)` `href` opens in a new tab. Any other `href` fires a *cancelable*
  * `menu-grid-item-select` event (detail: `{ href }`) first: a host doing client-side routing calls
- * `event.preventDefault()` on it, which also cancels the anchor's own navigation (the source used
- * react-router's `Link` here; the suite apps have no router).
+ * `event.preventDefault()` on it, which also cancels the anchor's own navigation.
  */
 declare class MenuGridItem extends LitElement {
     /** `focus()` on the element focuses its link, so `st-dropdown` can arrow-key between items. */

package/dist/menu-grid-item/index.js

@@ -1,6 +1,6 @@
 import {
   MenuGridItem
-} from "../chunk-JQY2G4QK.js";
+} from "../chunk-OLA35A2O.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";
 export {

package/dist/menu-item/index.d.ts

@@ -3,15 +3,13 @@ import { LitElement } from 'lit';
 
 /**
  * A single flat nav row — icon (`slot="icon"`) + title + badge on one line, an optional
- * description below — as opposed to `st-menu-grid-item`'s card for a multi-column grid. A 1:1
- * port of `SankhyaUI`'s React `MenuItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same
- * markup and CSS, with its `motion` effects redone in CSS — nudges right and scales to 1.01 on
- * hover / 0.99 while pressed, the icon tilts on hover, the badge pops in, the description fades
- * in. Colors come from the suite theme rather than per-item utility classes.
+ * description below — as opposed to `st-menu-grid-item`'s card for a multi-column grid. Effects
+ * are CSS: nudges right and scales to 1.01 on hover / 0.99 while pressed, the icon tilts on hover,
+ * the badge pops in, the description fades in. Colors come from the suite theme rather than
+ * per-item utility classes.
  *
  * Renders a real `<a href>` but fires a *cancelable* `menu-item-select` event (detail: `{ href }`)
- * before navigating — a host doing client-side routing calls `event.preventDefault()` on it (the
- * source used react-router's `Link` here; the suite apps have no router).
+ * before navigating — a host doing client-side routing calls `event.preventDefault()` on it.
  *
  * @slot icon - The row's icon, sized to `icon-size` (16px, or 14px when `compact`).
  * @cssprop --st-menu-item-icon-size - Width and height of the slotted icon; `icon-size` sets it.

package/dist/menu-item/index.js

@@ -1,6 +1,6 @@
 import {
   MenuItem
-} from "../chunk-R5G6KFTJ.js";
+} from "../chunk-2FJDNJ7R.js";
 import "../chunk-WTD2YIAA.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";

package/dist/promo-banner/index.d.ts

@@ -2,12 +2,16 @@ import * as lit from 'lit';
 import { LitElement } from 'lit';
 
 /**
- * Rounded call-to-action banner (title, subtitle, one outlined button) on a dark panel or a
- * background image. Port of `SankhyaUI`'s React `PromoBanner`; the button fires an `action` event
- * (detail `{ href }`, empty unless set) in place of `onAction`.
+ * Rounded call-to-action banner (title, subtitle, one or two outlined buttons) on a dark panel or a
+ * background image. The buttons fire an `action` event
+ * (detail `{ href }`, empty unless set; the secondary button adds `kind: 'secondary'`).
+ * `onAction`. `variant="accent"` fills the banner with the brand colour.
  *
+ * @fires action - Detail `{ href, kind? }`. `kind` is `secondary` for the second button only.
  * @cssprop --st-promo-banner-margin - Overrides the banner's margin.
  * @cssprop --st-promo-banner-padding - Overrides the banner's padding.
+ * @csspart action - The primary button.
+ * @csspart secondary-action - The second button.
  */
 declare class PromoBanner extends LitElement {
     static styles: lit.CSSResult;
@@ -16,9 +20,16 @@ declare class PromoBanner extends LitElement {
     actionLabel: string;
     href: string;
     imageSrc: string;
+    /** Label of a second, outlined button next to the first. */
+    secondaryActionLabel: string;
+    /** Target of the second button, sent in the `action` event detail. */
+    secondaryHref: string;
+    /** `default` is the dark panel; `accent` fills the banner with the brand colour and makes the first button white. */
+    variant: 'default' | 'accent';
     inverted: boolean;
     protected willUpdate(): void;
     private onAction;
+    private onSecondaryAction;
     render(): lit.TemplateResult<1>;
 }
 

package/dist/promo-banner/index.js

@@ -1,6 +1,6 @@
 import {
   PromoBanner
-} from "../chunk-VWS53WY4.js";
+} from "../chunk-HMUZON6I.js";
 import "../chunk-FZ36KL73.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";

package/dist/schema/index.d.ts

@@ -47,6 +47,7 @@ declare const componentTags: {
     readonly FeatureItem: "st-feature-item";
     readonly FeatureSplit: "st-feature-split";
     readonly FeaturesSection: "st-features-section";
+    readonly Flow: "st-flow";
     readonly Footer: "st-footer";
     readonly Header: "st-header";
     readonly Hero: "st-hero";
@@ -64,6 +65,8 @@ declare const componentTags: {
     readonly Section: "st-section";
     readonly Select: "st-select";
     readonly Stats: "st-stats";
+    readonly Steps: "st-steps";
+    readonly TagStrip: "st-tag-strip";
     readonly Testimonials: "st-testimonials";
 };
 /** Every `type` the base set knows. */

package/dist/schema/index.js

@@ -28,6 +28,7 @@ var componentTags = {
   FeatureItem: "st-feature-item",
   FeatureSplit: "st-feature-split",
   FeaturesSection: "st-features-section",
+  Flow: "st-flow",
   Footer: "st-footer",
   Header: "st-header",
   Hero: "st-hero",
@@ -45,6 +46,8 @@ var componentTags = {
   Section: "st-section",
   Select: "st-select",
   Stats: "st-stats",
+  Steps: "st-steps",
+  TagStrip: "st-tag-strip",
   Testimonials: "st-testimonials"
 };
 function isBaseComponentType(type) {

package/dist/schema/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/schema/node.ts","../../src/schema/nodeUtils.ts","../../src/schema/components.ts","../../src/schema/validate.ts"],"sourcesContent":["/** Dependency-free node types, safe to import from the content API layer. */\n\n/** Action reference in JSON, resolved against the `handlers` prop of `DynamicRenderer`. */\nexport type ActionRef = `@action:${string}`;\n\n/** Keys the renderer owns; everything else on a node is passed to the component as a prop. */\nexport interface NodeEnvelope<TNode> {\n    id?: string;\n    /** Named slot in the parent (e.g. Header: \"utility\"). Omit for the default slot. */\n    slot?: string;\n    /** Editor-only label, never passed to the component. */\n    label?: string;\n    children?: TNode[];\n}\n\n/**\n * A node as it appears in JSON: flat, no `data` wrapper.\n * `{ \"type\": \"Hero\", \"id\": \"home-hero\", \"title\": \"...\", \"children\": [...] }`\n */\nexport interface ComponentNode extends NodeEnvelope<ComponentNode> {\n    type: string;\n    [prop: string]: unknown;\n}\n\n/** A page is a list of nodes. */\nexport type PageContent = ComponentNode[];\n\nexport function isComponentNode(value: unknown): value is ComponentNode {\n    return (\n        typeof value === 'object' &&\n        value !== null &&\n        !Array.isArray(value) &&\n        typeof (value as { type?: unknown }).type === 'string' &&\n        (value as { type: string }).type.trim().length > 0\n    );\n}\n","import type { ComponentNode } from './node';\n\n/**\n * Returns a copy of `nodes` where the node with the given `id` has `props` merged in.\n * Use it to inject runtime state (e.g. the selected language) into fetched JSON without mutating it.\n */\nexport function patchNodeById(nodes: ComponentNode[], id: string, props: Record<string, unknown>): ComponentNode[] {\n    return nodes.map(node => {\n        const patched = node.id === id ? { ...node, ...props } : node;\n        return patched.children\n            ? { ...patched, children: patchNodeById(patched.children, id, props) }\n            : patched;\n    });\n}\n","/**\n * The JSON `type` of every base component, and the Lit element that renders it.\n * This is the contract page JSON is written against — renderers (React, or any other binding)\n * map each `type` to their own component for that element.\n */\nexport const componentTags = {\n    BentoGrid: 'st-bento-grid',\n    Card: 'st-card',\n    AttentionPanel: 'st-attention-panel',\n    BarChart: 'st-bar-chart',\n    Carousel: 'st-carousel',\n    Chip: 'st-chip',\n    ContentBlock: 'st-content-block',\n    CookieConsent: 'st-cookie-consent',\n    DateTile: 'st-date-tile',\n    Dropdown: 'st-dropdown',\n    FeatureItem: 'st-feature-item',\n    FeatureSplit: 'st-feature-split',\n    FeaturesSection: 'st-features-section',\n    Footer: 'st-footer',\n    Header: 'st-header',\n    Hero: 'st-hero',\n    IconButton: 'st-icon-button',\n    ItemsAccordion: 'st-items-accordion',\n    KpiCard: 'st-kpi-card',\n    MegaMenu: 'st-mega-menu',\n    MegaMenuColumn: 'st-mega-menu-column',\n    MegaMenuFeature: 'st-mega-menu-feature',\n    MenuGrid: 'st-menu-grid',\n    MenuGridItem: 'st-menu-grid-item',\n    MenuItem: 'st-menu-item',\n    PromoBanner: 'st-promo-banner',\n    SegmentedControl: 'st-segmented-control',\n    Section: 'st-section',\n    Select: 'st-select',\n    Stats: 'st-stats',\n    Testimonials: 'st-testimonials'\n} as const;\n\n/** Every `type` the base set knows. */\nexport type ComponentType = keyof typeof componentTags;\n\nexport function isBaseComponentType(type: string): type is ComponentType {\n    return Object.hasOwn(componentTags, type);\n}\n","import { isBaseComponentType } from './components';\nimport type { ComponentNode } from './node';\n\n/** Keys from the pre-flat schema; their presence means the JSON still needs `scripts/migrate-json.mjs`. */\nconst LEGACY_KEYS = ['data', 'embeddedView', 'data-position', 'image', 'contentUrl'] as const;\n\n/**\n * Returns the schema violations for a node and its descendants (empty when valid).\n * `isKnownType` defaults to the base component set; pass a wider predicate when a renderer also\n * registers custom components.\n */\nexport function validateNode(node: unknown, where = 'node', isKnownType: (type: string) => boolean = isBaseComponentType): string[] {\n    if (typeof node !== 'object' || node === null || Array.isArray(node)) return [`${where}: node must be an object`];\n    const n = node as ComponentNode;\n    const found: string[] = [];\n    if (typeof n.type !== 'string' || !isKnownType(n.type)) found.push(`${where}: unknown type \"${String(n.type)}\"`);\n    for (const legacy of LEGACY_KEYS) {\n        if (legacy in n) found.push(`${where}: legacy key \"${legacy}\"`);\n    }\n    if (Array.isArray(n.items) && n.items.some(item => typeof item === 'object' && item !== null && 'type' in item)) {\n        found.push(`${where}: \"items\" must hold plain data; nest components under \"children\"`);\n    }\n    if (n.children !== undefined) {\n        if (!Array.isArray(n.children)) found.push(`${where}: children must be an array`);\n        else n.children.forEach((child, i) => found.push(...validateNode(child, `${where}.children[${i}]`, isKnownType)));\n    }\n    return found;\n}\n\n/** Validates a page: a node or a list of nodes. */\nexport function validatePage(page: unknown, isKnownType?: (type: string) => boolean): string[] {\n    const nodes = Array.isArray(page) ? page : [page];\n    return nodes.flatMap((node, i) => validateNode(node, `[${i}]`, isKnownType));\n}\n"],"mappings":";;;AA2BO,SAAS,gBAAgB,OAAwC;AACpE,SACI,OAAO,UAAU,YACjB,UAAU,QACV,CAAC,MAAM,QAAQ,KAAK,KACpB,OAAQ,MAA6B,SAAS,YAC7C,MAA2B,KAAK,KAAK,EAAE,SAAS;AAEzD;;;AC7BO,SAAS,cAAc,OAAwB,IAAY,OAAiD;AAC/G,SAAO,MAAM,IAAI,UAAQ;AACrB,UAAM,UAAU,KAAK,OAAO,KAAK,EAAE,GAAG,MAAM,GAAG,MAAM,IAAI;AACzD,WAAO,QAAQ,WACT,EAAE,GAAG,SAAS,UAAU,cAAc,QAAQ,UAAU,IAAI,KAAK,EAAE,IACnE;AAAA,EACV,CAAC;AACL;;;ACRO,IAAM,gBAAgB;AAAA,EACzB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,cAAc;AAAA,EACd,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,cAAc;AAAA,EACd,UAAU;AAAA,EACV,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,cAAc;AAClB;AAKO,SAAS,oBAAoB,MAAqC;AACrE,SAAO,OAAO,OAAO,eAAe,IAAI;AAC5C;;;ACxCA,IAAM,cAAc,CAAC,QAAQ,gBAAgB,iBAAiB,SAAS,YAAY;AAO5E,SAAS,aAAa,MAAe,QAAQ,QAAQ,cAAyC,qBAA+B;AAChI,MAAI,OAAO,SAAS,YAAY,SAAS,QAAQ,MAAM,QAAQ,IAAI,EAAG,QAAO,CAAC,GAAG,KAAK,0BAA0B;AAChH,QAAM,IAAI;AACV,QAAM,QAAkB,CAAC;AACzB,MAAI,OAAO,EAAE,SAAS,YAAY,CAAC,YAAY,EAAE,IAAI,EAAG,OAAM,KAAK,GAAG,KAAK,mBAAmB,OAAO,EAAE,IAAI,CAAC,GAAG;AAC/G,aAAW,UAAU,aAAa;AAC9B,QAAI,UAAU,EAAG,OAAM,KAAK,GAAG,KAAK,iBAAiB,MAAM,GAAG;AAAA,EAClE;AACA,MAAI,MAAM,QAAQ,EAAE,KAAK,KAAK,EAAE,MAAM,KAAK,UAAQ,OAAO,SAAS,YAAY,SAAS,QAAQ,UAAU,IAAI,GAAG;AAC7G,UAAM,KAAK,GAAG,KAAK,kEAAkE;AAAA,EACzF;AACA,MAAI,EAAE,aAAa,QAAW;AAC1B,QAAI,CAAC,MAAM,QAAQ,EAAE,QAAQ,EAAG,OAAM,KAAK,GAAG,KAAK,6BAA6B;AAAA,QAC3E,GAAE,SAAS,QAAQ,CAAC,OAAO,MAAM,MAAM,KAAK,GAAG,aAAa,OAAO,GAAG,KAAK,aAAa,CAAC,KAAK,WAAW,CAAC,CAAC;AAAA,EACpH;AACA,SAAO;AACX;AAGO,SAAS,aAAa,MAAe,aAAmD;AAC3F,QAAM,QAAQ,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI;AAChD,SAAO,MAAM,QAAQ,CAAC,MAAM,MAAM,aAAa,MAAM,IAAI,CAAC,KAAK,WAAW,CAAC;AAC/E;","names":[]}
+{"version":3,"sources":["../../src/schema/node.ts","../../src/schema/nodeUtils.ts","../../src/schema/components.ts","../../src/schema/validate.ts"],"sourcesContent":["/** Dependency-free node types, safe to import from the content API layer. */\n\n/** Action reference in JSON, resolved against the `handlers` prop of `DynamicRenderer`. */\nexport type ActionRef = `@action:${string}`;\n\n/** Keys the renderer owns; everything else on a node is passed to the component as a prop. */\nexport interface NodeEnvelope<TNode> {\n    id?: string;\n    /** Named slot in the parent (e.g. Header: \"utility\"). Omit for the default slot. */\n    slot?: string;\n    /** Editor-only label, never passed to the component. */\n    label?: string;\n    children?: TNode[];\n}\n\n/**\n * A node as it appears in JSON: flat, no `data` wrapper.\n * `{ \"type\": \"Hero\", \"id\": \"home-hero\", \"title\": \"...\", \"children\": [...] }`\n */\nexport interface ComponentNode extends NodeEnvelope<ComponentNode> {\n    type: string;\n    [prop: string]: unknown;\n}\n\n/** A page is a list of nodes. */\nexport type PageContent = ComponentNode[];\n\nexport function isComponentNode(value: unknown): value is ComponentNode {\n    return (\n        typeof value === 'object' &&\n        value !== null &&\n        !Array.isArray(value) &&\n        typeof (value as { type?: unknown }).type === 'string' &&\n        (value as { type: string }).type.trim().length > 0\n    );\n}\n","import type { ComponentNode } from './node';\n\n/**\n * Returns a copy of `nodes` where the node with the given `id` has `props` merged in.\n * Use it to inject runtime state (e.g. the selected language) into fetched JSON without mutating it.\n */\nexport function patchNodeById(nodes: ComponentNode[], id: string, props: Record<string, unknown>): ComponentNode[] {\n    return nodes.map(node => {\n        const patched = node.id === id ? { ...node, ...props } : node;\n        return patched.children\n            ? { ...patched, children: patchNodeById(patched.children, id, props) }\n            : patched;\n    });\n}\n","/**\n * The JSON `type` of every base component, and the Lit element that renders it.\n * This is the contract page JSON is written against — renderers (React, or any other binding)\n * map each `type` to their own component for that element.\n */\nexport const componentTags = {\n    BentoGrid: 'st-bento-grid',\n    Card: 'st-card',\n    AttentionPanel: 'st-attention-panel',\n    BarChart: 'st-bar-chart',\n    Carousel: 'st-carousel',\n    Chip: 'st-chip',\n    ContentBlock: 'st-content-block',\n    CookieConsent: 'st-cookie-consent',\n    DateTile: 'st-date-tile',\n    Dropdown: 'st-dropdown',\n    FeatureItem: 'st-feature-item',\n    FeatureSplit: 'st-feature-split',\n    FeaturesSection: 'st-features-section',\n    Flow: 'st-flow',\n    Footer: 'st-footer',\n    Header: 'st-header',\n    Hero: 'st-hero',\n    IconButton: 'st-icon-button',\n    ItemsAccordion: 'st-items-accordion',\n    KpiCard: 'st-kpi-card',\n    MegaMenu: 'st-mega-menu',\n    MegaMenuColumn: 'st-mega-menu-column',\n    MegaMenuFeature: 'st-mega-menu-feature',\n    MenuGrid: 'st-menu-grid',\n    MenuGridItem: 'st-menu-grid-item',\n    MenuItem: 'st-menu-item',\n    PromoBanner: 'st-promo-banner',\n    SegmentedControl: 'st-segmented-control',\n    Section: 'st-section',\n    Select: 'st-select',\n    Stats: 'st-stats',\n    Steps: 'st-steps',\n    TagStrip: 'st-tag-strip',\n    Testimonials: 'st-testimonials'\n} as const;\n\n/** Every `type` the base set knows. */\nexport type ComponentType = keyof typeof componentTags;\n\nexport function isBaseComponentType(type: string): type is ComponentType {\n    return Object.hasOwn(componentTags, type);\n}\n","import { isBaseComponentType } from './components';\nimport type { ComponentNode } from './node';\n\n/** Keys from the pre-flat schema; their presence means the JSON still needs `scripts/migrate-json.mjs`. */\nconst LEGACY_KEYS = ['data', 'embeddedView', 'data-position', 'image', 'contentUrl'] as const;\n\n/**\n * Returns the schema violations for a node and its descendants (empty when valid).\n * `isKnownType` defaults to the base component set; pass a wider predicate when a renderer also\n * registers custom components.\n */\nexport function validateNode(node: unknown, where = 'node', isKnownType: (type: string) => boolean = isBaseComponentType): string[] {\n    if (typeof node !== 'object' || node === null || Array.isArray(node)) return [`${where}: node must be an object`];\n    const n = node as ComponentNode;\n    const found: string[] = [];\n    if (typeof n.type !== 'string' || !isKnownType(n.type)) found.push(`${where}: unknown type \"${String(n.type)}\"`);\n    for (const legacy of LEGACY_KEYS) {\n        if (legacy in n) found.push(`${where}: legacy key \"${legacy}\"`);\n    }\n    if (Array.isArray(n.items) && n.items.some(item => typeof item === 'object' && item !== null && 'type' in item)) {\n        found.push(`${where}: \"items\" must hold plain data; nest components under \"children\"`);\n    }\n    if (n.children !== undefined) {\n        if (!Array.isArray(n.children)) found.push(`${where}: children must be an array`);\n        else n.children.forEach((child, i) => found.push(...validateNode(child, `${where}.children[${i}]`, isKnownType)));\n    }\n    return found;\n}\n\n/** Validates a page: a node or a list of nodes. */\nexport function validatePage(page: unknown, isKnownType?: (type: string) => boolean): string[] {\n    const nodes = Array.isArray(page) ? page : [page];\n    return nodes.flatMap((node, i) => validateNode(node, `[${i}]`, isKnownType));\n}\n"],"mappings":";;;AA2BO,SAAS,gBAAgB,OAAwC;AACpE,SACI,OAAO,UAAU,YACjB,UAAU,QACV,CAAC,MAAM,QAAQ,KAAK,KACpB,OAAQ,MAA6B,SAAS,YAC7C,MAA2B,KAAK,KAAK,EAAE,SAAS;AAEzD;;;AC7BO,SAAS,cAAc,OAAwB,IAAY,OAAiD;AAC/G,SAAO,MAAM,IAAI,UAAQ;AACrB,UAAM,UAAU,KAAK,OAAO,KAAK,EAAE,GAAG,MAAM,GAAG,MAAM,IAAI;AACzD,WAAO,QAAQ,WACT,EAAE,GAAG,SAAS,UAAU,cAAc,QAAQ,UAAU,IAAI,KAAK,EAAE,IACnE;AAAA,EACV,CAAC;AACL;;;ACRO,IAAM,gBAAgB;AAAA,EACzB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,cAAc;AAAA,EACd,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,cAAc;AAAA,EACd,UAAU;AAAA,EACV,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAClB;AAKO,SAAS,oBAAoB,MAAqC;AACrE,SAAO,OAAO,OAAO,eAAe,IAAI;AAC5C;;;AC3CA,IAAM,cAAc,CAAC,QAAQ,gBAAgB,iBAAiB,SAAS,YAAY;AAO5E,SAAS,aAAa,MAAe,QAAQ,QAAQ,cAAyC,qBAA+B;AAChI,MAAI,OAAO,SAAS,YAAY,SAAS,QAAQ,MAAM,QAAQ,IAAI,EAAG,QAAO,CAAC,GAAG,KAAK,0BAA0B;AAChH,QAAM,IAAI;AACV,QAAM,QAAkB,CAAC;AACzB,MAAI,OAAO,EAAE,SAAS,YAAY,CAAC,YAAY,EAAE,IAAI,EAAG,OAAM,KAAK,GAAG,KAAK,mBAAmB,OAAO,EAAE,IAAI,CAAC,GAAG;AAC/G,aAAW,UAAU,aAAa;AAC9B,QAAI,UAAU,EAAG,OAAM,KAAK,GAAG,KAAK,iBAAiB,MAAM,GAAG;AAAA,EAClE;AACA,MAAI,MAAM,QAAQ,EAAE,KAAK,KAAK,EAAE,MAAM,KAAK,UAAQ,OAAO,SAAS,YAAY,SAAS,QAAQ,UAAU,IAAI,GAAG;AAC7G,UAAM,KAAK,GAAG,KAAK,kEAAkE;AAAA,EACzF;AACA,MAAI,EAAE,aAAa,QAAW;AAC1B,QAAI,CAAC,MAAM,QAAQ,EAAE,QAAQ,EAAG,OAAM,KAAK,GAAG,KAAK,6BAA6B;AAAA,QAC3E,GAAE,SAAS,QAAQ,CAAC,OAAO,MAAM,MAAM,KAAK,GAAG,aAAa,OAAO,GAAG,KAAK,aAAa,CAAC,KAAK,WAAW,CAAC,CAAC;AAAA,EACpH;AACA,SAAO;AACX;AAGO,SAAS,aAAa,MAAe,aAAmD;AAC3F,QAAM,QAAQ,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI;AAChD,SAAO,MAAM,QAAQ,CAAC,MAAM,MAAM,aAAa,MAAM,IAAI,CAAC,KAAK,WAAW,CAAC;AAC/E;","names":[]}

package/dist/section/index.d.ts

@@ -12,6 +12,7 @@ import { LitElement } from 'lit';
  * @cssprop --st-section-padding-inline - Overrides the left/right padding (not with `width="full"`).
  * @csspart inner - The width-limited content box.
  * @csspart header - The heading block.
+ * @csspart content - The wrapper around the slot (the grid when `columns` is 2).
  */
 declare class Section extends LitElement {
     static styles: lit.CSSResult;
@@ -26,6 +27,8 @@ declare class Section extends LitElement {
     spacingBelow: 'none' | 's' | 'm' | 'l' | 'xl' | 'xxl';
     /** `contained` (default, the page container width), `narrow` (reading width) or `full` (edge to edge). */
     width: 'contained' | 'narrow' | 'full';
+    /** Columns for the slotted children: `1` (default, stacked) or `2` (two equal columns, stacked again below 720px). */
+    columns: 1 | 2;
     /** Alignment of the heading. */
     textAlignment: 'left' | 'center';
     render(): lit.TemplateResult<1>;

package/dist/section/index.js

@@ -1,6 +1,6 @@
 import {
   Section
-} from "../chunk-7NLZND6Q.js";
+} from "../chunk-5F5PTVWR.js";
 import "../chunk-FZ36KL73.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";

package/dist/steps/index.d.ts

@@ -0,0 +1,33 @@
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+interface StepItem {
+    title: string;
+    description?: string;
+}
+/**
+ * A numbered process: a responsive grid of cards, each with an automatic "01", "02", ... number, a
+ * title and a description. `highlightLast` makes the final card a dark navy call-out, the way
+ * enterprise pages close a how-it-works sequence. `inverted` puts the whole block on the dark band.
+ *
+ * @cssprop --st-steps-padding - Overrides the block's padding.
+ * @csspart header - The eyebrow/title/subtitle block.
+ * @csspart card - Each step card (an `li`).
+ * @csspart number - The step number.
+ */
+declare class Steps extends LitElement {
+    static styles: lit.CSSResult;
+    /** Small uppercase label above the title. */
+    eyebrow: string;
+    title: string;
+    subtitle: string;
+    /** The steps, in order. */
+    items: StepItem[];
+    /** Renders the last step as a dark navy call-out card. */
+    highlightLast: boolean;
+    /** Puts the block on the dark band (`--st-cms-band-dark-bg`), which stays dark in the dark theme. */
+    inverted: boolean;
+    render(): lit.TemplateResult<1>;
+}
+
+export { type StepItem, Steps };

package/dist/steps/index.js

@@ -0,0 +1,10 @@
+import {
+  Steps
+} from "../chunk-ZRC5BVDX.js";
+import "../chunk-FZ36KL73.js";
+import "../chunk-KMU6ABQF.js";
+import "../chunk-EUXUH3YW.js";
+export {
+  Steps
+};
+//# sourceMappingURL=index.js.map

package/dist/steps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/tag-strip/index.d.ts

@@ -0,0 +1,26 @@
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+
+/**
+ * A single bordered band: a small uppercase label on the left and a run of bold items beside it
+ * (e.g. "Supported platforms: AWS · Azure · GCP"). Items wrap onto new lines on narrow screens.
+ * `inverted` puts the band on the dark band (`--st-cms-band-dark-bg`).
+ *
+ * @cssprop --st-tag-strip-padding - Overrides the block's padding.
+ * @csspart strip - The bordered band.
+ * @csspart label - The uppercase label.
+ * @csspart items - The list of items.
+ * @csspart item - Each item (an `li`).
+ */
+declare class TagStrip extends LitElement {
+    static styles: lit.CSSResult;
+    /** Small uppercase label at the start of the band. Omit it for items alone. */
+    label: string;
+    /** The items, shown in order. */
+    items: string[];
+    /** Puts the band on the dark band (`--st-cms-band-dark-bg`), which stays dark in the dark theme. */
+    inverted: boolean;
+    render(): lit.TemplateResult<1>;
+}
+
+export { TagStrip };

package/dist/tag-strip/index.js

@@ -0,0 +1,9 @@
+import {
+  TagStrip
+} from "../chunk-5MY6OWMK.js";
+import "../chunk-KMU6ABQF.js";
+import "../chunk-EUXUH3YW.js";
+export {
+  TagStrip
+};
+//# sourceMappingURL=index.js.map

package/dist/tag-strip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/tooltip/index.d.ts

@@ -2,18 +2,30 @@ import * as lit from 'lit';
 import { LitElement } from 'lit';
 
 /**
- * A small label that shows above a control on hover and on keyboard focus. Wrap the control (a button
- * or an icon button) in it and pass the same words as its accessible name in `text`. The bubble is
- * decorative (`aria-hidden`): the control's own `aria-label` is what a screen reader announces, so the
+ * A small label that shows above a control: after a short rest on hover, and at once on keyboard focus.
+ * Wrap the control (a button or an icon button) in it and pass the same words as its accessible name in
+ * `text`. The control is still the thing that's announced; the bubble is decorative (`aria-hidden`), so the
  * words aren't read twice.
  *
- * The bubble is positioned by the wrapper, so put the tooltip where it has room above: it's not
- * clipped by the wrapper's own box, but it is clipped by an ancestor with `overflow: hidden`.
+ * The bubble is `position: fixed` and placed from the wrapper's position when it shows, so a clipping
+ * ancestor (a card or panel with `overflow: hidden`) can't cut it off. It shows around a control that
+ * can't act right now too, as long as that control is focusable or hoverable (use `aria-disabled`, not
+ * the native `disabled`, which takes a control out of focus and pointer events).
  */
 declare class Tooltip extends LitElement {
     static styles: lit.CSSResult;
-    /** The words shown in the bubble: the same words as the control's accessible name. */
+    /** The words shown in the bubble: the same words as the control's accessible name, or the reason the
+     * control can't act right now. */
     text: string;
+    private bubble?;
+    private timer?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private onPointerEnter;
+    private cancel;
+    private show;
+    private hide;
     render(): lit.TemplateResult<1>;
 }
 

package/dist/tooltip/index.js

@@ -1,6 +1,6 @@
 import {
   Tooltip
-} from "../chunk-XCA3XFFG.js";
+} from "../chunk-FML6AG2V.js";
 import "../chunk-KMU6ABQF.js";
 import "../chunk-EUXUH3YW.js";
 export {