@sankhyatronics/sankhya-cms 0.0.0-stage → 0.0.9

package/dist/chunk-XHBC23TV.js

@@ -0,0 +1,254 @@
+import {
+  reducedMotionStyles
+} from "./chunk-3VE6VFJ4.js";
+import {
+  buttonResetStyles,
+  controlBaseStyles
+} from "./chunk-RHAOQ6K4.js";
+import {
+  __decorateClass
+} from "./chunk-EUXUH3YW.js";
+
+// src/carousel/Carousel.ts
+import { LitElement, css, html, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+var Carousel = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.autoPlay = true;
+    this.interval = 5e3;
+    this.showArrows = true;
+    this.showIndicators = true;
+    this.index = 0;
+    this.count = 0;
+    this.paused = false;
+    this.pause = () => {
+      this.paused = true;
+    };
+    this.resume = () => {
+      this.paused = false;
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("mouseenter", this.pause);
+    this.addEventListener("mouseleave", this.resume);
+    this.addEventListener("focusin", this.pause);
+    this.addEventListener("focusout", this.resume);
+  }
+  disconnectedCallback() {
+    this.stopTimer();
+    this.removeEventListener("mouseenter", this.pause);
+    this.removeEventListener("mouseleave", this.resume);
+    this.removeEventListener("focusin", this.pause);
+    this.removeEventListener("focusout", this.resume);
+    super.disconnectedCallback();
+  }
+  updated(changed) {
+    if (changed.has("index") || changed.has("count")) this.syncSlides();
+    if (changed.has("autoPlay") || changed.has("interval") || changed.has("count")) this.restartTimer();
+  }
+  get slides() {
+    return this.shadowRoot?.querySelector("slot")?.assignedElements({ flatten: true }) ?? [];
+  }
+  syncSlides() {
+    this.slides.forEach((el, i) => el.toggleAttribute("data-st-active", i === this.index));
+  }
+  onSlotChange() {
+    this.count = this.slides.length;
+    if (this.index >= this.count) this.index = 0;
+    this.syncSlides();
+  }
+  stopTimer() {
+    if (this.timer !== void 0) clearInterval(this.timer);
+    this.timer = void 0;
+  }
+  restartTimer() {
+    this.stopTimer();
+    if (!this.autoPlay || this.count < 2) return;
+    this.timer = setInterval(() => {
+      if (!this.paused) this.go(this.index + 1, "next");
+    }, this.interval);
+  }
+  go(target, direction) {
+    if (this.count === 0) return;
+    this.setAttribute("data-direction", direction);
+    this.index = (target + this.count) % this.count;
+    this.dispatchEvent(
+      new CustomEvent("carousel-change", {
+        detail: { index: this.index },
+        bubbles: true,
+        composed: true
+      })
+    );
+    this.restartTimer();
+  }
+  render() {
+    const multiple = this.count > 1;
+    return html`
+      <slot @slotchange=${this.onSlotChange}></slot>
+      ${this.showArrows && multiple ? html`
+            <button part="nav-button prev" class="nav prev" aria-label="Previous Slide" @click=${() => this.go(this.index - 1, "prev")}>&#10094;</button>
+            <button part="nav-button next" class="nav next" aria-label="Next Slide" @click=${() => this.go(this.index + 1, "next")}>&#10095;</button>
+          ` : nothing}
+      ${this.showIndicators && multiple ? html`<div class="indicators" part="indicators">
+            ${Array.from(
+      { length: this.count },
+      (_, i) => html`
+                <button
+                  part="dot"
+                  class="dot ${i === this.index ? "active" : ""}"
+                  aria-label="Go to slide ${i + 1}"
+                  aria-current=${i === this.index ? "true" : "false"}
+                  @click=${() => this.go(i, i > this.index ? "next" : "prev")}
+                ></button>
+              `
+    )}
+          </div>` : nothing}
+    `;
+  }
+};
+Carousel.styles = css`
+    ${controlBaseStyles}
+
+    :host {
+      display: block;
+      position: relative;
+      width: 100%;
+      overflow: hidden;
+    }
+
+    ::slotted(*) {
+      display: none !important;
+    }
+
+    ::slotted([data-st-active]) {
+      display: block !important;
+      animation: st-carousel-in-next 0.4s ease both;
+    }
+
+    :host([data-direction='prev']) ::slotted([data-st-active]) {
+      animation-name: st-carousel-in-prev;
+    }
+
+    @keyframes st-carousel-in-next {
+      from {
+        transform: translateX(10%);
+        opacity: 0;
+      }
+      to {
+        transform: none;
+        opacity: 1;
+      }
+    }
+
+    @keyframes st-carousel-in-prev {
+      from {
+        transform: translateX(-10%);
+        opacity: 0;
+      }
+      to {
+        transform: none;
+        opacity: 1;
+      }
+    }
+
+    .nav {
+      ${buttonResetStyles}
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      z-index: 10;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: var(--st-size-38);
+      height: var(--st-size-38);
+      border-radius: var(--st-radius-circle);
+      border: 1px solid var(--st-color-border);
+      background: var(--st-color-surface);
+      color: var(--st-color-text-strong);
+      font-size: var(--st-text-xl);
+      opacity: 0.8;
+      transition:
+        opacity 0.3s ease,
+        transform 0.3s ease;
+    }
+
+    .nav:hover {
+      opacity: 1;
+      transform: translateY(-50%) scale(1.1);
+    }
+
+    .prev {
+      left: var(--st-space-12);
+    }
+
+    .next {
+      right: var(--st-space-12);
+    }
+
+    .indicators {
+      position: absolute;
+      bottom: var(--st-space-24);
+      left: 50%;
+      transform: translateX(-50%);
+      z-index: 10;
+      display: flex;
+      gap: var(--st-space-12);
+    }
+
+    .dot {
+      ${buttonResetStyles}
+      width: var(--st-space-12);
+      height: var(--st-space-12);
+      padding: 0;
+      border-radius: var(--st-radius-circle);
+      background: var(--st-color-border-strong);
+      transition:
+        background 0.3s ease,
+        transform 0.3s ease;
+    }
+
+    .dot:hover {
+      background: var(--st-color-text-muted);
+    }
+
+    .dot.active {
+      background: var(--st-color-text-strong);
+      transform: scale(1.2);
+    }
+
+    ${reducedMotionStyles}
+    @media (prefers-reduced-motion: reduce) {
+      ::slotted([data-st-active]) {
+        animation: none;
+      }
+    }
+  `;
+__decorateClass([
+  property({ type: Boolean, attribute: "auto-play" })
+], Carousel.prototype, "autoPlay", 2);
+__decorateClass([
+  property({ type: Number })
+], Carousel.prototype, "interval", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-arrows" })
+], Carousel.prototype, "showArrows", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-indicators" })
+], Carousel.prototype, "showIndicators", 2);
+__decorateClass([
+  state()
+], Carousel.prototype, "index", 2);
+__decorateClass([
+  state()
+], Carousel.prototype, "count", 2);
+Carousel = __decorateClass([
+  customElement("st-carousel")
+], Carousel);
+
+export {
+  Carousel
+};
+//# sourceMappingURL=chunk-XHBC23TV.js.map

