@nova-design-system/nova-react 3.0.0-beta.43 → 3.0.0-beta.45

package/dist/cjs/nv-alert.entry-8esWDUyU.js

@@ -1,173 +0,0 @@
-'use strict';
-
-var index = require('./index-C8UfzrMI.js');
-var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
-var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
-var timeline_animation1b88f052 = require('./timeline.animation-1b88f052-B8-vCVrY.js');
-var fade_animation2a077983 = require('./fade.animation-2a077983-aKN0EDTo.js');
-require('react');
-
-const nvAlertCss = "nv-alert{display:flex !important;align-items:flex-start;position:relative;gap:var(--alert-gap-x);border-radius:var(--alert-radius);font-family:\"TT Norms Pro\", \"Montserrat\", sans-serif}nv-alert>nv-icon{margin-left:var(--alert-icon-position-x);margin-top:var(--alert-icon-position-y)}nv-alert.feedback-information{background-color:var(--components-alert-information-background);border:1px solid var(--components-alert-information-border) !important}nv-alert.feedback-information>.close:focus,nv-alert.feedback-information>.close:focus-within{outline:none}nv-alert.feedback-information>.close:focus-visible,nv-alert.feedback-information>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-information-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-warning{background-color:var(--components-alert-warning-background);border:1px solid var(--components-alert-warning-border) !important}nv-alert.feedback-warning>.close:focus,nv-alert.feedback-warning>.close:focus-within{outline:none}nv-alert.feedback-warning>.close:focus-visible,nv-alert.feedback-warning>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-warning-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-error{background-color:var(--components-alert-error-background);border:1px solid var(--components-alert-error-border) !important}nv-alert.feedback-error>.close:focus,nv-alert.feedback-error>.close:focus-within{outline:none}nv-alert.feedback-error>.close:focus-visible,nv-alert.feedback-error>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-error-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-success{background-color:var(--components-alert-success-background);border:1px solid var(--components-alert-success-border) !important}nv-alert.feedback-success>.close:focus,nv-alert.feedback-success>.close:focus-within{outline:none}nv-alert.feedback-success>.close:focus-visible,nv-alert.feedback-success>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-success-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert.feedback-neutral{background-color:var(--components-alert-neutral-background);border:1px solid var(--components-alert-neutral-border) !important}nv-alert.feedback-neutral>.close:focus,nv-alert.feedback-neutral>.close:focus-within{outline:none}nv-alert.feedback-neutral>.close:focus-visible,nv-alert.feedback-neutral>.close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-alert-neutral-border);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-alert>nv-icon.icon-information{color:var(--components-alert-information-icon)}nv-alert>nv-icon.icon-warning{color:var(--components-alert-warning-icon)}nv-alert>nv-icon.icon-error{color:var(--components-alert-error-icon)}nv-alert>nv-icon.icon-success{color:var(--components-alert-success-icon)}nv-alert>nv-icon.icon-neutral{color:var(--components-alert-neutral-icon)}nv-alert>.content{display:flex;padding:var(--alert-padding);padding-left:0;flex-direction:column;gap:var(--alert-gap-y)}nv-alert>.content>.heading{color:var(--components-alert-content-title);font-size:var(--alert-heading-font-size);line-height:var(--alert-heading-line-height);font-weight:var(--alert-heading-font-weight)}nv-alert>.content>.message{color:var(--components-alert-content-description);font-size:var(--alert-message-font-size);line-height:var(--alert-message-line-height)}nv-alert>.close{border-radius:var(--alert-radius);position:absolute;display:flex;top:var(--alert-icon-position-y);right:var(--alert-icon-position-x);padding:0;border:none;background:none;cursor:pointer}";
-const NvAlertStyle0 = nvAlertCss;
-
-const NvAlert = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.hiddenChanged = index.createEvent(this, "hiddenChanged");
-        this.hiddenChangedComplete = index.createEvent(this, "hiddenChangedComplete");
-        this.closeClicked = index.createEvent(this, "closeClicked");
-        //#endregion DEPRECATED
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Specifies the alert type which determines the color and default icon.
-         */
-        this.feedback = 'information';
-        /**
-         * Allows the alert to be dismissed via a close button (x). The alert is not
-         * dismissible unless explicitly enabled.
-         */
-        this.dismissible = false;
-        /**
-         * When true, the alert does not automatically close upon dismissing.
-         * Useful for externally controlled component behavior.
-         */
-        this.preventAutoClose = false;
-        /**
-         * Controls the visibility of the alert. Will animate with fade and collapse.
-         */
-        this.hidden = false; // eslint-disable-line @stencil-community/reserved-member-names
-        /**
-         * When true, the alert will not animate when it is hidden or shown.
-         */
-        this.hasNoAnimations = false;
-        //#endregion WATCHERS
-        /****************************************************************************/
-        //#region METHODS
-        /**
-         * Handles the dismissal of the alert, considering the preventAutoClose prop.
-         * Passes the original event from the close button to the close event detail.
-         * @param {MouseEvent} originalEvent - The original event from the close button.
-         */
-        this.handleDismiss = (originalEvent) => {
-            if (!this.preventAutoClose) {
-                this.hidden = true;
-            }
-            this.closeClicked.emit(originalEvent);
-        };
-        /**
-         * By default an icon is linked to the feedback type
-         * @returns {string} - The default icon name.
-         */
-        this.getDefaultIcon = () => {
-            switch (this.feedback) {
-                case constants98e2dcc2.FeedbackColors.Warning:
-                    return 'alert-circle';
-                case constants98e2dcc2.FeedbackColors.Information:
-                    return 'info-circle';
-                case constants98e2dcc2.FeedbackColors.Success:
-                    return 'circle-check';
-                case constants98e2dcc2.FeedbackColors.Error:
-                    return 'alert-circle';
-                case constants98e2dcc2.FeedbackColors.Neutral:
-                    return 'help';
-                default:
-                    return 'info-circle';
-            }
-        };
-    }
-    componentWillRender() {
-        if (this.color) {
-            switch (this.color) {
-                case 'primary':
-                    this.feedback = 'warning';
-                    break;
-                case 'secondary':
-                    this.feedback = 'information';
-                    break;
-                case 'neutral':
-                    this.feedback = 'information';
-                    break;
-                default:
-                    this.feedback = this.color;
-            }
-        }
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region WATCHERS
-    /**
-     * Used for 2 way binding with the hidden property.
-     * Triggers open and close animations.
-     * @param {boolean} hidden - The visibility state of the alert.
-     */
-    async handleHiddenChange(hidden) {
-        this.hiddenChanged.emit(hidden);
-        await this.updateVisibility(hidden);
-        this.hiddenChangedComplete.emit(hidden);
-    }
-    /**
-     * Updates the visibility state of the alert with optional animations
-     * @param {boolean} hidden - Whether the alert should be hidden
-     */
-    async updateVisibility(hidden) {
-        if (this.hasNoAnimations) {
-            this.toggleHiddenClass(hidden);
-            return;
-        }
-        const { fadeIn, fadeOut } = fade_animation2a077983.useFade(this.ref, { duration: 150 });
-        const { collapse, expand } = timeline_animation1b88f052.useCollapse(this.ref, { duration: 150 });
-        if (hidden) {
-            await timeline_animation1b88f052.timeline(fadeOut, collapse).start();
-            this.toggleHiddenClass(true);
-        }
-        else {
-            this.toggleHiddenClass(false);
-            await timeline_animation1b88f052.timeline(expand, fadeIn).start();
-        }
-    }
-    /**
-     * Toggles the 'hidden' class on the element
-     * @param {boolean} hidden - Whether to add or remove the hidden class
-     */
-    toggleHiddenClass(hidden) {
-        this.ref.classList.toggle('hidden', hidden);
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        if (this.color) {
-            switch (this.color) {
-                case 'primary':
-                    this.feedback = 'warning';
-                    break;
-                case 'secondary':
-                    this.feedback = 'information';
-                    break;
-                case 'neutral':
-                    this.feedback = 'information';
-                    break;
-                default:
-                    this.feedback = this.color;
-            }
-        }
-        if (this.hidden) {
-            this.ref.classList.add('hidden');
-        }
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        var _a;
-        return (index.h(index.Host, { key: 'af85e9207f425c89cd940ec370d82eb2aa165a66', role: "alert", class: clsx297c1ffe.clsx('root', `feedback-${this.feedback}`) }, index.h("nv-icon", { key: '459faba5ca075cdd91e1edf26920942f3f290402', name: (_a = this.icon) !== null && _a !== void 0 ? _a : this.getDefaultIcon(), class: `icon-${this.feedback}`, size: "md" }), index.h("div", { key: '285aa198a2f4a10103b80478f6d81869bc2d1bbe', class: "content" }, this.heading && index.h("p", { key: '59e0a0c1ab6860d63699be6c46679df1c3f23b5a', class: "heading" }, this.heading), this.message && index.h("p", { key: '9b6e9399e771ccc884d0af5e219029f270c71085', class: "message" }, this.message), index.h("slot", { key: '117a939af48556169772e8e1537c70b43ce2da8d' })), this.dismissible && (index.h("button", { key: '4b1a3c19ba3dcf2120085f969373d79651fb2b09', class: "close", type: "button", onClick: this.handleDismiss }, index.h("nv-icon", { key: 'de33be1c3616a30178ea939d4e7df7ea6d32a638', name: "x", size: "sm" })))));
-    }
-    get ref() { return index.getElement(this); }
-    static get watchers() { return {
-        "hidden": ["handleHiddenChange"]
-    }; }
-};
-NvAlert.style = NvAlertStyle0;
-
-exports.nv_alert = NvAlert;

