@cupra/ui-kit 2.0.0-canary.87 → 2.0.0-canary.89

package/dist/cjs/utils/componentFactory.cjs

@@ -1,233 +1,233 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const t=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs"),n={createIcon:e=>(a("ds-icon",()=>Promise.resolve().then(()=>require("../components/ds-icon/ds-icon.cjs"))),i.html`
+const e=require(`../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`);var n={createIcon:n=>(i(`ds-icon`,()=>Promise.resolve().then(()=>require(`../components/ds-icon/ds-icon.cjs`))),e.x`
             <ds-icon
-                class=${t.ifDefined(e==null?void 0:e.class)}
-                data-testid=${t.ifDefined(e==null?void 0:e["data-testid"])}
-                @click=${e==null?void 0:e["@click"]}
-                @keydown=${e==null?void 0:e["@keydown"]}
-                icon-name=${e==null?void 0:e["icon-name"]}
-                color=${t.ifDefined(e==null?void 0:e.color)}
-                background-color=${t.ifDefined(e==null?void 0:e["background-color"])}
-                size=${t.ifDefined(e==null?void 0:e.size)}
-                aria-label=${t.ifDefined(e==null?void 0:e["aria-label"])}
-                aria-hidden=${t.ifDefined(e==null?void 0:e["aria-hidden"])}
-                role=${t.ifDefined(e==null?void 0:e.role)}
-                tabindex=${t.ifDefined(e==null?void 0:e.tabindex)}
+                class=${t.o(n?.class)}
+                data-testid=${t.o(n?.[`data-testid`])}
+                @click=${n?.[`@click`]}
+                @keydown=${n?.[`@keydown`]}
+                icon-name=${n?.[`icon-name`]}
+                color=${t.o(n?.color)}
+                background-color=${t.o(n?.[`background-color`])}
+                size=${t.o(n?.size)}
+                aria-label=${t.o(n?.[`aria-label`])}
+                aria-hidden=${t.o(n?.[`aria-hidden`])}
+                role=${t.o(n?.role)}
+                tabindex=${t.o(n?.tabindex)}
             >
-                ${e.children}
+                ${n.children}
             </ds-icon>
-        `),createCalendarDay:(e={})=>(a("ds-calendar-day",()=>Promise.resolve().then(()=>require("../components/ds-calendar-day/ds-calendar-day.cjs"))),i.html`
+        `),createCalendarDay:(n={})=>(i(`ds-calendar-day`,()=>Promise.resolve().then(()=>require(`../components/ds-calendar-day/ds-calendar-day.cjs`))),e.x`
             <ds-calendar-day
-                class=${t.ifDefined(e==null?void 0:e.class)}
-                day=${t.ifDefined(e==null?void 0:e.day)}
-                size=${t.ifDefined(e==null?void 0:e.size)}
-                ?disabled=${e==null?void 0:e.disabled}
-                ?selected=${e==null?void 0:e.selected}
-                ?today=${e==null?void 0:e.today}
-                ?outside-month=${e==null?void 0:e["outside-month"]}
-                data-testid=${t.ifDefined(e==null?void 0:e["data-testid"])}
+                class=${t.o(n?.class)}
+                day=${t.o(n?.day)}
+                size=${t.o(n?.size)}
+                ?disabled=${n?.disabled}
+                ?selected=${n?.selected}
+                ?today=${n?.today}
+                ?outside-month=${n?.[`outside-month`]}
+                data-testid=${t.o(n?.[`data-testid`])}
             ></ds-calendar-day>
-        `),createButton:(e={})=>(a("ds-button",()=>Promise.resolve().then(()=>require("../components/ds-button/ds-button.cjs"))),i.html`
+        `),createButton:(n={})=>(i(`ds-button`,()=>Promise.resolve().then(()=>require(`../components/ds-button/ds-button.cjs`))),e.x`
             <ds-button
-                class=${e==null?void 0:e.class}
-                @click=${e==null?void 0:e["@click"]}
-                .size=${t.ifDefined(e==null?void 0:e.size)}
-                type=${e==null?void 0:e.type}
-                icon-position=${e==null?void 0:e["icon-position"]}
-                .rounded=${e==null?void 0:e.rounded}
-                .full-width=${e==null?void 0:e["full-width"]}
-                variant=${(e==null?void 0:e.variant)??"primary"}
-                mode=${(e==null?void 0:e.mode)??"light"}
-                .disabled=${e==null?void 0:e.disabled}
-                icon-name=${e==null?void 0:e["icon-name"]}
-                html-tag-name=${e==null?void 0:e["html-tag-name"]}
-                href=${e==null?void 0:e.href}
-                rel=${e==null?void 0:e.rel}
-                target=${e==null?void 0:e.target}
-                data-testid=${e==null?void 0:e["data-testid"]}
+                class=${n?.class}
+                @click=${n?.[`@click`]}
+                .size=${t.o(n?.size)}
+                type=${n?.type}
+                icon-position=${n?.[`icon-position`]}
+                .rounded=${n?.rounded}
+                .full-width=${n?.[`full-width`]}
+                variant=${n?.variant??`primary`}
+                mode=${n?.mode??`light`}
+                .disabled=${n?.disabled}
+                icon-name=${n?.[`icon-name`]}
+                html-tag-name=${n?.[`html-tag-name`]}
+                href=${n?.href}
+                rel=${n?.rel}
+                target=${n?.target}
+                data-testid=${n?.[`data-testid`]}
             >
-                ${e.children}
+                ${n.children}
             </ds-button>
-        `),createDivider:(e={})=>(a("ds-divider",()=>Promise.resolve().then(()=>require("../components/ds-divider/ds-divider.cjs"))),i.html`
+        `),createDivider:(t={})=>(i(`ds-divider`,()=>Promise.resolve().then(()=>require(`../components/ds-divider/ds-divider.cjs`))),e.x`
             <ds-divider
-                class=${e==null?void 0:e.class}
-                variant=${(e==null?void 0:e.variant)??"primary"}
-                orientation=${(e==null?void 0:e.orientation)??"horizontal"}
-                data-testid=${e==null?void 0:e["data-testid"]}
+                class=${t?.class}
+                variant=${t?.variant??`primary`}
+                orientation=${t?.orientation??`horizontal`}
+                data-testid=${t?.[`data-testid`]}
             >
             </ds-divider>
-        `),createIconButton:(e={})=>(a("ds-icon-button",()=>Promise.resolve().then(()=>require("../components/ds-icon-button/ds-icon-button.cjs"))),i.html`
+        `),createIconButton:(n={})=>(i(`ds-icon-button`,()=>Promise.resolve().then(()=>require(`../components/ds-icon-button/ds-icon-button.cjs`))),e.x`
             <ds-icon-button
-                class=${e==null?void 0:e.class}
-                @click=${e==null?void 0:e["@click"]}
-                size=${t.ifDefined(e==null?void 0:e.size)}
-                variant=${(e==null?void 0:e.variant)??"primary"}
-                mode=${(e==null?void 0:e.mode)??"light"}
-                .disabled=${e==null?void 0:e.disabled}
-                icon-name=${e==null?void 0:e["icon-name"]}
-                html-tag-name=${e==null?void 0:e["html-tag-name"]}
-                href=${e==null?void 0:e.href}
-                rel=${e==null?void 0:e.rel}
-                target=${e==null?void 0:e.target}
-                data-testid=${e==null?void 0:e["data-testid"]}
-                data-aria-label=${e==null?void 0:e["data-aria-label"]}
+                class=${n?.class}
+                @click=${n?.[`@click`]}
+                size=${t.o(n?.size)}
+                variant=${n?.variant??`primary`}
+                mode=${n?.mode??`light`}
+                .disabled=${n?.disabled}
+                icon-name=${n?.[`icon-name`]}
+                html-tag-name=${n?.[`html-tag-name`]}
+                href=${n?.href}
+                rel=${n?.rel}
+                target=${n?.target}
+                data-testid=${n?.[`data-testid`]}
+                data-aria-label=${n?.[`data-aria-label`]}
             >
-                ${e.children}
+                ${n.children}
             </ds-icon-button>
-        `),createLoaderSpinner:(e={})=>(a("ds-loader-spinner",()=>Promise.resolve().then(()=>require("../components/ds-loader-spinner/ds-loader-spinner.cjs"))),i.html`
+        `),createLoaderSpinner:(t={})=>(i(`ds-loader-spinner`,()=>Promise.resolve().then(()=>require(`../components/ds-loader-spinner/ds-loader-spinner.cjs`))),e.x`
             <ds-loader-spinner
-                ?show=${e==null?void 0:e.show}
-                orientation=${(e==null?void 0:e.orientation)??"row"}
-                mode=${(e==null?void 0:e.mode)??"light"}
+                ?show=${t?.show}
+                orientation=${t?.orientation??`row`}
+                mode=${t?.mode??`light`}
             ></ds-loader-spinner>
-        `),createSkeleton:(e={})=>(a("ds-skeleton",()=>Promise.resolve().then(()=>require("../components/ds-skeleton/ds-skeleton.cjs"))),i.html`
+        `),createSkeleton:(n={})=>(i(`ds-skeleton`,()=>Promise.resolve().then(()=>require(`../components/ds-skeleton/ds-skeleton.cjs`))),e.x`
             <ds-skeleton
-                class=${t.ifDefined(e==null?void 0:e.class)}
-                data-testid=${t.ifDefined(e==null?void 0:e["data-testid"])}
-                variant=${t.ifDefined(e==null?void 0:e.variant)}
-                width=${t.ifDefined(e==null?void 0:e.width)}
-                height=${t.ifDefined(e==null?void 0:e.height)}
-                animation=${t.ifDefined(e==null?void 0:e.animation)}
+                class=${t.o(n?.class)}
+                data-testid=${t.o(n?.[`data-testid`])}
+                variant=${t.o(n?.variant)}
+                width=${t.o(n?.width)}
+                height=${t.o(n?.height)}
+                animation=${t.o(n?.animation)}
             ></ds-skeleton>
-        `),createToastMessage:e=>(a("ds-toast-message",()=>Promise.resolve().then(()=>require("../components/ds-toast-message/ds-toast-message.cjs"))),i.html`
+        `),createToastMessage:t=>(i(`ds-toast-message`,()=>Promise.resolve().then(()=>require(`../components/ds-toast-message/ds-toast-message.cjs`))),e.x`
             <ds-toast-message
-                data-id="${e["data-id"]}"
-                data-template="${e["data-template"]}"
-                title="${e.title}"
-                text="${e.text}"
-                status="${e.status}"
+                data-id="${t[`data-id`]}"
+                data-template="${t[`data-template`]}"
+                title="${t.title}"
+                text="${t.text}"
+                status="${t.status}"
             ></ds-toast-message>
-        `),createInlineAlert:e=>(a("ds-inline-alert",()=>Promise.resolve().then(()=>require("../components/ds-inline-alert/ds-inline-alert.cjs"))),i.html`
+        `),createInlineAlert:t=>(i(`ds-inline-alert`,()=>Promise.resolve().then(()=>require(`../components/ds-inline-alert/ds-inline-alert.cjs`))),e.x`
             <ds-inline-alert
-                title="${e.title}"
-                text="${e.text}"
-                status="${e.status}"
-                ?show=${e.show??!0}
+                title="${t.title}"
+                text="${t.text}"
+                status="${t.status}"
+                ?show=${t.show??!0}
             ></ds-inline-alert>
-        `),createTooltip:(e={})=>(a("ds-tooltip",()=>Promise.resolve().then(()=>require("../components/ds-tooltip/ds-tooltip.cjs"))),i.html`
+        `),createTooltip:(n={})=>(i(`ds-tooltip`,()=>Promise.resolve().then(()=>require(`../components/ds-tooltip/ds-tooltip.cjs`))),e.x`
             <ds-tooltip
-                mode=${t.ifDefined(e.mode)}
-                ?show=${e.show??!1}
-                ?disable-hover-listener=${e==null?void 0:e["disable-hover-listener"]}
-                ?disable-focus-listener=${e==null?void 0:e["disable-focus-listener"]}
-                ?disable-press-listener=${e==null?void 0:e["disable-press-listener"]}
+                mode=${t.o(n.mode)}
+                ?show=${n.show??!1}
+                ?disable-hover-listener=${n?.[`disable-hover-listener`]}
+                ?disable-focus-listener=${n?.[`disable-focus-listener`]}
+                ?disable-press-listener=${n?.[`disable-press-listener`]}
             >
-                ${e.children}
-                <div slot="content">${e.content}</div>
+                ${n.children}
+                <div slot="content">${n.content}</div>
             </ds-tooltip>
-        `)},l={createIcon:e=>(a("ds-icon-react",()=>Promise.resolve().then(()=>require("../components/ds-icon/ds-icon.cjs"))),i.html`
+        `)},r={createIcon:n=>(i(`ds-icon-react`,()=>Promise.resolve().then(()=>require(`../components/ds-icon/ds-icon.cjs`))),e.x`
             <ds-icon-react
-                class=${t.ifDefined(e==null?void 0:e.class)}
-                data-testid=${t.ifDefined(e==null?void 0:e["data-testid"])}
-                @click=${e==null?void 0:e["@click"]}
-                @keydown=${e==null?void 0:e["@keydown"]}
-                icon-name=${e==null?void 0:e["icon-name"]}
-                color=${t.ifDefined(e==null?void 0:e.color)}
-                background-color=${t.ifDefined(e==null?void 0:e["background-color"])}
-                size=${t.ifDefined(e==null?void 0:e.size)}
-                aria-label=${t.ifDefined(e==null?void 0:e["aria-label"])}
-                aria-hidden=${t.ifDefined(e==null?void 0:e["aria-hidden"])}
-                role=${t.ifDefined(e==null?void 0:e.role)}
-                tabindex=${t.ifDefined(e==null?void 0:e.tabindex)}
+                class=${t.o(n?.class)}
+                data-testid=${t.o(n?.[`data-testid`])}
+                @click=${n?.[`@click`]}
+                @keydown=${n?.[`@keydown`]}
+                icon-name=${n?.[`icon-name`]}
+                color=${t.o(n?.color)}
+                background-color=${t.o(n?.[`background-color`])}
+                size=${t.o(n?.size)}
+                aria-label=${t.o(n?.[`aria-label`])}
+                aria-hidden=${t.o(n?.[`aria-hidden`])}
+                role=${t.o(n?.role)}
+                tabindex=${t.o(n?.tabindex)}
             >
-                ${e.children}
+                ${n.children}
             </ds-icon-react>
-        `),createCalendarDay:(e={})=>(a("ds-calendar-day-react",()=>Promise.resolve().then(()=>require("../components/ds-calendar-day/ds-calendar-day.cjs"))),i.html`
+        `),createCalendarDay:(n={})=>(i(`ds-calendar-day-react`,()=>Promise.resolve().then(()=>require(`../components/ds-calendar-day/ds-calendar-day.cjs`))),e.x`
             <ds-calendar-day-react
-                class=${t.ifDefined(e==null?void 0:e.class)}
-                day=${t.ifDefined(e==null?void 0:e.day)}
-                size=${t.ifDefined(e==null?void 0:e.size)}
-                ?disabled=${e==null?void 0:e.disabled}
-                ?selected=${e==null?void 0:e.selected}
-                ?today=${e==null?void 0:e.today}
-                ?outside-month=${e==null?void 0:e["outside-month"]}
-                data-testid=${t.ifDefined(e==null?void 0:e["data-testid"])}
+                class=${t.o(n?.class)}
+                day=${t.o(n?.day)}
+                size=${t.o(n?.size)}
+                ?disabled=${n?.disabled}
+                ?selected=${n?.selected}
+                ?today=${n?.today}
+                ?outside-month=${n?.[`outside-month`]}
+                data-testid=${t.o(n?.[`data-testid`])}
             ></ds-calendar-day-react>
-        `),createButton:(e={})=>(a("ds-button-react",()=>Promise.resolve().then(()=>require("../components/ds-button/ds-button.cjs"))),i.html`
+        `),createButton:(n={})=>(i(`ds-button-react`,()=>Promise.resolve().then(()=>require(`../components/ds-button/ds-button.cjs`))),e.x`
             <ds-button-react
-                class=${e==null?void 0:e.class}
-                @click=${e==null?void 0:e["@click"]}
-                .size=${t.ifDefined(e==null?void 0:e.size)}
-                type=${e==null?void 0:e.type}
-                icon-position=${e==null?void 0:e["icon-position"]}
-                .rounded=${e==null?void 0:e.rounded}
-                .full-width=${e==null?void 0:e["full-width"]}
-                variant=${(e==null?void 0:e.variant)??"primary"}
-                mode=${(e==null?void 0:e.mode)??"light"}
-                .disabled=${e==null?void 0:e.disabled}
-                icon-name=${e==null?void 0:e["icon-name"]}
-                html-tag-name=${e==null?void 0:e["html-tag-name"]}
-                href=${e==null?void 0:e.href}
-                rel=${e==null?void 0:e.rel}
-                target=${e==null?void 0:e.target}
-                data-testid=${e==null?void 0:e["data-testid"]}
+                class=${n?.class}
+                @click=${n?.[`@click`]}
+                .size=${t.o(n?.size)}
+                type=${n?.type}
+                icon-position=${n?.[`icon-position`]}
+                .rounded=${n?.rounded}
+                .full-width=${n?.[`full-width`]}
+                variant=${n?.variant??`primary`}
+                mode=${n?.mode??`light`}
+                .disabled=${n?.disabled}
+                icon-name=${n?.[`icon-name`]}
+                html-tag-name=${n?.[`html-tag-name`]}
+                href=${n?.href}
+                rel=${n?.rel}
+                target=${n?.target}
+                data-testid=${n?.[`data-testid`]}
             >
-                ${e.children}
+                ${n.children}
             </ds-button-react>
-        `),createDivider:(e={})=>(a("ds-divider-react",()=>Promise.resolve().then(()=>require("../components/ds-divider/ds-divider.cjs"))),i.html`
+        `),createDivider:(t={})=>(i(`ds-divider-react`,()=>Promise.resolve().then(()=>require(`../components/ds-divider/ds-divider.cjs`))),e.x`
             <ds-divider-react
-                class=${e==null?void 0:e.class}
-                variant=${(e==null?void 0:e.variant)??"primary"}
-                orientation=${(e==null?void 0:e.orientation)??"horizontal"}
-                data-testid=${e==null?void 0:e["data-testid"]}
+                class=${t?.class}
+                variant=${t?.variant??`primary`}
+                orientation=${t?.orientation??`horizontal`}
+                data-testid=${t?.[`data-testid`]}
             >
             </ds-divider-react>
-        `),createIconButton:(e={})=>(a("ds-icon-button-react",()=>Promise.resolve().then(()=>require("../components/ds-icon-button/ds-icon-button.cjs"))),i.html`
+        `),createIconButton:(n={})=>(i(`ds-icon-button-react`,()=>Promise.resolve().then(()=>require(`../components/ds-icon-button/ds-icon-button.cjs`))),e.x`
             <ds-icon-button-react
-                class=${e==null?void 0:e.class}
-                @click=${e==null?void 0:e["@click"]}
-                size=${t.ifDefined(e==null?void 0:e.size)}
-                variant=${(e==null?void 0:e.variant)??"primary"}
-                mode=${(e==null?void 0:e.mode)??"light"}
-                .disabled=${e==null?void 0:e.disabled}
-                icon-name=${e==null?void 0:e["icon-name"]}
-                html-tag-name=${e==null?void 0:e["html-tag-name"]}
-                href=${e==null?void 0:e.href}
-                rel=${e==null?void 0:e.rel}
-                target=${e==null?void 0:e.target}
-                data-testid=${e==null?void 0:e["data-testid"]}
-                data-aria-label=${e==null?void 0:e["data-aria-label"]}
+                class=${n?.class}
+                @click=${n?.[`@click`]}
+                size=${t.o(n?.size)}
+                variant=${n?.variant??`primary`}
+                mode=${n?.mode??`light`}
+                .disabled=${n?.disabled}
+                icon-name=${n?.[`icon-name`]}
+                html-tag-name=${n?.[`html-tag-name`]}
+                href=${n?.href}
+                rel=${n?.rel}
+                target=${n?.target}
+                data-testid=${n?.[`data-testid`]}
+                data-aria-label=${n?.[`data-aria-label`]}
             >
-                ${e.children}
+                ${n.children}
             </ds-icon-button-react>
-        `),createLoaderSpinner:(e={})=>(a("ds-loader-spinner-react",()=>Promise.resolve().then(()=>require("../components/ds-loader-spinner/ds-loader-spinner.cjs"))),i.html`
+        `),createLoaderSpinner:(t={})=>(i(`ds-loader-spinner-react`,()=>Promise.resolve().then(()=>require(`../components/ds-loader-spinner/ds-loader-spinner.cjs`))),e.x`
             <ds-loader-spinner-react
-                ?show=${e==null?void 0:e.show}
-                orientation=${(e==null?void 0:e.orientation)??"row"}
-                mode=${(e==null?void 0:e.mode)??"light"}
+                ?show=${t?.show}
+                orientation=${t?.orientation??`row`}
+                mode=${t?.mode??`light`}
             ></ds-loader-spinner-react>
-        `),createSkeleton:(e={})=>(a("ds-skeleton-react",()=>Promise.resolve().then(()=>require("../components/ds-skeleton/ds-skeleton.cjs"))),i.html`
+        `),createSkeleton:(n={})=>(i(`ds-skeleton-react`,()=>Promise.resolve().then(()=>require(`../components/ds-skeleton/ds-skeleton.cjs`))),e.x`
             <ds-skeleton-react
-                class=${t.ifDefined(e==null?void 0:e.class)}
-                data-testid=${t.ifDefined(e==null?void 0:e["data-testid"])}
-                variant=${t.ifDefined(e==null?void 0:e.variant)}
-                width=${t.ifDefined(e==null?void 0:e.width)}
-                height=${t.ifDefined(e==null?void 0:e.height)}
-                animation=${t.ifDefined(e==null?void 0:e.animation)}
+                class=${t.o(n?.class)}
+                data-testid=${t.o(n?.[`data-testid`])}
+                variant=${t.o(n?.variant)}
+                width=${t.o(n?.width)}
+                height=${t.o(n?.height)}
+                animation=${t.o(n?.animation)}
             ></ds-skeleton-react>
-        `),createToastMessage:e=>(a("ds-toast-message-react",()=>Promise.resolve().then(()=>require("../components/ds-toast-message/ds-toast-message.cjs"))),i.html`
+        `),createToastMessage:t=>(i(`ds-toast-message-react`,()=>Promise.resolve().then(()=>require(`../components/ds-toast-message/ds-toast-message.cjs`))),e.x`
             <ds-toast-message-react
-                data-id="${e["data-id"]}"
-                data-template="${e["data-template"]}"
-                title="${e.title}"
-                text="${e.text}"
-                status="${e.status}"
+                data-id="${t[`data-id`]}"
+                data-template="${t[`data-template`]}"
+                title="${t.title}"
+                text="${t.text}"
+                status="${t.status}"
             ></ds-toast-message-react>
-        `),createInlineAlert:e=>(a("ds-inline-alert-react",()=>Promise.resolve().then(()=>require("../components/ds-inline-alert/ds-inline-alert.cjs"))),i.html`
+        `),createInlineAlert:t=>(i(`ds-inline-alert-react`,()=>Promise.resolve().then(()=>require(`../components/ds-inline-alert/ds-inline-alert.cjs`))),e.x`
             <ds-inline-alert-react
-                title="${e.title}"
-                text="${e.text}"
-                status="${e.status}"
-                ?show=${e.show??!0}
+                title="${t.title}"
+                text="${t.text}"
+                status="${t.status}"
+                ?show=${t.show??!0}
             ></ds-inline-alert-react>
-        `),createTooltip:(e={})=>(a("ds-tooltip-react",()=>Promise.resolve().then(()=>require("../components/ds-tooltip/ds-tooltip.cjs"))),i.html`
+        `),createTooltip:(n={})=>(i(`ds-tooltip-react`,()=>Promise.resolve().then(()=>require(`../components/ds-tooltip/ds-tooltip.cjs`))),e.x`
             <ds-tooltip-react
-                mode=${t.ifDefined(e.mode)}
-                ?show=${e.show??!1}
-                ?disable-hover-listener=${e==null?void 0:e["disable-hover-listener"]}
-                ?disable-focus-listener=${e==null?void 0:e["disable-focus-listener"]}
-                ?disable-press-listener=${e==null?void 0:e["disable-press-listener"]}
+                mode=${t.o(n.mode)}
+                ?show=${n.show??!1}
+                ?disable-hover-listener=${n?.[`disable-hover-listener`]}
+                ?disable-focus-listener=${n?.[`disable-focus-listener`]}
+                ?disable-press-listener=${n?.[`disable-press-listener`]}
             >
-                ${e.children}
-                <div slot="content">${e.content}</div>
+                ${n.children}
+                <div slot="content">${n.content}</div>
             </ds-tooltip-react>
-        `)};function a(e,d){try{typeof window<"u"&&typeof customElements<"u"&&!customElements.get(e)&&d()}catch{}}exports.reactFactory=l;exports.standardFactory=n;
+        `)};function i(e,t){try{typeof window<`u`&&typeof customElements<`u`&&!customElements.get(e)&&t()}catch{}}exports.reactFactory=r,exports.standardFactory=n;

package/dist/cjs/utils/concurrencyLimit.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function c(r){let n=0;const e=[];function u(){if(n<r){n++;return}return new Promise(t=>{e.push(()=>{n++,t()})})}function o(){n--;const t=e.shift();t&&t()}return async t=>{const i=u();i&&await i;try{return await t()}finally{o()}}}exports.concurrencyLimit=c;
+function e(e){let t=0,n=[];function r(){if(t<e){t++;return}return new Promise(e=>{n.push(()=>{t++,e()})})}function i(){t--;let e=n.shift();e&&e()}return async e=>{let t=r();t&&await t;try{return await e()}finally{i()}}}exports.concurrencyLimit=e;

package/dist/cjs/utils/cssQueries.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const s=require("./breakpoints.cjs"),i=require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),e={xs:i.css`@media(min-width: ${s.breakpoints.xs}px)`,s:i.css`@media(min-width: ${s.breakpoints.s}px)`,m:i.css`@media(min-width: ${s.breakpoints.m}px)`,l:i.css`@media(min-width: ${s.breakpoints.l}px)`,xl:i.css`@media(min-width: ${s.breakpoints.xl}px)`,xxl:i.css`@media(min-width: ${s.breakpoints.xxl}px)`};exports.cssQueries=e;
+const e=require(`../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`./breakpoints.cjs`);var n={xs:e.i`@media(min-width: ${t.breakpoints.xs}px)`,s:e.i`@media(min-width: ${t.breakpoints.s}px)`,m:e.i`@media(min-width: ${t.breakpoints.m}px)`,l:e.i`@media(min-width: ${t.breakpoints.l}px)`,xl:e.i`@media(min-width: ${t.breakpoints.xl}px)`,xxl:e.i`@media(min-width: ${t.breakpoints.xxl}px)`};exports.cssQueries=n;

