@sondor-technology/sondor-components 1.0.9 → 1.0.10

package/dist/components/hero/hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../src/components/hero/hero.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEhD;;;;;;;;GAQG;AACH,qBACa,MAAO,SAAQ,SAAS;IACnC,6DAA6D;IACnB,OAAO,UAAS;IAEjD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAS;IAErC,cAGC;IAED,MAAM,CAAC,MAAM,4BAkEX;IAEF,OAAO,CAAC,cAAc,CAGpB;IAEF,MAAM,sCAyBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/hero/hero.js

@@ -0,0 +1,132 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { StSection } from "../section/section.js";
+/**
+ * The opening row of a page: a big title, a short introduction and the main actions. Add a
+ * `media` (an image or video) and the row becomes two columns on wide screens, text beside media,
+ * stacking on narrow ones.
+ *
+ * Slots: `eyebrow`, `title`, `lead`, `actions` (buttons), `media` and the default slot for
+ * anything extra under the actions (a note, a row of logos).
+ * It takes all the row options of `st-section` (tone, space, width, reveal, label).
+ */
+let StHero = class StHero extends StSection {
+    constructor() {
+        super();
+        /** With media, shows it before the text instead of after. */
+        this.reverse = false;
+        this._hasMedia = false;
+        this._hasActions = false;
+        this._onMediaChange = (e) => {
+            this._hasMedia = e.target.assignedNodes().length > 0;
+            this.toggleAttribute("data-media", this._hasMedia);
+        };
+        this.space = "lg";
+    }
+    render() {
+        return this.frame(html `
+        <div class="hero">
+          <div class="text">
+            ${this.renderHeader()}
+            ${this.animateIn(html `<div class="actions" ?hidden=${!this._hasActions}>
+                <slot
+                  name="actions"
+                  @slotchange=${(e) => (this._hasActions = e.target.assignedNodes().length > 0)}
+                ></slot>
+              </div>`, 150)}
+            ${this.animateIn(html `<slot @slotchange=${this._onItemsChange}></slot>`, 250)}
+          </div>
+          <div class="media" ?hidden=${!this._hasMedia}>
+            ${this.animateIn(html `<slot name="media" @slotchange=${this._onMediaChange}></slot>`, 200)}
+          </div>
+        </div>
+      `, { header: false, animated: false });
+    }
+};
+StHero.styles = [
+    ...StSection.styles,
+    css `
+      .hero {
+        display: grid;
+        gap: var(--st-spacing-2xl);
+        align-items: center;
+      }
+
+      :host([data-media]) .hero {
+        grid-template-columns: minmax(0, 1fr);
+      }
+
+      @media (min-width: 60rem) {
+        :host([data-media]) .hero {
+          grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+
+        :host([reverse]) .media {
+          order: -1;
+        }
+      }
+
+      .text {
+        display: grid;
+        justify-items: center;
+        gap: var(--st-spacing-lg);
+      }
+
+      :host([data-media]) .text {
+        justify-items: start;
+      }
+
+      :host([data-media]) .header {
+        margin-inline: 0;
+        text-align: start;
+      }
+
+      .header {
+        margin-bottom: 0;
+      }
+
+      ::slotted([slot="title"]) {
+        font-size: clamp(2rem, 5vw, 3.5rem) !important;
+      }
+
+      ::slotted([slot="lead"]) {
+        font-size: var(--st-font-size-xl);
+      }
+
+      .actions {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--st-spacing-md);
+        justify-content: center;
+      }
+
+      :host([data-media]) .actions {
+        justify-content: flex-start;
+      }
+
+      .media ::slotted(*) {
+        width: 100%;
+        border-radius: var(--st-radius-lg);
+      }
+    `,
+];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StHero.prototype, "reverse", void 0);
+__decorate([
+    state()
+], StHero.prototype, "_hasMedia", void 0);
+__decorate([
+    state()
+], StHero.prototype, "_hasActions", void 0);
+StHero = __decorate([
+    customElement("st-hero")
+], StHero);
+export { StHero };
+//# sourceMappingURL=hero.js.map

