ds-one 0.2.0-alpha.1 → 0.2.0-alpha.2

package/dist/2-core/ds-price.d.ts

@@ -0,0 +1,46 @@
+import { LitElement } from "lit";
+/**
+ * A component for displaying the monthly price label based on language/region
+ *
+ * @element ds-price
+ * @prop {string} country - Preferred country (overrides language mapping)
+ * @prop {string} region - Alias for country; if provided, takes precedence over country
+ */
+export declare class Price extends LitElement {
+    static get properties(): {
+        country: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        region: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        _label: {
+            type: StringConstructor;
+            state: boolean;
+        };
+        _loading: {
+            type: BooleanConstructor;
+            state: boolean;
+        };
+    };
+    country: string;
+    region: string;
+    _label: string;
+    _loading: boolean;
+    private boundHandlers;
+    constructor();
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _loadPrice;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-price": Price;
+    }
+}
+//# sourceMappingURL=ds-price.d.ts.map

package/dist/2-core/ds-price.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-price.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-price.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C;;;;;;GAMG;AACH,qBAAa,KAAM,SAAQ,UAAU;IACnC,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;MAOpB;IAEO,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,aAAa,CAAqC;;IAgB1D,MAAM,CAAC,MAAM,0BAOX;IAEF,iBAAiB;IAajB,oBAAoB;IAYpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOrC,OAAO,CAAC,UAAU;IAUlB,MAAM;CAKP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,KAAK,CAAC;KACnB;CACF"}

package/dist/2-core/ds-price.js

