@lmvz-ds/components 0.17.3 → 0.18.1

package/collection/components/lmvz-select/lmvz-select.css

@@ -56,7 +56,7 @@
   --lmvz-select-label-minimized-padding-x: 4px;
   --lmvz-select-disabled-opacity: var(--lmvz-component-input-disabled-opacity, 40%);
   --lmvz-select-helper-color: var(--lmvz-semantic-color-on-surface-input-secondary, #7a7a7a);
-  --lmvz-select-focus-color: var(--lmvz-semantic-color-status-on-selected, #0e7ab4);
+  --lmvz-select-focus-color: var(--lmvz-semantic-color-status-on-active, #0e7ab4);
   --lmvz-select-error-color: var(--lmvz-semantic-color-status-on-danger, #e52a31);
 }
 .select-wrapper {
@@ -143,8 +143,8 @@ div[aria-hidden] > span:last-child {
 }
 img {
   display: block;
-  width: var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));
-  height: var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));
+  width: var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem));
+  height: var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem));
 }
 /* Native select – absolutely covers the trigger, invisible, intercepts clicks */
 select {

package/collection/components/lmvz-select/lmvz-select.js

@@ -50,7 +50,7 @@ export class LmvzSelect extends ReactiveControllerHost {
     render() {
         const hasValue = this.hasValue;
         const shouldShowLabel = hasValue;
-        return (h(Host, { key: '7d1abb943f79e90451b43c9221801b80a2f61346' }, h("div", { key: 'ded3e45246ab38e89d444c59239cdc63a2c4d4fc', class: "select-wrapper" }, h("label", { key: 'cb68ff79976c2fb55d4cc827f9e90ba2597a8a43', htmlFor: this.selectId, class: shouldShowLabel ? 'floating-label' : 'assistive-label' }, this.label, this.required && shouldShowLabel && h("span", { key: 'ab77eaea1645b95d90f00ffb609bbd7a1704f7bc', "aria-hidden": "true" }, " *")), h("div", { key: '45cee00478a6cc31c10dddf69d8e6687fc8f440d', "aria-hidden": "true" }, h("span", { key: '0c5d425ea8843234aa6abd94a207377e2a675686' }, hasValue ? this.selectedLabel : this.label, this.required && !hasValue && h("span", { key: 'ebef5322371ee0253b50dd801b80cbb6402c067a', "aria-hidden": "true" }, " *")), h("span", { key: 'a12d31dc29563444f728133f181b48914d31705b' }, h("img", { key: 'dd3f175d1ca2b9ccc6c2bfa2075e5da62016a896', src: chevronDownSvg, alt: "" }))), h("select", { key: 'a196f3b824177d1b45971c38341bf6a2939dda82', id: this.selectId, ref: (el) => (this.nativeSelectEl = el), name: this.name, disabled: this.disabled, required: this.required, "aria-label": this.label, onChange: this.handleChange }, !hasValue && h("option", { key: '536cc559def0e9ffa4b2150693ece9a597c238d1', value: "", disabled: true, selected: true, hidden: true }), h("slot", { key: 'ad9fed96b9f8c1d8257511bb1d5ab5ee756973ce' }))), this.helperText && h("div", { key: '4723b44d781c900be5aae7ece2a0be04b6c744b9', role: "status" }, this.helperText)));
+        return (h(Host, { key: '7f4650d5971bb93dba48385df734e6b7a0b4f7eb' }, h("div", { key: '79d6234cd15f64c8bff787d715107e7e86145333', class: "select-wrapper" }, h("label", { key: '14d93469c6d309b68427ff7bfc2bd531c8f0ecf6', htmlFor: this.selectId, class: shouldShowLabel ? 'floating-label' : 'assistive-label' }, this.label, this.required && shouldShowLabel && h("span", { key: 'c8be809e09d768d6f73ccccdfbf0bf495869ac72', "aria-hidden": "true" }, " *")), h("div", { key: '1db5d44b44100342a4ca5feff648b61a0bdadb1a', "aria-hidden": "true" }, h("span", { key: '3fdc95aab9997a10f4ba42dabc3758aea0797a22' }, hasValue ? this.selectedLabel : this.label, this.required && !hasValue && h("span", { key: '11aef8194551059130b6be5351587219a1e80f00', "aria-hidden": "true" }, " *")), h("span", { key: '8fc52ff3e46d7b52d8d5069a74ebf7bb0d981081' }, h("img", { key: '129dd4038772eba9313e1e322866c70408f4e2ad', src: chevronDownSvg, alt: "" }))), h("select", { key: '6eb6cf496e60b3c1bd9556e596cbef34d4da5a09', id: this.selectId, ref: (el) => (this.nativeSelectEl = el), name: this.name, disabled: this.disabled, required: this.required, "aria-label": this.label, onChange: this.handleChange }, !hasValue && h("option", { key: '70d660e0bc7e4c127234ce77decf35d6fea7fe8d', value: "", disabled: true, selected: true, hidden: true }), h("slot", { key: 'e6cbc238c9c0cf8e8c31d0347a1f621272a94ca6' }))), this.helperText && h("div", { key: '432d405ee7338da46509ff207599b882a19ea44e', role: "status" }, this.helperText)));
     }
     static get is() { return "lmvz-select"; }
     static get encapsulation() { return "scoped"; }

package/collection/index.js

@@ -1,4 +1,3 @@
 export * from '@lmvz-ds/aria-validation';
-export * from './api';
-export * from './components/lmvz-icon/public';
+export { iconSizes, iconWeights, inputTypes, textSizes } from './api/ds.constants';
 export * from './utils/public';

package/collection/integration/header-integration/header-integration.js

@@ -0,0 +1,51 @@
+import { LmvzOnDemandProvider } from "@lmvz-ds/icons/on-demand";
+import { h, Host } from "@stencil/core";
+import { registerIconProvider, typedIconFromSet } from "../../utils/public";
+export class HeaderIntegration {
+    activeNav;
+    constructor() {
+        registerIconProvider('lmvz', new LmvzOnDemandProvider());
+    }
+    activate(event) {
+        const target = event.currentTarget;
+        const navItem = target.closest('[slot="nav-primary"]');
+        if (!navItem)
+            return;
+        const navId = navItem.id;
+        if (!navId) {
+            console.warn('Nav item does not have an id:', navItem);
+            return;
+        }
+        console.log('Activating nav item:', navId);
+        this.activeNav = navId;
+    }
+    render() {
+        return (h(Host, { key: 'c192a622b5bd6dc897f68a8674b80f2f756fce9f' }, h("lmvz-header", { key: '28164f06e7c830394eff129805bb9f04a65a71d9', lmvzActiveNav: this.activeNav }, h("lmvz-menuitem", { key: 'a1e7c57cf93bce45dbe072520901d420d44e3d18', slot: "nav-primary", id: "lehrmittel", onLmvzActivation: this.activate.bind(this) }, h("a", { key: '4c7e115cf69202fea183c890877a54cbe1d8d50b', href: "#" }, "Lehrmittel")), h("lmvz-menuitem", { key: '030f392c7fbf4555455ba29a4ce32fc66f533b85', slot: "nav-primary", id: "verwaltung", onLmvzActivation: this.activate.bind(this) }, h("a", { key: '2a2ed5eb44aa966ed82d2f70109e450209dfebc8', href: "#" }, "Verwaltung")), h("lmvz-menuitem", { key: '41f7671d33438b3c4f6f66e97aba6b71b3a751df', slot: "connect-nav-lehrmittel" }, h("lmvz-icon", { key: 'd719206230eb6b8195a50a62e1180f4b03e02096', ...typedIconFromSet('lmvz', 'edit') }), "Deutsch 7"), h("lmvz-menuitem", { key: '3bd1c78d0c2fb0986a4c917d0fab6feb0201e26b', slot: "connect-nav-lehrmittel" }, h("lmvz-icon", { key: 'dde5646eae294c55cb4bc5adadbe45e9cbf6f49b', ...typedIconFromSet('lmvz', 'edit') }), "Mathe 2"), h("lmvz-menuitem", { key: 'b25de021719847e19f59ffd008310eba28bcfb0f', slot: "connect-nav-verwaltung" }, h("lmvz-icon", { key: 'e12057579322cb914f65b429cd31276738eab564', ...typedIconFromSet('lmvz', 'settings') }), "iwas mit Verwaltung"), h("lmvz-menuitem", { key: '8cae676fc7e4c2f3308a462e7031d634c12315e2', slot: "connect-nav-verwaltung", "aria-label": "Einstellungen" }, h("lmvz-icon", { key: '2e5911e8a47aa6fd24246f0ce76611ba01a96be3', ...typedIconFromSet('lmvz', 'settings') })), h("lmvz-button", { key: 'aee754e586af13dab256cfc027c259a6e8bcf817', slot: "actions", "aria-label": "Benutzerkonto" }, h("lmvz-icon", { key: '25f3d2863dca590135c5880a4b0e76b5512a38df', ...typedIconFromSet('lmvz', 'user'), size: "lg" })))));
+    }
+    static get is() { return "header-integration"; }
+    static get encapsulation() { return "shadow"; }
+    static get styles() { return ".active button {\n      background-color: var(--lmvz-semantic-color-status-selected);\n    }"; }
+    static get properties() {
+        return {
+            "activeNav": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "active-nav"
+            }
+        };
+    }
+}

package/collection/utils/aria/aria-validation-controller.js

@@ -1,6 +1,6 @@
 import { ARIA_VALIDATION_RUNTIME_CHANGED_EVENT, enableAriaValidation, isAriaValidationEnabled, queueValidation, useVerboseLogging, } from "@lmvz-ds/aria-validation";
 import { Build } from "@stencil/core";
-if (Build.isDev) {
+if (Build.isDev && Build.isBrowser) {
     enableAriaValidation();
 }
 export class AriaValidationController {
@@ -59,25 +59,27 @@ export class AriaValidationController {
         this.host.validationSlot?.addEventListener('slotchange', this.enqueueValidation.bind(this));
     }
     observeVisibilityOnce() {
-        window.setTimeout(() => {
-            if (!this.host.validationEl)
-                return;
-            this.visibilityObserver = new IntersectionObserver((entries) => {
-                for (const entry of entries) {
-                    if (entry.target !== this.host.validationEl)
-                        continue;
-                    if (!entry.isIntersecting)
-                        continue;
-                    this.checkLazyValidation();
-                    this.discardVisibilityObserver();
-                }
-            }, {
-                root: this.host.validationEl?.parentElement,
-                rootMargin: '0px',
-                threshold: 0.01,
+        if (Build.isBrowser) {
+            window.setTimeout(() => {
+                if (!this.host.validationEl)
+                    return;
+                this.visibilityObserver = new IntersectionObserver((entries) => {
+                    for (const entry of entries) {
+                        if (entry.target !== this.host.validationEl)
+                            continue;
+                        if (!entry.isIntersecting)
+                            continue;
+                        this.checkLazyValidation();
+                        this.discardVisibilityObserver();
+                    }
+                }, {
+                    root: this.host.validationEl?.parentElement,
+                    rootMargin: '0px',
+                    threshold: 0.01,
+                });
+                this.visibilityObserver.observe(this.host.validationEl);
             });
-            this.visibilityObserver.observe(this.host.validationEl);
-        });
+        }
     }
     checkLazyValidation() {
         if (!this.elementLoaded)
@@ -138,9 +140,11 @@ export class AriaValidationController {
         });
     }
     discardVisibilityObserver() {
-        if (!this.visibilityObserver)
-            return;
-        this.visibilityObserver.disconnect();
-        this.visibilityObserver = undefined;
+        if (Build.isBrowser) {
+            if (!this.visibilityObserver)
+                return;
+            this.visibilityObserver.disconnect();
+            this.visibilityObserver = undefined;
+        }
     }
 }

package/collection/utils/http.js

@@ -1,24 +1,21 @@
-import { Data, Micro as Effect } from "effect";
-export class FetchError extends Data.TaggedError('FetchError') {
+import { Micro } from "effect";
+export class FetchError extends Micro.TaggedError('FetchError') {
 }
-export class NotFoundError extends Data.TaggedError('NotFoundError') {
+export class NotFoundError extends Micro.TaggedError('NotFoundError') {
 }
-export const httpClient = (input, init) => Effect.gen(function* () {
-    const response = yield* Effect.tryPromise({
+export const httpClient = (input, init) => Micro.gen(function* () {
+    const response = yield* Micro.tryPromise({
         try: () => fetch(input, init),
-        catch: error => new FetchError({ cause: error }),
+        catch: (error) => new FetchError({ cause: error }),
     });
     if (response.status === 404) {
-        return yield* Effect.fail(new NotFoundError({ url: response.url }));
+        return yield* Micro.fail(new NotFoundError({ url: response.url }));
     }
     return response;
 });
-export class ResponseTextError extends Data.TaggedError('ResponseTextError') {
-    constructor(error) {
-        super(new Error(`Failed to read response text`, { cause: error }));
-    }
+export class ResponseTextError extends Micro.TaggedError('ResponseTextError') {
 }
-export const responseAsText = (res) => Effect.tryPromise({
+export const responseAsText = (res) => Micro.tryPromise({
     try: () => res.text(),
-    catch: error => new ResponseTextError(error),
+    catch: (error) => new ResponseTextError({ message: 'Failed to read response text', cause: error }),
 });

package/collection/utils/icons/icons-registry.js

@@ -0,0 +1,34 @@
+const IconProviderRegistryKey = Symbol.for('LMVZ__iconProviderRegistry');
+const inMemoryRegistry = {};
+function getRegistry() {
+    if (typeof window === 'undefined') {
+        return inMemoryRegistry;
+    }
+    return window[IconProviderRegistryKey] ?? (window[IconProviderRegistryKey] = {});
+}
+export function registerIconProvider(id, provider) {
+    const registry = getRegistry();
+    const providerName = id;
+    if (Object.prototype.hasOwnProperty.call(registry, providerName)) {
+        console.warn(`Icon provider with name "${providerName}" is already registered. Overwriting existing provider.`);
+    }
+    registry[providerName] = provider;
+}
+export function getRegisteredIconProvider(id) {
+    const registry = getRegistry();
+    if (id) {
+        return registry[id];
+    }
+    const providerNames = Object.keys(registry);
+    if (providerNames.length === 0) {
+        return undefined;
+    }
+    if (providerNames.length > 1) {
+        console.warn(`Multiple icon providers registered (${providerNames.join(', ')}). Using the first one: "${providerNames[0]}".`);
+    }
+    const firstProviderName = providerNames[0];
+    if (!firstProviderName) {
+        return undefined;
+    }
+    return registry[firstProviderName];
+}

package/collection/utils/icons/icons.js

@@ -0,0 +1,49 @@
+import { createValidSVGString, SVGString as SVGFactory } from "@lmvz-ds/lib-ts/validation/svg.js";
+import { Micro } from "effect";
+import { getRegisteredIconProvider } from "./icons-registry";
+export const emptyDefaultSvg = () => SVGFactory(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"></svg>`);
+async function toValidSvgStringWithFallback(value) {
+    try {
+        return await Micro.runPromise(createValidSVGString(value));
+    }
+    catch {
+        console.error('Invalid SVG string:', value);
+        return emptyDefaultSvg();
+    }
+}
+export async function resolveIconSvg(options) {
+    const { icon, iconset } = options;
+    const iconSvg = await (async () => {
+        const provider = getRegisteredIconProvider(iconset);
+        if (!provider) {
+            console.warn(`No icon provider registered. Unable to resolve icon "${icon}"${iconset ? ` from set "${iconset}"` : ''}. Using default icon.`);
+            return;
+        }
+        try {
+            const resolved = await Promise.resolve(provider.resolve(icon));
+            if (!resolved?.svg) {
+                console.warn(`Icon "${icon}"${iconset ? ` from set "${iconset}"` : ''} not found in provider. Using default icon.`);
+                return;
+            }
+            const validated = await toValidSvgStringWithFallback(resolved.svg);
+            if (validated) {
+                return validated;
+            }
+        }
+        catch (error) {
+            console.error(`Error resolving icon "${icon}" with provider:`, error);
+            return;
+        }
+        return;
+    })();
+    if (iconSvg)
+        return iconSvg;
+    console.error(`Icon "${icon}" not found${iconset ? ` in set "${iconset}"` : ''}. Using default icon.`);
+    return emptyDefaultSvg();
+}
+export function typedIconFromSet(iconset, icon) {
+    return {
+        iconset,
+        icon,
+    };
+}

package/collection/utils/icons/icons.unit.js

@@ -0,0 +1,73 @@
+import { SVGString } from "@lmvz-ds/lib-ts/validation/svg.js";
+import { beforeAll, beforeEach, describe, expect, test, vi } from "@stencil/vitest";
+import { emptyDefaultSvg, resolveIconSvg } from "./icons";
+import { registerIconProvider } from "./icons-registry";
+const fetchMock = vi.fn();
+describe('icon utils:', () => {
+    beforeAll(() => {
+        vi.stubGlobal('DOMParser', class {
+            parseFromString(str, _type) {
+                return {
+                    documentElement: {
+                        nodeName: typeof str === 'string' && str.trimStart().startsWith('<svg') ? 'svg' : 'not-svg',
+                    },
+                };
+            }
+        });
+    });
+    beforeEach(() => {
+        vi.clearAllMocks();
+        fetchMock.mockReset();
+        vi.stubGlobal('fetch', fetchMock);
+    });
+    const validSvg = '<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"></svg>';
+    const invalidSvg = '<div>not an svg</div>';
+    test('SVGString branding enforces valid SVG', () => {
+        expect(() => SVGString(validSvg)).not.toThrow();
+        expect(() => SVGString(invalidSvg)).toThrow();
+        expect(() => SVGString('')).toThrow();
+        expect(() => SVGString(123)).toThrow();
+    });
+    test('emptyDefaultSvg is a valid branded SVGString', () => {
+        expect(() => SVGString(emptyDefaultSvg())).not.toThrow();
+        expect(emptyDefaultSvg()).toContain('<svg');
+    });
+    test('resolveIconSvg fails loading "book" with no iconset/provider and falls back to default', async () => {
+        const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => undefined);
+        const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => undefined);
+        const resolved = await resolveIconSvg({ icon: 'book' });
+        expect(resolved).toBe(emptyDefaultSvg());
+        expect(warnSpy).toHaveBeenCalledWith(expect.stringContaining('No icon provider registered.'));
+        expect(errorSpy).toHaveBeenCalledWith(expect.stringContaining('Using default icon.'));
+        warnSpy.mockRestore();
+        errorSpy.mockRestore();
+    });
+    test('resolveIconSvg resolves icon from a valid iconset provider', async () => {
+        registerIconProvider('test-set-success', {
+            resolve(name) {
+                if (name === 'test-icon') {
+                    return { name, svg: validSvg };
+                }
+                return undefined;
+            },
+        });
+        const resolved = await resolveIconSvg({ iconset: 'test-set-success', icon: 'test-icon' });
+        expect(resolved).toContain('<svg');
+        expect(() => SVGString(resolved)).not.toThrow();
+    });
+    test('resolveIconSvg falls back when icon is missing in a valid iconset provider', async () => {
+        const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => undefined);
+        const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => undefined);
+        registerIconProvider('test-set-miss', {
+            resolve(name) {
+                return name;
+            },
+        });
+        const resolved = await resolveIconSvg({ iconset: 'test-set-miss', icon: 'book' });
+        expect(resolved).toBe(emptyDefaultSvg());
+        expect(warnSpy).toHaveBeenCalledWith(expect.stringContaining('not found in provider'));
+        expect(errorSpy).toHaveBeenCalledWith(expect.stringContaining('Using default icon.'));
+        warnSpy.mockRestore();
+        errorSpy.mockRestore();
+    });
+});

package/collection/utils/icons/public.js

@@ -0,0 +1,2 @@
+export { getRegisteredIconProvider, registerIconProvider } from './icons-registry.js';
+export { typedIconFromSet } from './icons.js';

package/collection/utils/public.js

@@ -1 +1 @@
-export { run } from './effect';
+export * from './icons/public';

package/components/index.d.ts

@@ -1,21 +1,21 @@
 /* LmvzComponents custom elements */
-export { LmvzAction as LmvzAction } from '../../types/components/lmvz-action/lmvz-action';
+export { LmvzAction as LmvzAction } from '../types/components/lmvz-action/lmvz-action';
 export { defineCustomElement as defineCustomElementLmvzAction } from './lmvz-action';
-export { LmvzButton as LmvzButton } from '../../types/components/lmvz-button/lmvz-button';
+export { LmvzButton as LmvzButton } from '../types/components/lmvz-button/lmvz-button';
 export { defineCustomElement as defineCustomElementLmvzButton } from './lmvz-button';
-export { LmvzCard as LmvzCard } from '../../types/components/lmvz-card/lmvz-card';
+export { LmvzCard as LmvzCard } from '../types/components/lmvz-card/lmvz-card';
 export { defineCustomElement as defineCustomElementLmvzCard } from './lmvz-card';
-export { LmvzChip as LmvzChip } from '../../types/components/lmvz-chip/lmvz-chip';
+export { LmvzChip as LmvzChip } from '../types/components/lmvz-chip/lmvz-chip';
 export { defineCustomElement as defineCustomElementLmvzChip } from './lmvz-chip';
-export { LmvzHeader as LmvzHeader } from '../../types/components/lmvz-header/lmvz-header';
+export { LmvzHeader as LmvzHeader } from '../types/components/lmvz-header/lmvz-header';
 export { defineCustomElement as defineCustomElementLmvzHeader } from './lmvz-header';
-export { LmvzIcon as LmvzIcon } from '../../types/components/lmvz-icon/lmvz-icon';
+export { LmvzIcon as LmvzIcon } from '../types/components/lmvz-icon/lmvz-icon';
 export { defineCustomElement as defineCustomElementLmvzIcon } from './lmvz-icon';
-export { LmvzInput as LmvzInput } from '../../types/components/lmvz-input/lmvz-input';
+export { LmvzInput as LmvzInput } from '../types/components/lmvz-input/lmvz-input';
 export { defineCustomElement as defineCustomElementLmvzInput } from './lmvz-input';
-export { LmvzMenuItem as LmvzMenuitem } from '../../types/components/lmvz-menuitem/lmvz-menuitem';
+export { LmvzMenuItem as LmvzMenuitem } from '../types/components/lmvz-menuitem/lmvz-menuitem';
 export { defineCustomElement as defineCustomElementLmvzMenuitem } from './lmvz-menuitem';
-export { LmvzSelect as LmvzSelect } from '../../types/components/lmvz-select/lmvz-select';
+export { LmvzSelect as LmvzSelect } from '../types/components/lmvz-select/lmvz-select';
 export { defineCustomElement as defineCustomElementLmvzSelect } from './lmvz-select';
 
 /**

package/components/index.d.ts.bak

@@ -1,21 +1,21 @@
 /* LmvzComponents custom elements */
-export { LmvzAction as LmvzAction } from '../../types/components/lmvz-action/lmvz-action';
+export { LmvzAction as LmvzAction } from '../types/components/lmvz-action/lmvz-action';
 export { defineCustomElement as defineCustomElementLmvzAction } from './lmvz-action';
-export { LmvzButton as LmvzButton } from '../../types/components/lmvz-button/lmvz-button';
+export { LmvzButton as LmvzButton } from '../types/components/lmvz-button/lmvz-button';
 export { defineCustomElement as defineCustomElementLmvzButton } from './lmvz-button';
-export { LmvzCard as LmvzCard } from '../../types/components/lmvz-card/lmvz-card';
+export { LmvzCard as LmvzCard } from '../types/components/lmvz-card/lmvz-card';
 export { defineCustomElement as defineCustomElementLmvzCard } from './lmvz-card';
-export { LmvzChip as LmvzChip } from '../../types/components/lmvz-chip/lmvz-chip';
+export { LmvzChip as LmvzChip } from '../types/components/lmvz-chip/lmvz-chip';
 export { defineCustomElement as defineCustomElementLmvzChip } from './lmvz-chip';
-export { LmvzHeader as LmvzHeader } from '../../types/components/lmvz-header/lmvz-header';
+export { LmvzHeader as LmvzHeader } from '../types/components/lmvz-header/lmvz-header';
 export { defineCustomElement as defineCustomElementLmvzHeader } from './lmvz-header';
-export { LmvzIcon as LmvzIcon } from '../../types/components/lmvz-icon/lmvz-icon';
+export { LmvzIcon as LmvzIcon } from '../types/components/lmvz-icon/lmvz-icon';
 export { defineCustomElement as defineCustomElementLmvzIcon } from './lmvz-icon';
-export { LmvzInput as LmvzInput } from '../../types/components/lmvz-input/lmvz-input';
+export { LmvzInput as LmvzInput } from '../types/components/lmvz-input/lmvz-input';
 export { defineCustomElement as defineCustomElementLmvzInput } from './lmvz-input';
-export { LmvzMenuItem as LmvzMenuitem } from '../../types/components/lmvz-menuitem/lmvz-menuitem';
+export { LmvzMenuItem as LmvzMenuitem } from '../types/components/lmvz-menuitem/lmvz-menuitem';
 export { defineCustomElement as defineCustomElementLmvzMenuitem } from './lmvz-menuitem';
-export { LmvzSelect as LmvzSelect } from '../../types/components/lmvz-select/lmvz-select';
+export { LmvzSelect as LmvzSelect } from '../types/components/lmvz-select/lmvz-select';
 export { defineCustomElement as defineCustomElementLmvzSelect } from './lmvz-select';
 
 /**
@@ -52,4 +52,4 @@ export interface SetPlatformOptions {
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
 
-export * from '../../types';
+export * from '../types';

package/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-C_bScbrd.js";export{A as ARIA_VALIDATION_RUNTIME_CHANGED_EVENT,d as disableAriaValidation,e as enableAriaValidation,i as isAriaValidationEnabled,q as queueValidation,u as useVerboseLogging}from"./p-Clo63DJF.js";export{LmvzIcon,c as clearIconCache,defineCustomElement as defineCustomElementLmvzIcon}from"./lmvz-icon.js";import{r as t}from"./p-CYcWxAp5.js";export{LmvzAction,defineCustomElement as defineCustomElementLmvzAction}from"./lmvz-action.js";export{LmvzButton,defineCustomElement as defineCustomElementLmvzButton}from"./lmvz-button.js";export{LmvzCard,defineCustomElement as defineCustomElementLmvzCard}from"./lmvz-card.js";export{LmvzChip,defineCustomElement as defineCustomElementLmvzChip}from"./lmvz-chip.js";export{LmvzHeader,defineCustomElement as defineCustomElementLmvzHeader}from"./lmvz-header.js";export{LmvzInput,defineCustomElement as defineCustomElementLmvzInput}from"./lmvz-input.js";export{LmvzMenuitem,defineCustomElement as defineCustomElementLmvzMenuitem}from"./lmvz-menuitem.js";export{LmvzSelect,defineCustomElement as defineCustomElementLmvzSelect}from"./lmvz-select.js";const o=["primary","secondary","tertiary"],n=["small","default","large"],m=["xs","sm","md","lg"],l=[...m,"xl"],f=["text","email","password","tel","url","search","number"],p=[...m,"inherit"],v=["thin","medium","bold","filled"],h=["Logo","actions","adduser","alert","apple","arrow-down","arrow-left","arrow-right","arrow-up","book","bookmark","checkmark","chevron-down","chevron-left","chevron-right","chevron-up","close-l","close-sm","cog","computer","dashboard","delete","download","edit","external","facebook","favorite","filter","group","hide","home","info","instagram","letter","linkedin","logout","map","minus","navigation","plus","qr-scan","question","reader","reset","school","search","send","settings","share","shopping-cart","show","snapchat","sort","speech-bubble","star","student","upload","user","warn-circle","warn-triangle","whatsapp","world","x","youtube"];function z(e){return t(e).catch((e=>{console.error("Unhandled error in Effect:",e)}))}export{h as iconNames,p as iconSizes,v as iconWeights,f as inputTypes,z as run,n as scaleValues,m as sizes,l as textSizes,o as variants}
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-C_bScbrd.js";export{A as ARIA_VALIDATION_RUNTIME_CHANGED_EVENT,d as disableAriaValidation,e as enableAriaValidation,i as isAriaValidationEnabled,q as queueValidation,u as useVerboseLogging}from"./p-CBLAeife.js";export{LmvzIcon,defineCustomElement as defineCustomElementLmvzIcon,g as getRegisteredIconProvider,r as registerIconProvider,t as typedIconFromSet}from"./lmvz-icon.js";export{LmvzAction,defineCustomElement as defineCustomElementLmvzAction}from"./lmvz-action.js";export{LmvzButton,defineCustomElement as defineCustomElementLmvzButton}from"./lmvz-button.js";export{LmvzCard,defineCustomElement as defineCustomElementLmvzCard}from"./lmvz-card.js";export{LmvzChip,defineCustomElement as defineCustomElementLmvzChip}from"./lmvz-chip.js";export{LmvzHeader,defineCustomElement as defineCustomElementLmvzHeader}from"./lmvz-header.js";export{LmvzInput,defineCustomElement as defineCustomElementLmvzInput}from"./lmvz-input.js";export{LmvzMenuitem,defineCustomElement as defineCustomElementLmvzMenuitem}from"./lmvz-menuitem.js";export{LmvzSelect,defineCustomElement as defineCustomElementLmvzSelect}from"./lmvz-select.js";const m=["xs","sm","md","lg"],n=[...m,"xl"],o=["text","email","password","tel","url","search","number"],l=[...m,"inherit"],f=["thin","medium","bold","filled"];export{l as iconSizes,f as iconWeights,o as inputTypes,n as textSizes}

package/components/lmvz-action.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../types/components";
+import type { Components, JSX } from "../types/components";
 
 interface LmvzAction extends Components.LmvzAction, HTMLElement {}
 export const LmvzAction: {

package/components/lmvz-action.d.ts.bak

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LmvzAction extends Components.LmvzAction, HTMLElement {}
+export const LmvzAction: {
+    prototype: LmvzAction;
+    new (): LmvzAction;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/lmvz-action.js

@@ -1 +1 @@
-import{p as t,H as s,c,h as e,d as i,t as o}from"./p-C_bScbrd.js";const n=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.actionClick=c(this,"actionClick")}actionClick;_onClick(t){this.actionClick.emit(t)}render(){return e(i,{key:"15c0f20e08cd5019abfd3bb71ec69d175dc5ba48",onClick:this._onClick.bind(this)},e("slot",{key:"f71a7853168d1b66b0a50b0f971d140385530ac3"}))}static get style(){return":host{display:block}"}},[257,"lmvz-action"]),a=n,l=function(){"undefined"!=typeof customElements&&["lmvz-action"].forEach((t=>{"lmvz-action"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))};export{a as LmvzAction,l as defineCustomElement}
+import{p as t,H as s,c,h as e,d as i,t as o}from"./p-C_bScbrd.js";const n=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.actionClick=c(this,"actionClick")}actionClick;_onClick(t){this.actionClick.emit(t)}render(){return e(i,{key:"00da873d80f00dc57e5a0d60f2b58a6c505e41f1",onClick:this._onClick.bind(this)},e("slot",{key:"7938b5e172ef2b027180aac801b0d9962cd68fa5"}))}static get style(){return":host{display:block}"}},[257,"lmvz-action"]),a=n,l=function(){"undefined"!=typeof customElements&&["lmvz-action"].forEach((t=>{"lmvz-action"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))};export{a as LmvzAction,l as defineCustomElement}

package/components/lmvz-button.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../types/components";
+import type { Components, JSX } from "../types/components";
 
 interface LmvzButton extends Components.LmvzButton, HTMLElement {}
 export const LmvzButton: {

package/components/lmvz-button.d.ts.bak

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LmvzButton extends Components.LmvzButton, HTMLElement {}
+export const LmvzButton: {
+    prototype: LmvzButton;
+    new (): LmvzButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/lmvz-button.js

@@ -1 +1 @@
-import{p as t,c as o,h as e,d as r,t as n}from"./p-C_bScbrd.js";import{c as a}from"./p-BfTCfPZ1.js";import{R as l,a as m}from"./p-Clo63DJF.js";import{E as i}from"./p-CN0JX9-m.js";import{i as s,f as d}from"./p-DQEkWkMh.js";const c=t(class extends l{get el(){return this}validationEl;inheritedAttributes={};formEl=null;formButtonEl=null;lmvzActivation;get ti(){return 0}scale="default";variant="secondary";disabled=!1;type="button";form;constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.lmvzActivation=o(this,"lmvzActivation"),this.addController(new m(this)),this.addController(new i(this,{localHandler:this.handleClick.bind(this),keys:["Enter"]}))}connectedCallback(){this.inheritedAttributes=s(this.el),super.connectedCallback()}renderHiddenButton(){const t=this.formEl=d(this.form,this.el);if(!t)return;const{formButtonEl:o}=this;if(null!==o&&t.contains(o))return;const e=this.formButtonEl=document.createElement("button");e.type="submit",e.style.display="none",e.disabled=this.disabled,t.appendChild(e)}submitForm(t){this.formEl&&this.formButtonEl&&(t.preventDefault(),this.formButtonEl.click())}handleClick=t=>{"submit"===this.type&&this.submitForm(t)};render(){return this.renderHiddenButton(),e(r,{key:"c6f44d3765d579e04ab91272747035d8589e2ff2","aria-disabled":this.disabled?"true":null},e("button",{key:"9d48dfc7a6a23df1eda46e9c9035520789a08d4c",ref:t=>this.validationEl=t,disabled:this.disabled,class:a(this.variant,{[this.scale??""]:!!this.scale,disabled:this.disabled}),...this.inheritedAttributes},e("slot",{key:"95e9fb932e477c7d6e933d2c00e6a3728e55c256"})))}static get delegatesFocus(){return!0}static get style(){return" @layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme { @font-face {   font-family: Router;   src:     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff'),     local('Router');   font-weight: 400 normal; }  @font-face {   font-family: Router;   src:     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff'),     local('Router');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff'),     local('Router');   font-weight: 700 bold; }  } @layer lmvz-ds.reset { body {   margin: 0; }  h1, h2, h3, h4, h5, h6 {   margin: 0; }  } :host {         button {   --lmvz-button-color: var(--lmvz-component-color, var(--lmvz-semantic-color-int-on-primary, #ffffff));   --lmvz-button-padding-inline: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-x, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)));   --lmvz-button-padding-block: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-y, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)));   --lmvz-button-gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router);   --lmvz-button-radius: var(--lmvz-component-input-radius-default, 999px);   --lmvz-button-border-width: 0;   --lmvz-button-border-color: transparent;   --lmvz-button-background: var(--lmvz-semantic-color-int-primary, #000000);    display: inline-flex;   align-items: center;   justify-content: center;   gap: var(--lmvz-button-gap);   padding-block: var(--lmvz-button-padding-block);   padding-inline: var(--lmvz-button-padding-inline);   border-radius: var(--lmvz-button-radius);   border: var(--lmvz-button-border-width) solid var(--lmvz-button-border-color);   background-color: var(--lmvz-button-background);   color: var(--lmvz-button-color);   cursor: pointer;   font: var(--lmvz-button-font);   text-align: center;   text-decoration: none;   white-space: nowrap;   transition:     background-color 0.15s ease,     color 0.15s ease,     border-color 0.15s ease,     box-shadow 0.15s ease; }  button > * {   font: inherit;   color: inherit; }  button:focus-visible {      outline: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-status-selected, #f1f9fe);   outline-offset: var(--lmvz-component-input-sm-padding-x, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem)); }  button:is([disabled], .disabled) {   cursor: not-allowed;   pointer-events: none;                   opacity: var(--lmvz-component-input-disabled-opacity, 40%); }  button:not([disabled]):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-hover, #2e2e2e); }  button:not([disabled]):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-active, #545454); }  button.secondary {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary, #f0f0f0);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-secondary, #000000);   --lmvz-button-border-width: var(--lmvz-semantic-border-width-default, 1px);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-default, #e0e0e0); }  button.secondary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-hover, #e0e0e0);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-hover, #c7c7c7); }  button.secondary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-active, #d4d4d4);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-active, #d4d4d4); }    button.tertiary {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary, #ffffff);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary, #545454); }  button.tertiary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0); }  button.tertiary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0); }    button.small {   --lmvz-button-padding-inline: var(--lmvz-component-input-sm-padding-x, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-padding-block: var(--lmvz-component-input-sm-padding-y, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-gap: var(--lmvz-component-input-sm-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router); }  button.large {   --lmvz-button-padding-inline: var(--lmvz-component-input-lg-padding-x, clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem));   --lmvz-button-padding-block: var(--lmvz-component-input-lg-padding-y, clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem));   --lmvz-button-gap: var(--lmvz-component-input-lg-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router); }     display: contents; } ::slotted(*) {   --lmvz-component-color: var(--lmvz-button-color); } "}},[785,"lmvz-button",{ti:[2562,"tabindex"],scale:[513],variant:[513],disabled:[516],type:[1],form:[1]}]),v=c,u=function(){"undefined"!=typeof customElements&&["lmvz-button"].forEach((t=>{"lmvz-button"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))};export{v as LmvzButton,u as defineCustomElement}
+import{p as t,c as o,h as r,d as e,t as n}from"./p-C_bScbrd.js";import{c as a}from"./p-BfTCfPZ1.js";import{R as l,a as m}from"./p-CBLAeife.js";import{E as i}from"./p-CN0JX9-m.js";import{i as s,f as d}from"./p-DQEkWkMh.js";const c=t(class extends l{get el(){return this}validationEl;inheritedAttributes={};formEl=null;formButtonEl=null;lmvzActivation;get ti(){return 0}scale="default";variant="secondary";disabled=!1;type="button";form;constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.lmvzActivation=o(this,"lmvzActivation"),this.addController(new m(this)),this.addController(new i(this,{localHandler:this.handleClick.bind(this),keys:["Enter"]}))}connectedCallback(){this.inheritedAttributes=s(this.el),super.connectedCallback()}renderHiddenButton(){const t=this.formEl=d(this.form,this.el);if(!t)return;const{formButtonEl:o}=this;if(null!==o&&t.contains(o))return;const r=this.formButtonEl=document.createElement("button");r.type="submit",r.style.display="none",r.disabled=this.disabled,t.appendChild(r)}submitForm(t){this.formEl&&this.formButtonEl&&(t.preventDefault(),this.formButtonEl.click())}handleClick=t=>{"submit"===this.type&&this.submitForm(t)};render(){return this.renderHiddenButton(),r(e,{key:"1448b16151418790d0a78eda2248b7d61fd8e32b","aria-disabled":this.disabled?"true":null},r("button",{key:"2cf7ccc0692179b68aaea534a7a4d11dbcbe27b5",ref:t=>this.validationEl=t,disabled:this.disabled,class:a(this.variant,{[this.scale??""]:!!this.scale,disabled:this.disabled}),...this.inheritedAttributes},r("slot",{key:"8fd9f99f8c79657fd3dbeafb2fd88ca667bc0d44"})))}static get delegatesFocus(){return!0}static get style(){return" @layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme { @font-face {   font-family: Router;   src:     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff'),     local('Router');   font-weight: 400 normal; }  @font-face {   font-family: Router;   src:     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff'),     local('Router');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff'),     local('Router');   font-weight: 700 bold; }  } @layer lmvz-ds.reset { body {   margin: 0; }  h1, h2, h3, h4, h5, h6 {   margin: 0; }  } :host {         button {   --lmvz-button-color: var(--lmvz-component-color, var(--lmvz-semantic-color-int-on-primary, #ffffff));   --lmvz-button-padding-inline: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-x, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)));   --lmvz-button-padding-block: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-y, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)));   --lmvz-button-gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router);   --lmvz-button-radius: var(--lmvz-component-input-radius-default, 999px);   --lmvz-button-border-width: 0;   --lmvz-button-border-color: transparent;   --lmvz-button-background: var(--lmvz-semantic-color-int-primary, #000000);    display: inline-flex;   align-items: center;   justify-content: center;   gap: var(--lmvz-button-gap);   padding-block: var(--lmvz-button-padding-block);   padding-inline: var(--lmvz-button-padding-inline);   border-radius: var(--lmvz-button-radius);   border: var(--lmvz-button-border-width) solid var(--lmvz-button-border-color);   background-color: var(--lmvz-button-background);   color: var(--lmvz-button-color);   cursor: pointer;   font: var(--lmvz-button-font);   text-align: center;   text-decoration: none;   white-space: nowrap;   transition:     background-color 0.15s ease,     color 0.15s ease,     border-color 0.15s ease,     box-shadow 0.15s ease; }  button > * {   font: inherit;   color: inherit; }  button:focus-visible {      outline: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-status-active, #f1f9fe);   outline-offset: var(--lmvz-component-input-sm-padding-x, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem)); }  button:is([disabled], .disabled) {   cursor: not-allowed;   pointer-events: none;                   opacity: var(--lmvz-component-input-disabled-opacity, 40%); }  button:not([disabled]):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-hover, #2e2e2e); }  button:not([disabled]):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-active, #545454); }  button.secondary {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary, #f0f0f0);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-secondary, #000000);   --lmvz-button-border-width: var(--lmvz-semantic-border-width-default, 1px);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-default, #e0e0e0); }  button.secondary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-hover, #e0e0e0);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-hover, #c7c7c7); }  button.secondary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-active, #d4d4d4);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-active, #0f8acc); }    button.tertiary {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary, #ffffff);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary, #545454); }  button.tertiary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0); }  button.tertiary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0); }    button.small {   --lmvz-button-padding-inline: var(--lmvz-component-input-sm-padding-x, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-padding-block: var(--lmvz-component-input-sm-padding-y, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-gap: var(--lmvz-component-input-sm-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router); }  button.large {   --lmvz-button-padding-inline: var(--lmvz-component-input-lg-padding-x, clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem));   --lmvz-button-padding-block: var(--lmvz-component-input-lg-padding-y, clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem));   --lmvz-button-gap: var(--lmvz-component-input-lg-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router); }     display: contents; } ::slotted(*) {   --lmvz-component-color: var(--lmvz-button-color); } "}},[785,"lmvz-button",{ti:[2562,"tabindex"],scale:[513],variant:[513],disabled:[516],type:[1],form:[1]}]),v=c,u=function(){"undefined"!=typeof customElements&&["lmvz-button"].forEach((t=>{"lmvz-button"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))};export{v as LmvzButton,u as defineCustomElement}

package/components/lmvz-card.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../../types/components";
+import type { Components, JSX } from "../types/components";
 
 interface LmvzCard extends Components.LmvzCard, HTMLElement {}
 export const LmvzCard: {

package/components/lmvz-card.d.ts.bak

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LmvzCard extends Components.LmvzCard, HTMLElement {}
+export const LmvzCard: {
+    prototype: LmvzCard;
+    new (): LmvzCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/lmvz-card.js

@@ -1 +1 @@
-import{p as e,H as r,c as t,h as a,d as o,t as m}from"./p-C_bScbrd.js";import{c as n}from"./p-DHtXOUVf.js";const l=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.primaryAction=t(this,"primaryAction")}cardTitle;imageUrl;description;primaryActionLabel="";primaryAction;get fallbackImage(){return n("card-placeholder.svg")}_onPrimaryClick(){this.primaryAction.emit()}_onOverflowClick(e){console.log(e)}render(){return a(o,{key:"46c2832b4f90b9eb222749632bc7ad59cd645e10",role:"article"},a("div",{key:"cc387fe96cff2dd04c24f75cf838a2bf6f438279",class:"top"},a("div",{key:"f9a54a5f81378ef4265e1d74c36c78af002e8874",class:"image-wrapper",style:{backgroundImage:`url(${this.imageUrl??this.fallbackImage})`}},a("div",{key:"76daed00408f7ae9ee46977637ddcd3d4f846380",class:"chip-slot"},a("slot",{key:"6ad522ef7428166b876d0218ef8d801c4ef337f1",name:"chip"})))),a("div",{key:"9c9799668ac199cfecbe10061e271d70d70e2d07",class:"bottom"},a("header",{key:"1bec743235bea5c7ab163225ffbd7bc6cf11f754"},a("h2",{key:"06f8e14153328bc5ca920e71e09d9343047c440c",class:"title"},this.cardTitle)),a("p",{key:"86b95db4e6464ca3236b4a03798013c3580819bf",class:"description"},this.description),a("div",{key:"553dc998d5318a4730196baa0b9baff3a0a3369f",class:"actions"},a("button",{key:"7532d01b46769198c23a1b1015c187fdefce146a",class:"primary",onClick:this._onPrimaryClick.bind(this),"data-testid":"primary"},this.primaryActionLabel),a("button",{key:"633d679ae59b1896aa2a06e04b4564569cf27a7d",class:"tertiary","aria-label":"More actions",onClick:this._onOverflowClick},a("span",{key:"b72c45f93d259502b9d7c5ffb19e292a53c60ec6",class:"icon-placeholder"},"...")))))}static get assetsDirs(){return["../../assets"]}static get style(){return"@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme { @font-face {   font-family: Router;   src:     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff'),     local('Router');   font-weight: 400 normal; }  @font-face {   font-family: Router;   src:     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff'),     local('Router');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff'),     local('Router');   font-weight: 700 bold; }  } @layer lmvz-ds.reset { body {   margin: 0; }  h1, h2, h3, h4, h5, h6 {   margin: 0; }  } .sc-lmvz-card-h {            button {   --lmvz-button-color: var(--lmvz-component-color, var(--lmvz-semantic-color-int-on-primary, #ffffff));   --lmvz-button-padding-inline: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-x, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)));   --lmvz-button-padding-block: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-y, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)));   --lmvz-button-gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router);   --lmvz-button-radius: var(--lmvz-component-input-radius-default, 999px);   --lmvz-button-border-width: 0;   --lmvz-button-border-color: transparent;   --lmvz-button-background: var(--lmvz-semantic-color-int-primary, #000000);    display: inline-flex;   align-items: center;   justify-content: center;   gap: var(--lmvz-button-gap);   padding-block: var(--lmvz-button-padding-block);   padding-inline: var(--lmvz-button-padding-inline);   border-radius: var(--lmvz-button-radius);   border: var(--lmvz-button-border-width) solid var(--lmvz-button-border-color);   background-color: var(--lmvz-button-background);   color: var(--lmvz-button-color);   cursor: pointer;   font: var(--lmvz-button-font);   text-align: center;   text-decoration: none;   white-space: nowrap;   transition:     background-color 0.15s ease,     color 0.15s ease,     border-color 0.15s ease,     box-shadow 0.15s ease; }  button > * {   font: inherit;   color: inherit; }  button:focus-visible {      outline: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-status-selected, #f1f9fe);   outline-offset: var(--lmvz-component-input-sm-padding-x, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem)); }  button:is([disabled], .disabled) {   cursor: not-allowed;   pointer-events: none;                   opacity: var(--lmvz-component-input-disabled-opacity, 40%); }  button:not([disabled]):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-hover, #2e2e2e); }  button:not([disabled]):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-active, #545454); }  button.secondary {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary, #f0f0f0);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-secondary, #000000);   --lmvz-button-border-width: var(--lmvz-semantic-border-width-default, 1px);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-default, #e0e0e0); }  button.secondary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-hover, #e0e0e0);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-hover, #c7c7c7); }  button.secondary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-active, #d4d4d4);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-active, #d4d4d4); }    button.tertiary {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary, #ffffff);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary, #545454); }  button.tertiary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0); }  button.tertiary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0); }    button.small {   --lmvz-button-padding-inline: var(--lmvz-component-input-sm-padding-x, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-padding-block: var(--lmvz-component-input-sm-padding-y, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-gap: var(--lmvz-component-input-sm-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router); }  button.large {   --lmvz-button-padding-inline: var(--lmvz-component-input-lg-padding-x, clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem));   --lmvz-button-padding-block: var(--lmvz-component-input-lg-padding-y, clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem));   --lmvz-button-gap: var(--lmvz-component-input-lg-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router); }     display: flex;   min-width: var(--lmvz-other-component-card-minwidth, 20.4375rem);   max-width: var(--lmvz-other-component-card-maxwidth, 21.6875rem);   flex-direction: column;   align-items: flex-start;    border-radius: var(--lmvz-semantic-border-radius-lg, 14px);   border: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-border-default, #e0e0e0);   background: var(--lmvz-semantic-color-surface-primary, #ffffff); } *.sc-lmvz-card {   color: var(--lmvz-semantic-color-on-surface-primary, #000000);   font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router); } .top.sc-lmvz-card {   display: flex;   padding: var(--lmvz-dimension-8-12, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   flex-direction: column;   justify-content: center;   align-items: center;   align-self: stretch; } .bottom.sc-lmvz-card {   display: flex;   min-width: 150px;   padding: var(--lmvz-dimension-4-6, clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem)) var(--lmvz-dimension-10-14, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem)) var(--lmvz-dimension-10-14, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem)) var(--lmvz-dimension-10-14, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem));   flex-direction: column;   align-items: flex-start;   align-self: stretch; } .title.sc-lmvz-card {   margin: 0;   display: flex;   justify-content: center;   align-items: center;   align-self: stretch;    padding-bottom: var(--lmvz-global-s4, 4px);   overflow-wrap: break-word;   font: var(--lmvz-typography-heading-2xl, 500 clamp(2rem, 1.94rem + 0.26vw, 2.25rem) / 1.2     Router); } .description.sc-lmvz-card {   display: flex;   margin: 0;   padding-bottom: var(--lmvz-component-body-sm-padding-bottom, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   align-items: flex-start;   align-self: stretch;   white-space: pre-line;   font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router); } .image-wrapper.sc-lmvz-card {   aspect-ratio: 4 / 3;   width: 100%;   background-size: cover;   background-position: center;   flex: 1 0 0;   align-self: stretch;   border-radius: var(--lmvz-semantic-border-radius-md, 6px); } .actions.sc-lmvz-card {   margin-top: var(--lmvz-component-form-wrapper-gap-y, clamp(1.13rem, 0.97rem + 0.65vw, 1.75rem));   display: flex;   align-items: center;   gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   align-self: stretch; } button.primary.sc-lmvz-card, lmvz-button.primary.sc-lmvz-card {   display: flex;   justify-content: center;   align-items: center;   gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   flex: 1 0 0; }"}},[774,"lmvz-card",{cardTitle:[1,"card-title"],imageUrl:[1,"image-url"],description:[1],primaryActionLabel:[1,"primary-action-label"]}]),c=l,i=function(){"undefined"!=typeof customElements&&["lmvz-card"].forEach((e=>{"lmvz-card"===e&&(customElements.get(m(e))||customElements.define(m(e),l))}))};export{c as LmvzCard,i as defineCustomElement}
+import{g as e,p as r,H as t,c as a,h as o,d as n,t as l}from"./p-C_bScbrd.js";const m=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.primaryAction=a(this,"primaryAction")}cardTitle;imageUrl;description;primaryActionLabel="";primaryAction;get fallbackImage(){return((r,t)=>{const a=function(...e){return e.filter(Boolean).join("/").replace("//","/").replace("/./","/")}("../../assets",t,r);try{return e(a)}catch{return console.warn(`Failed to create URL for asset "${r}" in path "${t}".\n           Please provide an absolute URL in your app's 'setAssetPath(...)' configuration! Falling back to a relative URL, which may work in some environments but is not guaranteed to be correct.`),new URL(a,import.meta?.url??window?.location?.origin??"")}})("card-placeholder.svg")}_onPrimaryClick(){this.primaryAction.emit()}_onOverflowClick(e){console.log(e)}render(){return o(n,{key:"fceb19eb0d7ad6c6aecfa6fbd5bb6425c7c3e312",role:"article"},o("div",{key:"4cb516b5dee1f2f84f21984fa350f61fd83c771c",class:"top"},o("div",{key:"713b2a3245d885a9b99f6c7d54a35053699c1be8",class:"image-wrapper",style:{backgroundImage:`url(${this.imageUrl??this.fallbackImage})`}},o("div",{key:"e8ea65e7f5d11a2335cab950d6bf02208d0b18a1",class:"chip-slot"},o("slot",{key:"e9a039742107fdf56216186ddcdf367c4432790b",name:"chip"})))),o("div",{key:"9549e46a1872e0edf298b79435d298aa1ae96a37",class:"bottom"},o("header",{key:"3bbfb72ecec519d16380ae7e00da4b1ccb6f1cf3"},o("h2",{key:"f5a33e498893e61b407c10ab36c9a93b7eecf9f1",class:"title"},this.cardTitle)),o("p",{key:"19709bb100d014369c836a5a7174772f2d095d2e",class:"description"},this.description),o("div",{key:"06b5acab3c80cc91865f3aa39da32d42f470348e",class:"actions"},o("button",{key:"4e954452ac9771359c881aa6b43f11e89e38aecf",class:"primary",onClick:this._onPrimaryClick.bind(this),"data-testid":"primary"},this.primaryActionLabel),o("button",{key:"b6a682bf95eb26468c450bed494290565288a515",class:"tertiary","aria-label":"More actions",onClick:this._onOverflowClick},o("span",{key:"70a526d1fafd8b7051f6e7107b35d6f594e10d68",class:"icon-placeholder"},"...")))))}static get assetsDirs(){return["../../assets"]}static get style(){return"@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme { @font-face {   font-family: Router;   src:     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff'),     local('Router');   font-weight: 400 normal; }  @font-face {   font-family: Router;   src:     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff'),     local('Router');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff'),     local('Router');   font-weight: 700 bold; }  } @layer lmvz-ds.reset { body {   margin: 0; }  h1, h2, h3, h4, h5, h6 {   margin: 0; }  } .sc-lmvz-card-h {            button {   --lmvz-button-color: var(--lmvz-component-color, var(--lmvz-semantic-color-int-on-primary, #ffffff));   --lmvz-button-padding-inline: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-x, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)));   --lmvz-button-padding-block: var(--lmvz-button-padding, var(--lmvz-component-input-md-padding-y, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)));   --lmvz-button-gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router);   --lmvz-button-radius: var(--lmvz-component-input-radius-default, 999px);   --lmvz-button-border-width: 0;   --lmvz-button-border-color: transparent;   --lmvz-button-background: var(--lmvz-semantic-color-int-primary, #000000);    display: inline-flex;   align-items: center;   justify-content: center;   gap: var(--lmvz-button-gap);   padding-block: var(--lmvz-button-padding-block);   padding-inline: var(--lmvz-button-padding-inline);   border-radius: var(--lmvz-button-radius);   border: var(--lmvz-button-border-width) solid var(--lmvz-button-border-color);   background-color: var(--lmvz-button-background);   color: var(--lmvz-button-color);   cursor: pointer;   font: var(--lmvz-button-font);   text-align: center;   text-decoration: none;   white-space: nowrap;   transition:     background-color 0.15s ease,     color 0.15s ease,     border-color 0.15s ease,     box-shadow 0.15s ease; }  button > * {   font: inherit;   color: inherit; }  button:focus-visible {      outline: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-status-active, #f1f9fe);   outline-offset: var(--lmvz-component-input-sm-padding-x, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem)); }  button:is([disabled], .disabled) {   cursor: not-allowed;   pointer-events: none;                   opacity: var(--lmvz-component-input-disabled-opacity, 40%); }  button:not([disabled]):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-hover, #2e2e2e); }  button:not([disabled]):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-active, #545454); }  button.secondary {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary, #f0f0f0);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-secondary, #000000);   --lmvz-button-border-width: var(--lmvz-semantic-border-width-default, 1px);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-default, #e0e0e0); }  button.secondary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-hover, #e0e0e0);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-hover, #c7c7c7); }  button.secondary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-active, #d4d4d4);   --lmvz-button-border-color: var(--lmvz-semantic-color-border-active, #0f8acc); }    button.tertiary {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary, #ffffff);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary, #545454); }  button.tertiary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0); }  button.tertiary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0); }    button.small {   --lmvz-button-padding-inline: var(--lmvz-component-input-sm-padding-x, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-padding-block: var(--lmvz-component-input-sm-padding-y, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-gap: var(--lmvz-component-input-sm-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router); }  button.large {   --lmvz-button-padding-inline: var(--lmvz-component-input-lg-padding-x, clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem));   --lmvz-button-padding-block: var(--lmvz-component-input-lg-padding-y, clamp(0.88rem, 0.78rem + 0.39vw, 1.25rem));   --lmvz-button-gap: var(--lmvz-component-input-lg-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   --lmvz-button-font: var(--lmvz-typography-body-lg, 400 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router); }     display: flex;   min-width: var(--lmvz-card-component-card-minwidth, 20.4375rem);   max-width: var(--lmvz-card-component-card-maxwidth, 21.6875rem);   flex-direction: column;   align-items: flex-start;    border-radius: var(--lmvz-semantic-border-radius-lg, 14px);   border: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-border-default, #e0e0e0);   background: var(--lmvz-semantic-color-surface-primary, #ffffff); } *.sc-lmvz-card {   color: var(--lmvz-semantic-color-on-surface-primary, #000000);   font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router); } .top.sc-lmvz-card {   display: flex;   padding: var(--lmvz-dimension-8-12, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   flex-direction: column;   justify-content: center;   align-items: center;   align-self: stretch; } .bottom.sc-lmvz-card {   display: flex;   min-width: 150px;   padding: var(--lmvz-dimension-4-6, clamp(0.25rem, 0.22rem + 0.13vw, 0.38rem)) var(--lmvz-dimension-10-14, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem)) var(--lmvz-dimension-10-14, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem)) var(--lmvz-dimension-10-14, clamp(0.63rem, 0.56rem + 0.26vw, 0.88rem));   flex-direction: column;   align-items: flex-start;   align-self: stretch; } .title.sc-lmvz-card {   margin: 0;   display: flex;   justify-content: center;   align-items: center;   align-self: stretch;    padding-bottom: var(--lmvz-global-s4, 4px);   overflow-wrap: break-word;   font: var(--lmvz-typography-heading-2xl, 500 clamp(2.25rem, 2.13rem + 0.52vw, 2.75rem) / 1.2     Router); } .description.sc-lmvz-card {   display: flex;   margin: 0;   padding-bottom: var(--lmvz-component-body-sm-padding-bottom, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   align-items: flex-start;   align-self: stretch;   white-space: pre-line;   font: var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router); } .image-wrapper.sc-lmvz-card {   aspect-ratio: 4 / 3;   width: 100%;   background-size: cover;   background-position: center;   flex: 1 0 0;   align-self: stretch;   border-radius: var(--lmvz-semantic-border-radius-md, 6px); } .actions.sc-lmvz-card {   margin-top: var(--lmvz-component-form-wrapper-gap-y, clamp(1.13rem, 0.97rem + 0.65vw, 1.75rem));   display: flex;   align-items: center;   gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   align-self: stretch; } button.primary.sc-lmvz-card, lmvz-button.primary.sc-lmvz-card {   display: flex;   justify-content: center;   align-items: center;   gap: var(--lmvz-component-input-md-gap-x, clamp(0.25rem, 0.16rem + 0.39vw, 0.63rem));   flex: 1 0 0; }"}},[774,"lmvz-card",{cardTitle:[1,"card-title"],imageUrl:[1,"image-url"],description:[1],primaryActionLabel:[1,"primary-action-label"]}]),i=m,c=function(){"undefined"!=typeof customElements&&["lmvz-card"].forEach((e=>{"lmvz-card"===e&&(customElements.get(l(e))||customElements.define(l(e),m))}))};export{i as LmvzCard,c as defineCustomElement}