package/dist/components/hero/hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.js","sourceRoot":"","sources":["../../../src/components/hero/hero.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC9B,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEhD;;;;;;;;GAQG;AAEI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,SAAS;IAOnC;QACE,KAAK,EAAE,CAAC;QAPV,6DAA6D;QACnB,YAAO,GAAG,KAAK,CAAC;QAEzC,cAAS,GAAG,KAAK,CAAC;QAClB,gBAAW,GAAG,KAAK,CAAC;QA2E7B,mBAAc,GAAG,CAAC,CAAQ,EAAE,EAAE;YACpC,IAAI,CAAC,SAAS,GAAI,CAAC,CAAC,MAA0B,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;YAC1E,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;QA1EA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;IA2ED,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CACf,IAAI,CAAA;;;cAGI,IAAI,CAAC,YAAY,EAAE;cACnB,IAAI,CAAC,SAAS,CACd,IAAI,CAAA,gCAAgC,CAAC,IAAI,CAAC,WAAW;;;gCAGnC,CAAC,CAAQ,EAAE,EAAE,CACzB,CAAC,IAAI,CAAC,WAAW,GAAI,CAAC,CAAC,MAA0B,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;;qBAE5E,EACP,GAAG,CACJ;cACC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,cAAc,UAAU,EAAE,GAAG,CAAC;;uCAElD,CAAC,IAAI,CAAC,SAAS;cACxC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAA,kCAAkC,IAAI,CAAC,cAAc,UAAU,EAAE,GAAG,CAAC;;;OAG/F,EACD,EAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAC,CACjC,CAAC;IACJ,CAAC;CACF,CAAA;AAnGQ,aAAM,GAAG;IACd,GAAG,SAAS,CAAC,MAAM;IACnB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+DF;CACF,AAlEY,CAkEX;AA5EwC;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;uCAAiB;AAEzC;IAAhB,KAAK,EAAE;yCAA2B;AAClB;IAAhB,KAAK,EAAE;2CAA6B;AAL1B,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CA+GlB"}

package/dist/components/icon/icon-paths.d.ts

