@marioschmidt/design-system-tokens 1.0.69 → 1.0.71

package/dist/stencil/cjs/index.cjs.js

@@ -1,3 +0,0 @@
-'use strict';
-
-//# sourceMappingURL=index.cjs.js.map

package/dist/stencil/cjs/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/stencil/cjs/loader.cjs.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var index = require('./index-BPxehkGV.js');
-
-const defineCustomElements = async (win, options) => {
-  if (typeof window === 'undefined') return undefined;
-  await index.globalScripts();
-  return index.bootstrapLazy([["ds-button_2.cjs",[[257,"ds-button",{"variant":[1],"disabled":[4]}],[257,"ds-card",{"surface":[1],"cardTitle":[1,"card-title"]}]]]], options);
-};
-
-exports.setNonce = index.setNonce;
-exports.defineCustomElements = defineCustomElements;
-//# sourceMappingURL=loader.cjs.js.map

package/dist/stencil/cjs/loader.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loader.cjs.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":["globalScripts","bootstrapLazy"],"mappings":";;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAMA,mBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;;"}

package/dist/stencil/collection/collection-manifest.json

@@ -1,13 +0,0 @@
-{
-  "entries": [
-    "ds-button/ds-button.js",
-    "ds-card/ds-card.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "4.38.3",
-    "typescriptVersion": "5.9.3"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/stencil/collection/ds-button/ds-button.css

@@ -1,62 +0,0 @@
-:host {
-  display: inline-block;
-}
-
-.ds-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  border: none;
-  transition: background-color 0.2s ease, border-color 0.2s ease;
-
-  /* Token-based styling */
-  padding: var(--button-stack-space, 6px) var(--button-inline-space, 16px);
-  border-radius: var(--button-border-radius, 4px);
-  font-family: var(--font-family-gotham-narrow, sans-serif);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--button-label-font-size, 15px);
-  line-height: var(--button-label-line-height, 15px);
-}
-
-/* Primary Variant */
-.ds-button--primary {
-  background-color: var(--button-primary-brand-bg-color-idle, #DD0000);
-  color: var(--button-primary-label-color, #FFFFFF);
-}
-
-.ds-button--primary:hover:not(:disabled) {
-  background-color: var(--button-primary-brand-bg-color-hover, #B80000);
-}
-
-/* Secondary Variant */
-.ds-button--secondary {
-  background-color: var(--button-secondary-bg-color-idle, #E9ECEF);
-  color: var(--button-secondary-label-color, #4B525A);
-}
-
-.ds-button--secondary:hover:not(:disabled) {
-  background-color: var(--button-secondary-bg-color-hover, #CED4DA);
-}
-
-/* Tertiary Variant */
-.ds-button--tertiary {
-  background-color: transparent;
-  color: var(--button-tertiary-label-color, #4B525A);
-  border: 1px solid var(--button-tertiary-border-color-idle, #CED4DA);
-}
-
-.ds-button--tertiary:hover:not(:disabled) {
-  border-color: var(--button-tertiary-border-color-hover, #4B525A);
-}
-
-/* Disabled State */
-.ds-button--disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.ds-button__label {
-  text-transform: uppercase;
-  letter-spacing: 0.02em;
-}

package/dist/stencil/collection/ds-button/ds-button.js

@@ -1,77 +0,0 @@
-import { h } from "@stencil/core";
-export class DsButton {
-    constructor() {
-        /**
-         * Button variant: primary, secondary, or tertiary
-         */
-        this.variant = 'primary';
-        /**
-         * Disabled state
-         */
-        this.disabled = false;
-    }
-    render() {
-        return (h("button", { key: '9cdec7f2d8913050c2f934f9b006113a73e52fe9', class: {
-                'ds-button': true,
-                [`ds-button--${this.variant}`]: true,
-                'ds-button--disabled': this.disabled,
-            }, disabled: this.disabled }, h("span", { key: '0939f9a53d3c9c0d76f19edec687f1c869ebb9d9', class: "ds-button__label" }, h("slot", { key: 'adf41ca5922e4fab4dbb176a21134c9cb52937c1' }))));
-    }
-    static get is() { return "ds-button"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["ds-button.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["ds-button.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'primary' | 'secondary' | 'tertiary'",
-                    "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Button variant: primary, secondary, or tertiary"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "variant",
-                "defaultValue": "'primary'"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Disabled state"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "disabled",
-                "defaultValue": "false"
-            }
-        };
-    }
-}
-//# sourceMappingURL=ds-button.js.map

package/dist/stencil/collection/ds-button/ds-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-button.js","sourceRoot":"","sources":["../../../../src/components/ds-button/ds-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,QAAQ;IALrB;QAME;;WAEG;QACK,YAAO,GAAyC,SAAS,CAAC;QAElE;;WAEG;QACK,aAAQ,GAAY,KAAK,CAAC;KAkBnC;IAhBC,MAAM;QACJ,OAAO,CACL,+DACE,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,CAAC,cAAc,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;gBACpC,qBAAqB,EAAE,IAAI,CAAC,QAAQ;aACrC,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ;YAEvB,6DAAM,KAAK,EAAC,kBAAkB;gBAC5B,8DAAa,CACR,CACA,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'ds-button',\n  styleUrl: 'ds-button.css',\n  shadow: true,\n})\nexport class DsButton {\n  /**\n   * Button variant: primary, secondary, or tertiary\n   */\n  @Prop() variant: 'primary' | 'secondary' | 'tertiary' = 'primary';\n\n  /**\n   * Disabled state\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <button\n        class={{\n          'ds-button': true,\n          [`ds-button--${this.variant}`]: true,\n          'ds-button--disabled': this.disabled,\n        }}\n        disabled={this.disabled}\n      >\n        <span class=\"ds-button__label\">\n          <slot></slot>\n        </span>\n      </button>\n    );\n  }\n}\n"]}

package/dist/stencil/collection/ds-card/ds-card.css

@@ -1,43 +0,0 @@
-:host {
-  display: block;
-}
-
-.ds-card {
-  border-radius: var(--border-radius-lg, 8px);
-  overflow: hidden;
-  transition: box-shadow 0.2s ease;
-}
-
-/* Primary Surface */
-.ds-card--primary {
-  background-color: var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));
-  box-shadow: var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1));
-}
-
-/* Secondary Surface */
-.ds-card--secondary {
-  background-color: var(--surface-color-secondary, #F8F9FA);
-  box-shadow: var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08));
-}
-
-.ds-card__header {
-  padding: var(--space-2-x, 16px) var(--space-2-x, 16px) 0;
-}
-
-.ds-card__title {
-  margin: 0;
-  font-family: var(--font-family-gotham-narrow, sans-serif);
-  font-weight: var(--font-weight-bold, 700);
-  font-size: var(--headline-3-font-size, 20px);
-  line-height: var(--headline-3-line-height, 24px);
-  color: var(--text-color-primary, #232629);
-}
-
-.ds-card__content {
-  padding: var(--space-2-x, 16px);
-}
-
-/* Hover effect */
-.ds-card--primary:hover {
-  box-shadow: var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12));
-}

package/dist/stencil/collection/ds-card/ds-card.js

@@ -1,71 +0,0 @@
-import { h } from "@stencil/core";
-export class DsCard {
-    constructor() {
-        /**
-         * Card surface variant: primary or secondary
-         */
-        this.surface = 'primary';
-    }
-    render() {
-        return (h("div", { key: '545dfb7389201a046b465e96723fdc8ad5cd1160', class: {
-                'ds-card': true,
-                [`ds-card--${this.surface}`]: true,
-            } }, this.cardTitle && (h("div", { key: '63523222100e039098a941c2125df63a7bc8a0ee', class: "ds-card__header" }, h("h3", { key: '7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae', class: "ds-card__title" }, this.cardTitle))), h("div", { key: '544d6b4e6ac95745261ee73c81f2d01c2806afd3', class: "ds-card__content" }, h("slot", { key: '9102bcc585687daf5d954059a138ad7bac27b640' }))));
-    }
-    static get is() { return "ds-card"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["ds-card.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["ds-card.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "surface": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'primary' | 'secondary'",
-                    "resolved": "\"primary\" | \"secondary\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Card surface variant: primary or secondary"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "surface",
-                "defaultValue": "'primary'"
-            },
-            "cardTitle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Optional card title"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "card-title"
-            }
-        };
-    }
-}
-//# sourceMappingURL=ds-card.js.map

