@cupra/ui-kit 2.0.0-canary.131 → 2.0.0-canary.133

package/dist/esm/utils/componentFactory.js

@@ -1,276 +0,0 @@
-import { x as e } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
-import { o as t } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
-import "../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
-import { s as n, u as r } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.js";
-import "../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.js";
-import { VERSION_TAG_SUFFIX as i } from "./version.js";
-//#region src/utils/componentFactory.ts
-var a = n(`ds-icon${i}`), o = n(`ds-calendar-day${i}`), s = n(`ds-button${i}`), c = n(`ds-divider${i}`), l = n(`ds-icon-button${i}`), u = n(`ds-loader-spinner${i}`), d = n(`ds-skeleton${i}`), f = n(`ds-toast-message${i}`), p = n(`ds-inline-alert${i}`), m = n(`ds-tooltip${i}`), h = {
-	createIcon: (n) => (_("ds-icon", () => import("../components/ds-icon/ds-icon.js")), e`
-            <ds-icon
-                class=${t(n?.class)}
-                data-testid=${t(n?.["data-testid"])}
-                @click=${n?.["@click"]}
-                @keydown=${n?.["@keydown"]}
-                icon-name=${n?.["icon-name"]}
-                color=${t(n?.color)}
-                background-color=${t(n?.["background-color"])}
-                size=${t(n?.size)}
-                aria-label=${t(n?.["aria-label"])}
-                aria-hidden=${t(n?.["aria-hidden"])}
-                role=${t(n?.role)}
-                tabindex=${t(n?.tabindex)}
-            >
-                ${n.children}
-            </ds-icon>
-        `),
-	createCalendarDay: (n = {}) => (_("ds-calendar-day", () => import("../components/ds-calendar-day/ds-calendar-day.js")), e`
-            <ds-calendar-day
-                class=${t(n?.class)}
-                day=${t(n?.day)}
-                size=${t(n?.size)}
-                ?disabled=${n?.disabled}
-                ?selected=${n?.selected}
-                ?today=${n?.today}
-                ?outside-month=${n?.["outside-month"]}
-                data-testid=${t(n?.["data-testid"])}
-            ></ds-calendar-day>
-        `),
-	createButton: (n = {}) => (_("ds-button", () => import("../components/ds-button/ds-button.js")), e`
-            <ds-button
-                class=${n?.class}
-                @click=${n?.["@click"]}
-                .size=${t(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"]}
-            >
-                ${n.children}
-            </ds-button>
-        `),
-	createDivider: (t = {}) => (_("ds-divider", () => import("../components/ds-divider/ds-divider.js")), e`
-            <ds-divider
-                class=${t?.class}
-                variant=${t?.variant ?? "primary"}
-                orientation=${t?.orientation ?? "horizontal"}
-                data-testid=${t?.["data-testid"]}
-            >
-            </ds-divider>
-        `),
-	createIconButton: (n = {}) => (_("ds-icon-button", () => import("../components/ds-icon-button/ds-icon-button.js")), e`
-            <ds-icon-button
-                class=${n?.class}
-                @click=${n?.["@click"]}
-                size=${t(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"]}
-                custom-background=${t(n?.["custom-background"])}
-                custom-color=${t(n?.["custom-color"])}
-            >
-                ${n.children}
-            </ds-icon-button>
-        `),
-	createLoaderSpinner: (t = {}) => (_("ds-loader-spinner", () => import("../components/ds-loader-spinner/ds-loader-spinner.js")), e`
-            <ds-loader-spinner
-                ?show=${t?.show}
-                orientation=${t?.orientation ?? "row"}
-                mode=${t?.mode ?? "light"}
-            ></ds-loader-spinner>
-        `),
-	createSkeleton: (n = {}) => (_("ds-skeleton", () => import("../components/ds-skeleton/ds-skeleton.js")), e`
-            <ds-skeleton
-                class=${t(n?.class)}
-                data-testid=${t(n?.["data-testid"])}
-                variant=${t(n?.variant)}
-                width=${t(n?.width)}
-                height=${t(n?.height)}
-                animation=${t(n?.animation)}
-            ></ds-skeleton>
-        `),
-	createToastMessage: (t) => (_("ds-toast-message", () => import("../components/ds-toast-message/ds-toast-message.js")), e`
-            <ds-toast-message
-                data-id="${t["data-id"]}"
-                data-template="${t["data-template"]}"
-                title="${t.title}"
-                text="${t.text}"
-                status="${t.status}"
-            ></ds-toast-message>
-        `),
-	createInlineAlert: (t) => (_("ds-inline-alert", () => import("../components/ds-inline-alert/ds-inline-alert.js")), e`
-            <ds-inline-alert
-                title="${t.title}"
-                text="${t.text}"
-                status="${t.status}"
-                ?show=${t.show ?? !0}
-            ></ds-inline-alert>
-        `),
-	createTooltip: (n = {}) => (_("ds-tooltip", () => import("../components/ds-tooltip/ds-tooltip.js")), e`
-            <ds-tooltip
-                class=${t(n?.class)}
-                mode=${t(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"]}
-            >
-                ${n.children}
-                <div slot="content">${n.content}</div>
-            </ds-tooltip>
-        `)
-}, g = {
-	createIcon: (e) => (_(`ds-icon${i}`, () => import("../components/ds-icon/ds-icon.js")), r`
-            <${a}
-                class=${t(e?.class)}
-                data-testid=${t(e?.["data-testid"])}
-                @click=${e?.["@click"]}
-                @keydown=${e?.["@keydown"]}
-                icon-name=${e?.["icon-name"]}
-                color=${t(e?.color)}
-                background-color=${t(e?.["background-color"])}
-                size=${t(e?.size)}
-                aria-label=${t(e?.["aria-label"])}
-                aria-hidden=${t(e?.["aria-hidden"])}
-                role=${t(e?.role)}
-                tabindex=${t(e?.tabindex)}
-            >
-                ${e.children}
-            </${a}>
-        `),
-	createCalendarDay: (e = {}) => (_(`ds-calendar-day${i}`, () => import("../components/ds-calendar-day/ds-calendar-day.js")), r`
-            <${o}
-                class=${t(e?.class)}
-                day=${t(e?.day)}
-                size=${t(e?.size)}
-                ?disabled=${e?.disabled}
-                ?selected=${e?.selected}
-                ?today=${e?.today}
-                ?outside-month=${e?.["outside-month"]}
-                data-testid=${t(e?.["data-testid"])}
-            ></${o}>
-        `),
-	createButton: (e = {}) => (_(`ds-button${i}`, () => import("../components/ds-button/ds-button.js")), r`
-            <${s}
-                class=${e?.class}
-                @click=${e?.["@click"]}
-                .size=${t(e?.size)}
-                type=${e?.type}
-                icon-position=${e?.["icon-position"]}
-                .rounded=${e?.rounded}
-                .full-width=${e?.["full-width"]}
-                variant=${e?.variant ?? "primary"}
-                mode=${e?.mode ?? "light"}
-                .disabled=${e?.disabled}
-                icon-name=${e?.["icon-name"]}
-                html-tag-name=${e?.["html-tag-name"]}
-                href=${e?.href}
-                rel=${e?.rel}
-                target=${e?.target}
-                data-testid=${e?.["data-testid"]}
-            >
-                ${e.children}
-            </${s}>
-        `),
-	createDivider: (e = {}) => (_(`ds-divider${i}`, () => import("../components/ds-divider/ds-divider.js")), r`
-            <${c}
-                class=${e?.class}
-                variant=${e?.variant ?? "primary"}
-                orientation=${e?.orientation ?? "horizontal"}
-                data-testid=${e?.["data-testid"]}
-            >
-            </${c}>
-        `),
-	createIconButton: (e = {}) => (_(`ds-icon-button${i}`, () => import("../components/ds-icon-button/ds-icon-button.js")), r`
-            <${l}
-                class=${e?.class}
-                @click=${e?.["@click"]}
-                size=${t(e?.size)}
-                variant=${e?.variant ?? "primary"}
-                mode=${e?.mode ?? "light"}
-                .disabled=${e?.disabled}
-                icon-name=${e?.["icon-name"]}
-                html-tag-name=${e?.["html-tag-name"]}
-                href=${e?.href}
-                rel=${e?.rel}
-                target=${e?.target}
-                data-testid=${e?.["data-testid"]}
-                data-aria-label=${e?.["data-aria-label"]}
-                custom-background=${t(e?.["custom-background"])}
-                custom-color=${t(e?.["custom-color"])}
-            >
-                ${e.children}
-            </${l}>
-        `),
-	createLoaderSpinner: (e = {}) => (_(`ds-loader-spinner${i}`, () => import("../components/ds-loader-spinner/ds-loader-spinner.js")), r`
-            <${u}
-                ?show=${e?.show}
-                orientation=${e?.orientation ?? "row"}
-                mode=${e?.mode ?? "light"}
-            ></${u}>
-        `),
-	createSkeleton: (e = {}) => (_(`ds-skeleton${i}`, () => import("../components/ds-skeleton/ds-skeleton.js")), r`
-            <${d}
-                class=${t(e?.class)}
-                data-testid=${t(e?.["data-testid"])}
-                variant=${t(e?.variant)}
-                width=${t(e?.width)}
-                height=${t(e?.height)}
-                animation=${t(e?.animation)}
-            ></${d}>
-        `),
-	createToastMessage: (e) => (_(`ds-toast-message${i}`, () => import("../components/ds-toast-message/ds-toast-message.js")), r`
-            <${f}
-                data-id="${e["data-id"]}"
-                data-template="${e["data-template"]}"
-                title="${e.title}"
-                text="${e.text}"
-                status="${e.status}"
-            ></${f}>
-        `),
-	createInlineAlert: (e) => (_(`ds-inline-alert${i}`, () => import("../components/ds-inline-alert/ds-inline-alert.js")), r`
-            <${p}
-                title="${e.title}"
-                text="${e.text}"
-                status="${e.status}"
-                ?show=${e.show ?? !0}
-            ></${p}>
-        `),
-	createTooltip: (e = {}) => (_(`ds-tooltip${i}`, () => import("../components/ds-tooltip/ds-tooltip.js")), r`
-            <${m}
-                class=${t(e?.class)}
-                mode=${t(e.mode)}
-                ?show=${e.show ?? !1}
-                ?disable-hover-listener=${e?.["disable-hover-listener"]}
-                ?disable-focus-listener=${e?.["disable-focus-listener"]}
-                ?disable-press-listener=${e?.["disable-press-listener"]}
-            >
-                ${e.children}
-                <div slot="content">${e.content}</div>
-            </${m}>
-        `)
-};
-function _(e, t) {
-	try {
-		typeof window < "u" && typeof customElements < "u" && !customElements.get(e) && t().catch((e) => {});
-	} catch {}
-}
-//#endregion
-export { g as reactFactory, h as standardFactory };