@@ -202,6 +202,90 @@ export declare const iconPaths: {
     wrench: {
         classic: import("lit-html").TemplateResult<2>;
     };
+    x: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    check: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    search: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    eye: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    "eye-slash": {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    copy: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    menu: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    ellipsis: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    filter: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    "sort-up": {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    "sort-down": {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    sliders: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    "calendar-clock": {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    user: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    lock: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    link: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    "external-link": {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    bell: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    server: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    "hard-drive": {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    monitor: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    loader: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    cpu: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    box: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    minus: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    table: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    grid: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
+    list: {
+        classic: import("lit-html").TemplateResult<2>;
+    };
 };
 export type IconName = keyof typeof iconPaths;
 //# sourceMappingURL=icon-paths.d.ts.map

package/dist/components/icon/icon-paths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-paths.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon-paths.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;IACpB,aAAa;QACX,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,WAAW;QACT,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,UAAU;QACR,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,UAAU;QACR,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,UAAU;QACR,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,eAAe;QACb,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,UAAU;QACR,OAAO;;IAET,GAAK;QACH,OAAO;;IAET,QAAU;QACR,OAAO;;IAET,mBAAmB;QACjB,OAAO;;IAET,mBAAmB;QACjB,OAAO;;IAET,oBAAoB;QAClB,OAAO;;IAET,iBAAiB;QACf,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,gBAAgB;QACd,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,OAAS;QACP,OAAO;;IAET,OAAS;QACP,OAAO;;IAET,QAAU;QACR,OAAO;;IAET,QAAU;QACR,OAAO;;IAET,MAAQ;QACN,OAAO;;IAET,MAAQ;QACN,OAAO;;IAET,KAAO;QACL,OAAO;;IAET,KAAO;QACL,OAAO;;IAET,MAAQ;QACN,OAAO;;IAET,OAAS;QACP,OAAO;;IAET,MAAQ;QACN,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,aAAa;QACX,OAAO;;IAET,MAAQ;QACN,OAAO;;IAET,kBAAkB;QAChB,OAAO;QACP,KAAK;;IAEP,wBAAwB;QACtB,OAAO;QACP,KAAK;;IAEP,sBAAsB;QACpB,OAAO;QACP,KAAK;;IAEP,iBAAiB;QACf,OAAO;QACP,KAAK;;IAEP,qBAAqB;QACnB,OAAO;QACP,KAAK;;IAEP,IAAM;QACJ,OAAO;;IAET,OAAS;QACP,OAAO;;IAET,KAAO;QACL,OAAO;;IAET,MAAQ;QACN,OAAO;;IAET,IAAM;QACJ,OAAO;;IAET,cAAc;QACZ,OAAO;;IAET,QAAU;QACR,OAAO;;IAET,KAAO;QACL,OAAO;;IAET,WAAW;QACT,OAAO;;IAET,WAAW;QACT,OAAO;;IAET,sBAAsB;QACpB,OAAO;;IAET,YAAY;QACV,OAAO;;IAET,MAAQ;QACN,OAAO;;CAEV,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC"}
+{"version":3,"file":"icon-paths.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon-paths.ts"],"names":[],"mappings":"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"}

package/dist/components/icon/icon-paths.js

@@ -1,4 +1,9 @@
 import { svg } from "lit";
+/**
+ * Stroke-based icon builder. The shared <st-icon> wrapper applies fill + stroke to every
+ * path, so line icons reset the fill and use a bold, round stroke on the 640 grid.
+ */
+const line = (body) => svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><g fill="none" stroke="currentColor" stroke-width="48" stroke-linecap="round" stroke-linejoin="round">${body}</g></svg>`;
 export const iconPaths = {
     "angles-down": {
         classic: svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M342.6 534.6C330.1 547.1 309.8 547.1 297.3 534.6L137.3 374.6C124.8 362.1 124.8 341.8 137.3 329.3C149.8 316.8 170.1 316.8 182.6 329.3L320 466.7L457.4 329.4C469.9 316.9 490.2 316.9 502.7 329.4C515.2 341.9 515.2 362.2 502.7 374.7L342.7 534.7zM502.6 182.6L342.6 342.6C330.1 355.1 309.8 355.1 297.3 342.6L137.3 182.6C124.8 170.1 124.8 149.8 137.3 137.3C149.8 124.8 170.1 124.8 182.6 137.3L320 274.7L457.4 137.4C469.9 124.9 490.2 124.9 502.7 137.4C515.2 149.9 515.2 170.2 502.7 182.7z"/></svg>`
@@ -202,6 +207,90 @@ export const iconPaths = {
     },
     "wrench": {
         classic: svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M541.4 162.6C549 155 561.7 156.9 565.5 166.9C572.3 184.6 576 203.9 576 224C576 312.4 504.4 384 416 384C398.5 384 381.6 381.2 365.8 376L178.9 562.9C150.8 591 105.2 591 77.1 562.9C49 534.8 49 489.2 77.1 461.1L264 274.2C258.8 258.4 256 241.6 256 224C256 135.6 327.6 64 416 64C436.1 64 455.4 67.7 473.1 74.5C483.1 78.3 484.9 91 477.4 98.6L388.7 187.3C385.7 190.3 384 194.4 384 198.6L384 240C384 248.8 391.2 256 400 256L441.4 256C445.6 256 449.7 254.3 452.7 251.3L541.4 162.6z"/></svg>`
+    },
+    "x": {
+        classic: line(svg `<path d="M160 160L480 480M480 160L160 480"/>`)
+    },
+    "check": {
+        classic: line(svg `<path d="M128 336L256 464L512 192"/>`)
+    },
+    "search": {
+        classic: line(svg `<circle cx="280" cy="280" r="176"/><path d="M410 410L530 530"/>`)
+    },
+    "eye": {
+        classic: line(svg `<path d="M64 320C128 200 220 144 320 144C420 144 512 200 576 320C512 440 420 496 320 496C220 496 128 440 64 320Z"/><circle cx="320" cy="320" r="72"/>`)
+    },
+    "eye-slash": {
+        classic: line(svg `<path d="M64 320C128 200 220 144 320 144C420 144 512 200 576 320C512 440 420 496 320 496C220 496 128 440 64 320Z"/><circle cx="320" cy="320" r="72"/><path d="M120 120L520 520"/>`)
+    },
+    "copy": {
+        classic: line(svg `<rect x="216" y="216" width="320" height="320" rx="48"/><path d="M424 216V152A48 48 0 0 0 376 104H152A48 48 0 0 0 104 152V376A48 48 0 0 0 152 424H216"/>`)
+    },
+    "menu": {
+        classic: line(svg `<path d="M112 176H528M112 320H528M112 464H528"/>`)
+    },
+    "ellipsis": {
+        classic: line(svg `<path d="M144 320h.01M320 320h.01M496 320h.01"/>`)
+    },
+    "filter": {
+        classic: line(svg `<path d="M96 128H544L360 336V496L280 544V336Z"/>`)
+    },
+    "sort-up": {
+        classic: line(svg `<path d="M152 512V128M72 208L152 128L232 208M312 160H408M312 288H472M312 416H536"/>`)
+    },
+    "sort-down": {
+        classic: line(svg `<path d="M152 128V512M72 432L152 512L232 432M312 160H536M312 288H472M312 416H408"/>`)
+    },
+    "sliders": {
+        classic: line(svg `<path d="M96 160H544M96 320H544M96 480H544"/><circle cx="224" cy="160" r="48"/><circle cx="416" cy="320" r="48"/><circle cx="288" cy="480" r="48"/>`)
+    },
+    "calendar-clock": {
+        classic: line(svg `<rect x="80" y="112" width="400" height="400" rx="48"/><path d="M80 240H480M184 64V160M376 64V160"/><circle cx="480" cy="456" r="104"/><path d="M480 408V456L512 480"/>`)
+    },
+    "user": {
+        classic: line(svg `<circle cx="320" cy="208" r="96"/><path d="M112 544C112 430 204 352 320 352C436 352 528 430 528 544"/>`)
+    },
+    "lock": {
+        classic: line(svg `<rect x="128" y="288" width="384" height="256" rx="48"/><path d="M208 288V208A112 112 0 0 1 432 208V288M320 400V448"/>`)
+    },
+    "link": {
+        classic: line(svg `<path d="M272 368A96 96 0 0 0 408 368L520 256A96 96 0 0 0 384 120L352 152M368 272A96 96 0 0 0 232 272L120 384A96 96 0 0 0 256 520L288 488"/>`)
+    },
+    "external-link": {
+        classic: line(svg `<path d="M320 128H176A48 48 0 0 0 128 176V464A48 48 0 0 0 176 512H464A48 48 0 0 0 512 464V320M384 96H544V256M544 96L288 352"/>`)
+    },
+    "bell": {
+        classic: line(svg `<path d="M160 448H480C432 400 432 336 432 272A112 112 0 0 0 208 272C208 336 208 400 160 448ZM276 512A48 48 0 0 0 364 512"/>`)
+    },
+    "server": {
+        classic: line(svg `<rect x="96" y="96" width="448" height="176" rx="40"/><rect x="96" y="368" width="448" height="176" rx="40"/><path d="M192 184h.01M192 456h.01"/>`)
+    },
+    "hard-drive": {
+        classic: line(svg `<path d="M96 352L168 160H472L544 352V448A32 32 0 0 1 512 480H128A32 32 0 0 1 96 448ZM96 352H544M456 416h.01"/>`)
+    },
+    "monitor": {
+        classic: line(svg `<rect x="64" y="96" width="512" height="340" rx="40"/><path d="M320 436V540M200 544H440"/>`)
+    },
+    "loader": {
+        classic: line(svg `<path d="M320 96V176M320 464V544M96 320H176M464 320H544M161 161L218 218M422 422L479 479M161 479L218 422M422 218L479 161"/>`)
+    },
+    "cpu": {
+        classic: line(svg `<rect x="160" y="160" width="320" height="320" rx="32"/><rect x="256" y="256" width="128" height="128"/><path d="M256 64V160M384 64V160M256 480V576M384 480V576M64 256H160M64 384H160M480 256H576M480 384H576"/>`)
+    },
+    "box": {
+        classic: line(svg `<path d="M320 64L544 176V400L320 512L96 400V176ZM96 176L320 288L544 176M320 288V512"/>`)
+    },
+    "minus": {
+        classic: line(svg `<path d="M128 320H512"/>`)
+    },
+    "table": {
+        classic: line(svg `<rect x="80" y="112" width="480" height="416" rx="40"/><path d="M80 232H560M80 352H560M240 232V528"/>`)
+    },
+    "grid": {
+        classic: line(svg `<rect x="96" y="96" width="176" height="176" rx="32"/><rect x="368" y="96" width="176" height="176" rx="32"/><rect x="96" y="368" width="176" height="176" rx="32"/><rect x="368" y="368" width="176" height="176" rx="32"/>`)
+    },
+    "list": {
+        classic: line(svg `<path d="M112 160h.01M112 320h.01M112 480h.01M232 160H544M232 320H544M232 480H544"/>`)
     }
 };
 //# sourceMappingURL=icon-paths.js.map

package/dist/components/icon/icon-paths.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-paths.js","sourceRoot":"","sources":["../../../src/components/icon/icon-paths.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"icon-paths.js","sourceRoot":"","sources":["../../../src/components/icon/icon-paths.ts"],"names":[],"mappings":"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"}

package/dist/components/icon/icon.d.ts

@@ -4,6 +4,8 @@ export type IconVariant = 'classic' | 'thin';
 export declare class StIcon extends LitElement {
     name: IconName | string;
     variant: IconVariant;
+    /** Accessible name. When omitted the icon is decorative and hidden from assistive tech. */
+    label: string;
     color: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
     size: 'sm' | 'md' | 'lg' | 'xl';
     static styles: import("lit").CSSResult[];

package/dist/components/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAa,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGtD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7C,qBACa,MAAO,SAAQ,UAAU;IACR,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAM;IAC7B,OAAO,EAAE,WAAW,CAAa;IAGlB,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAa;IAGlG,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAElF,MAAM,CAAC,MAAM,4BAsCX;IAEF,MAAM,yCAmBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAa,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGtD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7C,qBACa,MAAO,SAAQ,UAAU;IACR,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAM;IAC7B,OAAO,EAAE,WAAW,CAAa;IAE7D,2FAA2F;IAC/D,KAAK,SAAM;IAGI,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAa;IAGlG,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAElF,MAAM,CAAC,MAAM,4BAsCX;IAEF,MAAM,yCAsBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/icon/icon.js

@@ -5,6 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { LitElement, html, css } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { customElement, property } from 'lit/decorators.js';
 import { iconPaths } from './icon-paths.js';
 import { resetStyles } from '../../styles/reset.js';
@@ -13,6 +14,8 @@ let StIcon = class StIcon extends LitElement {
         super(...arguments);
         this.name = '';
         this.variant = 'classic';
+        /** Accessible name. When omitted the icon is decorative and hidden from assistive tech. */
+        this.label = '';
         // Semantic Colors
         this.color = 'default';
         // Standardized T-Shirt Sizes
@@ -25,7 +28,10 @@ let StIcon = class StIcon extends LitElement {
         const pathData = iconData[this.variant] || iconData.classic;
         return html `
       <svg 
-        viewBox="0 0 24 24" 
+        viewBox="0 0 24 24"
+        role=${this.label ? 'img' : 'presentation'}
+        aria-label=${ifDefined(this.label || undefined)}
+        aria-hidden=${this.label ? 'false' : 'true'} 
         xmlns="http://www.w3.org/2000/svg"
         fill="currentColor"
         stroke="currentColor"
@@ -83,6 +89,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], StIcon.prototype, "variant", void 0);
+__decorate([
+    property({ type: String })
+], StIcon.prototype, "label", void 0);
 __decorate([
     property({ type: String, reflect: true })
 ], StIcon.prototype, "color", void 0);

package/dist/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAY,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAK7C,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QACuB,SAAI,GAAsB,EAAE,CAAC;QAC7B,YAAO,GAAgB,SAAS,CAAC;QAE7D,kBAAkB;QACyB,UAAK,GAAmF,SAAS,CAAC;QAE7I,6BAA6B;QACc,SAAI,GAA8B,IAAI,CAAC;IA8DpF,CAAC;IApBC,MAAM;QACJ,MAAM,QAAQ,GAAI,SAAiC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/D,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAE7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC;QAE5D,OAAO,IAAI,CAAA;;;;;;wBAMS,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;;;;UAIpD,QAAQ;;KAEb,CAAC;IACJ,CAAC;CACF,CAAA;AA5DQ,aAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmCF;CACF,AAtCY,CAsCX;AA/C0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAA8B;AAC7B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAkC;AAGlB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAAmG;AAGlG;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAwC;AARvE,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAsElB"}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAY,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAK7C,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QACuB,SAAI,GAAsB,EAAE,CAAC;QAC7B,YAAO,GAAgB,SAAS,CAAC;QAE7D,2FAA2F;QAC/D,UAAK,GAAG,EAAE,CAAC;QAEvC,kBAAkB;QACyB,UAAK,GAAmF,SAAS,CAAC;QAE7I,6BAA6B;QACc,SAAI,GAA8B,IAAI,CAAC;IAiEpF,CAAC;IAvBC,MAAM;QACJ,MAAM,QAAQ,GAAI,SAAiC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/D,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAE7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC;QAE5D,OAAO,IAAI,CAAA;;;eAGA,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc;qBAC7B,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;sBACjC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;;;wBAI3B,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;;;;UAIpD,QAAQ;;KAEb,CAAC;IACJ,CAAC;CACF,CAAA;AA/DQ,aAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmCF;CACF,AAtCY,CAsCX;AAlD0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAA8B;AAC7B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAkC;AAGjC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAY;AAGI;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAAmG;AAGlG;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAwC;AAXvE,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CA4ElB"}

package/dist/components/image/image.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from "lit";
+/**
+ * A responsive image frame. Slot a normal `<img>` (or `<picture>`) so the alt text, `srcset`
+ * and `sizes` stay in your markup for search engines and screen readers. The frame reserves the
+ * space with `ratio` so the page never jumps, lazy loads the image, and fades it in.
+ *
+ * Slots: default (the `<img>` or `<picture>`) and `caption`.
+ * Mark the first image on the page (the one visitors see immediately) with `priority`.
+ */
+export declare class StImage extends LitElement {
+    /** Width / height of the frame, such as "16/9" or "1". Leave empty to use the image's own shape. */
+    ratio: string;
+    fit: "cover" | "contain";
+    /** Shown while the image loads: a CSS colour, or a tiny image URL that is drawn blurred. */
+    placeholder: string;
+    /** Loads straight away at high priority. Use it for the main image above the fold. */
+    priority: boolean;
+    private _hasCaption;
+    private _image?;
+    static styles: import("lit").CSSResult[];
+    protected updated(): void;
+    private _onSlotChange;
+    private _applyToImage;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-image": StImage;
+    }
+}
+//# sourceMappingURL=image.d.ts.map

package/dist/components/image/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image/image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAqB,MAAM,KAAK,CAAC;AAQnD;;;;;;;GAOG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,oGAAoG;IAC1E,KAAK,SAAM;IACI,GAAG,EAAE,OAAO,GAAG,SAAS,CAAW;IAC5E,4FAA4F;IAClE,WAAW,SAAM;IAC3C,sFAAsF;IAC3D,QAAQ,UAAS;IAEnC,OAAO,CAAC,WAAW,CAAS;IAErC,OAAO,CAAC,MAAM,CAAC,CAAmB;IAElC,MAAM,CAAC,MAAM,4BA+DX;IAEF,SAAS,CAAC,OAAO,SAShB;IAED,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,aAAa;IAyBrB,MAAM,yCAkBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/components/image/image.js

@@ -0,0 +1,179 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { styleMap } from "lit/directives/style-map.js";
+import { resetStyles } from "../../styles/reset.js";
+/** Anything that looks like a URL is drawn as a blurred image, anything else as a plain colour. */
+const isUrl = (value) => /^(data:|https?:|\/|\.)/.test(value);
+/**
+ * A responsive image frame. Slot a normal `<img>` (or `<picture>`) so the alt text, `srcset`
+ * and `sizes` stay in your markup for search engines and screen readers. The frame reserves the
+ * space with `ratio` so the page never jumps, lazy loads the image, and fades it in.
+ *
+ * Slots: default (the `<img>` or `<picture>`) and `caption`.
+ * Mark the first image on the page (the one visitors see immediately) with `priority`.
+ */
+let StImage = class StImage extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Width / height of the frame, such as "16/9" or "1". Leave empty to use the image's own shape. */
+        this.ratio = "";
+        this.fit = "cover";
+        /** Shown while the image loads: a CSS colour, or a tiny image URL that is drawn blurred. */
+        this.placeholder = "";
+        /** Loads straight away at high priority. Use it for the main image above the fold. */
+        this.priority = false;
+        this._hasCaption = false;
+    }
+    updated() {
+        if (this.ratio)
+            this.style.setProperty("--_ratio", this.ratio);
+        else
+            this.style.removeProperty("--_ratio");
+        const colour = this.placeholder && !isUrl(this.placeholder) ? this.placeholder : "";
+        if (colour)
+            this.style.setProperty("--_placeholder-color", colour);
+        else
+            this.style.removeProperty("--_placeholder-color");
+        this._applyToImage();
+    }
+    _onSlotChange(e) {
+        const slotted = e.target.assignedElements();
+        const wrapper = slotted.find((el) => el.tagName === "IMG" || el.tagName === "PICTURE");
+        const img = wrapper instanceof HTMLImageElement ? wrapper : wrapper?.querySelector("img");
+        this._image = img ?? undefined;
+        this._applyToImage();
+    }
+    _applyToImage() {
+        const img = this._image;
+        if (!img)
+            return;
+        // Authors can still override either attribute on their own <img>.
+        if (!img.hasAttribute("decoding"))
+            img.decoding = "async";
+        if (!img.hasAttribute("loading"))
+            img.loading = this.priority ? "eager" : "lazy";
+        if (this.priority && !img.hasAttribute("fetchpriority"))
+            img.setAttribute("fetchpriority", "high");
+        // Fill the frame whatever the image's own dimensions are (only when a ratio is set).
+        img.style.objectFit = this.fit;
+        if (this.ratio) {
+            img.style.height = "100%";
+        }
+        if (img.complete) {
+            this.removeAttribute("data-pending");
+            return;
+        }
+        this.setAttribute("data-pending", "");
+        const done = () => this.removeAttribute("data-pending");
+        img.addEventListener("load", done, { once: true });
+        img.addEventListener("error", done, { once: true });
+    }
+    render() {
+        return html `
+      <figure>
+        <div class="frame">
+          ${this.placeholder && isUrl(this.placeholder)
+            ? html `<div class="blur" style=${styleMap({ backgroundImage: `url(${JSON.stringify(this.placeholder)})` })}></div>`
+            : nothing}
+          <slot @slotchange=${this._onSlotChange}></slot>
+        </div>
+        <figcaption ?hidden=${!this._hasCaption}>
+          <slot
+            name="caption"
+            @slotchange=${(e) => (this._hasCaption = e.target.assignedNodes().length > 0)}
+          ></slot>
+        </figcaption>
+      </figure>
+    `;
+    }
+};
+StImage.styles = [
+    resetStyles,
+    css `
+      :host {
+        display: block;
+      }
+
+      figure {
+        display: grid;
+        gap: var(--st-spacing-sm);
+      }
+
+      .frame {
+        position: relative;
+        overflow: hidden;
+        aspect-ratio: var(--_ratio, auto);
+        background-color: var(--_placeholder-color, var(--st-color-surface));
+        border-radius: var(--st-image-radius, var(--st-radius-md));
+      }
+
+      .blur {
+        position: absolute;
+        inset: 0;
+        background-size: cover;
+        background-position: center;
+        filter: blur(1.25rem);
+        transform: scale(1.15);
+      }
+
+      slot:not([name]) {
+        display: block;
+        height: 100%;
+      }
+
+      ::slotted(picture) {
+        display: block;
+        height: 100%;
+      }
+
+      ::slotted(img),
+      ::slotted(picture) {
+        position: relative;
+        width: 100%;
+        transition: opacity 0.4s ease;
+      }
+
+      :host([data-pending]) ::slotted(img),
+      :host([data-pending]) ::slotted(picture) {
+        opacity: 0;
+      }
+
+      figcaption {
+        color: var(--st-color-text-muted);
+        font-size: var(--st-font-size-sm);
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        ::slotted(img),
+        ::slotted(picture) {
+          transition: none;
+        }
+      }
+    `,
+];
+__decorate([
+    property({ type: String })
+], StImage.prototype, "ratio", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], StImage.prototype, "fit", void 0);
+__decorate([
+    property({ type: String })
+], StImage.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean })
+], StImage.prototype, "priority", void 0);
+__decorate([
+    state()
+], StImage.prototype, "_hasCaption", void 0);
+StImage = __decorate([
+    customElement("st-image")
+], StImage);
+export { StImage };
+//# sourceMappingURL=image.js.map