@lmvz-ds/components 0.25.0 → 0.26.0

package/types/components/lmvz-snackbar/snackbar-controller.d.ts

@@ -0,0 +1,32 @@
+import type { Snackbar } from '../../api';
+export type SnackbarStatus = Snackbar.Status;
+export type SnackbarPriority = Snackbar.Priority;
+export type SnackbarDismissReason = Snackbar.DismissReason;
+export type SnackbarOptions = {
+    message: string;
+    status?: SnackbarStatus;
+    duration?: number;
+    priority?: SnackbarPriority;
+    actionLabel?: string;
+    onAction?: () => void;
+};
+export type SnackbarHandle = {
+    readonly id: string;
+    dismiss: () => void;
+    readonly closed: Promise<{
+        reason: SnackbarDismissReason;
+    }>;
+};
+export declare class SnackbarController {
+    private hostEl?;
+    private active?;
+    private getHost;
+    private clearTimer;
+    private scheduleTimer;
+    private dismissActive;
+    private pauseTimer;
+    private resumeTimer;
+    private applyToHost;
+    open(options: SnackbarOptions): SnackbarHandle;
+    dismiss(id?: string): void;
+}

package/types/components.d.ts

@@ -526,6 +526,24 @@ export declare namespace Components {
          */
         "value"?: string;
     }
+    export interface LmvzSnackbar {
+        "actionLabel"?: string;
+        "duration"?: number;
+        "hide": () => Promise<void>;
+        /**
+         * @default ''
+         */
+        "message": string;
+        /**
+         * @default 'normal'
+         */
+        "priority"?: Snackbar.Priority;
+        "show": () => Promise<void>;
+        /**
+         * @default 'success'
+         */
+        "status": Snackbar.Status;
+    }
     /**
      * Toggle (switch) component. Wraps a native `<input type="checkbox" role="switch">` for full keyboard and form support.
      * @example ```html
@@ -597,7 +615,7 @@ export declare namespace Icon {
 
 declare const iconSizes: readonly ["xs", "sm", "md", "lg", "inherit"];
 
-declare const iconWeights: readonly ["thin", "medium", "bold", "filled"];
+declare const iconWeights: readonly ["thin", "medium", "bold"];
 
 export declare namespace Input {
     export type Type = (typeof inputTypes)[number];
@@ -1111,6 +1129,23 @@ export declare namespace JSX {
          */
         "value"?: string;
     }