package/dist/types/utils/componentFactory.d.ts

@@ -1,30 +0,0 @@
-import type { DsButtonAttrs } from '../components/ds-button/ds-button.types.ts';
-import type { DsCalendarDayAttrs } from '../components/ds-calendar-day/ds-calendar-day.types.ts';
-import { DsDividerAttrs } from '../components/ds-divider/ds-divider.types';
-import type { DsIconButtonAttrs } from '../components/ds-icon-button/ds-icon-button.types.ts';
-import type { DsIconAttrs } from '../components/ds-icon/ds-icon.types.ts';
-import { DsInlineAlertAttrs } from '../components/ds-inline-alert/ds-inline-alert.types.ts';
-import type { DsLoaderSpinnerAttrs } from '../components/ds-loader-spinner/ds-loader-spinner.types.ts';
-import type { DsSkeletonAttrs } from '../components/ds-skeleton/ds-skeleton.types.ts';
-import { DsToastMessageAttrs } from '../components/ds-toast-message/ds-toast-message.types.ts';
-import type { DsTooltipAttrs } from '../components/ds-tooltip/ds-tooltip.types.ts';
-type GetAttributes<T> = (props?: T) => any;
-export type ComponentFactory = {
-    createIcon: GetAttributes<DsIconAttrs>;
-    createButton: GetAttributes<DsButtonAttrs>;
-    createCalendarDay: GetAttributes<DsCalendarDayAttrs>;
-    createDivider: GetAttributes<DsDividerAttrs>;
-    createIconButton: GetAttributes<DsIconButtonAttrs>;
-    createLoaderSpinner: GetAttributes<DsLoaderSpinnerAttrs>;
-    createSkeleton: GetAttributes<DsSkeletonAttrs>;
-    createToastMessage: GetAttributes<DsToastMessageAttrs>;
-    createInlineAlert: GetAttributes<DsInlineAlertAttrs>;
-    createTooltip: GetAttributes<DsTooltipAttrs & {
-        class?: string;
-        children?: any;
-        content?: any;
-    }>;
-};
-export declare const standardFactory: ComponentFactory;
-export declare const reactFactory: ComponentFactory;
-export {};