package/dist/cjs/nv-avatar.entry-CO6bt4k6.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var index = require('./index-C8UfzrMI.js');
-var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
-var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
-require('react');
-
-const nvAvatarCss = "nv-avatar{align-items:center !important;background-color:var(--components-avatar-background-1);border-radius:var(--radius-rounded-full) !important;display:flex !important;flex-shrink:0 !important;font-family:\"TT Norms Pro\", sans-serif;font-style:normal;font-weight:var(--font-weight-medium-emphasis);justify-content:center !important;leading-trim:both;line-height:1 !important;text-align:center;text-edge:cap;text-transform:uppercase}nv-avatar.avatar-color-1{background-color:var(--components-avatar-background-1);color:var(--components-avatar-content-1)}nv-avatar.avatar-color-2{background-color:var(--components-avatar-background-2);color:var(--components-avatar-content-2)}nv-avatar.avatar-color-3{background-color:var(--components-avatar-background-3);color:var(--components-avatar-content-3)}nv-avatar.avatar-color-4{background-color:var(--components-avatar-background-4);color:var(--components-avatar-content-4)}nv-avatar.avatar-color-5{background-color:var(--components-avatar-background-5);color:var(--components-avatar-content-5)}nv-avatar.avatar-color-6{background-color:var(--components-avatar-background-6);color:var(--components-avatar-content-6)}nv-avatar.avatar-color-7{background-color:var(--components-avatar-background-7);color:var(--components-avatar-content-7)}nv-avatar.avatar-color-8{background-color:var(--components-avatar-background-8);color:var(--components-avatar-content-8)}nv-avatar.avatar-color-9{background-color:var(--components-avatar-background-9);color:var(--components-avatar-content-9)}nv-avatar.avatar-color-10{background-color:var(--components-avatar-background-10);color:var(--components-avatar-content-10)}nv-avatar img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:50%}nv-avatar.avatar-xs{width:var(--avatar-xs-size);height:var(--avatar-xs-size);font-size:var(--avatar-xs-font-size);line-height:var(--avatar-xs-font-size)}nv-avatar.avatar-xs nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-avatar.avatar-sm{width:var(--avatar-sm-size);height:var(--avatar-sm-size);font-size:var(--avatar-sm-font-size);line-height:var(--avatar-sm-font-size)}nv-avatar.avatar-sm nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-avatar.avatar-md{width:var(--avatar-md-size);height:var(--avatar-md-size);font-size:var(--avatar-md-font-size);line-height:var(--avatar-md-font-size)}nv-avatar.avatar-md nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-avatar.avatar-lg{width:var(--avatar-lg-size);height:var(--avatar-lg-size);font-size:var(--avatar-lg-font-size);line-height:var(--avatar-lg-font-size)}nv-avatar.avatar-lg nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-avatar.avatar-xl{width:var(--avatar-xl-size);height:var(--avatar-xl-size);font-size:var(--avatar-xl-font-size);line-height:var(--avatar-xl-font-size)}nv-avatar.avatar-xl nv-icon>svg{width:var(--spacing-7);height:var(--spacing-7);stroke-width:1.9px}";
-const NvAvatarStyle0 = nvAvatarCss;
-
-const NvAvatar = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Define the size of the avatar. You can use t-shirt sizes.
-         */
-        this.size = 'md';
-        /**
-         * You can apply different colors on the Avatar.
-         * Use a string number between 1 and 10.
-         */
-        this.color = '1';
-    }
-    componentWillRender() {
-        if (this.xsmall) {
-            this.size = constants98e2dcc2.SemanticSizes.ExtraSmall;
-        }
-        if (this.small) {
-            this.size = constants98e2dcc2.SemanticSizes.Small;
-        }
-        if (this.medium) {
-            this.size = constants98e2dcc2.SemanticSizes.Medium;
-        }
-        if (this.large) {
-            this.size = constants98e2dcc2.SemanticSizes.Large;
-        }
-        if (this.xlarge) {
-            this.size = constants98e2dcc2.SemanticSizes.ExtraLarge;
-        }
-        if (this.text) {
-            this.initials = this.text;
-        }
-        if (this.url) {
-            this.src = this.url;
-        }
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Makes sure the initials are trimmed to 2 letters.
-     * @param {string} initials - The initials to be trimmed.
-     * @returns {string} The trimmed initials.
-     */
-    trimInitials(initials) {
-        return initials.trim().substring(0, 2);
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (index.h(index.Host, { key: 'a6f25d1d8a45eda09ce76f89aff5c1ca160f0b7c', class: clsx297c1ffe.clsx(`avatar-${this.size}`, `avatar-color-${this.color}`), "aria-label": this.alt }, this.src ? (index.h("img", { src: this.src, alt: this.alt })) : this.initials ? (this.trimInitials(this.initials)) : (index.h("slot", { name: "icon" }, index.h("nv-icon", { name: "user" })))));
-    }
-};
-NvAvatar.style = NvAvatarStyle0;
-
-exports.nv_avatar = NvAvatar;

