@sankhyatronics/sankhya-cms 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,50 @@
+import * as lit from 'lit';
+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.
+ *
+ * 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).
+ */
+declare class MenuItem extends LitElement {
+    /** `focus()` on the element focuses its link, so `st-dropdown` can arrow-key between items. */
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry | null;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static styles: lit.CSSResult;
+    title: string;
+    href: string;
+    description: string;
+    /** Small trailing label, e.g. a count or "New"/"Beta" — omit for none. */
+    badge: string;
+    /** Highlights this row as the current page (source: `isActive`). */
+    active: boolean;
+    compact: boolean;
+    /** Suppresses the description even when `description` is set (source: `showDescription`, default `true`). */
+    showDescription: boolean;
+    /** `target` for the `<a>` (source default `_self`). */
+    target: string;
+    /** Whether `slot="icon"` has content, so an omitted icon leaves no empty box. */
+    private hasIcon;
+    private onIconSlotChange;
+    private onClick;
+    render(): lit.TemplateResult<1>;
+}
+
+interface MenuItemSelectEventDetail {
+    href: string;
+}
+
+export { MenuItem, type MenuItemSelectEventDetail };

package/dist/menu-item/index.js

@@ -0,0 +1,9 @@
+import {
+  MenuItem
+} from "../chunk-LHU23TF6.js";
+import "../chunk-RHAOQ6K4.js";
+import "../chunk-EUXUH3YW.js";
+export {
+  MenuItem
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,22 @@
+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`.
+ */
+declare class PromoBanner extends LitElement {
+    static styles: lit.CSSResult;
+    title: string;
+    subtitle: string;
+    actionLabel: string;
+    href: string;
+    imageSrc: string;
+    inverted: boolean;
+    protected willUpdate(): void;
+    private onAction;
+    render(): lit.TemplateResult<1>;
+}
+
+export { PromoBanner };

package/dist/promo-banner/index.js

@@ -0,0 +1,10 @@
+import {
+  PromoBanner
+} from "../chunk-3ERKQNZT.js";
+import "../chunk-3VE6VFJ4.js";
+import "../chunk-RHAOQ6K4.js";
+import "../chunk-EUXUH3YW.js";
+export {
+  PromoBanner
+};
+//# sourceMappingURL=index.js.map

package/dist/promo-banner/index.js.map

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

package/dist/schema/index.d.ts

@@ -0,0 +1,72 @@
+/** Dependency-free node types, safe to import from the content API layer. */
+/** Action reference in JSON, resolved against the `handlers` prop of `DynamicRenderer`. */
+type ActionRef = `@action:${string}`;
+/** Keys the renderer owns; everything else on a node is passed to the component as a prop. */
+interface NodeEnvelope<TNode> {
+    id?: string;
+    /** Named slot in the parent (e.g. Header: "utility"). Omit for the default slot. */
+    slot?: string;
+    /** Editor-only label, never passed to the component. */
+    label?: string;
+    children?: TNode[];
+}
+/**
+ * A node as it appears in JSON: flat, no `data` wrapper.
+ * `{ "type": "Hero", "id": "home-hero", "title": "...", "children": [...] }`
+ */
+interface ComponentNode extends NodeEnvelope<ComponentNode> {
+    type: string;
+    [prop: string]: unknown;
+}
+/** A page is a list of nodes. */
+type PageContent = ComponentNode[];
+declare function isComponentNode(value: unknown): value is ComponentNode;
+
+/**
+ * Returns a copy of `nodes` where the node with the given `id` has `props` merged in.
+ * Use it to inject runtime state (e.g. the selected language) into fetched JSON without mutating it.
+ */
+declare function patchNodeById(nodes: ComponentNode[], id: string, props: Record<string, unknown>): ComponentNode[];
+
+/**
+ * The JSON `type` of every base component, and the Lit element that renders it.
+ * This is the contract page JSON is written against — renderers (React, or any other binding)
+ * map each `type` to their own component for that element.
+ */
+declare const componentTags: {
+    readonly BentoGrid: "st-bento-grid";
+    readonly Card: "st-card";
+    readonly Carousel: "st-carousel";
+    readonly ContentBlock: "st-content-block";
+    readonly CookieConsent: "st-cookie-consent";
+    readonly Dropdown: "st-dropdown";
+    readonly FeatureItem: "st-feature-item";
+    readonly FeatureSplit: "st-feature-split";
+    readonly FeaturesSection: "st-features-section";
+    readonly Footer: "st-footer";
+    readonly Header: "st-header";
+    readonly Hero: "st-hero";
+    readonly IconButton: "st-icon-button";
+    readonly ItemsAccordion: "st-items-accordion";
+    readonly MenuGrid: "st-menu-grid";
+    readonly MenuGridItem: "st-menu-grid-item";
+    readonly MenuItem: "st-menu-item";
+    readonly PromoBanner: "st-promo-banner";
+    readonly Select: "st-select";
+    readonly Stats: "st-stats";
+    readonly Testimonials: "st-testimonials";
+};
+/** Every `type` the base set knows. */
+type ComponentType = keyof typeof componentTags;
+declare function isBaseComponentType(type: string): type is ComponentType;
+
+/**
+ * Returns the schema violations for a node and its descendants (empty when valid).
+ * `isKnownType` defaults to the base component set; pass a wider predicate when a renderer also
+ * registers custom components.
+ */
+declare function validateNode(node: unknown, where?: string, isKnownType?: (type: string) => boolean): string[];
+/** Validates a page: a node or a list of nodes. */
+declare function validatePage(page: unknown, isKnownType?: (type: string) => boolean): string[];
+
+export { type ActionRef, type ComponentNode, type ComponentType, type NodeEnvelope, type PageContent, componentTags, isBaseComponentType, isComponentNode, patchNodeById, validateNode, validatePage };

package/dist/schema/index.js

@@ -0,0 +1,75 @@
+import "../chunk-EUXUH3YW.js";
+
+// src/schema/node.ts
+function isComponentNode(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) && typeof value.type === "string" && value.type.trim().length > 0;
+}
+
+// src/schema/nodeUtils.ts
+function patchNodeById(nodes, id, props) {
+  return nodes.map((node) => {
+    const patched = node.id === id ? { ...node, ...props } : node;
+    return patched.children ? { ...patched, children: patchNodeById(patched.children, id, props) } : patched;
+  });
+}
+
+// src/schema/components.ts
+var componentTags = {
+  BentoGrid: "st-bento-grid",
+  Card: "st-card",
+  Carousel: "st-carousel",
+  ContentBlock: "st-content-block",
+  CookieConsent: "st-cookie-consent",
+  Dropdown: "st-dropdown",
+  FeatureItem: "st-feature-item",
+  FeatureSplit: "st-feature-split",
+  FeaturesSection: "st-features-section",
+  Footer: "st-footer",
+  Header: "st-header",
+  Hero: "st-hero",
+  IconButton: "st-icon-button",
+  ItemsAccordion: "st-items-accordion",
+  MenuGrid: "st-menu-grid",
+  MenuGridItem: "st-menu-grid-item",
+  MenuItem: "st-menu-item",
+  PromoBanner: "st-promo-banner",
+  Select: "st-select",
+  Stats: "st-stats",
+  Testimonials: "st-testimonials"
+};
+function isBaseComponentType(type) {
+  return Object.hasOwn(componentTags, type);
+}
+
+// src/schema/validate.ts
+var LEGACY_KEYS = ["data", "embeddedView", "data-position", "image", "contentUrl"];
+function validateNode(node, where = "node", isKnownType = isBaseComponentType) {
+  if (typeof node !== "object" || node === null || Array.isArray(node)) return [`${where}: node must be an object`];
+  const n = node;
+  const found = [];
+  if (typeof n.type !== "string" || !isKnownType(n.type)) found.push(`${where}: unknown type "${String(n.type)}"`);
+  for (const legacy of LEGACY_KEYS) {
+    if (legacy in n) found.push(`${where}: legacy key "${legacy}"`);
+  }
+  if (Array.isArray(n.items) && n.items.some((item) => typeof item === "object" && item !== null && "type" in item)) {
+    found.push(`${where}: "items" must hold plain data; nest components under "children"`);
+  }
+  if (n.children !== void 0) {
+    if (!Array.isArray(n.children)) found.push(`${where}: children must be an array`);
+    else n.children.forEach((child, i) => found.push(...validateNode(child, `${where}.children[${i}]`, isKnownType)));
+  }
+  return found;
+}
+function validatePage(page, isKnownType) {
+  const nodes = Array.isArray(page) ? page : [page];
+  return nodes.flatMap((node, i) => validateNode(node, `[${i}]`, isKnownType));
+}
+export {
+  componentTags,
+  isBaseComponentType,
+  isComponentNode,
+  patchNodeById,
+  validateNode,
+  validatePage
+};
+//# sourceMappingURL=index.js.map

package/dist/schema/index.js.map

@@ -0,0 +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. */\r\n\r\n/** Action reference in JSON, resolved against the `handlers` prop of `DynamicRenderer`. */\r\nexport type ActionRef = `@action:${string}`;\r\n\r\n/** Keys the renderer owns; everything else on a node is passed to the component as a prop. */\r\nexport interface NodeEnvelope<TNode> {\r\n    id?: string;\r\n    /** Named slot in the parent (e.g. Header: \"utility\"). Omit for the default slot. */\r\n    slot?: string;\r\n    /** Editor-only label, never passed to the component. */\r\n    label?: string;\r\n    children?: TNode[];\r\n}\r\n\r\n/**\r\n * A node as it appears in JSON: flat, no `data` wrapper.\r\n * `{ \"type\": \"Hero\", \"id\": \"home-hero\", \"title\": \"...\", \"children\": [...] }`\r\n */\r\nexport interface ComponentNode extends NodeEnvelope<ComponentNode> {\r\n    type: string;\r\n    [prop: string]: unknown;\r\n}\r\n\r\n/** A page is a list of nodes. */\r\nexport type PageContent = ComponentNode[];\r\n\r\nexport function isComponentNode(value: unknown): value is ComponentNode {\r\n    return (\r\n        typeof value === 'object' &&\r\n        value !== null &&\r\n        !Array.isArray(value) &&\r\n        typeof (value as { type?: unknown }).type === 'string' &&\r\n        (value as { type: string }).type.trim().length > 0\r\n    );\r\n}\r\n","import type { ComponentNode } from './node';\r\n\r\n/**\r\n * Returns a copy of `nodes` where the node with the given `id` has `props` merged in.\r\n * Use it to inject runtime state (e.g. the selected language) into fetched JSON without mutating it.\r\n */\r\nexport function patchNodeById(nodes: ComponentNode[], id: string, props: Record<string, unknown>): ComponentNode[] {\r\n    return nodes.map(node => {\r\n        const patched = node.id === id ? { ...node, ...props } : node;\r\n        return patched.children\r\n            ? { ...patched, children: patchNodeById(patched.children, id, props) }\r\n            : patched;\r\n    });\r\n}\r\n","/**\r\n * The JSON `type` of every base component, and the Lit element that renders it.\r\n * This is the contract page JSON is written against — renderers (React, or any other binding)\r\n * map each `type` to their own component for that element.\r\n */\r\nexport const componentTags = {\r\n    BentoGrid: 'st-bento-grid',\r\n    Card: 'st-card',\r\n    Carousel: 'st-carousel',\r\n    ContentBlock: 'st-content-block',\r\n    CookieConsent: 'st-cookie-consent',\r\n    Dropdown: 'st-dropdown',\r\n    FeatureItem: 'st-feature-item',\r\n    FeatureSplit: 'st-feature-split',\r\n    FeaturesSection: 'st-features-section',\r\n    Footer: 'st-footer',\r\n    Header: 'st-header',\r\n    Hero: 'st-hero',\r\n    IconButton: 'st-icon-button',\r\n    ItemsAccordion: 'st-items-accordion',\r\n    MenuGrid: 'st-menu-grid',\r\n    MenuGridItem: 'st-menu-grid-item',\r\n    MenuItem: 'st-menu-item',\r\n    PromoBanner: 'st-promo-banner',\r\n    Select: 'st-select',\r\n    Stats: 'st-stats',\r\n    Testimonials: 'st-testimonials'\r\n} as const;\r\n\r\n/** Every `type` the base set knows. */\r\nexport type ComponentType = keyof typeof componentTags;\r\n\r\nexport function isBaseComponentType(type: string): type is ComponentType {\r\n    return Object.hasOwn(componentTags, type);\r\n}\r\n","import { isBaseComponentType } from './components';\r\nimport type { ComponentNode } from './node';\r\n\r\n/** Keys from the pre-flat schema; their presence means the JSON still needs `scripts/migrate-json.mjs`. */\r\nconst LEGACY_KEYS = ['data', 'embeddedView', 'data-position', 'image', 'contentUrl'] as const;\r\n\r\n/**\r\n * Returns the schema violations for a node and its descendants (empty when valid).\r\n * `isKnownType` defaults to the base component set; pass a wider predicate when a renderer also\r\n * registers custom components.\r\n */\r\nexport function validateNode(node: unknown, where = 'node', isKnownType: (type: string) => boolean = isBaseComponentType): string[] {\r\n    if (typeof node !== 'object' || node === null || Array.isArray(node)) return [`${where}: node must be an object`];\r\n    const n = node as ComponentNode;\r\n    const found: string[] = [];\r\n    if (typeof n.type !== 'string' || !isKnownType(n.type)) found.push(`${where}: unknown type \"${String(n.type)}\"`);\r\n    for (const legacy of LEGACY_KEYS) {\r\n        if (legacy in n) found.push(`${where}: legacy key \"${legacy}\"`);\r\n    }\r\n    if (Array.isArray(n.items) && n.items.some(item => typeof item === 'object' && item !== null && 'type' in item)) {\r\n        found.push(`${where}: \"items\" must hold plain data; nest components under \"children\"`);\r\n    }\r\n    if (n.children !== undefined) {\r\n        if (!Array.isArray(n.children)) found.push(`${where}: children must be an array`);\r\n        else n.children.forEach((child, i) => found.push(...validateNode(child, `${where}.children[${i}]`, isKnownType)));\r\n    }\r\n    return found;\r\n}\r\n\r\n/** Validates a page: a node or a list of nodes. */\r\nexport function validatePage(page: unknown, isKnownType?: (type: string) => boolean): string[] {\r\n    const nodes = Array.isArray(page) ? page : [page];\r\n    return nodes.flatMap((node, i) => validateNode(node, `[${i}]`, isKnownType));\r\n}\r\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,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,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,UAAU;AAAA,EACV,cAAc;AAAA,EACd,UAAU;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,cAAc;AAClB;AAKO,SAAS,oBAAoB,MAAqC;AACrE,SAAO,OAAO,OAAO,eAAe,IAAI;AAC5C;;;AC9BA,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/select/index.d.ts

@@ -0,0 +1,77 @@
+import * as lit from 'lit';
+import { LitElement, PropertyValues } from 'lit';
+
+interface SelectChangedEventDetail {
+    value: string;
+}
+interface SelectOption {
+    value: string;
+    label: string;
+    /** Optional web URL this option points to (e.g. a SharePoint library) — set when a consumer wants to link out to it, such as a breadcrumb's first crumb. */
+    url?: string;
+}
+
+/**
+ * A fully custom-styled replacement for native `<select>`, used everywhere
+ * the wizard needs a single-choice dropdown (template source, list, document
+ * library, admin roles, ...).
+ *
+ * Built on the CSS Customizable Select API (`appearance: base-select`) —
+ * still a real `<select>`/`<option>` element tree, so focus, keyboard
+ * (arrows/Home/End/typeahead), and ARIA all come from the browser for free,
+ * but the trigger (`<button>`/`<selectedcontent>`) and popup
+ * (`::picker(select)`) are fully styleable instead of OS-rendered. Chromium
+ * only for now (Firefox/Safari fall back to an unstyled native `<select>` —
+ * the extra `<button>`/`<selectedcontent>` markup is simply not rendered by
+ * browsers that don't support the parsing/CSS additions, so the control
+ * still works there, just without the custom look).
+ *
+ * `options` intentionally has no "unselected" placeholder entry — set
+ * `value=""` (or any value with no matching option) and it falls back to
+ * showing `placeholder` in the trigger instead, letting callers swap the
+ * placeholder text dynamically (e.g. "Select a list" vs "Select a list
+ * first") without needing a synthetic option in the list. Internally this is
+ * a real hidden/disabled `<option value="">`, since a native `<select>`
+ * always has *some* option selected.
+ *
+ * Fires `select-change` (detail: `{ value }`) only when the value actually
+ * changes, matching native `<select>`'s `change` event semantics.
+ *
+ * `link-href` optionally renders an external-link button in front of
+ * `field-label` — the same glyph/placement as the "open library" links
+ * placed next to the Templates/Save-location breadcrumbs — for callers that
+ * want a one-click way to open whatever the current selection points at
+ * (e.g. the SharePoint site or library) in a new tab.
+ */
+declare class Select extends LitElement {
+    static styles: lit.CSSResult;
+    options: SelectOption[];
+    value: string;
+    placeholder: string;
+    /** Renders an internal `<label>` above the trigger, associated via `aria-labelledby`. Leave empty when the field is labeled some other way (e.g. context alone). */
+    fieldLabel: string;
+    /**
+     * Optional URL for an external-link button rendered in front of
+     * `field-label` (same glyph/placement as the "open library" links next to
+     * the Templates/Save-location breadcrumbs) — e.g. a link to the
+     * SharePoint site or library the current selection points at. Ignored
+     * when `field-label` is empty, since there'd be nothing to place it in
+     * front of.
+     */
+    linkHref: string;
+    /** Accessible name/title for the `link-href` button. */
+    linkLabel: string;
+    /** Accessible name for the trigger when there's no visible `field-label` (e.g. a filter-row select). Ignored when `field-label` is set. */
+    selectLabel: string;
+    disabled: boolean;
+    /** Borderless variant for a header/toolbar utility slot — see the `:host([ghost])` styles. */
+    ghost: boolean;
+    private readonly selectEl;
+    private readonly instanceId;
+    private readonly fieldLabelId;
+    protected updated(changed: PropertyValues): void;
+    render(): lit.TemplateResult<1>;
+    private onChange;
+}
+
+export { Select, type SelectChangedEventDetail, type SelectOption };

package/dist/select/index.js

@@ -0,0 +1,10 @@
+import {
+  Select
+} from "../chunk-5UFRGZWG.js";
+import "../chunk-3TCP25JG.js";
+import "../chunk-RHAOQ6K4.js";
+import "../chunk-EUXUH3YW.js";
+export {
+  Select
+};
+//# sourceMappingURL=index.js.map

package/dist/select/index.js.map

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

package/dist/shared/icons.d.ts

@@ -0,0 +1,77 @@
+import { TemplateResult } from 'lit';
+
+/** Filled folder glyph (browse rows/tiles). Fixed 20x16 — folders don't resize per usage. */
+declare function folderIcon(): TemplateResult;
+/** Outlined folder glyph (breadcrumb crumb icon). `className` lets the caller hook its own layout class. */
+declare function folderOutlineIcon(size?: number, className?: string): TemplateResult;
+/** External-link/"open" glyph (open site/library actions in the Templates/Data/Save-location pickers). */
+declare function externalLinkIcon(size?: number): TemplateResult;
+/** Refresh/reload glyph (Templates/Data picker refresh buttons). */
+declare function refreshIcon(size?: number): TemplateResult;
+/** Clock glyph (the wizard's "Recent activity" history trigger button, Steps 1-3). */
+declare function historyIcon(size?: number): TemplateResult;
+/** Trash/delete glyph (clear-all button in the selected-chips summary badge). */
+declare function trashIcon(size?: number): TemplateResult;
+/** Chevron glyph (pager prev/next buttons, the select trigger's caret). */
+declare function chevronIcon(direction: 'left' | 'right' | 'down', size?: number): TemplateResult;
+/** Plus glyph ("New folder" action button). */
+declare function plusIcon(size?: number): TemplateResult;
+/** Cards-view glyph (2x2 grid — view-toggle button). */
+declare function cardsViewIcon(size?: number): TemplateResult;
+/** Checkmark glyph (completed-step marker in the step indicator). */
+declare function checkIcon(size?: number): TemplateResult;
+/** SharePoint site glyph (globe — root "All sites" browser rows). */
+declare function siteIcon(size?: number): TemplateResult;
+/** 3x3 dot-grid glyph (bento-menu app-switcher trigger). */
+declare function bentoGridIcon(size?: number): TemplateResult;
+/** List-view glyph (stacked rows — view-toggle button). */
+declare function listViewIcon(size?: number): TemplateResult;
+/**
+ * A small set of generic domain icons for `st-menu-grid-item`'s icon slot (nav "mega menu"
+ * entries — sales/purchase/accounting/settings items) — deliberately simple line glyphs rather
+ * than pixel-perfect illustrations, same fidelity level as the icons above.
+ */
+/** Shopping-cart glyph (sales/orders). */
+declare function cartIcon(size?: number): TemplateResult;
+/** Delivery-truck glyph (purchase orders / receiving). */
+declare function truckIcon(size?: number): TemplateResult;
+/** Package/box glyph (products, inventory). */
+declare function boxIcon(size?: number): TemplateResult;
+/** Map-pin glyph (stock locations). */
+declare function mapPinIcon(size?: number): TemplateResult;
+/** Two-person glyph (partners — customers/vendors/employees). */
+declare function usersIcon(size?: number): TemplateResult;
+/** Open-book glyph (journals). */
+declare function bookIcon(size?: number): TemplateResult;
+/** Document/invoice glyph. */
+declare function documentIcon(size?: number): TemplateResult;
+/** Receipt glyph, zig-zag bottom edge (credit/debit notes). */
+declare function receiptIcon(size?: number): TemplateResult;
+/** Percent glyph (taxes). */
+declare function percentIcon(size?: number): TemplateResult;
+/** Stacked-coins glyph (payment terms). */
+declare function coinsIcon(size?: number): TemplateResult;
+/** Padlock glyph (fiscal year closing / lock dates). */
+declare function lockIcon(size?: number): TemplateResult;
+/**
+ * Office file-type glyphs, ported from `PennyIcons` in `@sankhyatronics/sankhya-icons`
+ * (FileWordIcon/FileExcelIcon/FilePowerPointIcon) — this package is Lit, so it can't import
+ * the React components and carries the same path data instead. Filled, `currentColor`.
+ */
+declare const FILE_TYPE_ICON_PATHS: {
+    readonly word: "m19.95 5.54-3.48-3.49A6.96 6.96 0 0 0 11.52 0H7C4.24 0 2 2.24 2 5v14c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5v-8.51c0-1.87-.73-3.63-2.05-4.95Zm-1.41 1.41c.32.32.59.67.81 1.05h-4.34c-.55 0-1-.45-1-1V2.66c.38.22.73.49 1.05.81l3.48 3.49ZM20 19c0 1.65-1.35 3-3 3H7c-1.65 0-3-1.35-3-3V5c0-1.65 1.35-3 3-3h4.51c.16 0 .33 0 .49.02V7c0 1.65 1.35 3 3 3h4.98c.02.16.02.32.02.49V19Zm-3.28-5.76L15.3 18.9c-.15.61-.68 1.05-1.31 1.09-.63.04-1.21-.32-1.44-.91L12 17.7l-.55 1.38c-.22.56-.75.91-1.34.91h-.1c-.63-.04-1.15-.48-1.31-1.1l-1.41-5.66a1 1 0 0 1 1.94-.48l1 4 .85-2.13a1 1 0 0 1 1.86 0l.84 2.13 1.01-4a1 1 0 0 1 1.94.48Z";
+    readonly excel: "M15.27 13.64 13.3 16l1.97 2.36a1.001 1.001 0 1 1-1.54 1.28L12 17.56l-1.73 2.08a.99.99 0 0 1-.77.36c-.23 0-.45-.08-.64-.23-.42-.35-.48-.98-.13-1.41L10.7 16l-1.97-2.36a1.001 1.001 0 1 1 1.54-1.28L12 14.44l1.73-2.08c.35-.42.98-.48 1.41-.13.42.35.48.98.13 1.41ZM22 10.49V19c0 2.76-2.24 5-5 5H7c-2.76 0-5-2.24-5-5V5c0-2.76 2.24-5 5-5h4.51c1.87 0 3.63.73 4.95 2.05l3.48 3.49a6.96 6.96 0 0 1 2.05 4.95Zm-6.95-7.03c-.32-.32-.67-.59-1.05-.81V7c0 .55.45 1 1 1h4.34c-.22-.38-.49-.73-.81-1.05l-3.48-3.49ZM20 10.48c0-.16 0-.33-.02-.49H15c-1.65 0-3-1.35-3-3V2.02C11.84 2 11.68 2 11.51 2H7C5.35 2 4 3.35 4 5v14c0 1.65 1.35 3 3 3h10c1.65 0 3-1.35 3-3v-8.51Z";
+    readonly powerpoint: "m19.95 5.54-3.49-3.49A6.96 6.96 0 0 0 11.51 0H7C4.24 0 2 2.24 2 5v14c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5v-8.51c0-1.87-.73-3.63-2.05-4.95Zm-1.41 1.41c.32.32.59.67.81 1.05h-4.34c-.55 0-1-.45-1-1V2.66c.38.22.73.49 1.05.81l3.49 3.49ZM20 19c0 1.65-1.35 3-3 3H7c-1.65 0-3-1.35-3-3V5c0-1.65 1.35-3 3-3h4.51c.16 0 .33 0 .49.02V7c0 1.65 1.35 3 3 3h4.98c.02.16.02.32.02.49V19Zm-10 1c-.55 0-1-.45-1-1v-5c0-1.1.9-2 2-2h1c1.65 0 3 1.35 3 3s-1.35 3-3 3h-1v1c0 .55-.45 1-1 1Zm1-4h1c.55 0 1-.45 1-1s-.45-1-1-1h-1v2Z";
+};
+/** Word/Excel/PowerPoint file glyph (the document icon in front of template/file rows). */
+declare function fileTypeIcon(type: keyof typeof FILE_TYPE_ICON_PATHS, size?: number): TemplateResult;
+/** Hamburger glyph (`st-header`'s mobile nav toggle, closed state). */
+declare function menuIcon(size?: number): TemplateResult;
+/** X/close glyph (`st-header`'s mobile nav toggle, open state). */
+declare function closeIcon(size?: number): TemplateResult;
+/** Gear/cog glyph (company settings). */
+declare function gearIcon(size?: number): TemplateResult;
+/** Paint-palette glyph (theme/color-scheme switcher). */
+declare function paletteIcon(size?: number): TemplateResult;
+
+export { bentoGridIcon, bookIcon, boxIcon, cardsViewIcon, cartIcon, checkIcon, chevronIcon, closeIcon, coinsIcon, documentIcon, externalLinkIcon, fileTypeIcon, folderIcon, folderOutlineIcon, gearIcon, historyIcon, listViewIcon, lockIcon, mapPinIcon, menuIcon, paletteIcon, percentIcon, plusIcon, receiptIcon, refreshIcon, siteIcon, trashIcon, truckIcon, usersIcon };

package/dist/shared/icons.js

@@ -0,0 +1,64 @@
+import {
+  bentoGridIcon,
+  bookIcon,
+  boxIcon,
+  cardsViewIcon,
+  cartIcon,
+  checkIcon,
+  chevronIcon,
+  closeIcon,
+  coinsIcon,
+  documentIcon,
+  externalLinkIcon,
+  fileTypeIcon,
+  folderIcon,
+  folderOutlineIcon,
+  gearIcon,
+  historyIcon,
+  listViewIcon,
+  lockIcon,
+  mapPinIcon,
+  menuIcon,
+  paletteIcon,
+  percentIcon,
+  plusIcon,
+  receiptIcon,
+  refreshIcon,
+  siteIcon,
+  trashIcon,
+  truckIcon,
+  usersIcon
+} from "../chunk-3TCP25JG.js";
+import "../chunk-EUXUH3YW.js";
+export {
+  bentoGridIcon,
+  bookIcon,
+  boxIcon,
+  cardsViewIcon,
+  cartIcon,
+  checkIcon,
+  chevronIcon,
+  closeIcon,
+  coinsIcon,
+  documentIcon,
+  externalLinkIcon,
+  fileTypeIcon,
+  folderIcon,
+  folderOutlineIcon,
+  gearIcon,
+  historyIcon,
+  listViewIcon,
+  lockIcon,
+  mapPinIcon,
+  menuIcon,
+  paletteIcon,
+  percentIcon,
+  plusIcon,
+  receiptIcon,
+  refreshIcon,
+  siteIcon,
+  trashIcon,
+  truckIcon,
+  usersIcon
+};
+//# sourceMappingURL=icons.js.map

package/dist/shared/icons.js.map

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

package/dist/shared/styles.d.ts

@@ -0,0 +1,90 @@
+import * as lit from 'lit';
+
+/**
+ * Reusable `css` fragments shared across component `static styles` blocks.
+ *
+ * Lit's `css` tag allows interpolating another `CSSResult` anywhere inside a
+ * template, including mid-rule — `${fragment}` below expands to raw CSS
+ * text, so these compose into a component's own selectors without forcing a
+ * shared class name or touching `render()`. Each component keeps its own
+ * selectors; only the duplicated property lists move here. Layout details
+ * that genuinely vary per component (padding, gap, font-size, ...) stay
+ * local, declared after a fragment so the cascade lets them override it.
+ *
+ * Add a fragment here only once a pattern is byte-identical (or near enough
+ * that the deltas are better expressed as local overrides) across 3+
+ * components — see `packages/suite-components/README.md#shared-style-fragments`.
+ */
+/** Truncates overflowing text to a single line with an ellipsis. */
+declare const truncateStyles: lit.CSSResult;
+/**
+ * Base for an unstyled, click-through interactive element (icon buttons,
+ * menu triggers, link-like buttons) before component-specific padding,
+ * font-size, and color are layered on.
+ */
+declare const buttonResetStyles: lit.CSSResult;
+/**
+ * The dark-filled primary-action button look (wizard Next/Generate/Run/Save,
+ * active toggle buttons, ...). Pair with `ctaButtonDisabledStyles` on the
+ * same selector's `:disabled` state.
+ */
+declare const ctaButtonStyles: lit.CSSResult;
+declare const ctaButtonDisabledStyles: lit.CSSResult;
+/**
+ * Just the fill (background + color) from `ctaButtonStyles`, for selectors
+ * that only need to swap an already-bordered/sized button into the CTA look
+ * on an active/pressed/selected state (`[aria-pressed='true']`, `.active`,
+ * ...) rather than defining the button from scratch.
+ */
+declare const ctaButtonFillStyles: lit.CSSResult;
+/** Floating menu/dropdown panel chrome (user menu, language menu, ...). */
+declare const dropdownPanelStyles: lit.CSSResult;
+/** "No results" / "Nothing here." empty-state text. Padding stays local. */
+declare const emptyStateStyles: lit.CSSResult;
+/** Bordered, rounded shell wrapping a data table (browse/list views). */
+declare const tableShellStyles: lit.CSSResult;
+/** A single bordered result row with a name (truncated) + trailing link. */
+declare const resultRowStyles: lit.CSSResult;
+declare const resultNameStyles: lit.CSSResult;
+declare const resultLinkStyles: lit.CSSResult;
+/**
+ * Uppercase, letter-spaced section/field "eyebrow" label (card headings,
+ * table headers, field labels, ...). Font-size stays local since it varies
+ * (11–12px) by context.
+ */
+declare const eyebrowLabelStyles: lit.CSSResult;
+/** Top border separating stacked rows in a list/table (folder rows, data rows, table rows, ...). */
+declare const rowDividerStyles: lit.CSSResult;
+/**
+ * Bordered, rounded surface shell for a card/tile/panel (as opposed to
+ * `tableShellStyles`, which additionally clips overflow for tabular content).
+ * Padding, gap, and cursor stay local since they vary by component.
+ */
+declare const cardShellStyles: lit.CSSResult;
+/** A card/tile/row's bold primary name line (folder tiles/rows, template cards, ...). */
+declare const itemNameStyles: lit.CSSResult;
+/** A card/tile/row's muted secondary caption line, paired with `itemNameStyles`. */
+declare const itemCaptionStyles: lit.CSSResult;
+/**
+ * Whole rules (not a property list) every component's stylesheet starts
+ * with: routes keyboard focus rings and native checkbox/radio tint through
+ * `--st-focus-ring` / `--st-checkbox-color`, whose defaults (`auto`) keep
+ * the browser's own look until a host app themes them.
+ */
+declare const controlBaseStyles: lit.CSSResult;
+/** Default font stack, used by nearly every component. */
+declare const fontFamilyStyles: lit.CSSResult;
+/**
+ * Font stack for page-root/chrome components (`st-template-hub`, the admin
+ * and configuration pages, `st-app-header`, ...). Identical to
+ * `fontFamilyStyles` now that `--st-font-family` always resolves via
+ * `theme.css` (no per-usage fallback) — kept as a separate export so those
+ * call sites stay semantically distinct if the two ever need to diverge
+ * again.
+ */
+declare const rootFontFamilyStyles: lit.CSSResult;
+/** Canonical responsive breakpoints (px). Interpolate as `${BREAKPOINT_TABLET}px`. */
+declare const BREAKPOINT_TABLET = 900;
+declare const BREAKPOINT_MOBILE = 500;
+
+export { BREAKPOINT_MOBILE, BREAKPOINT_TABLET, buttonResetStyles, cardShellStyles, controlBaseStyles, ctaButtonDisabledStyles, ctaButtonFillStyles, ctaButtonStyles, dropdownPanelStyles, emptyStateStyles, eyebrowLabelStyles, fontFamilyStyles, itemCaptionStyles, itemNameStyles, resultLinkStyles, resultNameStyles, resultRowStyles, rootFontFamilyStyles, rowDividerStyles, tableShellStyles, truncateStyles };

package/dist/shared/styles.js

@@ -0,0 +1,48 @@
+import {
+  BREAKPOINT_MOBILE,
+  BREAKPOINT_TABLET,
+  buttonResetStyles,
+  cardShellStyles,
+  controlBaseStyles,
+  ctaButtonDisabledStyles,
+  ctaButtonFillStyles,
+  ctaButtonStyles,
+  dropdownPanelStyles,
+  emptyStateStyles,
+  eyebrowLabelStyles,
+  fontFamilyStyles,
+  itemCaptionStyles,
+  itemNameStyles,
+  resultLinkStyles,
+  resultNameStyles,
+  resultRowStyles,
+  rootFontFamilyStyles,
+  rowDividerStyles,
+  tableShellStyles,
+  truncateStyles
+} from "../chunk-RHAOQ6K4.js";
+import "../chunk-EUXUH3YW.js";
+export {
+  BREAKPOINT_MOBILE,
+  BREAKPOINT_TABLET,
+  buttonResetStyles,
+  cardShellStyles,
+  controlBaseStyles,
+  ctaButtonDisabledStyles,
+  ctaButtonFillStyles,
+  ctaButtonStyles,
+  dropdownPanelStyles,
+  emptyStateStyles,
+  eyebrowLabelStyles,
+  fontFamilyStyles,
+  itemCaptionStyles,
+  itemNameStyles,
+  resultLinkStyles,
+  resultNameStyles,
+  resultRowStyles,
+  rootFontFamilyStyles,
+  rowDividerStyles,
+  tableShellStyles,
+  truncateStyles
+};
+//# sourceMappingURL=styles.js.map

package/dist/shared/styles.js.map

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