package/dist-react/cjs/utils/componentFactory.cjs

@@ -1,120 +0,0 @@
-require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const e=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`);const t=require(`../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.cjs`);require(`../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.cjs`);const n=require(`./version.cjs`);var r=t.s(`ds-icon${n.VERSION_TAG_SUFFIX}`),i=t.s(`ds-calendar-day${n.VERSION_TAG_SUFFIX}`),a=t.s(`ds-button${n.VERSION_TAG_SUFFIX}`),o=t.s(`ds-divider${n.VERSION_TAG_SUFFIX}`),s=t.s(`ds-icon-button${n.VERSION_TAG_SUFFIX}`),c=t.s(`ds-loader-spinner${n.VERSION_TAG_SUFFIX}`),l=t.s(`ds-skeleton${n.VERSION_TAG_SUFFIX}`),u=t.s(`ds-toast-message${n.VERSION_TAG_SUFFIX}`),d=t.s(`ds-inline-alert${n.VERSION_TAG_SUFFIX}`),f=t.s(`ds-tooltip${n.VERSION_TAG_SUFFIX}`),p={createIcon:i=>(m(`ds-icon${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-icon/ds-icon.cjs`))),t.u`
-            <${r}
-                class=${e.o(i?.class)}
-                data-testid=${e.o(i?.[`data-testid`])}
-                @click=${i?.[`@click`]}
-                @keydown=${i?.[`@keydown`]}
-                icon-name=${i?.[`icon-name`]}
-                color=${e.o(i?.color)}
-                background-color=${e.o(i?.[`background-color`])}
-                size=${e.o(i?.size)}
-                aria-label=${e.o(i?.[`aria-label`])}
-                aria-hidden=${e.o(i?.[`aria-hidden`])}
-                role=${e.o(i?.role)}
-                tabindex=${e.o(i?.tabindex)}
-            >
-                ${i.children}
-            </${r}>
-        `),createCalendarDay:(r={})=>(m(`ds-calendar-day${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-calendar-day/ds-calendar-day.cjs`))),t.u`
-            <${i}
-                class=${e.o(r?.class)}
-                day=${e.o(r?.day)}
-                size=${e.o(r?.size)}
-                ?disabled=${r?.disabled}
-                ?selected=${r?.selected}
-                ?today=${r?.today}
-                ?outside-month=${r?.[`outside-month`]}
-                data-testid=${e.o(r?.[`data-testid`])}
-            ></${i}>
-        `),createButton:(r={})=>(m(`ds-button${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-button/ds-button.cjs`))),t.u`
-            <${a}
-                class=${r?.class}
-                @click=${r?.[`@click`]}
-                .size=${e.o(r?.size)}
-                type=${r?.type}
-                icon-position=${r?.[`icon-position`]}
-                .rounded=${r?.rounded}
-                .full-width=${r?.[`full-width`]}
-                variant=${r?.variant??`primary`}
-                mode=${r?.mode??`light`}
-                .disabled=${r?.disabled}
-                icon-name=${r?.[`icon-name`]}
-                html-tag-name=${r?.[`html-tag-name`]}
-                href=${r?.href}
-                rel=${r?.rel}
-                target=${r?.target}
-                data-testid=${r?.[`data-testid`]}
-            >
-                ${r.children}
-            </${a}>
-        `),createDivider:(e={})=>(m(`ds-divider${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-divider/ds-divider.cjs`))),t.u`
-            <${o}
-                class=${e?.class}
-                variant=${e?.variant??`primary`}
-                orientation=${e?.orientation??`horizontal`}
-                data-testid=${e?.[`data-testid`]}
-            >
-            </${o}>
-        `),createIconButton:(r={})=>(m(`ds-icon-button${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-icon-button/ds-icon-button.cjs`))),t.u`
-            <${s}
-                class=${r?.class}
-                @click=${r?.[`@click`]}
-                size=${e.o(r?.size)}
-                variant=${r?.variant??`primary`}
-                mode=${r?.mode??`light`}
-                .disabled=${r?.disabled}
-                icon-name=${r?.[`icon-name`]}
-                html-tag-name=${r?.[`html-tag-name`]}
-                href=${r?.href}
-                rel=${r?.rel}
-                target=${r?.target}
-                data-testid=${r?.[`data-testid`]}
-                data-aria-label=${r?.[`data-aria-label`]}
-                custom-background=${e.o(r?.[`custom-background`])}
-                custom-color=${e.o(r?.[`custom-color`])}
-            >
-                ${r.children}
-            </${s}>
-        `),createLoaderSpinner:(e={})=>(m(`ds-loader-spinner${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-loader-spinner/ds-loader-spinner.cjs`))),t.u`
-            <${c}
-                ?show=${e?.show}
-                orientation=${e?.orientation??`row`}
-                mode=${e?.mode??`light`}
-            ></${c}>
-        `),createSkeleton:(r={})=>(m(`ds-skeleton${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-skeleton/ds-skeleton.cjs`))),t.u`
-            <${l}
-                class=${e.o(r?.class)}
-                data-testid=${e.o(r?.[`data-testid`])}
-                variant=${e.o(r?.variant)}
-                width=${e.o(r?.width)}
-                height=${e.o(r?.height)}
-                animation=${e.o(r?.animation)}
-            ></${l}>
-        `),createToastMessage:e=>(m(`ds-toast-message${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-toast-message/ds-toast-message.cjs`))),t.u`
-            <${u}
-                data-id="${e[`data-id`]}"
-                data-template="${e[`data-template`]}"
-                title="${e.title}"
-                text="${e.text}"
-                status="${e.status}"
-            ></${u}>
-        `),createInlineAlert:e=>(m(`ds-inline-alert${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-inline-alert/ds-inline-alert.cjs`))),t.u`
-            <${d}
-                title="${e.title}"
-                text="${e.text}"
-                status="${e.status}"
-                ?show=${e.show??!0}
-            ></${d}>
-        `),createTooltip:(r={})=>(m(`ds-tooltip${n.VERSION_TAG_SUFFIX}`,()=>Promise.resolve().then(()=>require(`../components/ds-tooltip/ds-tooltip.cjs`))),t.u`
-            <${f}
-                class=${e.o(r?.class)}
-                mode=${e.o(r.mode)}
-                ?show=${r.show??!1}
-                ?disable-hover-listener=${r?.[`disable-hover-listener`]}
-                ?disable-focus-listener=${r?.[`disable-focus-listener`]}
-                ?disable-press-listener=${r?.[`disable-press-listener`]}
-            >
-                ${r.children}
-                <div slot="content">${r.content}</div>
-            </${f}>
-        `)};function m(e,t){try{typeof window<`u`&&typeof customElements<`u`&&!customElements.get(e)&&t().catch(e=>{})}catch{}}exports.reactFactory=p;

package/dist-react/esm/utils/componentFactory.js

@@ -1,145 +0,0 @@
-import "../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
-import { o as e } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
-import "../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
-import { s as t, u as n } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.js";
-import "../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.js";
-import { VERSION_TAG_SUFFIX as r } from "./version.js";
-//#region src/utils/componentFactory.ts
-var i = t(`ds-icon${r}`), a = t(`ds-calendar-day${r}`), o = t(`ds-button${r}`), s = t(`ds-divider${r}`), c = t(`ds-icon-button${r}`), l = t(`ds-loader-spinner${r}`), u = t(`ds-skeleton${r}`), d = t(`ds-toast-message${r}`), f = t(`ds-inline-alert${r}`), p = t(`ds-tooltip${r}`), m = {
-	createIcon: (t) => (h(`ds-icon${r}`, () => import("../components/ds-icon/ds-icon.js")), n`
-            <${i}
-                class=${e(t?.class)}
-                data-testid=${e(t?.["data-testid"])}
-                @click=${t?.["@click"]}
-                @keydown=${t?.["@keydown"]}
-                icon-name=${t?.["icon-name"]}
-                color=${e(t?.color)}
-                background-color=${e(t?.["background-color"])}
-                size=${e(t?.size)}
-                aria-label=${e(t?.["aria-label"])}
-                aria-hidden=${e(t?.["aria-hidden"])}
-                role=${e(t?.role)}
-                tabindex=${e(t?.tabindex)}
-            >
-                ${t.children}
-            </${i}>
-        `),
-	createCalendarDay: (t = {}) => (h(`ds-calendar-day${r}`, () => import("../components/ds-calendar-day/ds-calendar-day.js")), n`
-            <${a}
-                class=${e(t?.class)}
-                day=${e(t?.day)}
-                size=${e(t?.size)}
-                ?disabled=${t?.disabled}
-                ?selected=${t?.selected}
-                ?today=${t?.today}
-                ?outside-month=${t?.["outside-month"]}
-                data-testid=${e(t?.["data-testid"])}
-            ></${a}>
-        `),
-	createButton: (t = {}) => (h(`ds-button${r}`, () => import("../components/ds-button/ds-button.js")), n`
-            <${o}
-                class=${t?.class}
-                @click=${t?.["@click"]}
-                .size=${e(t?.size)}
-                type=${t?.type}
-                icon-position=${t?.["icon-position"]}
-                .rounded=${t?.rounded}
-                .full-width=${t?.["full-width"]}
-                variant=${t?.variant ?? "primary"}
-                mode=${t?.mode ?? "light"}
-                .disabled=${t?.disabled}
-                icon-name=${t?.["icon-name"]}
-                html-tag-name=${t?.["html-tag-name"]}
-                href=${t?.href}
-                rel=${t?.rel}
-                target=${t?.target}
-                data-testid=${t?.["data-testid"]}
-            >
-                ${t.children}
-            </${o}>
-        `),
-	createDivider: (e = {}) => (h(`ds-divider${r}`, () => import("../components/ds-divider/ds-divider.js")), n`
-            <${s}
-                class=${e?.class}
-                variant=${e?.variant ?? "primary"}
-                orientation=${e?.orientation ?? "horizontal"}
-                data-testid=${e?.["data-testid"]}
-            >
-            </${s}>
-        `),
-	createIconButton: (t = {}) => (h(`ds-icon-button${r}`, () => import("../components/ds-icon-button/ds-icon-button.js")), n`
-            <${c}
-                class=${t?.class}
-                @click=${t?.["@click"]}
-                size=${e(t?.size)}
-                variant=${t?.variant ?? "primary"}
-                mode=${t?.mode ?? "light"}
-                .disabled=${t?.disabled}
-                icon-name=${t?.["icon-name"]}
-                html-tag-name=${t?.["html-tag-name"]}
-                href=${t?.href}
-                rel=${t?.rel}
-                target=${t?.target}
-                data-testid=${t?.["data-testid"]}
-                data-aria-label=${t?.["data-aria-label"]}
-                custom-background=${e(t?.["custom-background"])}
-                custom-color=${e(t?.["custom-color"])}
-            >
-                ${t.children}
-            </${c}>
-        `),
-	createLoaderSpinner: (e = {}) => (h(`ds-loader-spinner${r}`, () => import("../components/ds-loader-spinner/ds-loader-spinner.js")), n`
-            <${l}
-                ?show=${e?.show}
-                orientation=${e?.orientation ?? "row"}
-                mode=${e?.mode ?? "light"}
-            ></${l}>
-        `),
-	createSkeleton: (t = {}) => (h(`ds-skeleton${r}`, () => import("../components/ds-skeleton/ds-skeleton.js")), n`
-            <${u}
-                class=${e(t?.class)}
-                data-testid=${e(t?.["data-testid"])}
-                variant=${e(t?.variant)}
-                width=${e(t?.width)}
-                height=${e(t?.height)}
-                animation=${e(t?.animation)}
-            ></${u}>
-        `),
-	createToastMessage: (e) => (h(`ds-toast-message${r}`, () => import("../components/ds-toast-message/ds-toast-message.js")), n`
-            <${d}
-                data-id="${e["data-id"]}"
-                data-template="${e["data-template"]}"
-                title="${e.title}"
-                text="${e.text}"
-                status="${e.status}"
-            ></${d}>
-        `),
-	createInlineAlert: (e) => (h(`ds-inline-alert${r}`, () => import("../components/ds-inline-alert/ds-inline-alert.js")), n`
-            <${f}
-                title="${e.title}"
-                text="${e.text}"
-                status="${e.status}"
-                ?show=${e.show ?? !0}
-            ></${f}>
-        `),
-	createTooltip: (t = {}) => (h(`ds-tooltip${r}`, () => import("../components/ds-tooltip/ds-tooltip.js")), n`
-            <${p}
-                class=${e(t?.class)}
-                mode=${e(t.mode)}
-                ?show=${t.show ?? !1}
-                ?disable-hover-listener=${t?.["disable-hover-listener"]}
-                ?disable-focus-listener=${t?.["disable-focus-listener"]}
-                ?disable-press-listener=${t?.["disable-press-listener"]}
-            >
-                ${t.children}
-                <div slot="content">${t.content}</div>
-            </${p}>
-        `)
-};
-function h(e, t) {
-	try {
-		typeof window < "u" && typeof customElements < "u" && !customElements.get(e) && t().catch((e) => {});
-	} catch {}
-}
-//#endregion
-export { m as reactFactory };

package/dist-react/types/utils/componentFactory.d.ts

@@ -1,30 +0,0 @@
-import type { DsButtonAttrs } from '../components/ds-button/ds-button.types.ts';
-import type { DsCalendarDayAttrs } from '../components/ds-calendar-day/ds-calendar-day.types.ts';
-import { DsDividerAttrs } from '../components/ds-divider/ds-divider.types';
-import type { DsIconButtonAttrs } from '../components/ds-icon-button/ds-icon-button.types.ts';
-import type { DsIconAttrs } from '../components/ds-icon/ds-icon.types.ts';
-import { DsInlineAlertAttrs } from '../components/ds-inline-alert/ds-inline-alert.types.ts';
-import type { DsLoaderSpinnerAttrs } from '../components/ds-loader-spinner/ds-loader-spinner.types.ts';
-import type { DsSkeletonAttrs } from '../components/ds-skeleton/ds-skeleton.types.ts';
-import { DsToastMessageAttrs } from '../components/ds-toast-message/ds-toast-message.types.ts';
-import type { DsTooltipAttrs } from '../components/ds-tooltip/ds-tooltip.types.ts';
-type GetAttributes<T> = (props?: T) => any;
-export type ComponentFactory = {
-    createIcon: GetAttributes<DsIconAttrs>;
-    createButton: GetAttributes<DsButtonAttrs>;
-    createCalendarDay: GetAttributes<DsCalendarDayAttrs>;
-    createDivider: GetAttributes<DsDividerAttrs>;
-    createIconButton: GetAttributes<DsIconButtonAttrs>;
-    createLoaderSpinner: GetAttributes<DsLoaderSpinnerAttrs>;
-    createSkeleton: GetAttributes<DsSkeletonAttrs>;
-    createToastMessage: GetAttributes<DsToastMessageAttrs>;
-    createInlineAlert: GetAttributes<DsInlineAlertAttrs>;
-    createTooltip: GetAttributes<DsTooltipAttrs & {
-        class?: string;
-        children?: any;
-        content?: any;
-    }>;
-};
-export declare const standardFactory: ComponentFactory;
-export declare const reactFactory: ComponentFactory;
-export {};