package/dist/cjs/nv-badge_2.entry-xfXsesV0.js

@@ -1,195 +0,0 @@
-'use strict';
-
-var index = require('./index-C8UfzrMI.js');
-var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
-var timeline_animation1b88f052 = require('./timeline.animation-1b88f052-B8-vCVrY.js');
-var fade_animation2a077983 = require('./fade.animation-2a077983-aKN0EDTo.js');
-require('react');
-
-const nvBadgeCss = "nv-badge{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);height:fit-content;width:fit-content}nv-badge.with-gap{padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);height:fit-content;width:fit-content;gap:var(--badge-gap-x)}nv-badge:not(.with-gap){padding:var(--badge-padding-y) var(--badge-padding-x);display:inline-flex !important;vertical-align:middle;align-items:center;border-radius:var(--radius-rounded-full);height:fit-content;width:fit-content}nv-badge.badge-1{color:var(--color-rainbow-1-text);background-color:var(--color-rainbow-1-background)}nv-badge.badge-1 .close:focus,nv-badge.badge-1 .close:focus-within{outline:none}nv-badge.badge-1 .close:focus-visible,nv-badge.badge-1 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-1-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-1 nv-icon{color:var(--color-rainbow-1-icon)}nv-badge.badge-2{color:var(--color-rainbow-2-text);background-color:var(--color-rainbow-2-background)}nv-badge.badge-2 .close:focus,nv-badge.badge-2 .close:focus-within{outline:none}nv-badge.badge-2 .close:focus-visible,nv-badge.badge-2 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-2-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-2 nv-icon{color:var(--color-rainbow-2-icon)}nv-badge.badge-3{color:var(--color-rainbow-3-text);background-color:var(--color-rainbow-3-background)}nv-badge.badge-3 .close:focus,nv-badge.badge-3 .close:focus-within{outline:none}nv-badge.badge-3 .close:focus-visible,nv-badge.badge-3 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-3-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-3 nv-icon{color:var(--color-rainbow-3-icon)}nv-badge.badge-4{color:var(--color-rainbow-4-text);background-color:var(--color-rainbow-4-background)}nv-badge.badge-4 .close:focus,nv-badge.badge-4 .close:focus-within{outline:none}nv-badge.badge-4 .close:focus-visible,nv-badge.badge-4 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-4-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-4 nv-icon{color:var(--color-rainbow-4-icon)}nv-badge.badge-5{color:var(--color-rainbow-5-text);background-color:var(--color-rainbow-5-background)}nv-badge.badge-5 .close:focus,nv-badge.badge-5 .close:focus-within{outline:none}nv-badge.badge-5 .close:focus-visible,nv-badge.badge-5 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-5-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-5 nv-icon{color:var(--color-rainbow-5-icon)}nv-badge.badge-6{color:var(--color-rainbow-6-text);background-color:var(--color-rainbow-6-background)}nv-badge.badge-6 .close:focus,nv-badge.badge-6 .close:focus-within{outline:none}nv-badge.badge-6 .close:focus-visible,nv-badge.badge-6 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-6-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-6 nv-icon{color:var(--color-rainbow-6-icon)}nv-badge.badge-7{color:var(--color-rainbow-7-text);background-color:var(--color-rainbow-7-background)}nv-badge.badge-7 .close:focus,nv-badge.badge-7 .close:focus-within{outline:none}nv-badge.badge-7 .close:focus-visible,nv-badge.badge-7 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-7-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-7 nv-icon{color:var(--color-rainbow-7-icon)}nv-badge.badge-8{color:var(--color-rainbow-8-text);background-color:var(--color-rainbow-8-background)}nv-badge.badge-8 .close:focus,nv-badge.badge-8 .close:focus-within{outline:none}nv-badge.badge-8 .close:focus-visible,nv-badge.badge-8 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-8-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-8 nv-icon{color:var(--color-rainbow-8-icon)}nv-badge.badge-9{color:var(--color-rainbow-9-text);background-color:var(--color-rainbow-9-background)}nv-badge.badge-9 .close:focus,nv-badge.badge-9 .close:focus-within{outline:none}nv-badge.badge-9 .close:focus-visible,nv-badge.badge-9 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-9-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-9 nv-icon{color:var(--color-rainbow-9-icon)}nv-badge.badge-10{color:var(--color-rainbow-10-text);background-color:var(--color-rainbow-10-background)}nv-badge.badge-10 .close:focus,nv-badge.badge-10 .close:focus-within{outline:none}nv-badge.badge-10 .close:focus-visible,nv-badge.badge-10 .close:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-rainbow-10-content);outline-offset:calc(var(--focus-outline-offset) * 0.2)}nv-badge.badge-10 nv-icon{color:var(--color-rainbow-10-icon)}nv-badge span{font-size:var(--font-size-xs);line-height:var(--line-height-xs) !important}nv-badge nv-icon>svg.icon-xs{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-sm{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-md{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-lg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge nv-icon>svg.icon-xl{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-badge .close{padding:0;line-height:0;border:none;background:none;cursor:pointer;color:inherit;display:inline-flex;align-items:center;aspect-ratio:1/1;border-radius:var(--radius-rounded-full)}";
-const NvBadgeStyle0 = nvBadgeCss;
-
-const NvBadge = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.closeClicked = index.createEvent(this, "closeClicked");
-        this.hiddenChanged = index.createEvent(this, "hiddenChanged");
-        this.hiddenChangedComplete = index.createEvent(this, "hiddenChangedComplete");
-        /****************************************************************************/
-        //#region DEPRECATED
-        /**
-         * Whether the badge is dismissible.
-         * @deprecated use dismissible instead.
-         */
-        this.dismissal = false;
-        //#endregion DEPRECATED
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * The color of the badge. Use a string between 1 to 10
-         */
-        this.color = '1';
-        /**
-         * Main content of the badge.
-         */
-        this.label = null;
-        /**
-         * The lead icon of the badge.
-         */
-        this.leadIcon = null;
-        /**
-         * Whether the badge is dismissible.
-         */
-        this.dismissible = false;
-        /**
-         * Controls the visibility of the badge. Will animate with fade and collapse.
-         */
-        this.hidden = false; // eslint-disable-line @stencil-community/reserved-member-names
-        this._isHidden = this.hidden;
-        /**
-         * When true, the alert does not automatically close upon dismissing.
-         * Useful for externally controlled component behavior.
-         */
-        this.preventAutoClose = false;
-        //#endregion LIFECYCLE
-        /****************************************************************************/
-        //#region METHODS
-        /**
-         * Handles the close button click.
-         * @param {MouseEvent} originalEvent - The original event.
-         */
-        this.handleClose = (originalEvent) => {
-            if (!this.preventAutoClose) {
-                this.hidden = true;
-            }
-            this.closeClicked.emit(originalEvent);
-        };
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region WATCHERS
-    /**
-     * Handles the dismissal prop change.
-     * @param {boolean} dismissal - The new dismissal value.
-     */
-    handleDismissalChange(dismissal) {
-        this.dismissible = dismissal;
-    }
-    /**
-     * Handles the icon prop change.
-     * @param {string} icon - The new icon value.
-     */
-    handleIconChange(icon) {
-        this.leadIcon = icon;
-    }
-    /**
-     * Handles the hidden prop change.
-     * @param {boolean} hidden - The new hidden value.
-     */
-    async handleHiddenChange(hidden) {
-        this.hiddenChanged.emit(hidden);
-        if (this._isHidden === true)
-            this._isHidden = hidden;
-        const { fadeIn, fadeOut } = fade_animation2a077983.useFade(this.ref, { duration: 150 });
-        const { collapse, expand } = timeline_animation1b88f052.useCollapse(this.ref, { duration: 150 });
-        if (hidden === true)
-            await timeline_animation1b88f052.timeline(fadeOut, collapse).start();
-        if (hidden === false)
-            await timeline_animation1b88f052.timeline(expand, fadeIn).start();
-        this.hiddenChangedComplete.emit(hidden);
-        if (this._isHidden === false)
-            this._isHidden = hidden;
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    /**
-     * Component will load.
-     */
-    componentWillLoad() {
-        if (this.dismissal) {
-            this.dismissible = this.dismissal;
-        }
-        if (this.icon != null && this.icon != '') {
-            this.leadIcon = this.icon;
-        }
-        if (this.hidden) {
-            const { setCollapsed } = timeline_animation1b88f052.useCollapse(this.ref);
-            const { setFadeOut } = fade_animation2a077983.useFade(this.ref);
-            setCollapsed();
-            setFadeOut();
-        }
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (index.h(index.Host, { key: '25a36133db083b5a02ade58a84650cc2d9f6e412', class: clsx297c1ffe.clsx(`badge-${this.color}`, {
-                'has-close': this.dismissible,
-                'with-gap': this.dismissible || this.label,
-                'visually-hidden': this._isHidden,
-            }) }, index.h("slot", { key: 'ca3afa597464e0266142aaf555552b1cc15335c6', name: "leading-icon" }, this.leadIcon && (index.h("nv-icon", { key: 'f85f55a086d0092057d498c01ec8d2e09e94a12d', slot: "leading-icon", name: this.leadIcon, size: "sm" }))), this.label && index.h("span", { key: '7c2f5845789319ba3d7035aceccedab671d21f70' }, this.label), this.dismissible && (index.h("button", { key: 'aca006f50e839c83aa7fef766f4e45b6148c0c51', onClick: this.handleClose, class: "close", type: "button" }, index.h("nv-icon", { key: '0ad3c5fb85ee81bb820480612eac7b2e5e0a642a', name: "x", size: "sm" })))));
-    }
-    get ref() { return index.getElement(this); }
-    static get watchers() { return {
-        "dismissal": ["handleDismissalChange"],
-        "icon": ["handleIconChange"],
-        "hidden": ["handleHiddenChange"]
-    }; }
-};
-NvBadge.style = NvBadgeStyle0;
-
-const nvFielddropdownitemcheckCss = "nv-fielddropdownitemcheck{cursor:pointer;display:flex;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);border-radius:var(--list-dropdown-item-radius)}nv-fielddropdownitemcheck slot-fb,nv-fielddropdownitemcheck span{all:unset}nv-fielddropdownitemcheck:hover{background-color:var(--components-list-dropdown-item-background-hover)}";
-const NvFielddropdownitemcheckStyle0 = nvFielddropdownitemcheckCss;
-
-const NvFielddropdownitemcheck = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.itemChecked = index.createEvent(this, "itemChecked");
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Indicates whether the checkbox is selected.
-         */
-        this.checked = false;
-        /**
-         * Disables the item, preventing any user interaction.
-         */
-        this.disabled = false;
-        /**
-         * when the child <nv-fieldcheckbox> change its `checked` state,
-         * update `this.checked` and emit `itemChecked`.
-         * @param {CustomEvent<boolean>} event - The event emitted by the <nv-fieldcheckbox> component.
-         */
-        this.onFieldcheckboxChanged = (event) => {
-            if (this.disabled)
-                return;
-            // NvFieldcheckbox has emitted checkedChanged
-            this.checked = event.detail; // get the new state
-            this.itemChecked.emit({
-                value: this.value,
-                checked: this.checked,
-                group: this.group,
-            });
-        };
-        /** Make sure the checkbox is checked when clicked anywhere in the item. */
-        this.handleClick = () => {
-            if (this.disabled)
-                return;
-            if (this.el.querySelector('input').checked) {
-                this.checked = false;
-            }
-            else {
-                this.checked = true;
-            }
-        };
-    }
-    render() {
-        return (index.h(index.Host, { key: '7b292a5cf03a4b45090535f86dde4cec73a690dc', onClick: this.handleClick }, index.h("nv-fieldcheckbox", { key: '928fa9396e77a2f1e3beb8b48757c67f73bb9715', checked: this.checked, name: this.label || this.value, label: this.label || this.value, "label-placement": "after", description: this.description, disabled: this.disabled, tabindex: "-1", role: "option", onCheckedChanged: this.onFieldcheckboxChanged })));
-    }
-    get el() { return index.getElement(this); }
-};
-NvFielddropdownitemcheck.style = NvFielddropdownitemcheckStyle0;
-
-exports.nv_badge = NvBadge;
-exports.nv_fielddropdownitemcheck = NvFielddropdownitemcheck;