+    export interface LmvzSnackbar {
+        "actionLabel"?: string;
+        "duration"?: number;
+        /**
+         * @default ''
+         */
+        "message"?: string;
+        "onLmvzClose"?: (event: LmvzSnackbarCustomEvent<{ reason: Snackbar.DismissReason }>) => void;
+        /**
+         * @default 'normal'
+         */
+        "priority"?: Snackbar.Priority;
+        /**
+         * @default 'success'
+         */
+        "status"?: Snackbar.Status;
+    }
     /**
      * Toggle (switch) component. Wraps a native `<input type="checkbox" role="switch">` for full keyboard and form support.
      * @example ```html
@@ -1258,6 +1293,13 @@ export declare namespace JSX {
         "required": boolean;
         "name": string;
     }
+    export interface LmvzSnackbarAttributes {
+        "status": Snackbar.Status;
+        "message": string;
+        "duration": number;
+        "priority": Snackbar.Priority;
+        "actionLabel": string;
+    }
     export interface LmvzToggleAttributes {
         "label": string;
         "checked": boolean;
@@ -1282,6 +1324,7 @@ export declare namespace JSX {
         "lmvz-modal": Omit<LmvzModal, keyof LmvzModalAttributes> & { [K in keyof LmvzModal & keyof LmvzModalAttributes]?: LmvzModal[K] } & { [K in keyof LmvzModal & keyof LmvzModalAttributes as `attr:${K}`]?: LmvzModalAttributes[K] } & { [K in keyof LmvzModal & keyof LmvzModalAttributes as `prop:${K}`]?: LmvzModal[K] };
         "lmvz-radio": Omit<LmvzRadio, keyof LmvzRadioAttributes> & { [K in keyof LmvzRadio & keyof LmvzRadioAttributes]?: LmvzRadio[K] } & { [K in keyof LmvzRadio & keyof LmvzRadioAttributes as `attr:${K}`]?: LmvzRadioAttributes[K] } & { [K in keyof LmvzRadio & keyof LmvzRadioAttributes as `prop:${K}`]?: LmvzRadio[K] } & OneOf<"label", LmvzRadio["label"], LmvzRadioAttributes["label"]>;
         "lmvz-select": Omit<LmvzSelect, keyof LmvzSelectAttributes> & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes]?: LmvzSelect[K] } & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes as `attr:${K}`]?: LmvzSelectAttributes[K] } & { [K in keyof LmvzSelect & keyof LmvzSelectAttributes as `prop:${K}`]?: LmvzSelect[K] } & OneOf<"label", LmvzSelect["label"], LmvzSelectAttributes["label"]>;
+        "lmvz-snackbar": Omit<LmvzSnackbar, keyof LmvzSnackbarAttributes> & { [K in keyof LmvzSnackbar & keyof LmvzSnackbarAttributes]?: LmvzSnackbar[K] } & { [K in keyof LmvzSnackbar & keyof LmvzSnackbarAttributes as `attr:${K}`]?: LmvzSnackbarAttributes[K] } & { [K in keyof LmvzSnackbar & keyof LmvzSnackbarAttributes as `prop:${K}`]?: LmvzSnackbar[K] };
         "lmvz-toggle": Omit<LmvzToggle, keyof LmvzToggleAttributes> & { [K in keyof LmvzToggle & keyof LmvzToggleAttributes]?: LmvzToggle[K] } & { [K in keyof LmvzToggle & keyof LmvzToggleAttributes as `attr:${K}`]?: LmvzToggleAttributes[K] } & { [K in keyof LmvzToggle & keyof LmvzToggleAttributes as `prop:${K}`]?: LmvzToggle[K] } & OneOf<"label", LmvzToggle["label"], LmvzToggleAttributes["label"]>;
     }
 }
@@ -1336,6 +1379,11 @@ export declare interface LmvzSelectCustomEvent<T> extends CustomEvent<T> {
     target: HTMLLmvzSelectElement;
 }
 
+export declare interface LmvzSnackbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLmvzSnackbarElement;
+}
+
 export declare interface LmvzToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLmvzToggleElement;
@@ -1345,6 +1393,18 @@ declare const scaleValues: readonly ["small", "default", "large"];
 
 declare const sizes: readonly ["xs", "sm", "md", "lg"];
 
+export declare namespace Snackbar {
+    export type Status = (typeof snackbarStatuses)[number];
+    export type Priority = (typeof snackbarPriorities)[number];
+    export type DismissReason = (typeof snackbarDismissReasons)[number];
+}
+
+declare const snackbarDismissReasons: readonly ["timeout", "manual", "action", "overridden", "swallowed"];
+
+declare const snackbarPriorities: readonly ["low", "normal", "high"];
+
+declare const snackbarStatuses: readonly ["success", "warning", "error"];
+
 export declare type SVGString = string & Brand.Brand<'SVG'>;
 
 declare const variants: readonly ["primary", "secondary", "tertiary"];

package/types/index.d.ts

@@ -3,3 +3,4 @@ export type * from './components.d.ts';
 export { chipSizes, chipTypes, iconSizes, iconWeights, inputTypes, textSizes } from './api/ds.constants';
 export type { LmvzDS, Typography } from './api';
 export * from './utils/public';
+export * from './components/lmvz-snackbar/public';

package/cjs/lmvz-button_3.cjs.entry.js

@@ -1,375 +0,0 @@
-'use strict';
-
-var index = require('./index-BCFBLj0e.js');
-var index$1 = require('./index-Bp6Dd2i1.js');
-var reactiveControllerHost = require('./reactive-controller-host-DrtMkMd7.js');
-var elementActivationController = require('./element-activation-controller-DC_6T0Rt.js');
-var component = require('./component-C7cavwmZ.js');
-var ariaLoader = require('./aria-loader-BRo2FTGh.js');
-var svg = require('./svg-BMBduILB.js');
-var icons = require('./icons-BQASWgk-.js');
-require('./logger-DsM6xg6V.js');
-
-const lmvzButtonCss = () => ` @layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;  @layer lmvz-ds.theme {   @font-face {   font-family: Router;   src:     local('RouterBook-Regular'),     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff');   font-weight: 400; }  @font-face {   font-family: Router;   src:     local('RouterMedium-Regular'),     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('RouterBold-Regular'),     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff');   font-weight: 700; }  } @layer lmvz-ds.reset { body {   margin: 0; }  h1, h2, h3, h4, h5, h6 {   margin: 0; }  *[hidden] {   display: none !important; }  } :host {         button {      --lmvz-button-color: var(--lmvz-component-color, var(--lmvz-semantic-color-int-on-secondary, #000000));   --lmvz-button-padding-inline: var(--lmvz-button-padding, var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)));   --lmvz-button-padding-block: var(--lmvz-button-padding, var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)));   --lmvz-button-gap: var(--lmvz-component-input-gap-md, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));   --lmvz-button-min-height: var(--lmvz-component-input-size-md, clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem));   --lmvz-button-font: var(--lmvz-typography-body-md-strong, 500 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 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-secondary, #f0f0f0);    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);   min-height: var(--lmvz-button-min-height);   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-ds-outline, 1px solid #0e7ab4);   outline-offset: var(--lmvz-ds-outline-offset, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)); }  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-secondary-hover, #e0e0e0); }  button:not([disabled]):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-active, #d4d4d4); }  button.primary {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary, #000000);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-primary, #ffffff);   --lmvz-button-border-width: 0;   --lmvz-button-border-color: transparent; }  button.primary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-hover, #2e2e2e); }  button.primary:not([disabled], .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: 0;   --lmvz-button-border-color: transparent; }  button.secondary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-hover, #e0e0e0);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-secondary-hover, #000000); }  button.secondary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-active, #d4d4d4);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-secondary-active, #000000); }  button.tertiary {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary, #ffffff);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary, #000000); }  button.tertiary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary-hover, #000000); }  button.tertiary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary-active, #000000); }  button.small {   --lmvz-button-padding-inline: var(--lmvz-component-input-padding-sm, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem));   --lmvz-button-padding-block: var(--lmvz-component-input-padding-sm, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem));   --lmvz-button-gap: var(--lmvz-component-input-gap-sm, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-min-height: var(--lmvz-component-input-size-sm, clamp(2rem, 1.94rem + 0.26vw, 2.25rem));   --lmvz-button-font: var(--lmvz-typography-body-sm-strong, 500 clamp(0.69rem, 0.67rem + 0.06vw, 0.75rem) / 1.4     Router); }  button.large {   --lmvz-button-padding-inline: var(--lmvz-component-input-padding-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem));   --lmvz-button-padding-block: var(--lmvz-component-input-padding-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem));   --lmvz-button-gap: var(--lmvz-component-input-gap-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem));   --lmvz-button-min-height: var(--lmvz-component-input-size-lg, clamp(2.75rem, 2.69rem + 0.26vw, 3rem));   --lmvz-button-font: var(--lmvz-typography-body-lg-strong, 500 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router); }     display: inline-block; } ::slotted(*) {   --lmvz-component-color: var(--lmvz-button-color); } `;
-
-const LmvzButton = class extends reactiveControllerHost.ReactiveControllerHost {
-    get el() { return index.getElement(this); }
-    validationEl;
-    inheritedAttributes = {};
-    formEl = null;
-    formButtonEl = null;
-    lmvzActivation;
-    get ti() {
-        return 0;
-    }
-    scale = 'default';
-    variant;
-    disabled = false;
-    type = 'button';
-    form;
-    formMethod;
-    name;
-    value;
-    constructor(hostRef) {
-        super();
-        index.registerInstance(this, hostRef);
-        this.lmvzActivation = index.createEvent(this, "lmvzActivation", 7);
-        this.addController(new reactiveControllerHost.AriaValidationController(this));
-        this.addController(new elementActivationController.ElementActivationController(this, {
-            localHandler: this.handleClick.bind(this),
-            keys: ['Enter'],
-        }));
-    }
-    connectedCallback() {
-        this.inheritedAttributes = component.inheritAriaAttributes(this.el);
-        super.connectedCallback();
-    }
-    disconnectedCallback() {
-        this.formButtonEl?.remove();
-        this.formButtonEl = null;
-        this.formEl = null;
-        super.disconnectedCallback();
-    }
-    renderHiddenButton() {
-        if (this.type !== 'submit') {
-            this.formButtonEl?.remove();
-            this.formButtonEl = null;
-            this.formEl = null;
-            return;
-        }
-        const formEl = component.findFormByRef(this.form, this.el);
-        if (!formEl) {
-            this.formButtonEl?.remove();
-            this.formButtonEl = null;
-            this.formEl = null;
-            return;
-        }
-        this.formEl = formEl;
-        const formButtonEl = this.formButtonEl ?? document.createElement('button');
-        formButtonEl.type = 'submit';
-        formButtonEl.style.display = 'none';
-        formButtonEl.disabled = this.disabled;
-        formButtonEl.name = this.name ?? '';
-        formButtonEl.value = this.value ?? '';
-        if (this.formMethod) {
-            formButtonEl.setAttribute('formmethod', this.formMethod);
-        }
-        else {
-            formButtonEl.removeAttribute('formmethod');
-        }
-        if (this.formButtonEl !== formButtonEl) {
-            this.formButtonEl = formButtonEl;
-        }
-        if (formButtonEl.parentElement !== formEl) {
-            formButtonEl.remove();
-            formEl.appendChild(formButtonEl);
-        }
-    }
-    submitForm(ev) {
-        if (this.formEl && this.formButtonEl) {
-            ev.preventDefault();
-            this.formButtonEl.click();
-        }
-    }
-    handleClick = (ev) => {
-        if (this.type === 'submit') {
-            this.submitForm(ev);
-        }
-    };
-    render() {
-        this.renderHiddenButton();
-        return (index.h(index.Host, { key: '8196de85afc3878c6f38e582d7c031f5d19bcd36', "aria-disabled": this.disabled ? 'true' : null }, index.h("button", { key: '8d73f979fa227de22a03403a2a3938684911060a', ref: (e) => (this.validationEl = e), part: "button", disabled: this.disabled, type: this.type, class: index$1.classNames(this.variant ?? 'secondary', { [this.scale ?? '']: !!this.scale, disabled: this.disabled }), ...this.inheritedAttributes }, index.h("slot", { key: '18e91a2f94ba0d7e5cf13150191003e2f0b2a03a' }))));
-    }
-    static get delegatesFocus() { return true; }
-};
-LmvzButton.style = lmvzButtonCss();
-
-/**
- * Returns a function that delegates to the given predicate/filter and negates its result.
- * The returned function preserves the input function's types, arguments and timing.
- *
- * @param delegate - The predicate/filter function to negate.
- * @returns A function that returns the negated result.
- */
-function negate(delegate) {
-    return (...args) => {
-        const result = delegate(...args);
-        return ariaLoader.isPromise(result) ? result.then((res) => !res) : !result;
-    };
-}
-
-const lmvzButtonGroupCss = () => `:host{display:flex;justify-content:flex-end;gap:var(--lmvz-component-input-gap-md, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));font:var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router);flex-wrap:wrap}::slotted([hidden]){display:none !important}`;
-
-const LmvzButtonGroup = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    actionsSlot;
-    validationMessageCache = [];
-    actionsStateObserver;
-    get primaryEnabledAction() {
-        return this.enabledButtons.find(isPrimaryAction) ?? this.enabledButtons[0];
-    }
-    get hasActions() {
-        return this.assignedButtons.some((element) => isVisible(element) && isActionButton(element) && !isDisabledButton(element));
-    }
-    componentDidLoad() {
-        this.handleActionsSlotChange();
-    }
-    disconnectedCallback() {
-        this.actionsStateObserver?.disconnect();
-    }
-    get assignedElements() {
-        return this.actionsSlot?.assignedElements({ flatten: true }) ?? [];
-    }
-    get assignedButtons() {
-        return this.assignedElements.filter(isActionButton);
-    }
-    get visibleButtons() {
-        return this.assignedButtons.filter(isVisible);
-    }
-    get enabledButtons() {
-        return this.visibleButtons.filter(negate(isDisabledButton));
-    }
-    getActionValidationResult() {
-        if (!this.visibleButtons.length) {
-            return [];
-        }
-        const primaryActions = this.visibleButtons.filter(isPrimaryAction);
-        const secondaryActions = this.visibleButtons.filter(isSecondaryAction);
-        const issues = [];
-        const order = this.visibleButtons.toReversed();
-        if (primaryActions.length !== 1)
-            issues.push('LmvzModal actions slot must contain exactly one primary action.');
-        if (secondaryActions.length > 1)
-            issues.push(`LmvzModal actions slot must contain at most one secondary action (received ${secondaryActions.length})`);
-        if (primaryActions.length) {
-            const primaryAction = primaryActions[0];
-            const secondaryAction = secondaryActions[0];
-            if (order.indexOf(primaryAction) !== 0)
-                issues.push('Primary action must be the last focusable element in the actions slot (i.e. rightmost button).');
-            if (secondaryAction && order.indexOf(secondaryAction) !== 1)
-                issues.push('Secondary action must be the second-to-last focusable element in the actions slot (i.e. left of primary button).');
-        }
-        else if (secondaryActions.length) {
-            const secondaryAction = secondaryActions[0];
-            if (order.indexOf(secondaryAction) !== 0)
-                issues.push('Secondary action must be the last focusable element in the actions slot when no primary action is present (i.e. rightmost button).');
-        }
-        return issues;
-    }
-    handleActionsSlotChange = () => {
-        this.observeActionState();
-        this.syncActionsState();
-    };
-    observeActionState() {
-        if (typeof MutationObserver === 'undefined')
-            return;
-        this.actionsStateObserver?.disconnect();
-        if (!this.assignedButtons.length)
-            return;
-        this.actionsStateObserver = new MutationObserver(() => {
-            this.syncActionsState();
-        });
-        this.assignedButtons.forEach((element) => {
-            this.actionsStateObserver?.observe(element, {
-                attributes: true,
-                attributeFilter: ['disabled', 'hidden', 'variant'],
-            });
-        });
-    }
-    syncActionsState() {
-        const assignedElements = this.assignedElements;
-        assignedElements.forEach((element) => {
-            const isAllowedAction = ['LMVZ-BUTTON', 'BUTTON'].includes(element.tagName.toUpperCase());
-            if (isAllowedAction)
-                return;
-            if (!element.hasAttribute('hidden')) {
-                element.setAttribute('hidden', '');
-            }
-            if (element.getAttribute('aria-hidden') !== 'true') {
-                element.setAttribute('aria-hidden', 'true');
-            }
-        });
-        this.checkActions();
-        const length = this.visibleButtons.length;
-        for (let i = 0; i < length; i++) {
-            const variant = i === length - 1 ? 'primary' : i === length - 2 ? 'secondary' : 'tertiary';
-            const element = this.visibleButtons.at(i);
-            if (!element)
-                continue;
-            if (isLmvzButton(element)) {
-                if (!element.getAttribute('variant'))
-                    element.setAttribute('variant', variant);
-            }
-            else {
-                element.classList.add(variant);
-            }
-        }
-        this.focusPrimaryAction();
-    }
-    focusPrimaryAction() {
-        const focusTarget = this.primaryEnabledAction;
-        if (!focusTarget || typeof window === 'undefined')
-            return;
-        window.requestAnimationFrame(() => {
-            if (component.canReceiveFocus(focusTarget)) {
-                focusTarget.focus();
-            }
-        });
-    }
-    checkActions() {
-        if (!ariaLoader.isAriaValidationEnabled())
-            return;
-        const issues = this.getActionValidationResult();
-        if (!issues.length) {
-            return;
-        }
-        issues.forEach((issue) => {
-            if (this.validationMessageCache.includes(issue))
-                return;
-            console.warn(issue);
-            this.validationMessageCache.push(issue);
-        });
-    }
-    render() {
-        return (index.h(index.Host, { key: '56b60821ecaa2301d13e78d621e873aa74cd170e' }, index.h("slot", { key: 'e6a1422950fa5b0026356b7788a607a690116186', ref: (element) => (this.actionsSlot = element), onSlotchange: this.handleActionsSlotChange })));
-    }
-};
-function isActionButton(element) {
-    return ['LMVZ-BUTTON', 'BUTTON'].includes(element.tagName.toUpperCase());
-}
-function isLmvzButton(element) {
-    return element?.tagName.toUpperCase() === 'LMVZ-BUTTON';
-}
-function isDisabledButton(element) {
-    return element.hasAttribute('disabled') || element.disabled === true;
-}
-function isVisible(element) {
-    return !element.hasAttribute('hidden');
-}
-function getActionVariant(element) {
-    const variant = element.getAttribute('variant') ?? element.variant;
-    return variant === 'primary' || variant === 'secondary' || variant === 'tertiary' ? variant : 'secondary';
-}
-function isPrimaryAction(element) {
-    return getActionVariant(element) === 'primary';
-}
-function isSecondaryAction(element) {
-    return getActionVariant(element) === 'secondary';
-}
-LmvzButtonGroup.style = lmvzButtonGroupCss();
-
-const lmvzIconCss = () => `.sc-lmvz-icon-h{--lmvz-icon-color:var(--lmvz-component-color, var(--lmvz-semantic-color-on-surface-input-primary, #000000));--lmvz-icon-size:var(--lmvz-component-size, var(--lmvz-component-icon-size-md, clamp(1rem, 0.94rem + 0.26vw, 1.25rem)));display:inline-block;line-height:0;svg{display:block;height:var(--lmvz-icon-size);width:auto}svg path{stroke:var(--lmvz-icon-color);fill:none}}[size='xs'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-xs, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem))}}[size='sm'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-sm, clamp(0.88rem, 0.84rem + 0.13vw, 1rem))}}[size='md'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-md, clamp(1rem, 0.94rem + 0.26vw, 1.25rem))}}[size='lg'].sc-lmvz-icon-h{svg{--lmvz-icon-size:var(--lmvz-component-icon-size-lg, clamp(1.5rem, 1.44rem + 0.26vw, 1.75rem))}}[size='inherit'].sc-lmvz-icon-h{svg{height:var(--lmvz-component-size, inherit)}}[weight='light'].sc-lmvz-icon-h{svg path{stroke-width:1}}[weight='medium'].sc-lmvz-icon-h{svg path{stroke-width:1.5}}[weight='bold'].sc-lmvz-icon-h{svg path{stroke-width:2}}[weight='filled'].sc-lmvz-icon-h{svg path{stroke-width:2;fill:var(--lmvz-icon-color)}}`;
-
-const LmvzIcon = class extends reactiveControllerHost.ReactiveControllerHost {
-    intersectionObserver;
-    ariaValidationController = new reactiveControllerHost.AriaValidationController(this);
-    get el() { return index.getElement(this); }
-    validationEl;
-    icon;
-    weight = 'medium';
-    size = 'md';
-    iconset;
-    iconData;
-    visible = false;
-    ariaLabel;
-    get ariaHidden() {
-        return !this.ariaLabel;
-    }
-    constructor(hostRef) {
-        super();
-        index.registerInstance(this, hostRef);
-        this.addController(this.ariaValidationController);
-    }
-    connectedCallback() {
-        this.waitUntilVisible(() => {
-            this.visible = true;
-            this.loadIconPathData();
-        });
-        super.connectedCallback();
-    }
-    disconnectedCallback() {
-        if (this.intersectionObserver && typeof this.intersectionObserver.disconnect === 'function') {
-            this.intersectionObserver.disconnect();
-        }
-        this.intersectionObserver = undefined;
-        super.disconnectedCallback();
-    }
-    async loadIconPathData() {
-        const { icon, iconset, visible } = this;
-        if (!icon || !visible) {
-            return;
-        }
-        const maybeIcon = svg.parseSvgString(icon);
-        if (maybeIcon) {
-            this.iconData = maybeIcon;
-            return;
-        }
-        this.iconData = await icons.resolveIconSvg({
-            icon,
-            iconset,
-        });
-    }
-    componentDidRender() {
-        this.validationEl = this.el.querySelector('svg');
-        this.ariaValidationController.revalidateAria();
-        super.componentDidRender();
-    }
-    render() {
-        return index.h(index.Host, { key: '03b4391d02a77409257bcda51c2b65ad9a9e0a0c', role: "img", "aria-hidden": `${this.ariaHidden}`, innerHTML: this.iconData });
-    }
-    waitUntilVisible(callback, rootMargin = 50) {
-        if (typeof window === 'undefined' || !window.IntersectionObserver) {
-            callback();
-            return;
-        }
-        this.intersectionObserver = new IntersectionObserver((entries) => {
-            entries.some((entry) => {
-                if (entry.isIntersecting) {
-                    if (this.intersectionObserver && typeof this.intersectionObserver.disconnect === 'function') {
-                        this.intersectionObserver.disconnect();
-                    }
-                    this.intersectionObserver = undefined;
-                    callback();
-                    return true;
-                }
-                return false;
-            });
-        }, { rootMargin: `${rootMargin}px` });
-        this.intersectionObserver.observe(this.el);
-    }
-    static get watchers() { return {
-        "icon": [{
-                "loadIconPathData": 0
-            }],
-        "iconset": [{
-                "loadIconPathData": 0
-            }]
-    }; }
-};
-LmvzIcon.style = lmvzIconCss();
-
-exports.lmvz_button = LmvzButton;
-exports.lmvz_button_group = LmvzButtonGroup;
-exports.lmvz_icon = LmvzIcon;

