xv-webcomponents 1.24.11-qa.0 → 2.0.0-beta.2

package/dist/esm/xv-header-next.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-DmxA2ysB.js';
-import { S as SIZE_VAR, O as OverflowMenuVariant, I as INVOICE_NOTIFICATION_STATUS_ICON, a as INVOICE_NOTIFICATION_STATUS_TEXT, i as invoiceNotificationStatusOf } from './_vars-CS4ouQ2K.js';
-import { a as api, g as getMetaNav, b as getBaseUrl, d as debounce } from './index-CQm2sRKT.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-Bu8SrOeR.js';
+import { S as SIZE_VAR, O as OverflowMenuVariant } from './_vars-CDEU4jkD.js';
+import { a as api, g as getMetaNav, b as getBaseUrl, d as debounce } from './index-B6cY-_U1.js';
 
 const userMagnifyingGlassRegularFullSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNy4xLjAgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE3Ni41IDE5MkMxNzYuNSAxNDcuOCAyMTIuMyAxMTIgMjU2LjUgMTEyQzMwMC43IDExMiAzMzYuNSAxNDcuOCAzMzYuNSAxOTJDMzM2LjUgMjM2LjIgMzAwLjcgMjcyIDI1Ni41IDI3MkMyMTIuMyAyNzIgMTc2LjUgMjM2LjIgMTc2LjUgMTkyek0zODQuNSAxOTJDMzg0LjUgMTIxLjMgMzI3LjIgNjQgMjU2LjUgNjRDMTg1LjggNjQgMTI4LjUgMTIxLjMgMTI4LjUgMTkyQzEyOC41IDI2Mi43IDE4NS44IDMyMCAyNTYuNSAzMjBDMzI3LjIgMzIwIDM4NC41IDI2Mi43IDM4NC41IDE5MnpNODAuNSA1NDRDODAuNSA0NzMuMyAxMzcuOCA0MTYgMjA4LjUgNDE2TDI4OC43IDQxNkMyODkuNSAzOTkuMiAyOTIuNyAzODMuMSAyOTguMSAzNjhMMjA4LjUgMzY4QzExMS4zIDM2OCAzMi41IDQ0Ni44IDMyLjUgNTQ0TDMyLjUgNTUyQzMyLjUgNTY1LjMgNDMuMiA1NzYgNTYuNSA1NzZDNjkuOCA1NzYgODAuNSA1NjUuMyA4MC41IDU1Mkw4MC41IDU0NHpNNDU2LjUgMzUyQzQ5Ni4zIDM1MiA1MjguNSAzODQuMiA1MjguNSA0MjRDNTI4LjUgNDYzLjggNDk2LjMgNDk2IDQ1Ni41IDQ5NkM0MTYuNyA0OTYgMzg0LjUgNDYzLjggMzg0LjUgNDI0QzM4NC41IDM4NC4yIDQxNi43IDM1MiA0NTYuNSAzNTJ6TTQ1Ni41IDU0NEM0ODAuOSA1NDQgNTAzLjYgNTM2LjcgNTIyLjYgNTI0LjJMNTgzLjUgNTg1LjFDNTkyLjkgNTk0LjUgNjA4LjEgNTk0LjUgNjE3LjQgNTg1LjFDNjI2LjcgNTc1LjcgNjI2LjggNTYwLjUgNjE3LjQgNTUxLjJMNTU2LjUgNDkwLjNDNTY5LjEgNDcxLjMgNTc2LjQgNDQ4LjUgNTc2LjQgNDI0QzU3Ni40IDM1Ny43IDUyMi43IDMwNCA0NTYuNCAzMDRDMzkwLjEgMzA0IDMzNi40IDM1Ny43IDMzNi40IDQyNEMzMzYuNCA0OTAuMyAzOTAuMSA1NDQgNDU2LjQgNTQ0eiIvPjwvc3ZnPg==';
 