package/dist/chunk-XHBC23TV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/carousel/Carousel.ts"],"sourcesContent":["import { LitElement, css, html, nothing } from 'lit';\r\nimport { customElement, property, state } from 'lit/decorators.js';\r\n\r\nimport { buttonResetStyles, controlBaseStyles } from '../shared/styles';\r\nimport { reducedMotionStyles } from '../shared/section-styles';\r\nimport type { CarouselChangeEventDetail } from './CarouselEvents';\r\n\r\n/**\r\n * Cycles through its slotted children, one visible at a time, with optional autoplay, arrows and\r\n * dot indicators. The incoming slide slides in from the travel direction (CSS keyframes in place\r\n * of the source's framer-motion spring). Autoplay pauses while hovered or focused and stops when\r\n * the element is disconnected.\r\n */\r\n@customElement('st-carousel')\r\nexport class Carousel extends LitElement {\r\n  static styles = css`\r\n    ${controlBaseStyles}\r\n\r\n    :host {\r\n      display: block;\r\n      position: relative;\r\n      width: 100%;\r\n      overflow: hidden;\r\n    }\r\n\r\n    ::slotted(*) {\r\n      display: none !important;\r\n    }\r\n\r\n    ::slotted([data-st-active]) {\r\n      display: block !important;\r\n      animation: st-carousel-in-next 0.4s ease both;\r\n    }\r\n\r\n    :host([data-direction='prev']) ::slotted([data-st-active]) {\r\n      animation-name: st-carousel-in-prev;\r\n    }\r\n\r\n    @keyframes st-carousel-in-next {\r\n      from {\r\n        transform: translateX(10%);\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        transform: none;\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    @keyframes st-carousel-in-prev {\r\n      from {\r\n        transform: translateX(-10%);\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        transform: none;\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    .nav {\r\n      ${buttonResetStyles}\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      z-index: 10;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: var(--st-size-38);\r\n      height: var(--st-size-38);\r\n      border-radius: var(--st-radius-circle);\r\n      border: 1px solid var(--st-color-border);\r\n      background: var(--st-color-surface);\r\n      color: var(--st-color-text-strong);\r\n      font-size: var(--st-text-xl);\r\n      opacity: 0.8;\r\n      transition:\r\n        opacity 0.3s ease,\r\n        transform 0.3s ease;\r\n    }\r\n\r\n    .nav:hover {\r\n      opacity: 1;\r\n      transform: translateY(-50%) scale(1.1);\r\n    }\r\n\r\n    .prev {\r\n      left: var(--st-space-12);\r\n    }\r\n\r\n    .next {\r\n      right: var(--st-space-12);\r\n    }\r\n\r\n    .indicators {\r\n      position: absolute;\r\n      bottom: var(--st-space-24);\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      z-index: 10;\r\n      display: flex;\r\n      gap: var(--st-space-12);\r\n    }\r\n\r\n    .dot {\r\n      ${buttonResetStyles}\r\n      width: var(--st-space-12);\r\n      height: var(--st-space-12);\r\n      padding: 0;\r\n      border-radius: var(--st-radius-circle);\r\n      background: var(--st-color-border-strong);\r\n      transition:\r\n        background 0.3s ease,\r\n        transform 0.3s ease;\r\n    }\r\n\r\n    .dot:hover {\r\n      background: var(--st-color-text-muted);\r\n    }\r\n\r\n    .dot.active {\r\n      background: var(--st-color-text-strong);\r\n      transform: scale(1.2);\r\n    }\r\n\r\n    ${reducedMotionStyles}\r\n    @media (prefers-reduced-motion: reduce) {\r\n      ::slotted([data-st-active]) {\r\n        animation: none;\r\n      }\r\n    }\r\n  `;\r\n\r\n  @property({ type: Boolean, attribute: 'auto-play' })\r\n  autoPlay = true;\r\n\r\n  /** Autoplay delay in milliseconds. */\r\n  @property({ type: Number })\r\n  interval = 5000;\r\n\r\n  @property({ type: Boolean, attribute: 'show-arrows' })\r\n  showArrows = true;\r\n\r\n  @property({ type: Boolean, attribute: 'show-indicators' })\r\n  showIndicators = true;\r\n\r\n  @state() private index = 0;\r\n  @state() private count = 0;\r\n  private paused = false;\r\n  private timer?: ReturnType<typeof setInterval>;\r\n\r\n  connectedCallback() {\r\n    super.connectedCallback();\r\n    this.addEventListener('mouseenter', this.pause);\r\n    this.addEventListener('mouseleave', this.resume);\r\n    this.addEventListener('focusin', this.pause);\r\n    this.addEventListener('focusout', this.resume);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.stopTimer();\r\n    this.removeEventListener('mouseenter', this.pause);\r\n    this.removeEventListener('mouseleave', this.resume);\r\n    this.removeEventListener('focusin', this.pause);\r\n    this.removeEventListener('focusout', this.resume);\r\n    super.disconnectedCallback();\r\n  }\r\n\r\n  protected updated(changed: Map<string, unknown>) {\r\n    if (changed.has('index') || changed.has('count')) this.syncSlides();\r\n    if (changed.has('autoPlay') || changed.has('interval') || changed.has('count')) this.restartTimer();\r\n  }\r\n\r\n  private pause = () => {\r\n    this.paused = true;\r\n  };\r\n\r\n  private resume = () => {\r\n    this.paused = false;\r\n  };\r\n\r\n  private get slides(): Element[] {\r\n    return this.shadowRoot?.querySelector('slot')?.assignedElements({ flatten: true }) ?? [];\r\n  }\r\n\r\n  private syncSlides() {\r\n    this.slides.forEach((el, i) => el.toggleAttribute('data-st-active', i === this.index));\r\n  }\r\n\r\n  private onSlotChange() {\r\n    this.count = this.slides.length;\r\n    if (this.index >= this.count) this.index = 0;\r\n    this.syncSlides();\r\n  }\r\n\r\n  private stopTimer() {\r\n    if (this.timer !== undefined) clearInterval(this.timer);\r\n    this.timer = undefined;\r\n  }\r\n\r\n  private restartTimer() {\r\n    this.stopTimer();\r\n    if (!this.autoPlay || this.count < 2) return;\r\n    this.timer = setInterval(() => {\r\n      if (!this.paused) this.go(this.index + 1, 'next');\r\n    }, this.interval);\r\n  }\r\n\r\n  private go(target: number, direction: 'next' | 'prev') {\r\n    if (this.count === 0) return;\r\n    this.setAttribute('data-direction', direction);\r\n    this.index = (target + this.count) % this.count;\r\n    this.dispatchEvent(\r\n      new CustomEvent<CarouselChangeEventDetail>('carousel-change', {\r\n        detail: { index: this.index },\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n    this.restartTimer();\r\n  }\r\n\r\n  render() {\r\n    const multiple = this.count > 1;\r\n    return html`\r\n      <slot @slotchange=${this.onSlotChange}></slot>\r\n      ${this.showArrows && multiple\r\n        ? html`\r\n            <button part=\"nav-button prev\" class=\"nav prev\" aria-label=\"Previous Slide\" @click=${() => this.go(this.index - 1, 'prev')}>&#10094;</button>\r\n            <button part=\"nav-button next\" class=\"nav next\" aria-label=\"Next Slide\" @click=${() => this.go(this.index + 1, 'next')}>&#10095;</button>\r\n          `\r\n        : nothing}\r\n      ${this.showIndicators && multiple\r\n        ? html`<div class=\"indicators\" part=\"indicators\">\r\n            ${Array.from(\r\n              { length: this.count },\r\n              (_, i) => html`\r\n                <button\r\n                  part=\"dot\"\r\n                  class=\"dot ${i === this.index ? 'active' : ''}\"\r\n                  aria-label=\"Go to slide ${i + 1}\"\r\n                  aria-current=${i === this.index ? 'true' : 'false'}\r\n                  @click=${() => this.go(i, i > this.index ? 'next' : 'prev')}\r\n                ></button>\r\n              `,\r\n            )}\r\n          </div>`\r\n        : nothing}\r\n    `;\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/chunk-XXPBFHWR.js

@@ -0,0 +1,70 @@
+import {
+  buttonResetStyles,
+  controlBaseStyles,
+  rootFontFamilyStyles
+} from "./chunk-RHAOQ6K4.js";
+import {
+  __decorateClass
+} from "./chunk-EUXUH3YW.js";
+
+// src/icon-button/IconButton.ts
+import { LitElement, css, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+var IconButton = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.label = "";
+    this.disabled = false;
+  }
+  render() {
+    return html`
+      <button part="button" type="button" aria-label=${this.label} title=${this.label} ?disabled=${this.disabled}>
+        <slot></slot>
+      </button>
+    `;
+  }
+};
+IconButton.styles = css`
+    ${controlBaseStyles}
+
+    :host {
+      display: inline-flex;
+      ${rootFontFamilyStyles}
+    }
+
+    button {
+      ${buttonResetStyles}
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: var(--st-size-32);
+      height: var(--st-size-32);
+      border-radius: var(--st-radius-sm);
+      color: var(--st-color-text-muted);
+    }
+
+    button:hover {
+      background: var(--st-color-hover);
+      color: var(--st-color-text-strong);
+    }
+
+    :host([disabled]) button {
+      color: var(--st-color-text-muted);
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+  `;
+__decorateClass([
+  property({ type: String })
+], IconButton.prototype, "label", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], IconButton.prototype, "disabled", 2);
+IconButton = __decorateClass([
+  customElement("st-icon-button")
+], IconButton);
+
+export {
+  IconButton
+};
+//# sourceMappingURL=chunk-XXPBFHWR.js.map

package/dist/chunk-XXPBFHWR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icon-button/IconButton.ts"],"sourcesContent":["import { LitElement, css, html } from 'lit';\r\nimport { customElement, property } from 'lit/decorators.js';\r\n\r\nimport { buttonResetStyles, controlBaseStyles, rootFontFamilyStyles } from '../shared/styles';\r\n\r\n/**\r\n * A small, icon-only action button — ported from `SankhyaUI`'s React `IconButton` (a separate,\r\n * unrelated marketing-site project; that source takes an iconify string `icon` prop, this package\r\n * has no iconify dependency, so the icon is default-slotted content instead, same convention as\r\n * `st-dropdown`/`st-menu-grid-item`'s `slot=\"icon\"`).\r\n *\r\n * Fires a plain native `click` — no custom event, since a caller just wants an ordinary button.\r\n */\r\n@customElement('st-icon-button')\r\nexport class IconButton extends LitElement {\r\n  static styles = css`\r\n    ${controlBaseStyles}\r\n\r\n    :host {\r\n      display: inline-flex;\r\n      ${rootFontFamilyStyles}\r\n    }\r\n\r\n    button {\r\n      ${buttonResetStyles}\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: var(--st-size-32);\r\n      height: var(--st-size-32);\r\n      border-radius: var(--st-radius-sm);\r\n      color: var(--st-color-text-muted);\r\n    }\r\n\r\n    button:hover {\r\n      background: var(--st-color-hover);\r\n      color: var(--st-color-text-strong);\r\n    }\r\n\r\n    :host([disabled]) button {\r\n      color: var(--st-color-text-muted);\r\n      cursor: not-allowed;\r\n      pointer-events: none;\r\n    }\r\n  `;\r\n\r\n  /** Accessible name and tooltip — matches the source component's `ariaLabel` (renamed: modern\r\n   * browsers already expose a native `ariaLabel` reflected property on every `Element`, so reusing\r\n   * that exact name as a Lit reactive property would shadow it). Required for a control with no\r\n   * visible text. */\r\n  @property({ type: String })\r\n  label = '';\r\n\r\n  @property({ type: Boolean, reflect: true })\r\n  disabled = false;\r\n\r\n  render() {\r\n    return html`\r\n      <button part=\"button\" type=\"button\" aria-label=${this.label} title=${this.label} ?disabled=${this.disabled}>\r\n        <slot></slot>\r\n      </button>\r\n    `;\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;AAAA,SAAS,YAAY,KAAK,YAAY;AACtC,SAAS,eAAe,gBAAgB;AAajC,IAAM,aAAN,cAAyB,WAAW;AAAA,EAApC;AAAA;AAqCL,iBAAQ;AAGR,oBAAW;AAAA;AAAA,EAEX,SAAS;AACP,WAAO;AAAA,uDAC4C,KAAK,KAAK,UAAU,KAAK,KAAK,cAAc,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,EAI9G;AACF;AAjDa,WACJ,SAAS;AAAA,MACZ,iBAAiB;AAAA;AAAA;AAAA;AAAA,QAIf,oBAAoB;AAAA;AAAA;AAAA;AAAA,QAIpB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BvB;AAAA,EADC,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GApCf,WAqCX;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAvC/B,WAwCX;AAxCW,aAAN;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB;","names":[]}

package/dist/chunk-YYK4GQUW.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-YYK4GQUW.js.map

package/dist/chunk-YYK4GQUW.js.map

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