package/components/p-Bb-kEOmU.js

@@ -1 +0,0 @@
-import{p as t,d as e,h as n,H as s,t as i}from"./p-DYr7Jc0V.js";import{a as o,i as r}from"./p-CdDO7mQa.js";import{a}from"./p-DOTK1OW3.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}actionsSlot;validationMessageCache=[];actionsStateObserver;get primaryEnabledAction(){return this.enabledButtons.find(p)??this.enabledButtons[0]}get hasActions(){return this.assignedButtons.some((t=>l(t)&&u(t)&&!h(t)))}componentDidLoad(){this.handleActionsSlotChange()}disconnectedCallback(){this.actionsStateObserver?.disconnect()}get assignedElements(){return this.actionsSlot?.assignedElements({flatten:!0})??[]}get assignedButtons(){return this.assignedElements.filter(u)}get visibleButtons(){return this.assignedButtons.filter(l)}get enabledButtons(){return this.visibleButtons.filter((t=h,(...e)=>{const n=t(...e);return o(n)?n.then((t=>!t)):!n}));var t}getActionValidationResult(){if(!this.visibleButtons.length)return[];const t=this.visibleButtons.filter(p),e=this.visibleButtons.filter(f),n=[],s=this.visibleButtons.toReversed();if(1!==t.length&&n.push("LmvzModal actions slot must contain exactly one primary action."),e.length>1&&n.push(`LmvzModal actions slot must contain at most one secondary action (received ${e.length})`),t.length){const i=e[0];0!==s.indexOf(t[0])&&n.push("Primary action must be the last focusable element in the actions slot (i.e. rightmost button)."),i&&1!==s.indexOf(i)&&n.push("Secondary action must be the second-to-last focusable element in the actions slot (i.e. left of primary button).")}else e.length&&0!==s.indexOf(e[0])&&n.push("Secondary action must be the last focusable element in the actions slot when no primary action is present (i.e. rightmost button).");return n}handleActionsSlotChange=()=>{this.observeActionState(),this.syncActionsState()};observeActionState(){"undefined"!=typeof MutationObserver&&(this.actionsStateObserver?.disconnect(),this.assignedButtons.length&&(this.actionsStateObserver=new MutationObserver((()=>{this.syncActionsState()})),this.assignedButtons.forEach((t=>{this.actionsStateObserver?.observe(t,{attributes:!0,attributeFilter:["disabled","hidden","variant"]})}))))}syncActionsState(){this.assignedElements.forEach((t=>{["LMVZ-BUTTON","BUTTON"].includes(t.tagName.toUpperCase())||(t.hasAttribute("hidden")||t.setAttribute("hidden",""),"true"!==t.getAttribute("aria-hidden")&&t.setAttribute("aria-hidden","true"))})),this.checkActions();const t=this.visibleButtons.length;for(let e=0;e<t;e++){const n=e===t-1?"primary":e===t-2?"secondary":"tertiary",s=this.visibleButtons.at(e);s&&(d(s)?s.getAttribute("variant")||s.setAttribute("variant",n):s.classList.add(n))}this.focusPrimaryAction()}focusPrimaryAction(){const t=this.primaryEnabledAction;t&&"undefined"!=typeof window&&window.requestAnimationFrame((()=>{a(t)&&t.focus()}))}checkActions(){if(!r())return;const t=this.getActionValidationResult();t.length&&t.forEach((t=>{this.validationMessageCache.includes(t)||(console.warn(t),this.validationMessageCache.push(t))}))}render(){return n(s,{key:"56b60821ecaa2301d13e78d621e873aa74cd170e"},n("slot",{key:"e6a1422950fa5b0026356b7788a607a690116186",ref:t=>this.actionsSlot=t,onSlotchange:this.handleActionsSlotChange}))}static get style(){return":host{display:flex;justify-content:flex-end;gap:var(--lmvz-component-input-gap-md, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));font:var(--lmvz-typography-body-md, 400 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 1.4     Router);flex-wrap:wrap}::slotted([hidden]){display:none !important}"}},[257,"lmvz-button-group",{primaryEnabledAction:[2064],hasActions:[2052,"has-actions"]}]);function u(t){return["LMVZ-BUTTON","BUTTON"].includes(t.tagName.toUpperCase())}function d(t){return"LMVZ-BUTTON"===t?.tagName.toUpperCase()}function h(t){return t.hasAttribute("disabled")||!0===t.disabled}function l(t){return!t.hasAttribute("hidden")}function m(t){const e=t.getAttribute("variant")??t.variant;return"primary"===e||"secondary"===e||"tertiary"===e?e:"secondary"}function p(t){return"primary"===m(t)}function f(t){return"secondary"===m(t)}function y(){"undefined"!=typeof customElements&&["lmvz-button-group"].forEach((t=>{"lmvz-button-group"===t&&(customElements.get(i(t))||customElements.define(i(t),c))}))}export{c as L,y as d}

