@marioschmidt/design-system-components 1.0.70

package/dist/cjs/index.cjs.js

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

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

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

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,13 @@
+'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/cjs/loader.cjs.js.map

@@ -0,0 +1 @@
+{"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/collection/collection-manifest.json

@@ -0,0 +1,13 @@
+{
+  "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/collection/ds-button/ds-button.css

@@ -0,0 +1,62 @@
+: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/collection/ds-button/ds-button.js

@@ -0,0 +1,77 @@
+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/collection/ds-button/ds-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button.js","sourceRoot":"","sources":["../../../../packages/components/src/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/collection/ds-card/ds-card.css

@@ -0,0 +1,43 @@
+: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/collection/ds-card/ds-card.js

@@ -0,0 +1,71 @@
+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/collection/ds-card/ds-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-card.js","sourceRoot":"","sources":["../../../../packages/components/src/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/components/ds-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../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/components/ds-button.js

@@ -0,0 +1,54 @@
+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/components/ds-button.js.map

@@ -0,0 +1 @@
+{"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":["../../packages/components/src/ds-button/ds-button.css?tag=ds-button&encapsulation=shadow","../../packages/components/src/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/components/ds-card.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../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/components/ds-card.js

@@ -0,0 +1,49 @@
+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/components/ds-card.js.map

@@ -0,0 +1 @@
+{"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":["../../packages/components/src/ds-card/ds-card.css?tag=ds-card&encapsulation=shadow","../../packages/components/src/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/components/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 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/components/index.js

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

package/dist/components/index.js.map

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

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

@@ -0,0 +1,15 @@
+
+<!-- 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/docs/ds-card/readme.md

@@ -0,0 +1,15 @@
+
+<!-- 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/esm/bds.js

@@ -0,0 +1,21 @@
+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/esm/bds.js.map

@@ -0,0 +1 @@
+{"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/esm/ds-button.ds-card.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button.ds-card.entry.js","sources":["../../packages/components/src/ds-button/ds-button.css?tag=ds-button&encapsulation=shadow","../../packages/components/src/ds-button/ds-button.tsx","../../packages/components/src/ds-card/ds-card.css?tag=ds-card&encapsulation=shadow","../../packages/components/src/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/esm/ds-button_2.entry.js

@@ -0,0 +1,47 @@
+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