package/dist/cjs/nv-base.entry-BO-6krwg.js

@@ -1,71 +0,0 @@
-'use strict';
-
-var index = require('./index-C8UfzrMI.js');
-require('react');
-
-const classes = {
-    'w-full': 'w-full',
-    'wFull': 'w-full',
-    'is-active': 'is-active',
-    'is-selected': 'is-selected',
-};
-const NvBaseComponent = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        this.applyClassesOnInitialRender();
-    }
-    componentDidLoad() {
-        this.mutationObserver = new MutationObserver(mutations => {
-            mutations.forEach(mutation => {
-                if (mutation.type === 'attributes') {
-                    const target = mutation.target;
-                    Object.keys(classes).forEach(attributeName => {
-                        if (target.hasAttribute(attributeName)) {
-                            target.classList.add(classes[attributeName]);
-                        }
-                        else {
-                            target.classList.remove(classes[attributeName]);
-                        }
-                    });
-                }
-            });
-        });
-        this.observeElements();
-    }
-    disconnectedCallback() {
-        if (this.mutationObserver) {
-            this.mutationObserver.disconnect();
-        }
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region METHODS
-    applyClassesOnInitialRender() {
-        Object.keys(classes).forEach(attributeName => {
-            const elements = this.el.querySelectorAll(`[${attributeName}]`);
-            elements.forEach(element => {
-                element.classList.add(classes[attributeName]);
-            });
-        });
-    }
-    observeElements() {
-        this.mutationObserver.observe(this.el, {
-            attributes: true,
-            attributeFilter: Object.keys(classes),
-            subtree: true,
-        });
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (index.h(index.Host, { key: 'ee2869bb42012e8c6b185e412503b14482f58af0', style: { display: 'block' } }, index.h("slot", { key: '2d89c30073a159339419bbec3f323abdcbf312cf' })));
-    }
-    get el() { return index.getElement(this); }
-};
-
-exports.nv_base = NvBaseComponent;