@@ -173,10 +173,12 @@ const XvHeaderNext = class {
         var _a;
         if (!((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.IsManager))
             return null;
-        return (h("li", { class: "notifications" }, h("xv-overflow-menu-v2", { position: "right", size: SIZE_VAR.MD }, h("span", { slot: "trigger", class: "fa-stack" }, h("i", { class: "notifications-icon far fa-bell fa-stack-1x" }), this.notifications.length > 0 && (h("xv-tag-v2", { class: "counter-badge counter-badge--absolute", bg: "var(--icon-interactive, #97BF0D)", color: "var(--text-inverse, #FFF)" }, this.notifications.length))), this.notifications.map((notification) => {
-            const status = invoiceNotificationStatusOf(notification.status);
-            return (h("xv-overflow-menu-v2-item", { value: notification.id, variant: OverflowMenuVariant.GHOST, disabled: notification.isRead, clickable: false }, h("div", { class: "notifications-item" }, h("i", { class: { far: true, [INVOICE_NOTIFICATION_STATUS_ICON[status]]: true } }), h("div", { class: "notifications-item-body" }, h("span", null, "Rechnungsentwurf f\u00FCr Auftrag ", notification.orderId, " ist ", INVOICE_NOTIFICATION_STATUS_TEXT[status]), h("xv-link-v2", { variant: notification.isRead ? 'ghost' : 'standalone', href: `/de-de/manager/ordersales/details/${notification.orderId}` }, "Auftrag anschauen")))));
-        }))));
+        return (h("li", { class: "notifications" }, h("xv-overflow-menu-v2", { position: "right", size: SIZE_VAR.MD }, h("span", { slot: "trigger", class: "fa-stack" }, h("i", { class: "notifications-icon far fa-bell fa-stack-1x" }), this.notifications.length > 0 && (h("xv-tag-v2", { class: "counter-badge counter-badge--absolute", bg: "var(--icon-interactive, #97BF0D)", color: "var(--text-inverse, #FFF)" }, this.notifications.length))), this.notifications.map((notification) => (h("xv-overflow-menu-v2-item", { value: notification.id, variant: OverflowMenuVariant.GHOST, disabled: notification.isRead, clickable: false }, h("div", { class: "notifications-item" }, h("i", { class: {
+                far: true,
+                'fa-clock': !notification.status,
+                'fa-times-circle': notification.status === 1,
+                'fa-circle': notification.status && notification.status !== 1,
+            } }), h("div", { class: "notifications-item-body" }, h("span", null, "Rechnungsentwurf f\u00FCr Auftrag ", notification.orderId, " ist ausstehend"), h("xv-link-v2", { variant: notification.isRead ? 'ghost' : 'standalone', href: `/de-de/manager/ordersales/details/${notification.orderId}` }, "Auftrag anschauen")))))))));
     }
     _renderAccount() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
@@ -195,7 +197,7 @@ const XvHeaderNext = class {
     render() {
         var _a, _b, _c, _d, _e;
         const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
-        return (h("header", { key: '13a9d3cc028a97c7c4d3db96c40e58cffa1fe33a', class: "header" }, h("div", { key: 'bc3da59737a300efcbbce9234b750a16c2c96ce3', class: "header-wrapper" }, h("div", { key: '294a3ab110a7bf53b2bed24db1b1a56a8ec66dcb', class: "xv-container" }, h("div", { key: '99fbcdaa2c4e72eb8661f8b8034e616bf99c1bc5', class: "header-top" }, h("div", { key: '1e703aa885c9462f06d44fdd9756f42b08e96241', class: "header-top--left" }, h("xv-button-v2", { key: 'f867ffe85b45e67b55ea30ce8bfa1da0352f1edc', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: 'f048441a12346222ac24df76f91bc03b6096bea2', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '5fe60ea6eb240c62fd831e835ad89dad555b0edb', href: `${window.location.origin}/` }, h("picture", { key: '060830e01a97d6b7192202f719ca42c94d9075ff' }, h("source", { key: '5d1f714cb70131c2634d552e22305b78afb755bd', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), h("img", { key: '90334b422808e153718dd43dd7404c23e0e69692', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (h("xv-link-v2", { key: '6cce595ce435c6fb05d74ee8ecd3ee58cc788f90', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '6284fdfc7a99ab5a8194f13f55f5cccf47427d65', class: "header-top--right" }, this._renderLocaleSwitcher(), this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: 'da5bd80e9d475358a16052e62c56fb6d4aa3370c' }, h("xv-link-v2", { key: '3096b8531e471537d5a16910456fcb6fe5de8af8', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: '4b1fa5e374d05f183a0fb39adec0b779cecd17e1', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: 'bb69f452fabd750451b993acbda13fda6e8f3da9', class: "header-icon far fa-envelope" }), h("span", { key: '62e89c597ae9b1cc77329fa36dd32f65d4e79511', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (h("li", { key: 'fc3cdac26fa33bcbd027d1605934e40e832fafd5' }, h("xv-link-v2", { key: 'fd1303e606ebfe4ca8944f2685e5b2f616fdcc47', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: '41f5daa4d30d7bed6ed032563a600036b4e230bd', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '764c0abede96b262c562832a6bbebee70484c326', class: "header-icon far fa-question-circle" }), h("span", { key: 'c69623c9fbb3110998b9a3a80cff3cc404d1de60', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'e6936d829410b2b7c7801ce388c71f9817d88fca', class: "header-wrapper--bg" }, h("div", { key: '674d7d606828838f6ad17a5eb274bed488ecb323', class: "xv-container" }, h("xv-mega-menu-next", { key: '18ceb4546630a258b04097ddaf16bb10bdf2a8fa', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: 'a3404b9ad678f5d5c0efd687788631e828574e2d', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
+        return (h("header", { key: 'c87cc8c95ca0d61dc02ea975cb476af427ac2b3d', class: "header" }, h("div", { key: '877616897b4bf02b5c19e58a2d633a81ef1e6242', class: "header-wrapper" }, h("div", { key: 'ccff077dad46bf9fc8378bdbc1bbaf27c7809773', class: "xv-container" }, h("div", { key: '8ffc4438bde13ae29ea4030b5bfa02cb470ffff2', class: "header-top" }, h("div", { key: '0e9b1e82a8e7ec138cc410f585515b2a9abfac5a', class: "header-top--left" }, h("xv-button-v2", { key: '79e52670227627fd8eab012ea4c2dbe72799dc57', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: 'f2bd99ea6b8827df9409f557f1ced3c73bceb12c', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '7a7f45a0e1855bf7015a52eede2cd93fc7819b60', href: `${window.location.origin}/` }, h("picture", { key: '1eb568c80906ff6e3449d8090f7da4963ae230a1' }, h("source", { key: 'c8174ef49a21cd3546debc4de8d95917ec0ca97c', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), h("img", { key: 'c03a9ac3a52f0bc9df90675b1a9f2c35b921f411', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (h("xv-link-v2", { key: 'dccc2911f8e263a84978280cb8936aba7178ced0', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: 'b2f74d331583eda966d8d1f51beba7a696bab324', class: "header-top--right" }, this._renderLocaleSwitcher(), this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '8c55b70be62e174bf87770f649c8bf9346a5bb1a' }, h("xv-link-v2", { key: '7e32028087211b2da35e2586669d6742376635ff', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: 'e00945870bccafe0b2a0a8155144d380d429e2a2', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '02c11e53729e6f021a6533f607a24a7a4528381b', class: "header-icon far fa-envelope" }), h("span", { key: 'a25b7707de479a89c564c41b381421626cffd4f1', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (h("li", { key: 'e18b1fe074a0c5dccac8dae93104ae5c877291d6' }, h("xv-link-v2", { key: '2b3355d49caf0e3162b2149df0f8e7f233a1e325', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: 'af72384bd898934762f04bf1fb8b77f33634a0b4', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '53e4998f33d86179a08db039b27ac52f959c9ba4', class: "header-icon far fa-question-circle" }), h("span", { key: '37d5d257287ad892f7ab5e3d9300cac3514d4938', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: '841cd8d2db611af865b9a1127c959e76877ab6db', class: "header-wrapper--bg" }, h("div", { key: 'ce6fa8184b831abdacbf9f04b226ed9c4387ac98', class: "xv-container" }, h("xv-mega-menu-next", { key: '6d64b1f655a1fa65f915ae6280da173e8dd22a88', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu, menuData: this.menuData })))), h("xv-login-modal", { key: 'efcd6f10be9d9455e419695b7613603fae3e4235', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/xv-mega-menu-next.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-DmxA2ysB.js';
-import { a as api } from './index-CQm2sRKT.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-Bu8SrOeR.js';
+import { a as api } from './index-B6cY-_U1.js';
 
 const xvMegaMenuNextCss = () => `:host{--menu-group-width:244px;--menu-group-height:454px;--link-visited:var(--link-primary)}.xv-menu{background:inherit;position:relative;font-family:var(--ff-work-sans), sans-serif}@media (min-width: 992px){.xv-menu{min-height:55px}}.xv-menu-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background-color:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center}@media (max-width: 991px){.xv-menu-loader:not(.open){display:none}}@media (max-width: 991px){.xv-menu.open{padding-bottom:env(safe-area-inset-bottom);max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}}.xv-menu_mobile{position:relative;display:none}@media (max-width: 991px){.xv-menu_mobile{display:inline-flex}}.xv-menu ul{margin:0;padding:0;list-style:none}.xv-menu .link-chevron{display:inline-block;margin-inline-start:var(--spacing-01)}.xv-menu .menu{overflow-x:auto;display:flex;justify-content:flex-start;column-gap:var(--spacing-08)}@media (max-width: 991px){.xv-menu .menu{flex-direction:column;display:none}}.xv-menu .menu--right{margin-left:auto;display:flex;align-items:center;align-self:center}@media (max-width: 991px){.xv-menu .menu--right{margin-left:unset;padding-block:var(--spacing-05)}}.xv-menu .menu--backdrop{z-index:-1;background-color:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%}@media (max-width: 991px){.xv-menu .menu.open{display:flex}}.xv-menu .menu-item:hover .menu-item-label{border-bottom-color:var(--interactive-02)}.xv-menu .menu-item.active .menu-item-groups{z-index:990;display:flex}.xv-menu .menu-item.active .menu-item-label{border-bottom-color:var(--interactive-02)}@media (max-width: 991px){.xv-menu .menu-item.active{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-label{margin:0;padding-block:var(--spacing-05, 16px);color:inherit;font-size:16px;line-height:24px;font-family:var(--ff-body), sans-serif;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:250ms ease-in-out border-bottom-color;user-select:none;white-space:nowrap}@media (max-width: 991px){.xv-menu .menu-item-label{border-bottom:1px solid #E1E4ED}}.xv-menu .menu-item-groups{z-index:-1;position:absolute;left:0;top:100%;width:100%;background-color:var(--background, #fff);display:none;flex-direction:column;border:1px solid var(--border-subtle-01);row-gap:var(--spacing-05);padding-block:var(--spacing-08) var(--spacing-06);min-height:var(--menu-group-height);border-radius:0 0 8px 8px;overflow:hidden;color:var(--interactive-01, #273435)}@media (max-width: 991px){.xv-menu .menu-item-groups{min-height:unset;padding-block:unset;position:relative;row-gap:unset;border:none}}.xv-menu .menu .group{display:flex;align-items:flex-start}@media (max-width: 991px){.xv-menu .menu .group{flex-direction:column;align-items:stretch}}.xv-menu .menu .group-label{user-select:none;min-width:var(--menu-group-width);max-width:var(--menu-group-width);color:var(--text-primary, #333);font-size:16px;font-style:normal;font-weight:400;line-height:137.5%;display:flex;column-gap:var(--spacing-04);text-align:right;justify-content:flex-end;cursor:pointer}.xv-menu .menu .group-label-text{text-overflow:ellipsis;overflow:hidden}.xv-menu .menu .group-label-icon{width:8px;height:8px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);transform-origin:bottom;align-self:center}@media (max-width: 991px){.xv-menu .menu .group-label{max-width:unset;min-width:unset;align-items:stretch;justify-content:flex-start;padding-block:var(--spacing-05)}}.xv-menu .menu .group-container{flex:1;display:none}.xv-menu .menu .group-container-absolute{position:absolute;top:0;right:0;width:calc(100% - (var(--menu-group-width) + var(--spacing-06) + var(--spacing-09) + var(--spacing-05)));min-height:calc(100% - (var(--spacing-08) + var(--spacing-06)));padding:var(--spacing-08) var(--spacing-06) var(--spacing-06) var(--spacing-09);display:flex;background-color:var(--layer-01, #F7F7F7)}@media (max-width: 991px){.xv-menu .menu .group-container-absolute{position:unset;flex-direction:column;width:100%;flex:1;padding:var(--spacing-06) 0;background-color:var(--background)}}.xv-menu .menu .group-container-absolute.noLabel{left:0;width:calc(100% - (var(--spacing-06) + var(--spacing-09)))}.xv-menu .menu .group.active .group-label{font-weight:600}@media (max-width: 991px){.xv-menu .menu .group.active .group-label-icon{transform-origin:center;transform:rotate(45deg)}}.xv-menu .menu .group.active .group-container{display:flex}.xv-menu .menu .group-menus{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-06)}.xv-menu .menu .group-menus-categories{display:flex;row-gap:var(--spacing-07);column-gap:var(--spacing-05);flex:1}@media (max-width: 991px){.xv-menu .menu .group-menus-categories{flex-direction:column;gap:var(--spacing-07)}}.xv-menu .menu .group-menus-categories.inline{flex-direction:column;flex-wrap:wrap;max-height:365px}@media (max-width: 991px){.xv-menu .menu .group-menus-categories.inline{max-height:unset}}.xv-menu .menu .group-menus-categories.inline .category{flex:none}.xv-menu .menu .group-menus-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .group-menus-actions{flex-direction:column;justify-content:stretch;align-items:stretch;text-align:center}}.xv-menu .menu .group-card{box-sizing:content-box;max-width:228px;min-width:200px;padding-left:var(--spacing-06);border-left:1px solid var(--border-subtle-01)}@media (min-width: 992px) and (max-width: 1199px){.xv-menu .menu .group-card{display:none}}@media (max-width: 991px){.xv-menu .menu .group-card{margin-block-start:var(--spacing-06);border-left:none;padding-left:0;max-width:unset;min-width:unset}}.xv-menu .menu .group-card .xv-card{box-shadow:none;background-color:var(--background, #fff)}@media (max-width: 991px){.xv-menu .menu .group-card .xv-card{width:unset}}.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-size:var(--fz-md, 14px);font-style:normal;line-height:18px;letter-spacing:0.16px}.xv-menu .menu .group-card .xv-link_standalone,.xv-menu .menu .group-card-title,.xv-menu .menu .group-card-desc{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .group-card-title{color:var(--text-primary, #333);font-weight:600}.xv-menu .menu .group-card-desc{color:var(--text-secondary, #515151);font-weight:400;padding-top:var(--spacing-03);display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;overflow:hidden}.xv-menu .menu .category{flex:1;display:flex;flex-direction:column;row-gap:var(--spacing-05)}@media (max-width: 991px){.xv-menu .menu .category{flex:0}.xv-menu .menu .category:not(:last-child){border-bottom:1px solid var(--border-subtle-01);padding-bottom:var(--spacing-04)}}.xv-menu .menu .category-label{margin:0;font-size:var(--fz-md, 14px);color:var(--text-secondary)}.xv-menu .menu .category-routes{display:flex;flex-direction:column;row-gap:var(--spacing-05)}.xv-menu .menu .route{display:inline-flex;align-items:center;column-gap:var(--spacing-03);position:relative;font-size:var(--fz-lg, 16px)}.xv-menu .menu .route .xv-link_ghost{font-family:var(--ff-work-sans), sans-serif}.xv-menu .menu .route .xv-link_ghost:hover{color:var(--link-primary)}@media (max-width: 991px){.xv-menu .menu .route{white-space:nowrap}}.xv-menu .menu .route .route-tag{font-size:9px}`;
 
@@ -88,7 +88,7 @@ const XvMegaMenuNext = class {
         void this.fetchMenuData();
     }
     render() {
-        return (h(Host, { key: 'c47ad041efdcadf47e2cd5102d1eb527801442c0' }, h("nav", { key: '82aed9de4df60d2d281eb172bd2bf562b788d193', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '39792fd8968d7436348c27fda40f76ca32562e9d', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '8363113b91f5d1318cd2d11a13dc613c0c2d6e75' }))), h("ul", { key: 'a2330abd676b973e44c5a8d84ce229f8a509164a', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
+        return (h(Host, { key: 'ed607b8cd4c395fb89c2b925381a66476ee7fc66' }, h("nav", { key: 'df1bc505eea962a6dd450aff9ce94bdaf851bb60', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: '43d7eb0df82e01e7bc9dcf7d305b41e2e274206b', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'd1fe2d349bbb091ca9e1ad3b3042f751cd7bea8a' }))), h("ul", { key: '7daed87d6a28ef57cf50c44d6b692818d898f24b', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
             var _a, _b;
             return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, h("p", { class: "menu-item-label" }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label))) : (h(Fragment, null, h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
                 var _a;
@@ -98,7 +98,7 @@ const XvMegaMenuNext = class {
                     } }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("p", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (h("li", { class: "action" }, action.type === 'link' && (h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
                     h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("h5", { slot: "header", class: "group-card-title" }, group.card.title), h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
             }))))));
-        }), h("li", { key: '191d8b806dcc27f97be83d9c72da10214a461100', class: "menu--right" }, h("slot", { key: 'a88cd4f622bf845f4963e04316bda62cc3adf1fc', name: "menu-right" })), this.open && (h("li", { key: 'c601f0a743556d6c73c9c2fd60f4f2b2b4ab72d7', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
+        }), h("li", { key: '9644d518b2a427d1af5319f6d0dcd08b11a9c6c2', class: "menu--right" }, h("slot", { key: '5200a528a6e5b5374815d7978ec09e87da55a3d7', name: "menu-right" })), this.open && (h("li", { key: '378f37f82e6b9ae4990e4bd7d197d1a1ce851b2e', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/xv-webcomponents.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DmxA2ysB.js';
-export { s as setNonce } from './index-DmxA2ysB.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-Bu8SrOeR.js';
+export { s as setNonce } from './index-Bu8SrOeR.js';
 
 /*
- Stencil Client Patch Browser v4.40.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.44.2 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/react/components.d.ts

@@ -0,0 +1,56 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+export { XvAccordionV2Item } from "./xv-accordion-v2-item.js";
+export { XvAccordionV2 } from "./xv-accordion-v2.js";
+export { XvBreadcrumbsV2 } from "./xv-breadcrumbs-v2.js";
+export { XvButtonGroupV2 } from "./xv-button-group-v2.js";
+export { XvButtonV2 } from "./xv-button-v2.js";
+export { XvCardV2 } from "./xv-card-v2.js";
+export { XvCheckboxV2 } from "./xv-checkbox-v2.js";
+export { XvContentSwitcherItemV2 } from "./xv-content-switcher-item-v2.js";
+export { XvContentSwitcherV2 } from "./xv-content-switcher-v2.js";
+export { XvDataTableCell } from "./xv-data-table-cell.js";
+export { XvDataTableCollapse } from "./xv-data-table-collapse.js";
+export { XvDataTableRow } from "./xv-data-table-row.js";
+export { XvDataTable } from "./xv-data-table.js";
+export { XvDatePicker } from "./xv-date-picker.js";
+export { XvDatepicker } from "./xv-datepicker.js";
+export { XvDropdownV2Item } from "./xv-dropdown-v2-item.js";
+export { XvDropdownV2 } from "./xv-dropdown-v2.js";
+export { XvFileUploader } from "./xv-file-uploader.js";
+export { XvFooter } from "./xv-footer.js";
+export { XvGeoMapV2 } from "./xv-geo-map-v2.js";
+export { XvHeaderNext } from "./xv-header-next.js";
+export { XvHeader } from "./xv-header.js";
+export { XvImageViewer } from "./xv-image-viewer.js";
+export { XvLinkV2 } from "./xv-link-v2.js";
+export { XvLoaderV2 } from "./xv-loader-v2.js";
+export { XvLoginModal } from "./xv-login-modal.js";
+export { XvMegaMenuNext } from "./xv-mega-menu-next.js";
+export { XvMegaMenu } from "./xv-mega-menu.js";
+export { XvModalV2 } from "./xv-modal-v2.js";
+export { XvNotificationV2 } from "./xv-notification-v2.js";
+export { XvNumberInputV2 } from "./xv-number-input-v2.js";
+export { XvOverflowMenuV2Item } from "./xv-overflow-menu-v2-item.js";
+export { XvOverflowMenuV2 } from "./xv-overflow-menu-v2.js";
+export { XvPagination } from "./xv-pagination.js";
+export { XvProgressIndicatorV2Item } from "./xv-progress-indicator-v2-item.js";
+export { XvProgressIndicatorV2 } from "./xv-progress-indicator-v2.js";
+export { XvRadioV2 } from "./xv-radio-v2.js";
+export { XvSliderV2 } from "./xv-slider-v2.js";
+export { XvTabV2 } from "./xv-tab-v2.js";
+export { XvTableV2Cell } from "./xv-table-v2-cell.js";
+export { XvTableV2Expand } from "./xv-table-v2-expand.js";
+export { XvTableV2Row } from "./xv-table-v2-row.js";
+export { XvTableV2 } from "./xv-table-v2.js";
+export { XvTabsV2 } from "./xv-tabs-v2.js";
+export { XvTagCombobox } from "./xv-tag-combobox.js";
+export { XvTagV2 } from "./xv-tag-v2.js";
+export { XvTextInputV2 } from "./xv-text-input-v2.js";
+export { XvTextarea } from "./xv-textarea.js";
+export { XvTile } from "./xv-tile.js";
+export { XvToggleTip } from "./xv-toggle-tip.js";
+export { XvToggle } from "./xv-toggle.js";
+export { XvTooltipV2 } from "./xv-tooltip-v2.js";

package/dist/react/components.js

@@ -0,0 +1,57 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+/* eslint-disable */
+export { XvAccordionV2Item } from "./xv-accordion-v2-item.js";
+export { XvAccordionV2 } from "./xv-accordion-v2.js";
+export { XvBreadcrumbsV2 } from "./xv-breadcrumbs-v2.js";
+export { XvButtonGroupV2 } from "./xv-button-group-v2.js";
+export { XvButtonV2 } from "./xv-button-v2.js";
+export { XvCardV2 } from "./xv-card-v2.js";
+export { XvCheckboxV2 } from "./xv-checkbox-v2.js";
+export { XvContentSwitcherItemV2 } from "./xv-content-switcher-item-v2.js";
+export { XvContentSwitcherV2 } from "./xv-content-switcher-v2.js";
+export { XvDataTableCell } from "./xv-data-table-cell.js";
+export { XvDataTableCollapse } from "./xv-data-table-collapse.js";
+export { XvDataTableRow } from "./xv-data-table-row.js";
+export { XvDataTable } from "./xv-data-table.js";
+export { XvDatePicker } from "./xv-date-picker.js";
+export { XvDatepicker } from "./xv-datepicker.js";
+export { XvDropdownV2Item } from "./xv-dropdown-v2-item.js";
+export { XvDropdownV2 } from "./xv-dropdown-v2.js";
+export { XvFileUploader } from "./xv-file-uploader.js";
+export { XvFooter } from "./xv-footer.js";
+export { XvGeoMapV2 } from "./xv-geo-map-v2.js";
+export { XvHeaderNext } from "./xv-header-next.js";
+export { XvHeader } from "./xv-header.js";
+export { XvImageViewer } from "./xv-image-viewer.js";
+export { XvLinkV2 } from "./xv-link-v2.js";
+export { XvLoaderV2 } from "./xv-loader-v2.js";
+export { XvLoginModal } from "./xv-login-modal.js";
+export { XvMegaMenuNext } from "./xv-mega-menu-next.js";
+export { XvMegaMenu } from "./xv-mega-menu.js";
+export { XvModalV2 } from "./xv-modal-v2.js";
+export { XvNotificationV2 } from "./xv-notification-v2.js";
+export { XvNumberInputV2 } from "./xv-number-input-v2.js";
+export { XvOverflowMenuV2Item } from "./xv-overflow-menu-v2-item.js";
+export { XvOverflowMenuV2 } from "./xv-overflow-menu-v2.js";
+export { XvPagination } from "./xv-pagination.js";
+export { XvProgressIndicatorV2Item } from "./xv-progress-indicator-v2-item.js";
+export { XvProgressIndicatorV2 } from "./xv-progress-indicator-v2.js";
+export { XvRadioV2 } from "./xv-radio-v2.js";
+export { XvSliderV2 } from "./xv-slider-v2.js";
+export { XvTabV2 } from "./xv-tab-v2.js";
+export { XvTableV2Cell } from "./xv-table-v2-cell.js";
+export { XvTableV2Expand } from "./xv-table-v2-expand.js";
+export { XvTableV2Row } from "./xv-table-v2-row.js";
+export { XvTableV2 } from "./xv-table-v2.js";
+export { XvTabsV2 } from "./xv-tabs-v2.js";
+export { XvTagCombobox } from "./xv-tag-combobox.js";
+export { XvTagV2 } from "./xv-tag-v2.js";
+export { XvTextInputV2 } from "./xv-text-input-v2.js";
+export { XvTextarea } from "./xv-textarea.js";
+export { XvTile } from "./xv-tile.js";
+export { XvToggleTip } from "./xv-toggle-tip.js";
+export { XvToggle } from "./xv-toggle.js";
+export { XvTooltipV2 } from "./xv-tooltip-v2.js";

package/dist/react/create-component.d.ts

@@ -0,0 +1,24 @@
+import { EventName, Options } from '@lit/react';
+import { default as React } from 'react';
+
+type EventNames = Record<string, EventName | string>;
+type StencilProps<I extends HTMLElement, E extends EventNames, C, R extends keyof C = never> = Omit<React.HTMLAttributes<I>, keyof E> & Partial<{
+    [K in keyof E]: E[K] extends EventName<infer T> ? (event: T) => void : (event: any) => void;
+}> & Required<Pick<C, R>> & Partial<Omit<C, R>> & React.RefAttributes<I>;
+export type StencilReactComponent<I extends HTMLElement, E extends EventNames = {}, C = Omit<I, keyof HTMLElement>, R extends keyof C = never> = React.FunctionComponent<StencilProps<I, E, C, R>>;
+/**
+ * Merge the app's `className`/`class` with the classes the Stencil runtime
+ * manages on the host. `@lit/react` maps `className` to `class` and rewrites it
+ * wholesale on every render, which wipes runtime-added classes like `hydrated`,
+ * `sc-*` scope classes, and state classes a design system relies on.
+ */
+export declare const mergeClassNames: (currentClasses: Iterable<string>, newClassName: string | undefined, oldClassName: string | undefined) => string;
+/**
+ * Defines a custom element and creates a React component.
+ * @public
+ */
+export declare const createComponent: <I extends HTMLElement, E extends EventNames = {}, C = Omit<I, keyof HTMLElement>, R extends keyof C = never>({ defineCustomElement, tagName, transformTag, ...options }: Options<I, E> & {
+    defineCustomElement: () => void;
+    transformTag?: (tagName: string) => string;
+}) => StencilReactComponent<I, E, C, R>;
+export {};

package/dist/react/runtime.d.ts

@@ -0,0 +1,2 @@
+export type { EventName, Options } from '@lit/react';
+export { createComponent, type StencilReactComponent } from './create-component.js';

package/dist/react/runtime.js

@@ -0,0 +1,43 @@
+// node_modules/@stencil/react-output-target/dist/create-component-ICzm58MY.js
+import { createComponent as h } from "@lit/react";
+import n from "react";
+var p = (s) => s ? s.split(/\s+/).filter(Boolean) : [];
+var w = (s, r, l) => {
+  const o = new Set(p(r)), f = new Set(p(l)), c = [];
+  for (const e of s)
+    o.has(e) ? (c.push(e), o.delete(e)) : f.has(e) || c.push(e);
+  for (const e of o)
+    c.push(e);
+  return c.join(" ");
+};
+var g = typeof window < "u" ? n.useLayoutEffect : n.useEffect;
+var L = ({
+  defineCustomElement: s,
+  tagName: r,
+  transformTag: l,
+  ...o
+}) => {
+  typeof s < "u" && s();
+  const f = l ? l(r) : r, c = h({ ...o, tagName: f }), e = n.forwardRef((N, a) => {
+    const {
+      className: C,
+      class: d,
+      ...y
+    } = N, u = C ?? d ?? "", m = n.useRef(null), i = n.useRef("");
+    g(() => {
+      const t = m.current;
+      t === null || u === i.current || (t.className = w(Array.from(t.classList), u, i.current), i.current = u);
+    });
+    const R = n.useCallback(
+      (t) => {
+        m.current = t, typeof a == "function" ? a(t) : a != null && (a.current = t);
+      },
+      [a]
+    );
+    return n.createElement(c, { ...y, ref: R });
+  });
+  return e.displayName = o.displayName ?? f, e;
+};
+export {
+  L as createComponent
+};

package/dist/react/tag-transformer.d.ts

@@ -0,0 +1,3 @@
+export declare const setTagTransformer: (transformer: (tagName: string) => string) => void;
+export declare const transformTag: (tag: string) => string;
+export declare const getTagTransformer: () => ((tagName: string) => string) | undefined;

package/dist/react/tag-transformer.js

@@ -0,0 +1,12 @@
+/* eslint-disable */
+/* tslint:disable */
+import { setTagTransformer as clientSetTagTransformer } from 'xv-webcomponents/dist/components/index.js';
+let tagTransformer;
+export const setTagTransformer = (transformer) => {
+    clientSetTagTransformer(transformer);
+    tagTransformer = transformer;
+};
+export const transformTag = (tag) => {
+    return tagTransformer ? tagTransformer(tag) : tag;
+};
+export const getTagTransformer = () => tagTransformer;

package/dist/react/xv-accordion-v2-item.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './runtime.js';
+import { type XvAccordionV2ItemCustomEvent } from "xv-webcomponents";
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvAccordionV2Item as XvAccordionV2ItemElement } from "xv-webcomponents/dist/components/xv-accordion-v2-item.js";
+export type XvAccordionV2ItemEvents = {
+    onItemToggle: EventName<XvAccordionV2ItemCustomEvent<any>>;
+};
+export declare const XvAccordionV2Item: StencilReactComponent<XvAccordionV2ItemElement, XvAccordionV2ItemEvents, Components.XvAccordionV2Item>;

package/dist/react/xv-accordion-v2-item.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvAccordionV2Item as XvAccordionV2ItemElement, defineCustomElement as defineXvAccordionV2Item } from "xv-webcomponents/dist/components/xv-accordion-v2-item.js";
+export const XvAccordionV2Item = /*@__PURE__*/ createComponent({
+    tagName: 'xv-accordion-v2-item',
+    elementClass: XvAccordionV2ItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onItemToggle: 'itemToggle' },
+    defineCustomElement: defineXvAccordionV2Item,
+    transformTag
+});

package/dist/react/xv-accordion-v2.d.ts

@@ -0,0 +1,15 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './runtime.js';
+import { type XvAccordionV2CustomEvent } from "xv-webcomponents";
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvAccordionV2 as XvAccordionV2Element } from "xv-webcomponents/dist/components/xv-accordion-v2.js";
+export type XvAccordionV2Events = {
+    onAccordionChange: EventName<XvAccordionV2CustomEvent<{
+        opened: Set<string>;
+        id: string;
+    }>>;
+};
+export declare const XvAccordionV2: StencilReactComponent<XvAccordionV2Element, XvAccordionV2Events, Components.XvAccordionV2>;

package/dist/react/xv-accordion-v2.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvAccordionV2 as XvAccordionV2Element, defineCustomElement as defineXvAccordionV2 } from "xv-webcomponents/dist/components/xv-accordion-v2.js";
+export const XvAccordionV2 = /*@__PURE__*/ createComponent({
+    tagName: 'xv-accordion-v2',
+    elementClass: XvAccordionV2Element,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onAccordionChange: 'accordionChange' },
+    defineCustomElement: defineXvAccordionV2,
+    transformTag
+});

package/dist/react/xv-breadcrumbs-v2.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from './runtime.js';
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvBreadcrumbsV2 as XvBreadcrumbsV2Element } from "xv-webcomponents/dist/components/xv-breadcrumbs-v2.js";
+export type XvBreadcrumbsV2Events = NonNullable<unknown>;
+export declare const XvBreadcrumbsV2: StencilReactComponent<XvBreadcrumbsV2Element, XvBreadcrumbsV2Events, Components.XvBreadcrumbsV2>;

package/dist/react/xv-breadcrumbs-v2.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvBreadcrumbsV2 as XvBreadcrumbsV2Element, defineCustomElement as defineXvBreadcrumbsV2 } from "xv-webcomponents/dist/components/xv-breadcrumbs-v2.js";
+export const XvBreadcrumbsV2 = /*@__PURE__*/ createComponent({
+    tagName: 'xv-breadcrumbs-v2',
+    elementClass: XvBreadcrumbsV2Element,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineXvBreadcrumbsV2,
+    transformTag
+});

package/dist/react/xv-button-group-v2.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './runtime.js';
+import { type XvButtonGroupV2CustomEvent } from "xv-webcomponents";
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvButtonGroupV2 as XvButtonGroupV2Element } from "xv-webcomponents/dist/components/xv-button-group-v2.js";
+export type XvButtonGroupV2Events = {
+    onActiveChange: EventName<XvButtonGroupV2CustomEvent<string | string[]>>;
+};
+export declare const XvButtonGroupV2: StencilReactComponent<XvButtonGroupV2Element, XvButtonGroupV2Events, Components.XvButtonGroupV2>;

package/dist/react/xv-button-group-v2.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvButtonGroupV2 as XvButtonGroupV2Element, defineCustomElement as defineXvButtonGroupV2 } from "xv-webcomponents/dist/components/xv-button-group-v2.js";
+export const XvButtonGroupV2 = /*@__PURE__*/ createComponent({
+    tagName: 'xv-button-group-v2',
+    elementClass: XvButtonGroupV2Element,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onActiveChange: 'activeChange' },
+    defineCustomElement: defineXvButtonGroupV2,
+    transformTag
+});

package/dist/react/xv-button-v2.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from './runtime.js';
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvButtonV2 as XvButtonV2Element } from "xv-webcomponents/dist/components/xv-button-v2.js";
+export type XvButtonV2Events = NonNullable<unknown>;
+export declare const XvButtonV2: StencilReactComponent<XvButtonV2Element, XvButtonV2Events, Components.XvButtonV2>;

package/dist/react/xv-button-v2.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvButtonV2 as XvButtonV2Element, defineCustomElement as defineXvButtonV2 } from "xv-webcomponents/dist/components/xv-button-v2.js";
+export const XvButtonV2 = /*@__PURE__*/ createComponent({
+    tagName: 'xv-button-v2',
+    elementClass: XvButtonV2Element,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineXvButtonV2,
+    transformTag
+});

package/dist/react/xv-card-v2.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from './runtime.js';
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvCardV2 as XvCardV2Element } from "xv-webcomponents/dist/components/xv-card-v2.js";
+export type XvCardV2Events = NonNullable<unknown>;
+export declare const XvCardV2: StencilReactComponent<XvCardV2Element, XvCardV2Events, Components.XvCardV2>;

package/dist/react/xv-card-v2.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvCardV2 as XvCardV2Element, defineCustomElement as defineXvCardV2 } from "xv-webcomponents/dist/components/xv-card-v2.js";
+export const XvCardV2 = /*@__PURE__*/ createComponent({
+    tagName: 'xv-card-v2',
+    elementClass: XvCardV2Element,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineXvCardV2,
+    transformTag
+});

package/dist/react/xv-checkbox-v2.d.ts

@@ -0,0 +1,15 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './runtime.js';
+import { type XvCheckboxV2CustomEvent } from "xv-webcomponents";
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvCheckboxV2 as XvCheckboxV2Element } from "xv-webcomponents/dist/components/xv-checkbox-v2.js";
+export type XvCheckboxV2Events = {
+    onEventChange: EventName<XvCheckboxV2CustomEvent<boolean>>;
+    onEventInput: EventName<XvCheckboxV2CustomEvent<boolean>>;
+    onEventFocus: EventName<XvCheckboxV2CustomEvent<void>>;
+    onEventBlur: EventName<XvCheckboxV2CustomEvent<void>>;
+};
+export declare const XvCheckboxV2: StencilReactComponent<XvCheckboxV2Element, XvCheckboxV2Events, Components.XvCheckboxV2>;

package/dist/react/xv-checkbox-v2.js

@@ -0,0 +1,19 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvCheckboxV2 as XvCheckboxV2Element, defineCustomElement as defineXvCheckboxV2 } from "xv-webcomponents/dist/components/xv-checkbox-v2.js";
+export const XvCheckboxV2 = /*@__PURE__*/ createComponent({
+    tagName: 'xv-checkbox-v2',
+    elementClass: XvCheckboxV2Element,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onEventChange: 'eventChange',
+        onEventInput: 'eventInput',
+        onEventFocus: 'eventFocus',
+        onEventBlur: 'eventBlur'
+    },
+    defineCustomElement: defineXvCheckboxV2,
+    transformTag
+});

package/dist/react/xv-content-switcher-item-v2.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from './runtime.js';
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvContentSwitcherItemV2 as XvContentSwitcherItemV2Element } from "xv-webcomponents/dist/components/xv-content-switcher-item-v2.js";
+export type XvContentSwitcherItemV2Events = NonNullable<unknown>;
+export declare const XvContentSwitcherItemV2: StencilReactComponent<XvContentSwitcherItemV2Element, XvContentSwitcherItemV2Events, Components.XvContentSwitcherItemV2>;

package/dist/react/xv-content-switcher-item-v2.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvContentSwitcherItemV2 as XvContentSwitcherItemV2Element, defineCustomElement as defineXvContentSwitcherItemV2 } from "xv-webcomponents/dist/components/xv-content-switcher-item-v2.js";
+export const XvContentSwitcherItemV2 = /*@__PURE__*/ createComponent({
+    tagName: 'xv-content-switcher-item-v2',
+    elementClass: XvContentSwitcherItemV2Element,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineXvContentSwitcherItemV2,
+    transformTag
+});

package/dist/react/xv-content-switcher-v2.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './runtime.js';
+import { type XvContentSwitcherV2CustomEvent } from "xv-webcomponents";
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvContentSwitcherV2 as XvContentSwitcherV2Element } from "xv-webcomponents/dist/components/xv-content-switcher-v2.js";
+export type XvContentSwitcherV2Events = {
+    onSelectedChange: EventName<XvContentSwitcherV2CustomEvent<number | string>>;
+};
+export declare const XvContentSwitcherV2: StencilReactComponent<XvContentSwitcherV2Element, XvContentSwitcherV2Events, Components.XvContentSwitcherV2>;

package/dist/react/xv-content-switcher-v2.js

@@ -0,0 +1,14 @@
+'use client';
+import { createComponent } from './runtime.js';
+import React from 'react';
+import { transformTag } from './tag-transformer.js';
+import { XvContentSwitcherV2 as XvContentSwitcherV2Element, defineCustomElement as defineXvContentSwitcherV2 } from "xv-webcomponents/dist/components/xv-content-switcher-v2.js";
+export const XvContentSwitcherV2 = /*@__PURE__*/ createComponent({
+    tagName: 'xv-content-switcher-v2',
+    elementClass: XvContentSwitcherV2Element,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onSelectedChange: 'selectedChange' },
+    defineCustomElement: defineXvContentSwitcherV2,
+    transformTag
+});

package/dist/react/xv-data-table-cell.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from './runtime.js';
+import { type XV_SORT_DIR, type XvDataTableCellCustomEvent } from "xv-webcomponents";
+import type { Components } from "xv-webcomponents/dist/components";
+import { XvDataTableCell as XvDataTableCellElement } from "xv-webcomponents/dist/components/xv-data-table-cell.js";
+export type XvDataTableCellEvents = {
+    onSortChange: EventName<XvDataTableCellCustomEvent<XV_SORT_DIR>>;
+};
+export declare const XvDataTableCell: StencilReactComponent<XvDataTableCellElement, XvDataTableCellEvents, Components.XvDataTableCell>;