@sankhyatronics/sankhya-cms 0.0.0-stage → 0.1.0

package/dist/chunk-CDC4P77V.js

@@ -0,0 +1,299 @@
+import {
+  controlBaseStyles,
+  rootFontFamilyStyles
+} from "./chunk-RHAOQ6K4.js";
+import {
+  __decorateClass
+} from "./chunk-EUXUH3YW.js";
+
+// src/footer/Footer.ts
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import "iconify-icon";
+var Footer = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.inverted = false;
+    this.companyName = "";
+    this.copyright = "";
+    this.poweredBy = "";
+    this.poweredByLink = "";
+    this.version = "";
+    this.imageSrc = "";
+    this.description = "";
+    this.columns = [];
+    this.socialLinks = [];
+  }
+  get isSite() {
+    return !!(this.columns.length || this.socialLinks.length || this.description || this.imageSrc);
+  }
+  get resolvedCopyright() {
+    if (this.copyright) return this.copyright;
+    if (this.companyName) return `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} ${this.companyName}`;
+    return `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()}`;
+  }
+  willUpdate(changed) {
+    if (changed.size) this.toggleAttribute("site", this.isSite);
+  }
+  onLinkClick(event, href) {
+    const select = new CustomEvent("footer-link", {
+      detail: { href },
+      bubbles: true,
+      composed: true,
+      cancelable: true
+    });
+    this.dispatchEvent(select);
+    if (select.defaultPrevented) event.preventDefault();
+  }
+  renderLink(link) {
+    return /^https?:/i.test(link.href) ? html`<a part="link" class="link" href=${link.href} target="_blank" rel="noopener noreferrer">${link.label}</a>` : html`<a part="link" class="link" href=${link.href} @click=${(event) => this.onLinkClick(event, link.href)}>${link.label}</a>`;
+  }
+  renderPoweredBy() {
+    return this.poweredBy ? html`
+          <a part="powered-by" class="powered-by" href=${this.poweredByLink || "#"} target="_blank" rel="noopener noreferrer">
+            ${this.poweredBy}
+          </a>
+        ` : nothing;
+  }
+  renderSite() {
+    return html`
+      <div class="site" part="site">
+        <div class="grid">
+          <div class="brand" part="brand">
+            ${this.imageSrc || this.companyName ? html`<div class="logo">
+                  ${this.imageSrc ? html`<img class="logo-img" src=${this.imageSrc} alt=${this.companyName || "Logo"} />` : nothing}
+                  ${this.companyName ? html`<span>${this.companyName}</span>` : nothing}
+                </div>` : nothing}
+            ${this.description ? html`<p class="description">${this.description}</p>` : nothing}
+            ${this.socialLinks.length ? html`<div class="social">
+                  ${this.socialLinks.map(
+      (social) => html`<a part="social" class="social-link" href=${social.href} target="_blank" rel="noopener noreferrer" aria-label=${social.icon}>
+                      <iconify-icon icon=${social.icon} width="24" height="24"></iconify-icon>
+                    </a>`
+    )}
+                </div>` : nothing}
+          </div>
+          ${this.columns.map(
+      (column) => html`<div class="column" part="column">
+              <h4 class="column-title">${column.title}</h4>
+              <div class="links">${column.links.map((link) => this.renderLink(link))}</div>
+            </div>`
+    )}
+        </div>
+        <div class="bottom" part="bottom">
+          <div class="bottom-text">
+            <span part="copyright">${this.resolvedCopyright}</span>
+            ${this.version ? html`<span part="version">v${this.version}</span>` : nothing} ${this.renderPoweredBy()}
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  render() {
+    if (this.isSite) return this.renderSite();
+    return html`
+      <span part="copyright">${this.resolvedCopyright}</span>
+      ${this.version ? html`<span part="version">v${this.version}</span>` : nothing} ${this.renderPoweredBy()}
+    `;
+  }
+};
+Footer.styles = css`
+    ${controlBaseStyles}
+
+    :host {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--st-space-16);
+      flex-wrap: wrap;
+      /* !important on padding/border-top only: a shadow host's own :host rule always loses to ANY
+       * rule the consuming page has for the same property on that element, regardless of
+       * specificity — so a page that resets margin/padding/border on every element (e.g. Tailwind
+       * Preflight, which every app but Template Hub loads) silently zeroes this footer's padding
+       * and top border unless these two win the conflict outright via !important. */
+      padding: var(--st-space-16) var(--st-space-28) !important;
+      border-top: 1px solid var(--st-color-border) !important;
+      color: var(--st-color-text-muted);
+      font-size: var(--st-text-xs);
+      ${rootFontFamilyStyles}
+    }
+
+    .powered-by {
+      color: inherit;
+      text-decoration: none;
+      font-weight: var(--st-font-weight-semibold);
+    }
+
+    .powered-by:hover {
+      color: var(--st-color-text-strong);
+    }
+
+    :host([inverted]) {
+      background: var(--st-color-text-strong);
+      color: var(--st-color-on-solid);
+      border-top-color: transparent !important;
+    }
+
+    /* Site layout */
+    :host([site]) {
+      display: block;
+      padding: 64px var(--st-space-28) 32px !important;
+      font-size: var(--st-text-sm);
+    }
+
+    .site {
+      max-width: 1200px;
+      margin: 0 auto;
+    }
+
+    .grid {
+      display: grid;
+      grid-template-columns: 2fr repeat(3, 1fr);
+      gap: 64px;
+      margin-bottom: 64px;
+    }
+
+    .brand {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+
+    .logo {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 1.25rem;
+      font-weight: 700;
+      color: var(--st-color-text-strong);
+    }
+
+    .logo-img {
+      height: 32px;
+      width: auto;
+    }
+
+    .description {
+      margin: 0;
+      max-width: 300px;
+      line-height: 1.6;
+    }
+
+    .social {
+      display: flex;
+      gap: 16px;
+      margin-top: 16px;
+    }
+
+    .social-link,
+    .link {
+      color: inherit;
+      text-decoration: none;
+      transition: color 0.2s ease;
+    }
+
+    .social-link:hover,
+    .link:hover {
+      color: var(--st-color-text-strong);
+    }
+
+    .column-title {
+      margin: 0 0 24px;
+      font-size: var(--st-text-xs);
+      font-weight: var(--st-font-weight-semibold);
+      color: var(--st-color-text-strong);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .links {
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+    }
+
+    .bottom {
+      padding-top: 32px;
+      border-top: 1px solid var(--st-color-border);
+      font-size: var(--st-text-xs);
+    }
+
+    .bottom-text {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+
+    .bottom-text .powered-by {
+      font-size: 0.85em;
+      font-weight: inherit;
+      opacity: 0.8;
+    }
+
+    @media (max-width: 1024px) {
+      .grid {
+        grid-template-columns: repeat(3, 1fr);
+        gap: 48px;
+      }
+    }
+
+    @media (max-width: 768px) {
+      .grid {
+        grid-template-columns: 1fr;
+        gap: 40px;
+      }
+
+      .bottom {
+        text-align: center;
+      }
+    }
+
+    :host([site][inverted]) .logo,
+    :host([site][inverted]) .column-title,
+    :host([site][inverted]) .social-link:hover,
+    :host([site][inverted]) .link:hover {
+      color: var(--st-color-on-solid);
+    }
+
+    :host([site][inverted]) .bottom {
+      border-top-color: color-mix(in oklch, var(--st-color-on-solid) 20%, var(--st-color-text-strong));
+    }
+  `;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], Footer.prototype, "inverted", 2);
+__decorateClass([
+  property({ type: String, attribute: "company-name" })
+], Footer.prototype, "companyName", 2);
+__decorateClass([
+  property({ type: String })
+], Footer.prototype, "copyright", 2);
+__decorateClass([
+  property({ type: String, attribute: "powered-by" })
+], Footer.prototype, "poweredBy", 2);
+__decorateClass([
+  property({ type: String, attribute: "powered-by-link" })
+], Footer.prototype, "poweredByLink", 2);
+__decorateClass([
+  property({ type: String })
+], Footer.prototype, "version", 2);
+__decorateClass([
+  property({ type: String, attribute: "image-src" })
+], Footer.prototype, "imageSrc", 2);
+__decorateClass([
+  property({ type: String })
+], Footer.prototype, "description", 2);
+__decorateClass([
+  property({ attribute: false })
+], Footer.prototype, "columns", 2);
+__decorateClass([
+  property({ attribute: false })
+], Footer.prototype, "socialLinks", 2);
+Footer = __decorateClass([
+  customElement("st-footer")
+], Footer);
+
+export {
+  Footer
+};
+//# sourceMappingURL=chunk-CDC4P77V.js.map

package/dist/chunk-CDC4P77V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/footer/Footer.ts"],"sourcesContent":["import { LitElement, PropertyValues, css, html, nothing } from 'lit';\r\nimport { customElement, property } from 'lit/decorators.js';\r\nimport 'iconify-icon';\r\n\r\nimport { controlBaseStyles, rootFontFamilyStyles } from '../shared/styles';\r\n\r\nexport interface FooterLink {\r\n  label: string;\r\n  href: string;\r\n}\r\n\r\nexport interface FooterColumn {\r\n  title: string;\r\n  links: FooterLink[];\r\n}\r\n\r\nexport interface FooterSocialLink {\r\n  /** Iconify icon name, e.g. `mdi:github`. */\r\n  icon: string;\r\n  href: string;\r\n}\r\n\r\n/** Fired when an internal footer link is activated — cancelable, so an SPA can `preventDefault()` and route instead. */\r\nexport interface FooterLinkEventDetail {\r\n  href: string;\r\n}\r\n\r\n/**\r\n * The footer, in two layouts:\r\n *\r\n * - **Bar** (default): a copyright line plus an optional \"powered by\" link — what the suite's\r\n *   authenticated apps use.\r\n * - **Site**: when `columns`, `socialLinks`, `description` or `imageSrc` is set, the footer becomes a\r\n *   marketing-site footer — brand (logo/company name, description, social icons), link columns and a\r\n *   bottom bar with the copyright and \"powered by\".\r\n *\r\n * Fires a cancelable `footer-link` event (detail `{ href }`) when an internal link is clicked.\r\n */\r\n@customElement('st-footer')\r\nexport class Footer extends LitElement {\r\n  static styles = css`\r\n    ${controlBaseStyles}\r\n\r\n    :host {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: var(--st-space-16);\r\n      flex-wrap: wrap;\r\n      /* !important on padding/border-top only: a shadow host's own :host rule always loses to ANY\r\n       * rule the consuming page has for the same property on that element, regardless of\r\n       * specificity — so a page that resets margin/padding/border on every element (e.g. Tailwind\r\n       * Preflight, which every app but Template Hub loads) silently zeroes this footer's padding\r\n       * and top border unless these two win the conflict outright via !important. */\r\n      padding: var(--st-space-16) var(--st-space-28) !important;\r\n      border-top: 1px solid var(--st-color-border) !important;\r\n      color: var(--st-color-text-muted);\r\n      font-size: var(--st-text-xs);\r\n      ${rootFontFamilyStyles}\r\n    }\r\n\r\n    .powered-by {\r\n      color: inherit;\r\n      text-decoration: none;\r\n      font-weight: var(--st-font-weight-semibold);\r\n    }\r\n\r\n    .powered-by:hover {\r\n      color: var(--st-color-text-strong);\r\n    }\r\n\r\n    :host([inverted]) {\r\n      background: var(--st-color-text-strong);\r\n      color: var(--st-color-on-solid);\r\n      border-top-color: transparent !important;\r\n    }\r\n\r\n    /* Site layout */\r\n    :host([site]) {\r\n      display: block;\r\n      padding: 64px var(--st-space-28) 32px !important;\r\n      font-size: var(--st-text-sm);\r\n    }\r\n\r\n    .site {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .grid {\r\n      display: grid;\r\n      grid-template-columns: 2fr repeat(3, 1fr);\r\n      gap: 64px;\r\n      margin-bottom: 64px;\r\n    }\r\n\r\n    .brand {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n    }\r\n\r\n    .logo {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      font-size: 1.25rem;\r\n      font-weight: 700;\r\n      color: var(--st-color-text-strong);\r\n    }\r\n\r\n    .logo-img {\r\n      height: 32px;\r\n      width: auto;\r\n    }\r\n\r\n    .description {\r\n      margin: 0;\r\n      max-width: 300px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .social {\r\n      display: flex;\r\n      gap: 16px;\r\n      margin-top: 16px;\r\n    }\r\n\r\n    .social-link,\r\n    .link {\r\n      color: inherit;\r\n      text-decoration: none;\r\n      transition: color 0.2s ease;\r\n    }\r\n\r\n    .social-link:hover,\r\n    .link:hover {\r\n      color: var(--st-color-text-strong);\r\n    }\r\n\r\n    .column-title {\r\n      margin: 0 0 24px;\r\n      font-size: var(--st-text-xs);\r\n      font-weight: var(--st-font-weight-semibold);\r\n      color: var(--st-color-text-strong);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n    }\r\n\r\n    .links {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n    }\r\n\r\n    .bottom {\r\n      padding-top: 32px;\r\n      border-top: 1px solid var(--st-color-border);\r\n      font-size: var(--st-text-xs);\r\n    }\r\n\r\n    .bottom-text {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 4px;\r\n    }\r\n\r\n    .bottom-text .powered-by {\r\n      font-size: 0.85em;\r\n      font-weight: inherit;\r\n      opacity: 0.8;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 48px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n      }\r\n\r\n      .bottom {\r\n        text-align: center;\r\n      }\r\n    }\r\n\r\n    :host([site][inverted]) .logo,\r\n    :host([site][inverted]) .column-title,\r\n    :host([site][inverted]) .social-link:hover,\r\n    :host([site][inverted]) .link:hover {\r\n      color: var(--st-color-on-solid);\r\n    }\r\n\r\n    :host([site][inverted]) .bottom {\r\n      border-top-color: color-mix(in oklch, var(--st-color-on-solid) 20%, var(--st-color-text-strong));\r\n    }\r\n  `;\r\n\r\n  /** Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the\r\n   * source component's `inverted` (from its shared `BaseProps`), same as `st-header`'s. */\r\n  @property({ type: Boolean, reflect: true })\r\n  inverted = false;\r\n\r\n  /** Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly. */\r\n  @property({ type: String, attribute: 'company-name' })\r\n  companyName = '';\r\n\r\n  /** Overrides the default computed copyright line entirely. */\r\n  @property({ type: String })\r\n  copyright = '';\r\n\r\n  @property({ type: String, attribute: 'powered-by' })\r\n  poweredBy = '';\r\n\r\n  @property({ type: String, attribute: 'powered-by-link' })\r\n  poweredByLink = '';\r\n\r\n  /** App version, rendered as `v{version}` after the copyright line — for apps that show their own\r\n   * version in the footer rather than the header title. */\r\n  @property({ type: String })\r\n  version = '';\r\n\r\n  /** Logo shown in the brand block (site layout). */\r\n  @property({ type: String, attribute: 'image-src' })\r\n  imageSrc = '';\r\n\r\n  /** Short blurb under the logo (site layout). */\r\n  @property({ type: String })\r\n  description = '';\r\n\r\n  /** Link columns (site layout). */\r\n  @property({ attribute: false })\r\n  columns: FooterColumn[] = [];\r\n\r\n  /** Social icon links under the description (site layout). */\r\n  @property({ attribute: false })\r\n  socialLinks: FooterSocialLink[] = [];\r\n\r\n  private get isSite(): boolean {\r\n    return !!(this.columns.length || this.socialLinks.length || this.description || this.imageSrc);\r\n  }\r\n\r\n  private get resolvedCopyright(): string {\r\n    if (this.copyright) return this.copyright;\r\n    if (this.companyName) return `© ${new Date().getFullYear()} ${this.companyName}`;\r\n    return `© ${new Date().getFullYear()}`;\r\n  }\r\n\r\n  protected willUpdate(changed: PropertyValues): void {\r\n    if (changed.size) this.toggleAttribute('site', this.isSite);\r\n  }\r\n\r\n  private onLinkClick(event: MouseEvent, href: string): void {\r\n    const select = new CustomEvent<FooterLinkEventDetail>('footer-link', {\r\n      detail: { href },\r\n      bubbles: true,\r\n      composed: true,\r\n      cancelable: true\r\n    });\r\n    this.dispatchEvent(select);\r\n    if (select.defaultPrevented) event.preventDefault();\r\n  }\r\n\r\n  private renderLink(link: FooterLink) {\r\n    return /^https?:/i.test(link.href)\r\n      ? html`<a part=\"link\" class=\"link\" href=${link.href} target=\"_blank\" rel=\"noopener noreferrer\">${link.label}</a>`\r\n      : html`<a part=\"link\" class=\"link\" href=${link.href} @click=${(event: MouseEvent) => this.onLinkClick(event, link.href)}>${link.label}</a>`;\r\n  }\r\n\r\n  private renderPoweredBy() {\r\n    return this.poweredBy\r\n      ? html`\r\n          <a part=\"powered-by\" class=\"powered-by\" href=${this.poweredByLink || '#'} target=\"_blank\" rel=\"noopener noreferrer\">\r\n            ${this.poweredBy}\r\n          </a>\r\n        `\r\n      : nothing;\r\n  }\r\n\r\n  private renderSite() {\r\n    return html`\r\n      <div class=\"site\" part=\"site\">\r\n        <div class=\"grid\">\r\n          <div class=\"brand\" part=\"brand\">\r\n            ${this.imageSrc || this.companyName\r\n              ? html`<div class=\"logo\">\r\n                  ${this.imageSrc ? html`<img class=\"logo-img\" src=${this.imageSrc} alt=${this.companyName || 'Logo'} />` : nothing}\r\n                  ${this.companyName ? html`<span>${this.companyName}</span>` : nothing}\r\n                </div>`\r\n              : nothing}\r\n            ${this.description ? html`<p class=\"description\">${this.description}</p>` : nothing}\r\n            ${this.socialLinks.length\r\n              ? html`<div class=\"social\">\r\n                  ${this.socialLinks.map(\r\n                    social => html`<a part=\"social\" class=\"social-link\" href=${social.href} target=\"_blank\" rel=\"noopener noreferrer\" aria-label=${social.icon}>\r\n                      <iconify-icon icon=${social.icon} width=\"24\" height=\"24\"></iconify-icon>\r\n                    </a>`\r\n                  )}\r\n                </div>`\r\n              : nothing}\r\n          </div>\r\n          ${this.columns.map(\r\n            column => html`<div class=\"column\" part=\"column\">\r\n              <h4 class=\"column-title\">${column.title}</h4>\r\n              <div class=\"links\">${column.links.map(link => this.renderLink(link))}</div>\r\n            </div>`\r\n          )}\r\n        </div>\r\n        <div class=\"bottom\" part=\"bottom\">\r\n          <div class=\"bottom-text\">\r\n            <span part=\"copyright\">${this.resolvedCopyright}</span>\r\n            ${this.version ? html`<span part=\"version\">v${this.version}</span>` : nothing} ${this.renderPoweredBy()}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    `;\r\n  }\r\n\r\n  render() {\r\n    if (this.isSite) return this.renderSite();\r\n    return html`\r\n      <span part=\"copyright\">${this.resolvedCopyright}</span>\r\n      ${this.version ? html`<span part=\"version\">v${this.version}</span>` : nothing} ${this.renderPoweredBy()}\r\n    `;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-E52WO7R7.js

@@ -0,0 +1,279 @@
+import {
+  cardDescriptionStyles,
+  cardTitleStyles,
+  sectionHeaderStyles,
+  sectionSubtitleStyles,
+  sectionTitleStyles
+} from "./chunk-3VE6VFJ4.js";
+import {
+  controlBaseStyles,
+  fontFamilyStyles
+} from "./chunk-RHAOQ6K4.js";
+import {
+  __decorateClass
+} from "./chunk-EUXUH3YW.js";
+
+// src/features-section/FeaturesSection.ts
+import { LitElement as LitElement2, css as css2, html as html2, nothing as nothing2 } from "lit";
+import { customElement as customElement2, property as property2 } from "lit/decorators.js";
+
+// src/features-section/FeatureItem.ts
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import "iconify-icon";
+var FeatureItem = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.icon = "";
+    this.title = "";
+    this.description = "";
+    this.href = "";
+    this.actionLabel = "Learn more";
+    this.inverted = false;
+  }
+  render() {
+    const external = this.href.startsWith("http");
+    return html`
+      <st-card hoverable elevation="sm" ?inverted=${this.inverted} part="card">
+        <div class="content" part="content">
+          ${this.icon ? html`<div class="icon" part="icon"><iconify-icon icon=${this.icon}></iconify-icon></div>` : nothing}
+          <h3 class="title" part="title">${this.title}</h3>
+          <st-markdown class="description" part="description" .content=${this.description}></st-markdown>
+          ${this.href ? html`
+                <a
+                  class="link"
+                  part="link"
+                  href=${this.href}
+                  target=${external ? "_blank" : "_self"}
+                  rel=${external ? "noopener noreferrer" : nothing}
+                >
+                  ${this.actionLabel} <span>&rarr;</span>
+                </a>
+              ` : nothing}
+        </div>
+      </st-card>
+    `;
+  }
+};
+FeatureItem.styles = css`
+    ${controlBaseStyles}
+
+    :host {
+      display: block;
+      ${fontFamilyStyles}
+    }
+
+    st-card {
+      height: 100%;
+    }
+
+    .content {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: var(--st-space-16);
+      height: 100%;
+    }
+
+    .icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 48px;
+      height: 48px;
+      border-radius: var(--st-radius-lg);
+      background: var(--st-color-subtle);
+      color: var(--st-color-text-strong);
+      margin-bottom: var(--st-space-8);
+      font-size: 24px;
+    }
+
+    :host([inverted]) .icon {
+      background: var(--st-color-text-muted);
+      color: var(--st-color-on-solid);
+    }
+
+    .title {
+      ${cardTitleStyles}
+      margin: 0;
+    }
+
+    .description {
+      ${cardDescriptionStyles}
+      margin: 0;
+    }
+
+    :host([inverted]) .title,
+    :host([inverted]) .description {
+      color: inherit;
+    }
+
+    .link {
+      display: flex;
+      align-items: center;
+      gap: var(--st-space-4);
+      margin-top: auto;
+      color: var(--st-color-text-muted);
+      font-weight: var(--st-font-weight-medium);
+      font-size: var(--st-text-md);
+      text-decoration: none;
+      transition: color 0.2s ease;
+    }
+
+    .link:hover {
+      color: var(--st-color-text-strong);
+      text-decoration: underline;
+    }
+
+    :host([inverted]) .link,
+    :host([inverted]) .link:hover {
+      color: inherit;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .link {
+        transition: none;
+      }
+    }
+  `;
+__decorateClass([
+  property({ type: String })
+], FeatureItem.prototype, "icon", 2);
+__decorateClass([
+  property({ type: String })
+], FeatureItem.prototype, "title", 2);
+__decorateClass([
+  property({ type: String })
+], FeatureItem.prototype, "description", 2);
+__decorateClass([
+  property({ type: String })
+], FeatureItem.prototype, "href", 2);
+__decorateClass([
+  property({ type: String, attribute: "action-label" })
+], FeatureItem.prototype, "actionLabel", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], FeatureItem.prototype, "inverted", 2);
+FeatureItem = __decorateClass([
+  customElement("st-feature-item")
+], FeatureItem);
+
+// src/features-section/FeaturesSection.ts
+var FeaturesSection = class extends LitElement2 {
+  constructor() {
+    super(...arguments);
+    this.title = "";
+    this.subtitle = "";
+    this.actionLabel = "Learn more";
+    this.columns = 0;
+    this.inverted = false;
+    this.items = [];
+  }
+  render() {
+    const gridStyle = this.columns ? `--features-columns: ${this.columns}` : nothing2;
+    return html2`
+      <section class="container" part="container">
+        <div class="header" part="header">
+          <div class="title" part="title">${this.title}</div>
+          ${this.subtitle ? html2`<div class="subtitle" part="subtitle">${this.subtitle}</div>` : nothing2}
+        </div>
+        <div class="grid" part="grid" style=${gridStyle}>
+          <slot></slot>
+          ${this.items.map(
+      (item) => html2`
+              <st-feature-item
+                .icon=${item.icon ?? ""}
+                .title=${item.title}
+                .description=${item.description}
+                .href=${item.href ?? ""}
+                .actionLabel=${this.actionLabel}
+                ?inverted=${this.inverted}
+              ></st-feature-item>
+            `
+    )}
+        </div>
+      </section>
+    `;
+  }
+};
+FeaturesSection.styles = css2`
+    ${controlBaseStyles}
+
+    :host {
+      display: block;
+      ${fontFamilyStyles}
+      padding: var(--st-cms-section-padding) var(--st-space-24);
+      background: var(--st-color-surface);
+    }
+
+    :host([inverted]) {
+      background: var(--st-color-text-strong);
+    }
+
+    .container {
+      max-width: var(--st-cms-container-max);
+      margin: 0 auto;
+    }
+
+    .header {
+      ${sectionHeaderStyles}
+    }
+
+    .title {
+      ${sectionTitleStyles}
+      margin: 0;
+    }
+
+    .subtitle {
+      ${sectionSubtitleStyles}
+      margin: 0 auto;
+    }
+
+    :host([inverted]) .title,
+    :host([inverted]) .subtitle {
+      color: var(--st-color-on-solid);
+    }
+
+    .grid {
+      display: grid;
+      grid-template-columns: repeat(var(--features-columns, 2), 1fr);
+      gap: var(--st-space-32);
+    }
+
+    @media (max-width: 768px) {
+      :host {
+        padding: var(--st-space-48) var(--st-space-16);
+      }
+
+      .grid {
+        grid-template-columns: 1fr;
+      }
+    }
+  `;
+__decorateClass([
+  property2({ type: String })
+], FeaturesSection.prototype, "title", 2);
+__decorateClass([
+  property2({ type: String })
+], FeaturesSection.prototype, "subtitle", 2);
+__decorateClass([
+  property2({ type: String, attribute: "action-label" })
+], FeaturesSection.prototype, "actionLabel", 2);
+__decorateClass([
+  property2({ type: Number })
+], FeaturesSection.prototype, "columns", 2);
+__decorateClass([
+  property2({ type: Boolean, reflect: true })
+], FeaturesSection.prototype, "inverted", 2);
+__decorateClass([
+  property2({ attribute: false })
+], FeaturesSection.prototype, "items", 2);
+FeaturesSection = __decorateClass([
+  customElement2("st-features-section")
+], FeaturesSection);
+
+export {
+  FeatureItem,
+  FeaturesSection
+};
+//# sourceMappingURL=chunk-E52WO7R7.js.map

package/dist/chunk-E52WO7R7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/features-section/FeaturesSection.ts","../src/features-section/FeatureItem.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from 'lit';\r\nimport { customElement, property } from 'lit/decorators.js';\r\n\r\nimport { controlBaseStyles, fontFamilyStyles } from '../shared/styles';\r\nimport { sectionSubtitleStyles, sectionTitleStyles, sectionHeaderStyles } from '../shared/section-styles';\r\nimport './FeatureItem';\r\n\r\n/** Data for one tile when using the `items` property (mirrors `st-feature-item`'s properties). */\r\nexport interface FeatureItemData {\r\n  icon?: string;\r\n  title: string;\r\n  description: string;\r\n  href?: string;\r\n}\r\n\r\n/**\r\n * A titled grid of feature tiles. Ports `SankhyaUI`'s React `FeaturesSection`: tiles come from the\r\n * `items` property, from slotted `st-feature-item` elements (the source's `children`), or both\r\n * (slotted first). `columns` sets the grid width (default 2; one column below 768px). `inverted`\r\n * is passed on to the `items` tiles; slotted tiles need their own `inverted` attribute.\r\n */\r\n@customElement('st-features-section')\r\nexport class FeaturesSection extends LitElement {\r\n  static styles = css`\r\n    ${controlBaseStyles}\r\n\r\n    :host {\r\n      display: block;\r\n      ${fontFamilyStyles}\r\n      padding: var(--st-cms-section-padding) var(--st-space-24);\r\n      background: var(--st-color-surface);\r\n    }\r\n\r\n    :host([inverted]) {\r\n      background: var(--st-color-text-strong);\r\n    }\r\n\r\n    .container {\r\n      max-width: var(--st-cms-container-max);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .header {\r\n      ${sectionHeaderStyles}\r\n    }\r\n\r\n    .title {\r\n      ${sectionTitleStyles}\r\n      margin: 0;\r\n    }\r\n\r\n    .subtitle {\r\n      ${sectionSubtitleStyles}\r\n      margin: 0 auto;\r\n    }\r\n\r\n    :host([inverted]) .title,\r\n    :host([inverted]) .subtitle {\r\n      color: var(--st-color-on-solid);\r\n    }\r\n\r\n    .grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(var(--features-columns, 2), 1fr);\r\n      gap: var(--st-space-32);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      :host {\r\n        padding: var(--st-space-48) var(--st-space-16);\r\n      }\r\n\r\n      .grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n  `;\r\n\r\n  @property({ type: String })\r\n  title = '';\r\n\r\n  @property({ type: String })\r\n  subtitle = '';\r\n\r\n  /** Applied to every tile built from `items`. */\r\n  @property({ type: String, attribute: 'action-label' })\r\n  actionLabel = 'Learn more';\r\n\r\n  @property({ type: Number })\r\n  columns = 0;\r\n\r\n  @property({ type: Boolean, reflect: true })\r\n  inverted = false;\r\n\r\n  /** Tiles to render (property only). */\r\n  @property({ attribute: false })\r\n  items: FeatureItemData[] = [];\r\n\r\n  render() {\r\n    const gridStyle = this.columns ? `--features-columns: ${this.columns}` : nothing;\r\n    return html`\r\n      <section class=\"container\" part=\"container\">\r\n        <div class=\"header\" part=\"header\">\r\n          <div class=\"title\" part=\"title\">${this.title}</div>\r\n          ${this.subtitle ? html`<div class=\"subtitle\" part=\"subtitle\">${this.subtitle}</div>` : nothing}\r\n        </div>\r\n        <div class=\"grid\" part=\"grid\" style=${gridStyle}>\r\n          <slot></slot>\r\n          ${this.items.map(\r\n            (item) => html`\r\n              <st-feature-item\r\n                .icon=${item.icon ?? ''}\r\n                .title=${item.title}\r\n                .description=${item.description}\r\n                .href=${item.href ?? ''}\r\n                .actionLabel=${this.actionLabel}\r\n                ?inverted=${this.inverted}\r\n              ></st-feature-item>\r\n            `\r\n          )}\r\n        </div>\r\n      </section>\r\n    `;\r\n  }\r\n}\r\n","import { LitElement, css, html, nothing } from 'lit';\r\nimport { customElement, property } from 'lit/decorators.js';\r\nimport 'iconify-icon';\r\n\r\nimport { controlBaseStyles, fontFamilyStyles } from '../shared/styles';\r\nimport { cardDescriptionStyles, cardTitleStyles } from '../shared/section-styles';\r\nimport '../card';\r\nimport '../markdown';\r\n\r\n/**\r\n * One feature tile for `st-features-section`: optional icon, title, Markdown description and an\r\n * optional \"Learn more\" link, rendered on an `st-card`. `icon` is an Iconify name (e.g.\r\n * `mdi:rocket`). The link is a plain `<a>` (the source used react-router's `Link` for non-http\r\n * hrefs; there is no Lit equivalent). The click is composed, so an SPA router can intercept it\r\n * (e.g. via `event.composedPath()`) and navigate client-side; `http(s)` links open in a new tab.\r\n */\r\n@customElement('st-feature-item')\r\nexport class FeatureItem extends LitElement {\r\n  static styles = css`\r\n    ${controlBaseStyles}\r\n\r\n    :host {\r\n      display: block;\r\n      ${fontFamilyStyles}\r\n    }\r\n\r\n    st-card {\r\n      height: 100%;\r\n    }\r\n\r\n    .content {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: var(--st-space-16);\r\n      height: 100%;\r\n    }\r\n\r\n    .icon {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 48px;\r\n      height: 48px;\r\n      border-radius: var(--st-radius-lg);\r\n      background: var(--st-color-subtle);\r\n      color: var(--st-color-text-strong);\r\n      margin-bottom: var(--st-space-8);\r\n      font-size: 24px;\r\n    }\r\n\r\n    :host([inverted]) .icon {\r\n      background: var(--st-color-text-muted);\r\n      color: var(--st-color-on-solid);\r\n    }\r\n\r\n    .title {\r\n      ${cardTitleStyles}\r\n      margin: 0;\r\n    }\r\n\r\n    .description {\r\n      ${cardDescriptionStyles}\r\n      margin: 0;\r\n    }\r\n\r\n    :host([inverted]) .title,\r\n    :host([inverted]) .description {\r\n      color: inherit;\r\n    }\r\n\r\n    .link {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--st-space-4);\r\n      margin-top: auto;\r\n      color: var(--st-color-text-muted);\r\n      font-weight: var(--st-font-weight-medium);\r\n      font-size: var(--st-text-md);\r\n      text-decoration: none;\r\n      transition: color 0.2s ease;\r\n    }\r\n\r\n    .link:hover {\r\n      color: var(--st-color-text-strong);\r\n      text-decoration: underline;\r\n    }\r\n\r\n    :host([inverted]) .link,\r\n    :host([inverted]) .link:hover {\r\n      color: inherit;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .link {\r\n        transition: none;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** Iconify icon name, e.g. `mdi:rocket`. */\r\n  @property({ type: String })\r\n  icon = '';\r\n\r\n  @property({ type: String })\r\n  title = '';\r\n\r\n  /** Markdown. */\r\n  @property({ type: String })\r\n  description = '';\r\n\r\n  @property({ type: String })\r\n  href = '';\r\n\r\n  @property({ type: String, attribute: 'action-label' })\r\n  actionLabel = 'Learn more';\r\n\r\n  @property({ type: Boolean, reflect: true })\r\n  inverted = false;\r\n\r\n  render() {\r\n    const external = this.href.startsWith('http');\r\n    return html`\r\n      <st-card hoverable elevation=\"sm\" ?inverted=${this.inverted} part=\"card\">\r\n        <div class=\"content\" part=\"content\">\r\n          ${this.icon\r\n            ? html`<div class=\"icon\" part=\"icon\"><iconify-icon icon=${this.icon}></iconify-icon></div>`\r\n            : nothing}\r\n          <h3 class=\"title\" part=\"title\">${this.title}</h3>\r\n          <st-markdown class=\"description\" part=\"description\" .content=${this.description}></st-markdown>\r\n          ${this.href\r\n            ? html`\r\n                <a\r\n                  class=\"link\"\r\n                  part=\"link\"\r\n                  href=${this.href}\r\n                  target=${external ? '_blank' : '_self'}\r\n                  rel=${external ? 'noopener noreferrer' : nothing}\r\n                >\r\n                  ${this.actionLabel} <span>&rarr;</span>\r\n                </a>\r\n              `\r\n            : nothing}\r\n        </div>\r\n      </st-card>\r\n    `;\r\n  }\r\n}\r\n"],"mappings":"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","names":["LitElement","css","html","nothing","customElement","property","LitElement","nothing","html","css","property","customElement"]}

package/dist/chunk-EUXUH3YW.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+export {
+  __decorateClass
+};
+//# sourceMappingURL=chunk-EUXUH3YW.js.map

package/dist/chunk-EUXUH3YW.js.map

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