package/components/p-vUYpZZoR.js

@@ -1 +0,0 @@
-import{p as t,c as o,h as n,H as r,t as e}from"./p-DYr7Jc0V.js";import{c as a}from"./p-BfTCfPZ1.js";import{R as l,A as m}from"./p-CNmHnJ1D.js";import{E as i}from"./p-CN0JX9-m.js";import{i as s,f as v}from"./p-DOTK1OW3.js";const d=t(class extends l{get el(){return this}validationEl;inheritedAttributes={};formEl=null;formButtonEl=null;lmvzActivation;get ti(){return 0}scale="default";variant;disabled=!1;type="button";form;formMethod;name;value;constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.lmvzActivation=o(this,"lmvzActivation",7),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()}disconnectedCallback(){this.formButtonEl?.remove(),this.formButtonEl=null,this.formEl=null,super.disconnectedCallback()}renderHiddenButton(){if("submit"!==this.type)return this.formButtonEl?.remove(),this.formButtonEl=null,void(this.formEl=null);const t=v(this.form,this.el);if(!t)return this.formButtonEl?.remove(),this.formButtonEl=null,void(this.formEl=null);this.formEl=t;const o=this.formButtonEl??document.createElement("button");o.type="submit",o.style.display="none",o.disabled=this.disabled,o.name=this.name??"",o.value=this.value??"",this.formMethod?o.setAttribute("formmethod",this.formMethod):o.removeAttribute("formmethod"),this.formButtonEl!==o&&(this.formButtonEl=o),o.parentElement!==t&&(o.remove(),t.appendChild(o))}submitForm(t){this.formEl&&this.formButtonEl&&(t.preventDefault(),this.formButtonEl.click())}handleClick=t=>{"submit"===this.type&&this.submitForm(t)};render(){return this.renderHiddenButton(),n(r,{key:"8196de85afc3878c6f38e582d7c031f5d19bcd36","aria-disabled":this.disabled?"true":null},n("button",{key:"8d73f979fa227de22a03403a2a3938684911060a",ref:t=>this.validationEl=t,part:"button",disabled:this.disabled,type:this.type,class:a(this.variant??"secondary",{[this.scale??""]:!!this.scale,disabled:this.disabled}),...this.inheritedAttributes},n("slot",{key:"18e91a2f94ba0d7e5cf13150191003e2f0b2a03a"})))}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('RouterBook-Regular'),     local('Router-Book'),     url('/assets/fonts/Router-Book.woff') format('woff');   font-weight: 400; }  @font-face {   font-family: Router;   src:     local('RouterMedium-Regular'),     local('Router-Medium'),     url('/assets/fonts/Router-Medium.woff') format('woff');   font-weight: 500; }  @font-face {   font-family: Router;   src:     local('RouterBold-Regular'),     local('Router-Bold'),     url('/assets/fonts/Router-Bold.woff') format('woff');   font-weight: 700; }  } @layer lmvz-ds.reset { body {   margin: 0; }  h1, h2, h3, h4, h5, h6 {   margin: 0; }  *[hidden] {   display: none !important; }  } :host {         button {      --lmvz-button-color: var(--lmvz-component-color, var(--lmvz-semantic-color-int-on-secondary, #000000));   --lmvz-button-padding-inline: var(--lmvz-button-padding, var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)));   --lmvz-button-padding-block: var(--lmvz-button-padding, var(--lmvz-component-input-padding-md, clamp(0.88rem, 0.84rem + 0.13vw, 1rem)));   --lmvz-button-gap: var(--lmvz-component-input-gap-md, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));   --lmvz-button-min-height: var(--lmvz-component-input-size-md, clamp(2.5rem, 2.44rem + 0.26vw, 2.75rem));   --lmvz-button-font: var(--lmvz-typography-body-md-strong, 500 clamp(0.88rem, 0.84rem + 0.13vw, 1rem) / 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-secondary, #f0f0f0);    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);   min-height: var(--lmvz-button-min-height);   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-ds-outline, 1px solid #0e7ab4);   outline-offset: var(--lmvz-ds-outline-offset, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)); }  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-secondary-hover, #e0e0e0); }  button:not([disabled]):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-active, #d4d4d4); }  button.primary {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary, #000000);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-primary, #ffffff);   --lmvz-button-border-width: 0;   --lmvz-button-border-color: transparent; }  button.primary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-primary-hover, #2e2e2e); }  button.primary:not([disabled], .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: 0;   --lmvz-button-border-color: transparent; }  button.secondary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-hover, #e0e0e0);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-secondary-hover, #000000); }  button.secondary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-secondary-active, #d4d4d4);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-secondary-active, #000000); }  button.tertiary {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary, #ffffff);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary, #000000); }  button.tertiary:not([disabled], .disabled):hover {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-hover, #f0f0f0);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary-hover, #000000); }  button.tertiary:not([disabled], .disabled):active {   --lmvz-button-background: var(--lmvz-semantic-color-int-tertiary-active, #e0e0e0);   --lmvz-button-color: var(--lmvz-semantic-color-int-on-tertiary-active, #000000); }  button.small {   --lmvz-button-padding-inline: var(--lmvz-component-input-padding-sm, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem));   --lmvz-button-padding-block: var(--lmvz-component-input-padding-sm, clamp(0.75rem, 0.72rem + 0.13vw, 0.88rem));   --lmvz-button-gap: var(--lmvz-component-input-gap-sm, clamp(0.5rem, 0.44rem + 0.26vw, 0.75rem));   --lmvz-button-min-height: var(--lmvz-component-input-size-sm, clamp(2rem, 1.94rem + 0.26vw, 2.25rem));   --lmvz-button-font: var(--lmvz-typography-body-sm-strong, 500 clamp(0.69rem, 0.67rem + 0.06vw, 0.75rem) / 1.4     Router); }  button.large {   --lmvz-button-padding-inline: var(--lmvz-component-input-padding-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem));   --lmvz-button-padding-block: var(--lmvz-component-input-padding-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem));   --lmvz-button-gap: var(--lmvz-component-input-gap-lg, clamp(1rem, 0.94rem + 0.26vw, 1.25rem));   --lmvz-button-min-height: var(--lmvz-component-input-size-lg, clamp(2.75rem, 2.69rem + 0.26vw, 3rem));   --lmvz-button-font: var(--lmvz-typography-body-lg-strong, 500 clamp(1rem, 0.97rem + 0.13vw, 1.13rem) / 1.4     Router); }     display: inline-block; } ::slotted(*) {   --lmvz-component-color: var(--lmvz-button-color); } "}},[785,"lmvz-button",{ti:[2562,"tabindex"],scale:[513],variant:[513],disabled:[516],type:[1],form:[1],formMethod:[1,"form-method"],name:[1],value:[1]}]);function c(){"undefined"!=typeof customElements&&["lmvz-button"].forEach((t=>{"lmvz-button"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))}export{d as L,c as d}