@@ -0,0 +1,72 @@
+import { LitElement, html, css } from "lit";
+import { currentLanguage } from "../utils/language";
+import { getPriceLabel } from "../utils/pricing";
+/**
+ * A component for displaying the monthly price label based on language/region
+ *
+ * @element ds-price
+ * @prop {string} country - Preferred country (overrides language mapping)
+ * @prop {string} region - Alias for country; if provided, takes precedence over country
+ */
+export class Price extends LitElement {
+    static get properties() {
+        return {
+            country: { type: String, reflect: true },
+            region: { type: String, reflect: true },
+            _label: { type: String, state: true },
+            _loading: { type: Boolean, state: true },
+        };
+    }
+    constructor() {
+        super();
+        this.country = "";
+        this.region = "";
+        this._label = "";
+        this._loading = true;
+        this.boundHandlers = {
+            languageChanged: (() => {
+                this._loadPrice();
+            }),
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._loadPrice();
+        window.addEventListener("language-changed", this.boundHandlers.languageChanged);
+        window.addEventListener("translations-loaded", this.boundHandlers.languageChanged);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener("language-changed", this.boundHandlers.languageChanged);
+        window.removeEventListener("translations-loaded", this.boundHandlers.languageChanged);
+    }
+    updated(changed) {
+        super.updated(changed);
+        if (changed.has("country") || changed.has("region")) {
+            this._loadPrice();
+        }
+    }
+    _loadPrice() {
+        this._loading = true;
+        const lang = currentLanguage.value;
+        const preferredCountry = this.region || this.country;
+        const label = getPriceLabel({ language: lang, country: preferredCountry });
+        this._label = label;
+        this._loading = false;
+        this.requestUpdate();
+    }
+    render() {
+        return html `<span class="${this._loading ? "loading" : ""}"
+      >${this._label}</span
+    >`;
+    }
+}
+Price.styles = css `
+    :host {
+      display: inline;
+    }
+    .loading {
+      opacity: 0.6;
+    }
+  `;
+customElements.define("ds-price", Price);

package/dist/2-core/ds-squarecircle.d.ts

@@ -0,0 +1,50 @@
+import { LitElement } from "lit";
+/**
+ * A component for theme toggle or project links (square or circle shape)
+ *
+ * @element ds-squarecircle
+ * @prop {string} type - "theme-toggle" or "link"
+ * @prop {string} shape - "square" or "circle"
+ * @prop {string} href - URL for link type
+ * @prop {string} project - Project name for color theming
+ * @prop {boolean} loading - Loading state with pulse animation
+ */
+export declare class SquareCircle extends LitElement {
+    static get properties(): {
+        type: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        shape: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        href: {
+            type: StringConstructor;
+        };
+        project: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        loading: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    type: "theme-toggle" | "link";
+    shape: "square" | "circle";
+    href: string;
+    project: string;
+    loading: boolean;
+    constructor();
+    static styles: import("lit").CSSResult;
+    private _handleClick;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-squarecircle": SquareCircle;
+    }
+}
+//# sourceMappingURL=ds-squarecircle.d.ts.map

package/dist/2-core/ds-squarecircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-squarecircle.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-squarecircle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;;;;;GASG;AACH,qBAAa,YAAa,SAAQ,UAAU;IAC1C,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;;;;MAQpB;IAEO,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,KAAK,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;;IAWzB,MAAM,CAAC,MAAM,0BAgEX;IAEF,OAAO,CAAC,YAAY;IAQpB,iBAAiB;IAOjB,MAAM;CAyBP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,YAAY,CAAC;KACjC;CACF"}

package/dist/2-core/ds-squarecircle.js

@@ -0,0 +1,133 @@
+import { LitElement, css, html } from "lit";
+import { setTheme, currentTheme } from "../utils/theme";
+/**
+ * A component for theme toggle or project links (square or circle shape)
+ *
+ * @element ds-squarecircle
+ * @prop {string} type - "theme-toggle" or "link"
+ * @prop {string} shape - "square" or "circle"
+ * @prop {string} href - URL for link type
+ * @prop {string} project - Project name for color theming
+ * @prop {boolean} loading - Loading state with pulse animation
+ */
+export class SquareCircle extends LitElement {
+    static get properties() {
+        return {
+            type: { type: String, reflect: true },
+            shape: { type: String, reflect: true },
+            href: { type: String },
+            project: { type: String, reflect: true },
+            loading: { type: Boolean, reflect: true },
+        };
+    }
+    constructor() {
+        super();
+        this.type = "theme-toggle";
+        this.shape = "circle";
+        this.href = "";
+        this.project = "";
+        this.loading = false;
+    }
+    _handleClick(e) {
+        if (this.type === "theme-toggle") {
+            e.preventDefault();
+            const newTheme = currentTheme.get() === "light" ? "dark" : "light";
+            setTheme(newTheme);
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener("click", (e) => {
+            this._handleClick(e);
+        });
+    }
+    render() {
+        const content = html `<div
+      class="container"
+      @click="${(e) => {
+            this._handleClick(e);
+        }}"
+    ></div>`;
+        if (this.type === "link" && this.href) {
+            return html `
+        <a href="${this.href}" @click="${this._handleClick}">${content}</a>
+      `;
+        }
+        return html `
+      <div
+        class="wrapper"
+        @click="${(e) => {
+            this._handleClick(e);
+        }}"
+      >
+        ${content}
+      </div>
+    `;
+    }
+}
+SquareCircle.styles = css `
+    :host {
+      background-color: light-dark(var(--black), var(--white));
+      display: block;
+      width: calc(120px * var(--scaling-factor));
+      height: calc(120px * var(--scaling-factor));
+      cursor: pointer;
+      pointer-events: auto;
+      position: relative;
+      z-index: 1;
+    }
+
+    :host([shape="circle"]) {
+      border-radius: 9999px;
+    }
+
+    :host([shape="circle"]) .wrapper,
+    :host([shape="circle"]) .container {
+      border-radius: 9999px;
+    }
+
+    .wrapper {
+      width: 100%;
+      height: 100%;
+      cursor: pointer;
+      pointer-events: auto;
+    }
+
+    .container {
+      width: 100%;
+      height: 100%;
+      background-color: inherit;
+      cursor: pointer;
+      pointer-events: auto;
+    }
+
+    .container:hover {
+      opacity: 0.8;
+    }
+
+    a {
+      display: block;
+      width: 100%;
+      height: 100%;
+      text-decoration: none;
+      cursor: pointer;
+      pointer-events: auto;
+    }
+
+    :host([loading]) {
+      animation: gentle-pulse 2s ease-in-out infinite;
+    }
+
+    @keyframes gentle-pulse {
+      0% {
+        opacity: 1;
+      }
+      50% {
+        opacity: 0.7;
+      }
+      100% {
+        opacity: 1;
+      }
+    }
+  `;
+customElements.define("ds-squarecircle", SquareCircle);

package/dist/2-core/ds-title.d.ts

@@ -0,0 +1,50 @@
+import { LitElement } from "lit";
+/**
+ * A component for displaying page titles with localization support
+ *
+ * @element ds-title
+ * @prop {string} key - The translation key to use
+ * @prop {string} defaultValue - Default value if translation is not found
+ */
+export declare class Title extends LitElement {
+    private _gridArea;
+    static get properties(): {
+        gridarea: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        key: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        defaultValue: {
+            type: StringConstructor;
+            reflect: boolean;
+            attribute: string;
+        };
+        _text: {
+            type: StringConstructor;
+            state: boolean;
+        };
+    };
+    key: string;
+    defaultValue: string;
+    _text: string;
+    private boundHandlers;
+    set gridarea(value: string);
+    get gridarea(): string;
+    static styles: import("lit").CSSResult;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    _loadText(): void;
+    firstUpdated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-title": Title;
+    }
+}
+//# sourceMappingURL=ds-title.d.ts.map

package/dist/2-core/ds-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-title.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;;GAMG;AACH,qBAAa,KAAM,SAAQ,UAAU;IACnC,OAAO,CAAC,SAAS,CAAM;IAEvB,MAAM,KAAK,UAAU;;;;;;;;;;;;;;;;;;MAOpB;IAEO,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,aAAa,CAAqC;IAE1D,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKzB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,MAAM,CAAC,MAAM,0BAwBX;;IAeF,iBAAiB;IASjB,oBAAoB;IAQpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM/C,SAAS;IAkBT,YAAY;IAMZ,MAAM;CAKP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,KAAK,CAAC;KACnB;CACF"}

package/dist/2-core/ds-title.js

@@ -0,0 +1,103 @@
+import { LitElement, html, css } from "lit";
+import { getText } from "../utils/language";
+/**
+ * A component for displaying page titles with localization support
+ *
+ * @element ds-title
+ * @prop {string} key - The translation key to use
+ * @prop {string} defaultValue - Default value if translation is not found
+ */
+export class Title extends LitElement {
+    static get properties() {
+        return {
+            gridarea: { type: String, reflect: true },
+            key: { type: String, reflect: true },
+            defaultValue: { type: String, reflect: true, attribute: "default-value" },
+            _text: { type: String, state: true },
+        };
+    }
+    set gridarea(value) {
+        const oldValue = this._gridArea;
+        this._gridArea = value;
+        this.style.gridArea = value;
+        this.requestUpdate("gridarea", oldValue);
+    }
+    get gridarea() {
+        return this._gridArea;
+    }
+    constructor() {
+        super();
+        this._gridArea = "";
+        this.key = "";
+        this.defaultValue = "";
+        this._text = "";
+        this.boundHandlers = {
+            languageChanged: (() => {
+                this._loadText();
+            }),
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._loadText();
+        window.addEventListener("language-changed", this.boundHandlers.languageChanged);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener("language-changed", this.boundHandlers.languageChanged);
+    }
+    updated(changedProperties) {
+        if (changedProperties.has("key") || changedProperties.has("defaultValue")) {
+            this._loadText();
+        }
+    }
+    _loadText() {
+        if (!this.key) {
+            this._text = this.defaultValue || "";
+            return;
+        }
+        try {
+            const text = getText(this.key);
+            this._text = text || this.defaultValue || this.key;
+        }
+        catch (error) {
+            console.error(`[ds-title] Error loading text for key "${this.key}":`, error);
+            this._text = this.defaultValue || this.key;
+        }
+    }
+    firstUpdated() {
+        if (this.hasAttribute("gridarea")) {
+            this.style.gridArea = this.getAttribute("gridarea") || "";
+        }
+    }
+    render() {
+        const hasKey = this.key && this._text;
+        return html ` <h1>${hasKey ? this._text : html `<slot></slot>`}</h1> `;
+    }
+}
+Title.styles = css `
+    :host {
+      display: flex;
+      padding: calc(2px * var(--scaling-factor));
+      align-items: flex-start;
+    }
+
+    h1 {
+      display: block;
+      place-content: center;
+      font-family: var(--typeface);
+      color: light-dark(var(--black), var(--white));
+      font-size: calc(36px * var(--scaling-factor));
+      font-weight: 500;
+      align-items: center;
+      letter-spacing: -0.72px;
+      margin: 0;
+      height: 45px;
+    }
+
+    ::slotted(*) {
+      margin: 0;
+      width: 100%;
+    }
+  `;
+customElements.define("ds-title", Title);

package/dist/2-core/ds-tooltip.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from "lit";
+export declare class Tooltip extends LitElement {
+    static properties: {
+        key: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        defaultValue: {
+            type: StringConstructor;
+            reflect: boolean;
+            attribute: string;
+        };
+        _text: {
+            state: boolean;
+        };
+        _visible: {
+            state: boolean;
+        };
+    };
+    key: string;
+    defaultValue: string;
+    private _text;
+    private _visible;
+    private boundWindowHandlers;
+    private boundHostHandlers;
+    constructor();
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    _loadText(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-tooltip": Tooltip;
+    }
+}
+//# sourceMappingURL=ds-tooltip.d.ts.map

package/dist/2-core/ds-tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-tooltip.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;MAKf;IAEM,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,mBAAmB,CAGzB;IACF,OAAO,CAAC,iBAAiB,CAKvB;;IAsCF,MAAM,CAAC,MAAM,0BA6CX;IAEF,iBAAiB,IAAI,IAAI;IAmBzB,oBAAoB,IAAI,IAAI;IAiB5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMtC,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAuBhC,MAAM;CAUP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,OAAO,CAAC;KACvB;CACF"}

package/dist/2-core/ds-tooltip.js

@@ -0,0 +1,145 @@
+import { LitElement, html, css } from "lit";
+import { translate, getNotionText } from "../utils/language";
+export class Tooltip extends LitElement {
+    constructor() {
+        super();
+        this.key = "";
+        this.defaultValue = "";
+        this._text = "";
+        this._visible = false;
+        this.boundWindowHandlers = {
+            languageChanged: (() => {
+                this._loadText();
+            }),
+            translationsLoaded: (() => {
+                this._loadText();
+            }),
+        };
+        this.boundHostHandlers = {
+            mouseenter: (() => {
+                this._visible = true;
+                this.requestUpdate();
+            }),
+            mouseleave: (() => {
+                this._visible = false;
+                this.requestUpdate();
+            }),
+            focusin: (() => {
+                this._visible = true;
+                this.requestUpdate();
+            }),
+            focusout: (() => {
+                this._visible = false;
+                this.requestUpdate();
+            }),
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._loadText();
+        window.addEventListener("language-changed", this.boundWindowHandlers.languageChanged);
+        window.addEventListener("translations-loaded", this.boundWindowHandlers.translationsLoaded);
+        this.addEventListener("mouseenter", this.boundHostHandlers.mouseenter);
+        this.addEventListener("mouseleave", this.boundHostHandlers.mouseleave);
+        this.addEventListener("focusin", this.boundHostHandlers.focusin);
+        this.addEventListener("focusout", this.boundHostHandlers.focusout);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener("language-changed", this.boundWindowHandlers.languageChanged);
+        window.removeEventListener("translations-loaded", this.boundWindowHandlers.translationsLoaded);
+        this.removeEventListener("mouseenter", this.boundHostHandlers.mouseenter);
+        this.removeEventListener("mouseleave", this.boundHostHandlers.mouseleave);
+        this.removeEventListener("focusin", this.boundHostHandlers.focusin);
+        this.removeEventListener("focusout", this.boundHostHandlers.focusout);
+    }
+    updated(changed) {
+        if (changed.has("key") || changed.has("defaultValue")) {
+            this._loadText();
+        }
+    }
+    async _loadText() {
+        if (!this.key) {
+            this._text = this.defaultValue || "";
+            this.requestUpdate();
+            return;
+        }
+        try {
+            const notionText = await getNotionText(this.key);
+            if (notionText) {
+                this._text = notionText;
+                this.requestUpdate();
+                return;
+            }
+            const t = translate(this.key);
+            this._text = t && t !== this.key ? t : this.defaultValue || this.key;
+        }
+        catch (err) {
+            console.error("ds-tooltip: error loading text for key", this.key, err);
+            this._text = this.defaultValue || this.key;
+        }
+        this.requestUpdate();
+    }
+    render() {
+        const bubbleClasses = ["bubble", this._visible ? "visible" : ""].join(" ");
+        return html `
+      <span class="slot-wrapper"><slot></slot></span>
+      ${this._text
+            ? html `<div class="${bubbleClasses}">${this._text}</div>`
+            : null}
+    `;
+    }
+}
+Tooltip.properties = {
+    key: { type: String, reflect: true },
+    defaultValue: { type: String, reflect: true, attribute: "default-value" },
+    _text: { state: true },
+    _visible: { state: true },
+};
+Tooltip.styles = css `
+    :host {
+      position: relative;
+      display: inline-block;
+    }
+
+    .slot-wrapper {
+      display: inline-flex;
+      align-items: center;
+    }
+
+    .bubble {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: absolute;
+      left: 50%;
+      bottom: 100%;
+      transform: translate(-50%, calc(-2px * var(--scaling-factor)));
+      z-index: 1000;
+      pointer-events: none;
+      height: calc(var(--08) * var(--scaling-factor));
+      opacity: 0;
+      transition: opacity 120ms ease, transform 120ms ease;
+      background-color: light-dark(var(--black), var(--white));
+      color: light-dark(var(--white), var(--black));
+      border-radius: 0;
+      font-size: var(--type-size-default);
+      padding: 0px calc(1px * var(--scaling-factor));
+      font-family: var(
+        --typeface,
+        -apple-system,
+        BlinkMacSystemFont,
+        "Segoe UI",
+        Roboto,
+        sans-serif
+      );
+      font-weight: 500;
+      white-space: nowrap;
+      min-width: max-content;
+    }
+
+    .bubble.visible {
+      opacity: 1;
+    }
+  `;
+customElements.define("ds-tooltip", Tooltip);

package/dist/2-core/ds-viewtoggle.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from "lit";
+/**
+ * A component for toggling between text and image view modes
+ *
+ * @element ds-viewtoggle
+ */
+export declare class ViewToggle extends LitElement {
+    static properties: {
+        _mode: {
+            type: StringConstructor;
+            state: boolean;
+        };
+    };
+    _mode: "text" | "image";
+    private boundHandlers;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _toggle;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-viewtoggle": ViewToggle;
+    }
+}
+//# sourceMappingURL=ds-viewtoggle.d.ts.map

package/dist/2-core/ds-viewtoggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-viewtoggle.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-viewtoggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC;;;;GAIG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,UAAU;;;;;MAEf;IAEM,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC,OAAO,CAAC,aAAa,CAGnB;;IAkBF,iBAAiB;IAYjB,oBAAoB;IAYpB,OAAO,CAAC,OAAO,CAGb;IAEF,MAAM;CAOP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,UAAU,CAAC;KAC7B;CACF"}