package/dist/cjs/nv-breadcrumb.entry-DTwjCmMI.js

@@ -1,45 +0,0 @@
-'use strict';
-
-var index = require('./index-C8UfzrMI.js');
-var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
-require('react');
-
-const nvBreadcrumbCss = "nv-breadcrumb{display:flex;align-items:center;color:var(--components-breadcrumb-text);font-size:var(--font-size-sm);font-style:normal;font-weight:500;line-height:var(--line-height-sm)}nv-breadcrumb ul{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-1)}nv-breadcrumb ul a,nv-breadcrumb ul button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb ul a:focus,nv-breadcrumb ul a:focus-within,nv-breadcrumb ul button:focus,nv-breadcrumb ul button:focus-within{outline:none}nv-breadcrumb ul a:focus-visible,nv-breadcrumb ul a:has(:focus-visible),nv-breadcrumb ul button:focus-visible,nv-breadcrumb ul button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb ul a:hover,nv-breadcrumb ul button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb>a,nv-breadcrumb>button{display:inline-flex;align-self:center;color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none}nv-breadcrumb>a:focus,nv-breadcrumb>a:focus-within,nv-breadcrumb>button:focus,nv-breadcrumb>button:focus-within{outline:none}nv-breadcrumb>a:focus-visible,nv-breadcrumb>a:has(:focus-visible),nv-breadcrumb>button:focus-visible,nv-breadcrumb>button:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);outline-offset:calc(var(--focus-outline-offset) * 0.3)}nv-breadcrumb>a:hover,nv-breadcrumb>button:hover{text-decoration:underline;color:var(--components-breadcrumb-text-hover)}nv-breadcrumb span[data-scope=separator]{display:inline-flex;padding-left:var(--breadcrumb-padding-y)}";
-const NvBreadcrumbStyle0 = nvBreadcrumbCss;
-
-const NvBreadcrumb = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * The type of the breadcrumb. Use 'collapsed' to house multiple breadcrumbs
-         * in a dropdown. Use default for a single item. When passing multiple items
-         * as collapsed, make sure to wrap you links in list tags
-         */
-        this.type = 'default';
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentDidLoad() {
-        // Force a re-render to pass the popoverTrigger ref to the popovers
-        if (this.type === 'collapsed')
-            index.forceUpdate(this);
-    }
-    componentWillLoad() {
-        if (this.type === 'default' && this.tooltip) {
-            this.popoverTrigger = Array.from(this.el.children).find(child => child.getAttribute('slot') === null);
-        }
-    }
-    //#endregion LIFECYCLE
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (index.h(index.Host, { key: '88cc0ffe7aee64066946b3f2579d0ace70a56339', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx297c1ffe.clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (index.h("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (index.h("slot", null)), this.tooltip && (index.h("nv-tooltip", { key: '1e1bb755b7a9466c5a174e57b562b718d7f2a78a', message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (index.h("nv-popover", { key: '91b3238143defb7b5fd71b14bb31edb8093778d2', triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, index.h("ul", { key: '4c1851c8988b7eb1f607e422ceac1dc6b04022c5', slot: "content" }, index.h("slot", { key: '11213bce3ff14309b0be7336f0022411a2e6721d' })))), index.h("span", { key: '3b97cd9edbb33196c85a29afbaf5b2ac647b0912', "data-scope": "separator" }, "/")));
-    }
-    get el() { return index.getElement(this); }
-};
-NvBreadcrumb.style = NvBreadcrumbStyle0;
-
-exports.nv_breadcrumb = NvBreadcrumb;

package/dist/cjs/nv-breadcrumbs.entry-jn5hRjpQ.js

@@ -1,20 +0,0 @@
-'use strict';
-
-var index = require('./index-C8UfzrMI.js');
-require('react');
-
-const nvBreadcrumbsCss = "nv-breadcrumbs{display:block}nv-breadcrumbs>ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--breadcrumb-padding-y)}nv-breadcrumbs nv-breadcrumb:last-child [data-scope=separator],nv-breadcrumbs nv-breadcrumb:last-child [slot=separator]{display:none}";
-const NvBreadcrumbsStyle0 = nvBreadcrumbsCss;
-
-const NvBreadcrumbs = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    //#region RENDER
-    render() {
-        return (index.h(index.Host, { key: '832ca6782b23a6aa0ca9fdea78cd7b0173db66b4', role: "navigation", "aria-label": "breadcrumbs" }, index.h("ol", { key: 'e71aaabc2c3e8912097f822e24947eeec112ea3b' }, index.h("slot", { key: '0af6f306a8ad6ec26bbcf3bf480acb3cc4a9682a' }))));
-    }
-};
-NvBreadcrumbs.style = NvBreadcrumbsStyle0;
-
-exports.nv_breadcrumbs = NvBreadcrumbs;