xv-webcomponents 0.1.23 → 0.1.25

package/dist/collection/collection-manifest.json

@@ -1,28 +0,0 @@
-{
-  "entries": [
-    "components/xv-accordion/xv-accordion.js",
-    "components/xv-accordion-item/xv-accordion-item.js",
-    "components/xv-breadcrumbs/xv-breadcrumbs.js",
-    "components/xv-button/xv-button.js",
-    "components/xv-card/xv-card.js",
-    "components/xv-checkbox/xv-checkbox.js",
-    "components/xv-footer/xv-footer.js",
-    "components/xv-header/xv-header.js",
-    "components/xv-link/xv-link.js",
-    "components/xv-progress-indicator/xv-progress-indicator.js",
-    "components/xv-progress-indicator-item/xv-progress-indicator-item.js",
-    "components/xv-table/xv-table.js",
-    "components/xv-table/xv-table-col/xv-table-col.js",
-    "components/xv-table/xv-table-header-row/xv-table-header-row.js",
-    "components/xv-table/xv-table-row/xv-table-row.js",
-    "components/xv-tag/xv-tag.js",
-    "components/xv-tooltip/xv-tooltip.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "4.27.1",
-    "typescriptVersion": "5.5.4"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/xv-accordion/xv-accordion.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/dist/collection/components/xv-accordion/xv-accordion.js

@@ -1,163 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { uidGenerator } from "../../utils/utils";
-export class XvAccordion {
-    constructor() {
-        this.multiple = false;
-        this.xvId = uidGenerator();
-        this.opened = new Set();
-    }
-    async toggleItem(value) {
-        if (this.opened.has(value)) {
-            this.opened.delete(value);
-        }
-        else {
-            if (!this.multiple)
-                this.opened.clear();
-            this.value = value;
-            this.opened.add(this.value);
-        }
-        this.accordionChange.emit({ opened: this.opened, id: this.xvId });
-        return { opened: this.opened, id: this.xvId };
-    }
-    componentWillLoad() {
-        if (this.value) {
-            return this.toggleItem(this.value);
-        }
-    }
-    render() {
-        return (h(Host, { key: '6b539eab63d10cc42de359385c81757b921829eb', class: "xv-accordion", "data-id": this.xvId }, h("slot", { key: '2f5bb22ac2343cac1eae5931720a9b62cd3a383f' })));
-    }
-    static get is() { return "xv-accordion-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-accordion.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-accordion.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "multiple": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "multiple",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "xvId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "xv-id",
-                "reflect": false,
-                "defaultValue": "uidGenerator()"
-            },
-            "value": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "value",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "opened": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "accordionChange",
-                "name": "accordionChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ opened: Set<string>, id: string }",
-                    "resolved": "{ opened: Set<string>; id: string; }",
-                    "references": {
-                        "Set": {
-                            "location": "global",
-                            "id": "global::Set"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "toggleItem": {
-                "complexType": {
-                    "signature": "(value: string) => Promise<{ opened: Set<string>; id: string; }>",
-                    "parameters": [{
-                            "name": "value",
-                            "type": "string",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "Set": {
-                            "location": "global",
-                            "id": "global::Set"
-                        }
-                    },
-                    "return": "Promise<{ opened: Set<string>; id: string; }>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}
-//# sourceMappingURL=xv-accordion.js.map

package/dist/collection/components/xv-accordion/xv-accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-accordion.js","sourceRoot":"","sources":["../../../src/components/xv-accordion/xv-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,MAAM,OAAO,WAAW;IALxB;QAMU,aAAQ,GAAY,KAAK,CAAC;QAC1B,SAAI,GAAW,YAAY,EAAE,CAAC;QAE7B,WAAM,GAAgB,IAAI,GAAG,EAAE,CAAC;KA+B1C;IA3BC,KAAK,CAAC,UAAU,CAAC,KAAa;QAC5B,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACxC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAElE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAC,cAAc,aAAU,IAAI,CAAC,IAAI;YAC3C,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Event, EventEmitter, Method, State, Prop } from '@stencil/core';\r\nimport { uidGenerator } from '../../utils/utils';\r\n\r\n@Component({\r\n  tag: 'xv-accordion-v2',\r\n  styleUrl: 'xv-accordion.scss',\r\n  shadow: true,\r\n})\r\nexport class XvAccordion {\r\n  @Prop() multiple: boolean = false;\r\n  @Prop() xvId: string = uidGenerator();\r\n  @Prop({ mutable: true }) value: string;\r\n  @State() opened: Set<string> = new Set();\r\n  @Event() accordionChange: EventEmitter<{ opened: Set<string>, id: string }>;\r\n\r\n  @Method()\r\n  async toggleItem(value: string) {\r\n    if (this.opened.has(value)) {\r\n      this.opened.delete(value);\r\n    } else {\r\n      if (!this.multiple) this.opened.clear();\r\n      this.value = value;\r\n      this.opened.add(this.value);\r\n    }\r\n\r\n    this.accordionChange.emit({ opened: this.opened, id: this.xvId });\r\n\r\n    return { opened: this.opened, id: this.xvId };\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (this.value) {\r\n      return this.toggleItem(this.value);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host class=\"xv-accordion\" data-id={this.xvId}>\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/xv-accordion-item/xv-accordion-item.css

@@ -1,68 +0,0 @@
-:host {
-  border-top: 1px solid var(--border-subtle-01);
-  display: flex;
-  flex-direction: column;
-  font-family: var(--ff-body, inherit);
-}
-
-:host(.disabled) .label {
-  color: var(--text-disabled);
-}
-:host(.disabled) .label:hover {
-  cursor: initial;
-  background-color: transparent;
-}
-
-.label {
-  padding: 14px 16px;
-  display: inline-flex;
-  align-items: center;
-  column-gap: 20px;
-  justify-content: space-between;
-  text-align: left;
-  color: var(--text-primary);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px;
-  letter-spacing: 0.16px;
-  background-color: transparent;
-  transition: background-color 200ms ease-in-out;
-}
-.label > span {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-}
-.label:hover {
-  cursor: pointer;
-  background-color: var(--layer-hover-01);
-}
-.label:after {
-  content: "";
-  border: solid black;
-  border-width: 0 2px 2px 0;
-  display: inline-block;
-  padding: 4.66px;
-  transition: transform 100ms ease-in-out;
-  transform: rotate(45deg);
-}
-.label.opened:after {
-  transform: rotate(-135deg);
-}
-
-.content {
-  padding: 0 16px;
-  text-align: left;
-  color: var(--text-primary);
-  font-size: 14px;
-  overflow: hidden;
-  max-height: 0;
-  transition: max-height 300ms ease-in-out, padding 250ms ease 50ms;
-}
-.content.opened {
-  padding: 14px 16px;
-  max-height: 500px;
-}

package/dist/collection/components/xv-accordion-item/xv-accordion-item.js

@@ -1,132 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class XvAccordionItem {
-    constructor() {
-        this.disabled = false;
-        this.isOpen = false;
-    }
-    handleAccordionChange(event) {
-        var _a;
-        const parentAccordionId = (_a = this.el.closest('[data-id]')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-id');
-        if (event.detail.id !== parentAccordionId)
-            return;
-        this.isOpen = event.detail.opened.has(this.value);
-    }
-    toggle() {
-        var _a, _b;
-        if (this.disabled)
-            return;
-        this.isOpen = !this.isOpen;
-        (_b = (_a = this.el.closest('xv-accordion-v2')) === null || _a === void 0 ? void 0 : _a.toggleItem) === null || _b === void 0 ? void 0 : _b.call(_a, this.value);
-    }
-    render() {
-        return (h(Host, { key: '1b35eb9e285cb2a28aa56b5acd2caa31cd682a0b', class: `${this.disabled ? 'disabled' : ''}` }, h("label", { key: '521f0b41ec79577ebd532094ab48e8964c12e1ef', class: `label ${this.isOpen ? 'opened' : 'closed'}`, onClick: this.toggle.bind(this) }, h("span", { key: '3fd163c1926102da4c71fe6defae5dcfe3f35fbf' }, this.label)), h("div", { key: '351629135c93719bcca862ce17176c60d2e99f41', class: `content ${this.isOpen ? 'opened' : 'closed'}` }, h("slot", { key: '221b2fdff4f2f84956e07bb0bb86be7cf9c9aba5' }))));
-    }
-    static get is() { return "xv-accordion-v2-item"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-accordion-item.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-accordion-item.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "disabled",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "label",
-                "reflect": false
-            },
-            "value": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "value",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isOpen": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "itemToggle",
-                "name": "itemToggle",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-    static get listeners() {
-        return [{
-                "name": "accordionChange",
-                "method": "handleAccordionChange",
-                "target": "body",
-                "capture": false,
-                "passive": false
-            }];
-    }
-}
-//# sourceMappingURL=xv-accordion-item.js.map

package/dist/collection/components/xv-accordion-item/xv-accordion-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-accordion-item.js","sourceRoot":"","sources":["../../../src/components/xv-accordion-item/xv-accordion-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAOtG,MAAM,OAAO,eAAe;IAL5B;QAOU,aAAQ,GAAY,KAAK,CAAC;QAGzB,WAAM,GAAY,KAAK,CAAC;KA4BlC;IAxBC,qBAAqB,CAAC,KAAuD;;QAC3E,MAAM,iBAAiB,GAAG,MAAA,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,0CAAE,YAAY,CAAC,SAAS,CAAC,CAAC;QAChF,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,iBAAiB;YAAE,OAAO;QAClD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC;IAED,MAAM;;QACJ,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAA,MAAA,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,0CAAE,UAAU,mDAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/C,8DAAO,KAAK,EAAE,SAAS,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;gBACzF,+DAAO,IAAI,CAAC,KAAK,CAAQ,CACnB;YACR,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE;gBACxD,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Prop, State, Listen, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-accordion-v2-item',\r\n  styleUrl: 'xv-accordion-item.scss',\r\n  shadow: true,\r\n})\r\nexport class XvAccordionItem {\r\n  @Element() el: HTMLElement;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() label: string;\r\n  @Prop() value: string;\r\n  @State() isOpen: boolean = false;\r\n  @Event() itemToggle: EventEmitter;\r\n\r\n  @Listen('accordionChange', { target: 'body' })\r\n  handleAccordionChange(event: CustomEvent<{ opened: Set<string>, id: string }>) {\r\n    const parentAccordionId = this.el.closest('[data-id]')?.getAttribute('data-id');\r\n    if (event.detail.id !== parentAccordionId) return;\r\n    this.isOpen = event.detail.opened.has(this.value);\r\n  }\r\n\r\n  toggle() {\r\n    if (this.disabled) return;\r\n    this.isOpen = !this.isOpen;\r\n    this.el.closest('xv-accordion-v2')?.toggleItem?.(this.value);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host class={`${this.disabled ? 'disabled' : ''}`}>\r\n        <label class={`label ${this.isOpen ? 'opened' : 'closed'}`} onClick={this.toggle.bind(this)}>\r\n          <span>{this.label}</span>\r\n        </label>\r\n        <div class={`content ${this.isOpen ? 'opened' : 'closed'}`}>\r\n          <slot />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.js

@@ -1,19 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class XvBreadcrumbs {
-    render() {
-        return (h(Host, { key: 'cd2a64d2cdd1002b6d0779cea916a71299bc155c' }, h("slot", { key: '8b888b9c0dd5f34d7122668b42875986cd416e95' })));
-    }
-    static get is() { return "xv-breadcrumbs-v2"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["xv-breadcrumbs.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["xv-breadcrumbs.css"]
-        };
-    }
-}
-//# sourceMappingURL=xv-breadcrumbs.js.map

package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"xv-breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/xv-breadcrumbs/xv-breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,aAAa;IACxB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'xv-breadcrumbs-v2',\r\n  styleUrl: 'xv-breadcrumbs.scss',\r\n  shadow: true,\r\n})\r\nexport class XvBreadcrumbs {\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <slot></slot>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/xv-button/xv-button-v2.css

@@ -1,153 +0,0 @@
-@charset "UTF-8";
-:host {
-  --focus-border-width: 2px;
-  --focus-border-style: solid;
-  --button-ghost: tarnsparent;
-  --text-disabled-opacity: 0.25;
-  --button-border-radius: 3px;
-  --button-border-width: 1px;
-  --button-border-style: solid;
-  --button-border-color-accent: #97BF0D;
-  --button-border-color-primary: #273435;
-  --button-border-color-secondary: #D1D1D1;
-  --button-border-color-ghost: tarnsparent;
-  --button-ghost-hover: tarnsparent;
-  --button-ghost-active: rgba(139, 139, 139, 0.5);
-  --button-accent-disabled: #D1D1D1;
-  --button-primary-disabled: #D1D1D1;
-  --button-secondary-disabled: #D1D1D1;
-  --button-tertiary-disabled: tarnsparent;
-  --button-ghost-disabled: tarnsparent;
-}
-:host button {
-  font-family: inherit;
-  font-size: 16px;
-  font-weight: 700;
-  padding: 0 20px;
-  min-height: 40px;
-  line-height: 40px;
-  cursor: pointer;
-  box-sizing: border-box;
-  transition: background-color 0.2s ease-in-out, filter 0.2s ease-in-out, transform 0.1s ease-in-out, border-color 0.2s ease-in-out, border-width 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-:host button.xv-button-block {
-  width: 100%;
-}
-
-.xv-button {
-  /* ✅ Accent Button */
-  /* ✅ Primary Button */
-  /* ✅ Secondary Button */
-  /* ✅ Tertiary Button */
-  /* ✅ Ghost Button */
-}
-.xv-button.accent {
-  background-color: var(--button-accent);
-  color: var(--text-on-color);
-  border: var(--button-border-width) var(--button-border-style) var(--button-border-color-accent);
-  border-radius: var(--button-border-radius);
-}
-.xv-button.accent:hover {
-  background-color: var(--button-accent-hover);
-}
-.xv-button.accent:active {
-  background-color: var(--button-accent-active);
-  color: var(--text-on-color);
-}
-.xv-button.accent:focus {
-  outline: none;
-  border: var(--focus-border-width) var(--focus-border-style) var(--focus);
-  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-.xv-button.accent:disabled {
-  background-color: var(--button-accent-disabled);
-  color: var(--text-on-color-disabled);
-  border: var(--button-border-width) var(--button-border-style) var(--button-accent-disabled);
-}
-.xv-button.primary {
-  background-color: var(--button-primary);
-  color: var(--text-on-color);
-  border: var(--button-border-width) var(--button-border-style) var(--button-border-color-primary);
-  border-radius: var(--button-border-radius);
-}
-.xv-button.primary:hover {
-  background-color: var(--button-primary-hover);
-}
-.xv-button.primary:active {
-  background-color: var(--button-primary-active);
-}
-.xv-button.primary:focus {
-  outline: none;
-  border: var(--focus-border-width) var(--focus-border-style) var(--focus);
-  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-.xv-button.primary:disabled {
-  background-color: var(--button-primary-disabled);
-  color: var(--text-on-color-disabled);
-  border: var(--button-border-width) var(--button-border-style) var(--button-primary-disabled);
-}
-.xv-button.secondary {
-  background-color: var(--button-secondary);
-  color: var(--text-primary);
-  border: var(--button-border-width) var(--button-border-style) var(--button-border-color-secondary);
-  border-radius: var(--button-border-radius);
-}
-.xv-button.secondary:hover {
-  background-color: var(--button-secondary-hover);
-}
-.xv-button.secondary:active {
-  background-color: var(--button-secondary-active);
-}
-.xv-button.secondary:focus {
-  outline: none;
-  border: var(--focus-border-width) var(--focus-border-style) var(--focus);
-  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-.xv-button.secondary:disabled {
-  background-color: var(--button-secondary-disabled);
-  color: var(--text-on-color-disabled);
-}
-.xv-button.tertiary {
-  background-color: var(--button-ghost);
-  color: var(--text-primary);
-  border: var(--button-border-width) var(--button-border-style) var(--button-tertiary);
-  border-radius: var(--button-border-radius);
-}
-.xv-button.tertiary:hover {
-  background-color: var(--button-tertiary-hover);
-}
-.xv-button.tertiary:active {
-  background-color: var(--button-tertiary-active);
-}
-.xv-button.tertiary:focus {
-  outline: none;
-  border: var(--focus-border-width) var(--focus-border-style) var(--focus);
-  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-.xv-button.tertiary:disabled {
-  background-color: var(--button-tertiary-disabled);
-  color: var(--text-disabled);
-  opacity: var(--text-disabled-opacity);
-}
-.xv-button.ghost {
-  background-color: var(--button-ghost);
-  color: var(--text-primary);
-  border: var(--button-border-width) var(--button-border-style) var(--button-border-color-ghost);
-  border-radius: var(--button-border-radius);
-}
-.xv-button.ghost:hover {
-  background-color: var(--button-ghost-hover);
-}
-.xv-button.ghost:active {
-  background-color: var(--button-ghost-active);
-}
-.xv-button.ghost:focus {
-  outline: none;
-  border: var(--focus-border-width) var(--focus-border-style) var(--focus);
-  transition: border-color 0.2s ease-in-out;
-}
-.xv-button.ghost:disabled {
-  background-color: var(--button-ghost-disabled);
-  color: var(--text-disabled);
-  opacity: var(--text-disabled-opacity);
-}