package/dist/cjs/utils/cssWithTokens.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");function i(r,...t){const s=String.raw({raw:r},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v2-0-0-canary-87"),n=e.unsafeCSS(s);return e.css`${n}`}exports.cssWithTokens=i;
+const e=require(`../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);function t(t,...n){return e.i`${e.r(String.raw({raw:t},...n).replace(/(--private-[\w-]+)(?=\s*[):,])/g,`$1-v2-0-0-canary-89`))}`}exports.cssWithTokens=t;

package/dist/cjs/utils/debounce.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n({func:t,milliseconds:o=100}){let e;return function(u){clearTimeout(e),e=setTimeout(()=>{t(u)},o)}}exports.debounce=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e({func:e,milliseconds:t=100}){let n;return function(r){clearTimeout(n),n=setTimeout(()=>{e(r)},t)}}exports.debounce=e;

package/dist/cjs/utils/formatNumber/formatNumber.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function k({value:i,locale:l,style:u,unit:n,currency:s,localeMatcher:m="lookup",minimumIntegerDigits:b=1,minimumFractionDigits:f=0,maximumFractionDigits:g=20,thousandSeparator:S,fractionSeparator:p,useGrouping:y="auto"}){let t="",a,r;const o=new Intl.NumberFormat(l,{...u&&{style:u},...n&&{unit:n},...s&&{currency:s},localeMatcher:m,minimumIntegerDigits:b,minimumFractionDigits:f,maximumFractionDigits:g,useGrouping:y}).formatToParts(i??0);return o.forEach((e,c)=>{switch(e.type){case"unit":case"currency":case"percentSign":a=e.value,r=c===0||(o[0].type==="minusSign"||o[0].type==="plusSign")&&c===1?"left":"right";break;case"group":t+=S??e.value;break;case"decimal":t+=p??e.value;break;case"integer":case"fraction":case"plusSign":case"minusSign":t+=e.value;break}}),{formattedValue:t,...a&&{unitSymbol:a},...r&&{unitSymbolPosition:r}}}exports.formatNumber=k;
+function e({value:e,locale:t,style:n,unit:r,currency:i,localeMatcher:a=`lookup`,minimumIntegerDigits:o=1,minimumFractionDigits:s=0,maximumFractionDigits:c=20,thousandSeparator:l,fractionSeparator:u,useGrouping:d=`auto`}){let f=``,p,m,h=new Intl.NumberFormat(t,{...n&&{style:n},...r&&{unit:r},...i&&{currency:i},localeMatcher:a,minimumIntegerDigits:o,minimumFractionDigits:s,maximumFractionDigits:c,useGrouping:d}).formatToParts(e??0);return h.forEach((e,t)=>{switch(e.type){case`unit`:case`currency`:case`percentSign`:p=e.value,m=t===0||(h[0].type===`minusSign`||h[0].type===`plusSign`)&&t===1?`left`:`right`;break;case`group`:f+=l??e.value;break;case`decimal`:f+=u??e.value;break;case`integer`:case`fraction`:case`plusSign`:case`minusSign`:f+=e.value;break}}),{formattedValue:f,...p&&{unitSymbol:p},...m&&{unitSymbolPosition:m}}}exports.formatNumber=e;

package/dist/cjs/utils/htmlWithTokens.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs");function a(e,...t){const r=String.raw({raw:e},...t).replace(/(--private-[\w-]+)(?=\s*[):,])/g,"$1-v2-0-0-canary-87"),n=o.unsafeHTML(r);return i.html`${n}`}exports.htmlWithTokens=a;
+const e=require(`../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.cjs`);function n(n,...r){return e.x`${t.o(String.raw({raw:n},...r).replace(/(--private-[\w-]+)(?=\s*[):,])/g,`$1-v2-0-0-canary-89`))}`}exports.htmlWithTokens=n;

package/dist/cjs/utils/objectConverter.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=t=>{if(typeof t!="string")return t;try{return JSON.parse(t)}catch{return t}};exports.objectConverter=r;
+var e=e=>{if(typeof e!=`string`)return e;try{return JSON.parse(e)}catch{return e}};exports.objectConverter=e;

package/dist/cjs/utils/validateMaxLength.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e){return!e||typeof e!="string"&&typeof e!="number"?!1:(typeof e=="string"?Number(e):e)>0}exports.validateMaxLength=t;
+function e(e){return!e||typeof e!=`string`&&typeof e!=`number`?!1:(typeof e==`string`?Number(e):e)>0}exports.validateMaxLength=e;

package/dist/esm/_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js

@@ -0,0 +1,9 @@
+//#region \0@oxc-project+runtime@0.122.0/helpers/decorate.js
+function e(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}
+//#endregion
+export { e as __decorate };

package/dist/esm/components/base/DsUiElement.js

@@ -1,47 +1,36 @@
-import { themeContext as n } from "../ds-theme-provider/themeContext.js";
-import { consume as u } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.js";
-import { pubSub as l } from "../../utils/PubSub.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import { LitElement as c } from "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as b } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
-import { adoptStyles as y } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-var f = Object.defineProperty, h = (m, e, s, o) => {
-  for (var t = void 0, r = m.length - 1, i; r >= 0; r--)
-    (i = m[r]) && (t = i(e, s, t) || t);
-  return t && f(e, s, t), t;
-};
-class p extends c {
-  constructor() {
-    super(), this.handleChangeTheme = (e) => {
-      this.pubSubTheme = e;
-    }, this.pubSubTheme = l.subscribe("theme", this.handleChangeTheme);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.applyTheme();
-  }
-  updated(e) {
-    super.updated(e), (e.has("contextTheme") || e.has("pubSubTheme")) && (this.theme = this.contextTheme ?? this.pubSubTheme, this.applyTheme());
-  }
-  applyTheme() {
-    var r;
-    const e = this.constructor, s = (r = e.themesStyles) == null ? void 0 : r[this.theme], o = Array.isArray(s) ? s : [s];
-    if (!(o != null && o.length)) return;
-    const t = Array.isArray(e.styles) ? e.styles : [e.styles];
-    y(this.shadowRoot, [...t, ...o].filter(Boolean));
-  }
-}
-h([
-  b({ attribute: !1 }),
-  u({ context: n, subscribe: !0 })
-], p.prototype, "contextTheme");
-h([
-  a()
-], p.prototype, "pubSubTheme");
-h([
-  a()
-], p.prototype, "theme");
-export {
-  p as DsUiElement
+import { c as e } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.js";
+import { themeContext as t } from "../ds-theme-provider/themeContext.js";
+import { pubSub as n } from "../../utils/PubSub.js";
+import { S as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import { i } from "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { r as o } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as s } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+//#region src/components/base/DsUiElement.ts
+var c = class extends i {
+	constructor() {
+		super(), this.handleChangeTheme = (e) => {
+			this.pubSubTheme = e;
+		}, this.pubSubTheme = n.subscribe("theme", this.handleChangeTheme);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.applyTheme();
+	}
+	updated(e) {
+		super.updated(e), (e.has("contextTheme") || e.has("pubSubTheme")) && (this.theme = this.contextTheme ?? this.pubSubTheme, this.applyTheme());
+	}
+	applyTheme() {
+		let e = this.constructor, t = e.themesStyles?.[this.theme], n = Array.isArray(t) ? t : [t];
+		if (!n?.length) return;
+		let i = Array.isArray(e.styles) ? e.styles : [e.styles];
+		r(this.shadowRoot, [...i, ...n].filter(Boolean));
+	}
 };
+s([a({ attribute: !1 }), e({
+	context: t,
+	subscribe: !0
+})], c.prototype, "contextTheme", void 0), s([o()], c.prototype, "pubSubTheme", void 0), s([o()], c.prototype, "theme", void 0);
+//#endregion
+export { c as DsUiElement };