package/dist/stencil/collection/ds-card/ds-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-card.js","sourceRoot":"","sources":["../../../../src/components/ds-card/ds-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,MAAM;IALnB;QAME;;WAEG;QACK,YAAO,GAA4B,SAAS,CAAC;KA0BtD;IAnBC,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;gBACf,CAAC,YAAY,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;aACnC;YAEA,IAAI,CAAC,SAAS,IAAI,CACjB,4DAAK,KAAK,EAAC,iBAAiB;gBAC1B,2DAAI,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,SAAS,CAAM,CAC5C,CACP;YACD,4DAAK,KAAK,EAAC,kBAAkB;gBAC3B,8DAAa,CACT,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'ds-card',\n  styleUrl: 'ds-card.css',\n  shadow: true,\n})\nexport class DsCard {\n  /**\n   * Card surface variant: primary or secondary\n   */\n  @Prop() surface: 'primary' | 'secondary' = 'primary';\n\n  /**\n   * Optional card title\n   */\n  @Prop() cardTitle?: string;\n\n  render() {\n    return (\n      <div\n        class={{\n          'ds-card': true,\n          [`ds-card--${this.surface}`]: true,\n        }}\n      >\n        {this.cardTitle && (\n          <div class=\"ds-card__header\">\n            <h3 class=\"ds-card__title\">{this.cardTitle}</h3>\n          </div>\n        )}\n        <div class=\"ds-card__content\">\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/stencil/components/ds-button.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../../build-config/stencil/dist/types/components";
-
-interface DsButton extends Components.DsButton, HTMLElement {}
-export const DsButton: {
-    prototype: DsButton;
-    new (): DsButton;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/stencil/components/ds-button.js

@@ -1,54 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const dsButtonCss = ":host{display:inline-block}.ds-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background-color 0.2s ease, border-color 0.2s ease;padding:var(--button-stack-space, 6px) var(--button-inline-space, 16px);border-radius:var(--button-border-radius, 4px);font-family:var(--font-family-gotham-narrow, sans-serif);font-weight:var(--font-weight-bold, 700);font-size:var(--button-label-font-size, 15px);line-height:var(--button-label-line-height, 15px)}.ds-button--primary{background-color:var(--button-primary-brand-bg-color-idle, #DD0000);color:var(--button-primary-label-color, #FFFFFF)}.ds-button--primary:hover:not(:disabled){background-color:var(--button-primary-brand-bg-color-hover, #B80000)}.ds-button--secondary{background-color:var(--button-secondary-bg-color-idle, #E9ECEF);color:var(--button-secondary-label-color, #4B525A)}.ds-button--secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-color-hover, #CED4DA)}.ds-button--tertiary{background-color:transparent;color:var(--button-tertiary-label-color, #4B525A);border:1px solid var(--button-tertiary-border-color-idle, #CED4DA)}.ds-button--tertiary:hover:not(:disabled){border-color:var(--button-tertiary-border-color-hover, #4B525A)}.ds-button--disabled{opacity:0.5;cursor:not-allowed}.ds-button__label{text-transform:uppercase;letter-spacing:0.02em}";
-
-const DsButton$1 = /*@__PURE__*/ proxyCustomElement(class DsButton extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Button variant: primary, secondary, or tertiary
-         */
-        this.variant = 'primary';
-        /**
-         * Disabled state
-         */
-        this.disabled = false;
-    }
-    render() {
-        return (h("button", { key: '9cdec7f2d8913050c2f934f9b006113a73e52fe9', class: {
-                'ds-button': true,
-                [`ds-button--${this.variant}`]: true,
-                'ds-button--disabled': this.disabled,
-            }, disabled: this.disabled }, h("span", { key: '0939f9a53d3c9c0d76f19edec687f1c869ebb9d9', class: "ds-button__label" }, h("slot", { key: 'adf41ca5922e4fab4dbb176a21134c9cb52937c1' }))));
-    }
-    static get style() { return dsButtonCss; }
-}, [257, "ds-button", {
-        "variant": [1],
-        "disabled": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsButton$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DsButton = DsButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsButton, defineCustomElement };
-//# sourceMappingURL=ds-button.js.map
-
-//# sourceMappingURL=ds-button.js.map

package/dist/stencil/components/ds-button.js.map

@@ -1 +0,0 @@
-{"file":"ds-button.js","mappings":";;AAAA,MAAM,WAAW,GAAG,02CAA02C;;MCOj3CA,UAAQ,iBAAAC,kBAAA,CAAA,MAAA,QAAA,SAAA,WAAA,CAAA;AALrB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAyC,SAAS;AAEjE;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAkBlC;IAhBC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,CAAC,cAAc,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;gBACpC,qBAAqB,EAAE,IAAI,CAAC,QAAQ;AACrC,aAAA,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEvB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC5B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DsButton","__stencil_proxyCustomElement"],"sources":["../../src/components/ds-button/ds-button.css?tag=ds-button&encapsulation=shadow","../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.ds-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  border: none;\n  transition: background-color 0.2s ease, border-color 0.2s ease;\n\n  /* Token-based styling */\n  padding: var(--button-stack-space, 6px) var(--button-inline-space, 16px);\n  border-radius: var(--button-border-radius, 4px);\n  font-family: var(--font-family-gotham-narrow, sans-serif);\n  font-weight: var(--font-weight-bold, 700);\n  font-size: var(--button-label-font-size, 15px);\n  line-height: var(--button-label-line-height, 15px);\n}\n\n/* Primary Variant */\n.ds-button--primary {\n  background-color: var(--button-primary-brand-bg-color-idle, #DD0000);\n  color: var(--button-primary-label-color, #FFFFFF);\n}\n\n.ds-button--primary:hover:not(:disabled) {\n  background-color: var(--button-primary-brand-bg-color-hover, #B80000);\n}\n\n/* Secondary Variant */\n.ds-button--secondary {\n  background-color: var(--button-secondary-bg-color-idle, #E9ECEF);\n  color: var(--button-secondary-label-color, #4B525A);\n}\n\n.ds-button--secondary:hover:not(:disabled) {\n  background-color: var(--button-secondary-bg-color-hover, #CED4DA);\n}\n\n/* Tertiary Variant */\n.ds-button--tertiary {\n  background-color: transparent;\n  color: var(--button-tertiary-label-color, #4B525A);\n  border: 1px solid var(--button-tertiary-border-color-idle, #CED4DA);\n}\n\n.ds-button--tertiary:hover:not(:disabled) {\n  border-color: var(--button-tertiary-border-color-hover, #4B525A);\n}\n\n/* Disabled State */\n.ds-button--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ds-button__label {\n  text-transform: uppercase;\n  letter-spacing: 0.02em;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'ds-button',\n  styleUrl: 'ds-button.css',\n  shadow: true,\n})\nexport class DsButton {\n  /**\n   * Button variant: primary, secondary, or tertiary\n   */\n  @Prop() variant: 'primary' | 'secondary' | 'tertiary' = 'primary';\n\n  /**\n   * Disabled state\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <button\n        class={{\n          'ds-button': true,\n          [`ds-button--${this.variant}`]: true,\n          'ds-button--disabled': this.disabled,\n        }}\n        disabled={this.disabled}\n      >\n        <span class=\"ds-button__label\">\n          <slot></slot>\n        </span>\n      </button>\n    );\n  }\n}\n"],"version":3}

package/dist/stencil/components/ds-card.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../../../build-config/stencil/dist/types/components";
-
-interface DsCard extends Components.DsCard, HTMLElement {}
-export const DsCard: {
-    prototype: DsCard;
-    new (): DsCard;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/stencil/components/ds-card.js

@@ -1,49 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const dsCardCss = ":host{display:block}.ds-card{border-radius:var(--border-radius-lg, 8px);overflow:hidden;transition:box-shadow 0.2s ease}.ds-card--primary{background-color:var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));box-shadow:var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1))}.ds-card--secondary{background-color:var(--surface-color-secondary, #F8F9FA);box-shadow:var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08))}.ds-card__header{padding:var(--space-2-x, 16px) var(--space-2-x, 16px) 0}.ds-card__title{margin:0;font-family:var(--font-family-gotham-narrow, sans-serif);font-weight:var(--font-weight-bold, 700);font-size:var(--headline-3-font-size, 20px);line-height:var(--headline-3-line-height, 24px);color:var(--text-color-primary, #232629)}.ds-card__content{padding:var(--space-2-x, 16px)}.ds-card--primary:hover{box-shadow:var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12))}";
-
-const DsCard$1 = /*@__PURE__*/ proxyCustomElement(class DsCard extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Card surface variant: primary or secondary
-         */
-        this.surface = 'primary';
-    }
-    render() {
-        return (h("div", { key: '545dfb7389201a046b465e96723fdc8ad5cd1160', class: {
-                'ds-card': true,
-                [`ds-card--${this.surface}`]: true,
-            } }, this.cardTitle && (h("div", { key: '63523222100e039098a941c2125df63a7bc8a0ee', class: "ds-card__header" }, h("h3", { key: '7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae', class: "ds-card__title" }, this.cardTitle))), h("div", { key: '544d6b4e6ac95745261ee73c81f2d01c2806afd3', class: "ds-card__content" }, h("slot", { key: '9102bcc585687daf5d954059a138ad7bac27b640' }))));
-    }
-    static get style() { return dsCardCss; }
-}, [257, "ds-card", {
-        "surface": [1],
-        "cardTitle": [1, "card-title"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-card"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsCard$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const DsCard = DsCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsCard, defineCustomElement };
-//# sourceMappingURL=ds-card.js.map
-
-//# sourceMappingURL=ds-card.js.map

package/dist/stencil/components/ds-card.js.map

@@ -1 +0,0 @@
-{"file":"ds-card.js","mappings":";;AAAA,MAAM,SAAS,GAAG,g4BAAg4B;;MCOr4BA,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAA,WAAA,CAAA;AALnB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAA4B,SAAS;AA0BrD;IAnBC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,CAAC,YAAY,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACnC,aAAA,EAAA,EAEA,IAAI,CAAC,SAAS,KACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAAE,IAAI,CAAC,SAAS,CAAM,CAC5C,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["DsCard","__stencil_proxyCustomElement"],"sources":["../../src/components/ds-card/ds-card.css?tag=ds-card&encapsulation=shadow","../../src/components/ds-card/ds-card.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.ds-card {\n  border-radius: var(--border-radius-lg, 8px);\n  overflow: hidden;\n  transition: box-shadow 0.2s ease;\n}\n\n/* Primary Surface */\n.ds-card--primary {\n  background-color: var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));\n  box-shadow: var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1));\n}\n\n/* Secondary Surface */\n.ds-card--secondary {\n  background-color: var(--surface-color-secondary, #F8F9FA);\n  box-shadow: var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08));\n}\n\n.ds-card__header {\n  padding: var(--space-2-x, 16px) var(--space-2-x, 16px) 0;\n}\n\n.ds-card__title {\n  margin: 0;\n  font-family: var(--font-family-gotham-narrow, sans-serif);\n  font-weight: var(--font-weight-bold, 700);\n  font-size: var(--headline-3-font-size, 20px);\n  line-height: var(--headline-3-line-height, 24px);\n  color: var(--text-color-primary, #232629);\n}\n\n.ds-card__content {\n  padding: var(--space-2-x, 16px);\n}\n\n/* Hover effect */\n.ds-card--primary:hover {\n  box-shadow: var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12));\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'ds-card',\n  styleUrl: 'ds-card.css',\n  shadow: true,\n})\nexport class DsCard {\n  /**\n   * Card surface variant: primary or secondary\n   */\n  @Prop() surface: 'primary' | 'secondary' = 'primary';\n\n  /**\n   * Optional card title\n   */\n  @Prop() cardTitle?: string;\n\n  render() {\n    return (\n      <div\n        class={{\n          'ds-card': true,\n          [`ds-card--${this.surface}`]: true,\n        }}\n      >\n        {this.cardTitle && (\n          <div class=\"ds-card__header\">\n            <h3 class=\"ds-card__title\">{this.cardTitle}</h3>\n          </div>\n        )}\n        <div class=\"ds-card__content\">\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/stencil/components/index.d.ts

@@ -1,33 +0,0 @@
-/**
- * Get the base path to where the assets can be found. Use "setAssetPath(path)"
- * if the path needs to be customized.
- */
-export declare const getAssetPath: (path: string) => string;
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-/**
- * Used to specify a nonce value that corresponds with an application's CSP.
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
- * Alternatively, the nonce value can be set on a meta tag in the DOM head
- * (<meta name="csp-nonce" content="{ nonce value here }" />) which
- * will result in the same behavior.
- */
-export declare const setNonce: (nonce: string) => void
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/dist/stencil/components/index.js

@@ -1,4 +0,0 @@
-export { getAssetPath, render, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-//# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/dist/stencil/components/index.js.map

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

package/dist/stencil/docs/ds-button/readme.md

@@ -1,15 +0,0 @@
-
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property   | Attribute  | Description                                     | Type                                     | Default     |
-| ---------- | ---------- | ----------------------------------------------- | ---------------------------------------- | ----------- |
-| `disabled` | `disabled` | Disabled state                                  | `boolean`                                | `false`     |
-| `variant`  | `variant`  | Button variant: primary, secondary, or tertiary | `"primary" \| "secondary" \| "tertiary"` | `'primary'` |
-
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*

package/dist/stencil/docs/ds-card/readme.md

@@ -1,15 +0,0 @@
-
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property    | Attribute    | Description                                | Type                       | Default     |
-| ----------- | ------------ | ------------------------------------------ | -------------------------- | ----------- |
-| `cardTitle` | `card-title` | Optional card title                        | `string \| undefined`      | `undefined` |
-| `surface`   | `surface`    | Card surface variant: primary or secondary | `"primary" \| "secondary"` | `'primary'` |
-
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*

package/dist/stencil/esm/bds.js

@@ -1,21 +0,0 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-B7bu6LKB.js';
-export { s as setNonce } from './index-B7bu6LKB.js';
-
-/*
- Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com
- */
-
-var patchBrowser = () => {
-  const importMeta = import.meta.url;
-  const opts = {};
-  if (importMeta !== "") {
-    opts.resourcesUrl = new URL(".", importMeta).href;
-  }
-  return promiseResolve(opts);
-};
-
-patchBrowser().then(async (options) => {
-  await globalScripts();
-  return bootstrapLazy([["ds-button_2",[[257,"ds-button",{"variant":[1],"disabled":[4]}],[257,"ds-card",{"surface":[1],"cardTitle":[1,"card-title"]}]]]], options);
-});
-//# sourceMappingURL=bds.js.map

package/dist/stencil/esm/bds.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bds.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/dist/stencil/esm/ds-button.ds-card.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-button.ds-card.entry.js","sources":["../../src/components/ds-button/ds-button.css?tag=ds-button&encapsulation=shadow","../../src/components/ds-button/ds-button.tsx","../../src/components/ds-card/ds-card.css?tag=ds-card&encapsulation=shadow","../../src/components/ds-card/ds-card.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.ds-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  border: none;\n  transition: background-color 0.2s ease, border-color 0.2s ease;\n\n  /* Token-based styling */\n  padding: var(--button-stack-space, 6px) var(--button-inline-space, 16px);\n  border-radius: var(--button-border-radius, 4px);\n  font-family: var(--font-family-gotham-narrow, sans-serif);\n  font-weight: var(--font-weight-bold, 700);\n  font-size: var(--button-label-font-size, 15px);\n  line-height: var(--button-label-line-height, 15px);\n}\n\n/* Primary Variant */\n.ds-button--primary {\n  background-color: var(--button-primary-brand-bg-color-idle, #DD0000);\n  color: var(--button-primary-label-color, #FFFFFF);\n}\n\n.ds-button--primary:hover:not(:disabled) {\n  background-color: var(--button-primary-brand-bg-color-hover, #B80000);\n}\n\n/* Secondary Variant */\n.ds-button--secondary {\n  background-color: var(--button-secondary-bg-color-idle, #E9ECEF);\n  color: var(--button-secondary-label-color, #4B525A);\n}\n\n.ds-button--secondary:hover:not(:disabled) {\n  background-color: var(--button-secondary-bg-color-hover, #CED4DA);\n}\n\n/* Tertiary Variant */\n.ds-button--tertiary {\n  background-color: transparent;\n  color: var(--button-tertiary-label-color, #4B525A);\n  border: 1px solid var(--button-tertiary-border-color-idle, #CED4DA);\n}\n\n.ds-button--tertiary:hover:not(:disabled) {\n  border-color: var(--button-tertiary-border-color-hover, #4B525A);\n}\n\n/* Disabled State */\n.ds-button--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ds-button__label {\n  text-transform: uppercase;\n  letter-spacing: 0.02em;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'ds-button',\n  styleUrl: 'ds-button.css',\n  shadow: true,\n})\nexport class DsButton {\n  /**\n   * Button variant: primary, secondary, or tertiary\n   */\n  @Prop() variant: 'primary' | 'secondary' | 'tertiary' = 'primary';\n\n  /**\n   * Disabled state\n   */\n  @Prop() disabled: boolean = false;\n\n  render() {\n    return (\n      <button\n        class={{\n          'ds-button': true,\n          [`ds-button--${this.variant}`]: true,\n          'ds-button--disabled': this.disabled,\n        }}\n        disabled={this.disabled}\n      >\n        <span class=\"ds-button__label\">\n          <slot></slot>\n        </span>\n      </button>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.ds-card {\n  border-radius: var(--border-radius-lg, 8px);\n  overflow: hidden;\n  transition: box-shadow 0.2s ease;\n}\n\n/* Primary Surface */\n.ds-card--primary {\n  background-color: var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));\n  box-shadow: var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1));\n}\n\n/* Secondary Surface */\n.ds-card--secondary {\n  background-color: var(--surface-color-secondary, #F8F9FA);\n  box-shadow: var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08));\n}\n\n.ds-card__header {\n  padding: var(--space-2-x, 16px) var(--space-2-x, 16px) 0;\n}\n\n.ds-card__title {\n  margin: 0;\n  font-family: var(--font-family-gotham-narrow, sans-serif);\n  font-weight: var(--font-weight-bold, 700);\n  font-size: var(--headline-3-font-size, 20px);\n  line-height: var(--headline-3-line-height, 24px);\n  color: var(--text-color-primary, #232629);\n}\n\n.ds-card__content {\n  padding: var(--space-2-x, 16px);\n}\n\n/* Hover effect */\n.ds-card--primary:hover {\n  box-shadow: var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12));\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'ds-card',\n  styleUrl: 'ds-card.css',\n  shadow: true,\n})\nexport class DsCard {\n  /**\n   * Card surface variant: primary or secondary\n   */\n  @Prop() surface: 'primary' | 'secondary' = 'primary';\n\n  /**\n   * Optional card title\n   */\n  @Prop() cardTitle?: string;\n\n  render() {\n    return (\n      <div\n        class={{\n          'ds-card': true,\n          [`ds-card--${this.surface}`]: true,\n        }}\n      >\n        {this.cardTitle && (\n          <div class=\"ds-card__header\">\n            <h3 class=\"ds-card__title\">{this.cardTitle}</h3>\n          </div>\n        )}\n        <div class=\"ds-card__content\">\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,02CAA02C;;MCOj3C,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAyC,SAAS;AAEjE;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAkBlC;IAhBC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,CAAC,cAAc,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;gBACpC,qBAAqB,EAAE,IAAI,CAAC,QAAQ;AACrC,aAAA,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEvB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC5B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;;;;AC/Bf,MAAM,SAAS,GAAG,g4BAAg4B;;MCOr4B,MAAM,GAAA,MAAA;AALnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAA4B,SAAS;AA0BrD;IAnBC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,CAAC,YAAY,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACnC,aAAA,EAAA,EAEA,IAAI,CAAC,SAAS,KACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAAE,IAAI,CAAC,SAAS,CAAM,CAC5C,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACF;;;;;;;"}

package/dist/stencil/esm/ds-button_2.entry.js

@@ -1,47 +0,0 @@
-import { r as registerInstance, h } from './index-B7bu6LKB.js';
-
-const dsButtonCss = ":host{display:inline-block}.ds-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background-color 0.2s ease, border-color 0.2s ease;padding:var(--button-stack-space, 6px) var(--button-inline-space, 16px);border-radius:var(--button-border-radius, 4px);font-family:var(--font-family-gotham-narrow, sans-serif);font-weight:var(--font-weight-bold, 700);font-size:var(--button-label-font-size, 15px);line-height:var(--button-label-line-height, 15px)}.ds-button--primary{background-color:var(--button-primary-brand-bg-color-idle, #DD0000);color:var(--button-primary-label-color, #FFFFFF)}.ds-button--primary:hover:not(:disabled){background-color:var(--button-primary-brand-bg-color-hover, #B80000)}.ds-button--secondary{background-color:var(--button-secondary-bg-color-idle, #E9ECEF);color:var(--button-secondary-label-color, #4B525A)}.ds-button--secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-color-hover, #CED4DA)}.ds-button--tertiary{background-color:transparent;color:var(--button-tertiary-label-color, #4B525A);border:1px solid var(--button-tertiary-border-color-idle, #CED4DA)}.ds-button--tertiary:hover:not(:disabled){border-color:var(--button-tertiary-border-color-hover, #4B525A)}.ds-button--disabled{opacity:0.5;cursor:not-allowed}.ds-button__label{text-transform:uppercase;letter-spacing:0.02em}";
-
-const DsButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Button variant: primary, secondary, or tertiary
-         */
-        this.variant = 'primary';
-        /**
-         * Disabled state
-         */
-        this.disabled = false;
-    }
-    render() {
-        return (h("button", { key: '9cdec7f2d8913050c2f934f9b006113a73e52fe9', class: {
-                'ds-button': true,
-                [`ds-button--${this.variant}`]: true,
-                'ds-button--disabled': this.disabled,
-            }, disabled: this.disabled }, h("span", { key: '0939f9a53d3c9c0d76f19edec687f1c869ebb9d9', class: "ds-button__label" }, h("slot", { key: 'adf41ca5922e4fab4dbb176a21134c9cb52937c1' }))));
-    }
-};
-DsButton.style = dsButtonCss;
-
-const dsCardCss = ":host{display:block}.ds-card{border-radius:var(--border-radius-lg, 8px);overflow:hidden;transition:box-shadow 0.2s ease}.ds-card--primary{background-color:var(--card-surface-bg-color, var(--surface-color-primary, #FFFFFF));box-shadow:var(--shadow-soft-md, 0 2px 8px rgba(0, 0, 0, 0.1))}.ds-card--secondary{background-color:var(--surface-color-secondary, #F8F9FA);box-shadow:var(--shadow-soft-sm, 0 1px 4px rgba(0, 0, 0, 0.08))}.ds-card__header{padding:var(--space-2-x, 16px) var(--space-2-x, 16px) 0}.ds-card__title{margin:0;font-family:var(--font-family-gotham-narrow, sans-serif);font-weight:var(--font-weight-bold, 700);font-size:var(--headline-3-font-size, 20px);line-height:var(--headline-3-line-height, 24px);color:var(--text-color-primary, #232629)}.ds-card__content{padding:var(--space-2-x, 16px)}.ds-card--primary:hover{box-shadow:var(--shadow-soft-lg, 0 4px 16px rgba(0, 0, 0, 0.12))}";
-
-const DsCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Card surface variant: primary or secondary
-         */
-        this.surface = 'primary';
-    }
-    render() {
-        return (h("div", { key: '545dfb7389201a046b465e96723fdc8ad5cd1160', class: {
-                'ds-card': true,
-                [`ds-card--${this.surface}`]: true,
-            } }, this.cardTitle && (h("div", { key: '63523222100e039098a941c2125df63a7bc8a0ee', class: "ds-card__header" }, h("h3", { key: '7e60906b0aeb4d8d20fc09a85d06f4d0bd4a95ae', class: "ds-card__title" }, this.cardTitle))), h("div", { key: '544d6b4e6ac95745261ee73c81f2d01c2806afd3', class: "ds-card__content" }, h("slot", { key: '9102bcc585687daf5d954059a138ad7bac27b640' }))));
-    }
-};
-DsCard.style = dsCardCss;
-
-export { DsButton as ds_button, DsCard as ds_card };
-//# sourceMappingURL=ds-button.ds-card.entry.js.map