bromcom-ui-next 0.1.2 → 0.1.3

package/dist/esm/bcm-accordion_4.entry.js

@@ -1,616 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-ce2fac11.js';
-import { c as ce } from './index-f3b17e60.js';
-
-const accordionCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid oklch(.928 .006 264.531);box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:oklch(.707 .022 261.325);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.flex{display:flex}.border{border-width:1px}:host{--bcm-accordion-bg:var(--bcm-ui-color-background-basic-panel);--bcm-accordion-content-bg:var(--bcm-ui-color-background-basic-base);--bcm-accordion-text:var(--bcm-ui-color-text-header);--bcm-accordion-border:var(--bcm-ui-color-border-default);--bcm-accordion-radius:6px;--bcm-accordion-footer-bg:var(--bcm-ui-color-background-default-default);display:block;width:100%}:host(:not([group])) .accordion-container{border:1px solid var(--bcm-accordion-border);border-radius:var(--bcm-accordion-radius)}:host([group]) .accordion-container{border-bottom:1px solid var(--bcm-accordion-border);border-radius:0}:host([group]:last-of-type) .accordion-container{border-bottom:none}:host([group]:first-of-type) .accordion-container{border-top-left-radius:var(--bcm-accordion-radius);border-top-right-radius:var(--bcm-accordion-radius)}:host([group]:last-of-type) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}:host(:not([group])) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}::slotted([slot=title]){align-items:center;display:flex;flex-direction:row;gap:10px}::slotted([slot=actions]){align-items:center;display:flex;flex-direction:row;gap:12px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.collapse{visibility:collapse}.static{position:static}.hidden{display:none}.w-full{width:100%}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.overflow-hidden{overflow:hidden}.rounded-\\[--bcm-accordion-radius\\]{border-radius:var(--bcm-accordion-radius)}.bg-\\[--bcm-accordion-bg\\]{background-color:var(--bcm-accordion-bg)}.bg-\\[--bcm-accordion-footer-bg\\]{background-color:var(--bcm-accordion-footer-bg)}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-\\[--bcm-accordion-text\\]{color:var(--bcm-accordion-text)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";
-const BcmAccordionStyle0 = accordionCss;
-
-const BcmAccordion = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bcmAccordionChange = createEvent(this, "bcmAccordionChange", 1);
-        /**
-         * Controls whether the accordion is expanded or collapsed.
-         * @prop
-         * @defaultValue false
-         */
-        this.expanded = false;
-        /**
-         * Indicates if the accordion is part of a group.
-         * Used for group behavior coordination.
-         * @prop
-         * @defaultValue false
-         */
-        this.group = false;
-        /**
-         * Tracks whether footer content is present.
-         * @state
-         */
-        this.hasFooterContent = false;
-        /**
-         * Handles changes to the footer slot content.
-         * @private
-         * @param e - Slot change event
-         */
-        this.handleFooterSlotChange = (e) => {
-            const slot = e.target;
-            const assignedNodes = slot.assignedNodes();
-            this.hasFooterContent = assignedNodes.length > 0;
-        };
-        this.accordionClass = ce({
-            slots: {
-                container: 'accordion-container flex flex-col bcm-ui-element w-full ',
-                header: 'accordion-header flex flex-row justify-between gap-2 p-4 w-full flex-nowrap rounded-[--bcm-accordion-radius] bg-[--bcm-accordion-bg] text-[--bcm-accordion-text] font-semibold text-size-6 cursor-pointer',
-                content: 'accordion-content overflow-hidden transition-all duration-300 ease-in-out bg-color-basic-base',
-                footer: 'accordion-footer flex flex-row w-full flex-nowrap bg-[--bcm-accordion-footer-bg] text-[--bcm-accordion-text] px-4 py-2 gap-2 text-size-4 font-normal',
-                icon: 'accordion-icon cursor-pointer transform transition-transform duration-300',
-                rightSection: 'accordion-right-section flex flex-row gap-2.5 items-center',
-            },
-            variants: {
-                hasFooterContent: {
-                    false: { footer: 'hidden' },
-                    true: { footer: 'flex' },
-                },
-                expanded: {
-                    true: { icon: 'rotate-180' },
-                    false: {
-                        icon: 'rotate-0',
-                        content: '',
-                    },
-                },
-            },
-        }, {
-            twMerge: false,
-        });
-    }
-    /**
-     * Toggles the accordion's expanded state.
-     * @method
-     * @returns Promise<void>
-     */
-    async toggle() {
-        this.expanded = !this.expanded;
-        this.updateAccordion();
-    }
-    /**
-     * Expands the accordion if it's not already expanded.
-     * @method
-     * @returns Promise<void>
-     */
-    async expand() {
-        if (!this.expanded) {
-            this.expanded = true;
-            this.updateAccordion();
-        }
-    }
-    /**
-     * Collapses the accordion if it's currently expanded.
-     * @method
-     * @returns Promise<void>
-     */
-    async collapse() {
-        if (this.expanded) {
-            this.expanded = false;
-            this.updateAccordion();
-        }
-    }
-    /**
-     * Updates the accordion's content height and emits change event.
-     * @private
-     */
-    updateAccordion() {
-        if (this.contentEl) {
-            this.contentEl.style.maxHeight = this.expanded ? `${this.contentEl.scrollHeight}px` : '0px';
-        }
-        this.bcmAccordionChange.emit({ expanded: this.expanded, source: this.host });
-    }
-    render() {
-        const { container, header, content, footer, icon, rightSection } = this.accordionClass({
-            hasFooterContent: this.hasFooterContent || !!this.hintText,
-            expanded: this.expanded,
-        });
-        return (h("div", { key: '922ea5d855cd5f258b818f88eb84816f70f86c7b', class: container() }, h("header", { key: 'fba4262f2f89b844ddad4281adb5afe1c1259098', class: header(), role: "button", tabindex: "0", "aria-expanded": this.expanded.toString(), "aria-controls": "accordion-content", onKeyDown: e => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.preventDefault();
-                    this.toggle();
-                }
-            }, onClick: () => this.toggle() }, h("slot", { key: '6fcc3e3a53a72d5c75cea2fba06492d8f37a0acb', name: "title" }, this.headerTitle), h("div", { key: '8081368dfd97ee1dea78e5321afce756d0ea50b8', class: rightSection() }, h("span", { key: 'e0812c8a241eb68013235903361fb686569404f6', onClick: e => e.stopPropagation() }, h("slot", { key: '1297931978197bde53b3440f21b44390f6c1ea9f', name: "actions" })), h("bcm-icon", { key: '68c98f6de7971a133353fc0d2e32cff6ab7fbf21', name: "fa-regular fa-chevron-down", class: icon() }))), h("div", { key: 'a4b4af57da514152f5f70629d4eb1da6e03e7d0e', class: content(), style: { maxHeight: this.expanded ? 'auto' : '0px' }, ref: el => (this.contentEl = el) }, h("div", { key: '95ccdde513bfe397fb877b86f53d27c1746c1aba', class: "px-4 py-2" }, h("slot", { key: '30ed3ced7b157bb46b8aaae37811f3decbc878cf' })), h("footer", { key: '1a9fe8f54b1969518bb9096ee7366188bbde05e0', class: footer() }, h("slot", { key: 'cf95b6191c48ec329098e4de21ae16c1fcb048ba', name: "footer", onSlotchange: this.handleFooterSlotChange }, this.hintText)))));
-    }
-    get host() { return getElement(this); }
-};
-BcmAccordion.style = BcmAccordionStyle0;
-
-const accordionGroupCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid oklch(.928 .006 264.531);box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:oklch(.707 .022 261.325);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{--bcm-accordion-border:var(--bcm-ui-color-border-default);--bcm-accordion-radius:6px;display:block;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.collapse{visibility:collapse}.static{position:static}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.rounded-\\[--bcm-accordion-radius\\]{border-radius:var(--bcm-accordion-radius)}.border{border-width:1px}.border-\\[--bcm-accordion-border\\]{border-color:var(--bcm-accordion-border)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}";
-const BcmAccordionGroupStyle0 = accordionGroupCss;
-
-const BcmAccordionGroup = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bcmAccordionGroupChange = createEvent(this, "bcmAccordionGroupChange", 1);
-        /** Controls whether multiple accordions can be expanded simultaneously */
-        this.multi = false;
-        /** Array of accordion elements within the group */
-        this.accordionItems = [];
-        /**
-         * Updates the accordion items array when slot content changes
-         */
-        this.handleSlotChange = () => {
-            this.accordionItems = Array.from(this.host.querySelectorAll('bcm-accordion'));
-            this.setGroupBehavior();
-            // Validate accordion items
-            if (this.accordionItems.length === 0) {
-                console.warn('No accordion items found in accordion group');
-            }
-        };
-    }
-    /**
-     * Expands all accordions in the group
-     * Only available when multi=true
-     */
-    async expandAll() {
-        if (!this.multi) {
-            console.warn('expandAll is only available when multi=true');
-            return;
-        }
-        await Promise.all(this.accordionItems.map(item => item.expand()));
-    }
-    /**
-     * Collapses all accordions in the group
-     */
-    async collapseAll() {
-        await Promise.all(this.accordionItems.map(item => item.collapse()));
-    }
-    /**
-     * Returns an array of currently expanded accordion elements
-     */
-    async getExpandedItems() {
-        return this.accordionItems.filter(item => item.expanded);
-    }
-    componentWillLoad() {
-        this.handleSlotChange();
-    }
-    setGroupBehavior() {
-        this.accordionItems.forEach(item => {
-            item.group = true;
-        });
-    }
-    /**
-     * Handles state changes of individual accordions
-     */
-    handleAccordionChange(event) {
-        this.handleSlotChange();
-        const { expanded, source } = event === null || event === void 0 ? void 0 : event.detail;
-        if (!this.multi) {
-            this.accordionItems.forEach(item => {
-                if (item !== source) {
-                    item.collapse();
-                }
-                item.expanded = item === source ? expanded : false;
-            });
-        }
-        const expandedItems = this.accordionItems.filter(item => item.expanded);
-        this.bcmAccordionGroupChange.emit({
-            expanded,
-            changed: source,
-            expandedItems,
-            expandedCount: expandedItems.length,
-        });
-    }
-    render() {
-        return (h("div", { key: '0f246414941ec5215aa36b0a7c063e8782d0db2a', class: "flex flex-col bcm-ui-element w-full border border-[--bcm-accordion-border] rounded-[--bcm-accordion-radius]", role: "group", "aria-label": "Accordion group" }, h("slot", { key: 'b4ea13c00603855d4629fc9cfc0d85c64ef5bce7', onSlotchange: this.handleSlotChange })));
-    }
-    get host() { return getElement(this); }
-};
-BcmAccordionGroup.style = BcmAccordionGroupStyle0;
-
-const variantOptions = {
-    save: {
-        text: 'Save',
-        status: 'success',
-        icon: 'far fa-save',
-        iconPosition: 'prefix',
-        kind: 'primary',
-    },
-    ok: {
-        text: 'Ok',
-        status: 'success',
-        icon: 'far fa-check',
-        iconPosition: 'prefix',
-    },
-    new: {
-        text: 'New',
-        status: 'success',
-        icon: 'far fa-plus',
-        iconPosition: 'prefix',
-    },
-    add: {
-        text: 'Add',
-        status: 'success',
-        icon: 'far fa-plus',
-        iconPosition: 'prefix',
-    },
-    create: {
-        text: 'Create',
-        status: 'success',
-        icon: 'far fa-plus',
-        iconPosition: 'prefix',
-    },
-    prev: {
-        text: 'Prev',
-        status: 'default',
-        icon: 'far fa-arrow-left',
-        iconPosition: 'prefix',
-    },
-    next: {
-        text: 'Next',
-        status: 'default',
-        icon: 'far fa-arrow-right',
-        iconPosition: 'suffix',
-    },
-    apply: {
-        text: 'Apply',
-        status: 'default',
-        icon: 'far fa-check-circle',
-        iconPosition: 'prefix',
-    },
-    submit: {
-        text: 'Submit',
-        status: 'default',
-        icon: 'far fa-save',
-        iconPosition: 'prefix',
-    },
-    send: {
-        text: 'Send',
-        status: 'success',
-        icon: 'far fa-paper-plane',
-        iconPosition: 'prefix',
-    },
-    delete: {
-        text: 'Delete',
-        status: 'error',
-        icon: 'far fa-trash',
-        iconPosition: 'prefix',
-    },
-    cancel: {
-        text: 'Cancel',
-        status: 'error',
-        icon: 'far fa-times',
-        iconPosition: 'prefix',
-    },
-    decline: {
-        text: 'Decline',
-        status: 'error',
-        icon: 'far fa-ban',
-        iconPosition: 'prefix',
-    },
-    close: {
-        text: 'Close',
-        status: 'error',
-        icon: 'far fa-times-circle',
-        iconPosition: 'prefix',
-    },
-    archive: {
-        text: 'Archive',
-        status: 'error',
-        icon: 'far fa-folder-open',
-        iconPosition: 'prefix',
-    },
-    remove: {
-        text: 'Remove',
-        status: 'error',
-        icon: 'far fa-minus-circle',
-        iconPosition: 'prefix',
-    },
-    edit: {
-        text: 'Edit',
-        status: 'default',
-        icon: 'far fa-edit',
-        iconPosition: 'prefix',
-    },
-    export: {
-        text: 'Export',
-        status: 'default',
-        icon: 'far fa-sign-out',
-        iconPosition: 'prefix',
-    },
-    import: {
-        text: 'Import',
-        status: 'default',
-        icon: 'far fa-sign-in',
-        iconPosition: 'prefix',
-    },
-    filter: {
-        text: 'Filter',
-        status: 'default',
-        icon: 'far fa-filter',
-        iconPosition: 'prefix',
-    },
-    update: {
-        text: 'Update',
-        status: 'default',
-        icon: 'far fa-sync',
-        iconPosition: 'prefix',
-    },
-    reset: {
-        text: 'Reset',
-        status: 'default',
-        icon: 'far fa-sync',
-        iconPosition: 'prefix',
-    },
-    download: {
-        text: 'Download',
-        status: 'default',
-        icon: 'far fa-download',
-        iconPosition: 'prefix',
-    },
-};
-
-const buttonCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid oklch(.928 .006 264.531);box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:oklch(.707 .022 261.325);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:inline-block}:host([full-width]){width:100%}.static{position:static}.inline-flex{display:inline-flex}.min-h-10{min-height:2.5rem}.min-h-6{min-height:1.5rem}.min-h-8{min-height:2rem}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.border{border-width:1px}.border-\\[--bcm-button-border\\]{border-color:var(--bcm-button-border)}.bg-\\[--bcm-button-bg\\]{background-color:var(--bcm-button-bg)}.bg-\\[--bcm-ui-color-background-disabled-default\\]{background-color:var(--bcm-ui-color-background-disabled-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-px{padding-bottom:1px;padding-top:1px}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.leading-none{line-height:1}.text-\\[--bcm-button-text\\]{color:var(--bcm-button-text)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.hover\\:bg-\\[--bcm-button-bg-hover\\]:hover{background-color:var(--bcm-button-bg-hover)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\\:bg-\\[--bcm-button-bg-active\\]:active{background-color:var(--bcm-button-bg-active)}";
-const BcmButtonStyle0 = buttonCss;
-
-const BcmButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bcmClick = createEvent(this, "bcmClick", 1);
-        this.bcmFocus = createEvent(this, "bcmFocus", 1);
-        this.bcmBlur = createEvent(this, "bcmBlur", 1);
-        /** Defines the main visual style of the button */
-        this.kind = 'primary';
-        /** Controls the button size */
-        this.size = 'medium';
-        /** Defines the button's status/state color */
-        this.status = 'default';
-        /** Icon placement (prefix/suffix) */
-        this.iconPosition = 'prefix';
-        /** Icon-only button mode */
-        this.iconOnly = false;
-        /** Full width button */
-        this.fullWidth = false;
-        /** HTML button type */
-        this.type = 'button';
-        /** Loading state */
-        this.loading = false;
-        /** Disabled state */
-        this.disabled = false;
-        /** Active state */
-        this.active = false;
-        this.handleClick = (event) => {
-            if (!this.disabled && !this.loading) {
-                this.bcmClick.emit(event);
-            }
-        };
-        this.handleFocus = (event) => {
-            this.bcmFocus.emit(event);
-        };
-        this.handleBlur = (event) => {
-            this.bcmBlur.emit(event);
-        };
-        this.buttonClass = ce({
-            base: 'bcm-button appearance-none inline-flex items-center justify-center border rounded',
-            variants: {
-                size: {
-                    small: 'text-size-4 py-px px-2 min-h-6',
-                    medium: 'text-size-5 py-0.5 px-3 min-h-8',
-                    large: 'text-size-6 py-1 px-3 min-h-10',
-                },
-                kind: {
-                    primary: 'kind-primary',
-                    ghost: 'kind-ghost',
-                    text: 'kind-text',
-                    outline: 'kind-outline',
-                },
-                fullWidth: {
-                    true: 'full-width w-full',
-                },
-                disabled: {
-                    true: 'disabled cursor-not-allowed bg-[--bcm-ui-color-background-disabled-default] text-color-disabled border-color-disabled',
-                    false: [
-                        'cursor-pointer',
-                        'bg-[--bcm-button-bg] text-[--bcm-button-text] border-[--bcm-button-border]',
-                        'hover:bg-[--bcm-button-bg-hover]',
-                        'active:bg-[--bcm-button-bg-active]',
-                        'focus-visible:ring',
-                    ],
-                },
-                loading: {
-                    true: '',
-                },
-            },
-            defaultVariants: {
-                size: 'medium',
-                kind: 'primary',
-                fullWidth: false,
-                disabled: false,
-                loading: false,
-            },
-        }, {
-            twMerge: false,
-        });
-    }
-    get buttonText() {
-        return this.text || (this.variant ? variantOptions[this.variant].text : '');
-    }
-    get buttonIcon() {
-        if (this.variant && variantOptions[this.variant].icon) {
-            return {
-                icon: variantOptions[this.variant].icon,
-                position: variantOptions[this.variant].iconPosition || 'prefix',
-            };
-        }
-        return {
-            icon: this.icon,
-            position: this.iconPosition,
-        };
-    }
-    get buttonStatus() {
-        return this.variant ? variantOptions[this.variant].status : this.status;
-    }
-    get buttonStyles() {
-        const status = this.buttonStatus === 'default' ? 'primary' : this.buttonStatus;
-        const kindStyleMap = {
-            primary: {
-                '--bcm-button-bg': `var(--bcm-ui-color-background-${status}-default)`,
-                '--bcm-button-bg-hover': `var(--bcm-ui-color-background-${status}-hover)`,
-                '--bcm-button-bg-active': `var(--bcm-ui-color-background-${status}-active)`,
-                '--bcm-button-border': 'transparent',
-                '--bcm-button-text': 'var(--bcm-ui-color-text-base)',
-            },
-            outline: {
-                '--bcm-button-bg': 'var(--bcm-ui-color-background-default-default)',
-                '--bcm-button-bg-hover': 'var(--bcm-ui-color-background-default-hover)',
-                '--bcm-button-bg-active': 'var(--bcm-ui-color-background-default-active)',
-                '--bcm-button-border': `var(--bcm-ui-color-border-${this.buttonStatus})`,
-                '--bcm-button-text': `var(--bcm-ui-color-text-${this.buttonStatus})`,
-            },
-            ghost: {
-                '--bcm-button-bg': 'transparent',
-                '--bcm-button-bg-hover': 'var(--bcm-ui-color-background-default-hover)',
-                '--bcm-button-bg-active': 'var(--bcm-ui-color-background-default-active)',
-                '--bcm-button-border': 'transparent',
-                '--bcm-button-text': `var(--bcm-ui-color-text-${this.buttonStatus})`,
-            },
-            text: {
-                '--bcm-button-bg': 'transparent',
-                '--bcm-button-bg-hover': 'var(--bcm-ui-color-background-default-hover)',
-                '--bcm-button-bg-active': 'var(--bcm-ui-color-background-default-active)',
-                '--bcm-button-border': 'transparent',
-                '--bcm-button-text': `var(--bcm-ui-color-text-${status})`,
-            },
-        };
-        return kindStyleMap[this.kind];
-    }
-    render() {
-        const { icon, position } = this.buttonIcon;
-        return (h(Host, { key: '970e33c22b5c7b815762920b218088fcf980ba3e' }, h("button", { key: '1d00136bed5fba54df1b6f2f2dfe5a155d5933c1', type: this.type, disabled: this.disabled || this.loading, "aria-label": this.label, "aria-expanded": this.expanded, "aria-controls": this.controls, "aria-disabled": this.disabled, onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, style: this.buttonStyles, class: this.buttonClass({
-                size: this.size,
-                kind: this.kind,
-                fullWidth: this.fullWidth,
-                disabled: this.disabled,
-                loading: this.loading,
-            }) }, this.loading && h("slot", { key: 'fe42c3911beb20b7d76c12a0ce074ed294f35be3', name: "loading" }), h("span", { key: 'b4641860c9f78f31781c67d31bac0ab13a1ee57c' }, h("slot", { key: '004a0c0dba951e98855052dcd22addd54ac68058', name: "prefix" }, position === 'prefix' && icon && h("i", { key: '14acdc3bc362299cd44de73020db1f39bcfde0e5', class: ' leading-none ' + icon }))), h("slot", { key: '5107ceba98d4afc46f30a30eb241017f191b7596' }, this.buttonText), h("span", { key: '10ed1133840150f0465d2cfbf1a5e01668e17740' }, h("slot", { key: '29b01689a22d7a5a6679c35232617cab900ca568', name: "suffix" }, position === 'suffix' && icon && h("i", { key: '3b590cf1040b2dd551a9001c07d52b071139d1c5', class: ' leading-none ' + icon }))))));
-    }
-};
-BcmButton.style = BcmButtonStyle0;
-
-const STATUS_COLORS = {
-    info: 'blue',
-    error: 'red',
-    warning: 'amber',
-    success: 'green',
-};
-
-const chipCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid oklch(.928 .006 264.531);box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:oklch(.707 .022 261.325);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{--bcm-chip-bg:var(--bcm-ui-color-background-default-default);--bcm-chip-text:var(--bcm-ui-color-text-default);--bcm-chip-border:var(--bcm-ui-color-border-default);--bcm-chip-hover-bg:var(--bcm-ui-color-background-default-hover);--bcm-chip-active-bg:var(--bcm-ui-color-background-default-active);--bcm-chip-radius:6px;display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.flex{display:flex}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-1{gap:.25rem}.rounded-\\[--bcm-chip-radius\\]{border-radius:var(--bcm-chip-radius)}.border{border-width:1px}.border-none{border-style:none}.border-\\[--bcm-chip-border\\]{border-color:var(--bcm-chip-border)}.border-transparent{border-color:transparent}.bg-\\[--bcm-chip-bg\\]{background-color:var(--bcm-chip-bg)}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-px{padding-bottom:1px;padding-top:1px}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-normal{font-weight:400}.text-\\[--bcm-chip-text\\]{color:var(--bcm-chip-text)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\\:bg-\\[--bcm-chip-hover-bg\\]:hover{background-color:var(--bcm-chip-hover-bg)}.active\\:bg-\\[--bcm-chip-active-bg\\]:active{background-color:var(--bcm-chip-active-bg)}";
-const BcmChipStyle0 = chipCss;
-
-const BcmChip = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.bcmDismiss = createEvent(this, "bcmDismiss", 1);
-        /** Chip size variant */
-        this.size = 'medium';
-        /** Chip style variant */
-        this.kind = 'filled';
-        /** Chip status */
-        this.status = 'default';
-        /** Whether chip can be dismissed */
-        this.dismissible = false;
-        /** Whether chip is disabled */
-        this.disabled = false;
-        this.chipClass = ce({
-            base: [
-                'chip bcm-ui-element font-normal flex items-center px-2 gap-1 w-full border',
-                'bg-[--bcm-chip-bg] text-[--bcm-chip-text] rounded-[--bcm-chip-radius] border-[--bcm-chip-border]',
-                'hover:bg-[--bcm-chip-hover-bg] active:bg-[--bcm-chip-active-bg]',
-            ],
-            variants: {
-                size: {
-                    small: 'small py-px text-size-3',
-                    medium: 'medium py-0.5 text-size-4',
-                    large: 'large py-1 text-size-5',
-                },
-                kind: {
-                    filled: 'filled border-transparent',
-                    outlined: 'outlined',
-                    text: 'text border-none',
-                },
-                disabled: {
-                    true: 'cursor-not-allowed',
-                },
-            },
-        }, { twMerge: false });
-    }
-    get chipStyle() {
-        let _color = this.color;
-        if (this.disabled) {
-            return {
-                '--bcm-chip-bg': 'var(--bcm-ui-color-background-disabled-default)',
-                '--bcm-chip-text': 'var(--bcm-ui-color-text-disabled)',
-                '--bcm-chip-border': 'var(--bcm-ui-color-border-disabled)',
-                '--bcm-chip-hover-bg': 'var(--bcm-ui-color-background-disabled-default)',
-                '--bcm-chip-active-bg': 'var(--bcm-ui-color-background-disabled-default)',
-            };
-        }
-        if (this.status !== 'default') {
-            _color = STATUS_COLORS[this.status];
-        }
-        const styles = {
-            filled: {
-                '--bcm-chip-bg': `var(--bcm-ui-color-background-palette-${_color}-default)`,
-                '--bcm-chip-text': `var(--bcm-ui-color-text-palette-${_color})`,
-                '--bcm-chip-border': `var(--bcm-ui-color-border-${_color})`,
-                '--bcm-chip-hover-bg': `var(--bcm-ui-color-background-palette-${_color}-hover)`,
-                '--bcm-chip-active-bg': `var(--bcm-ui-color-background-palette-${_color}-active)`,
-            },
-            outlined: {
-                '--bcm-chip-bg': 'transparent',
-                '--bcm-chip-text': `var(--bcm-ui-color-text-palette-${_color})`,
-                '--bcm-chip-border': `var(--bcm-ui-color-border-${_color})`,
-                '--bcm-chip-hover-bg': `var(--bcm-ui-color-background-palette-${_color}-hover)`,
-                '--bcm-chip-active-bg': `var(--bcm-ui-color-background-palette-${_color}-active)`,
-            },
-            text: {
-                '--bcm-chip-bg': 'transparent',
-                '--bcm-chip-text': `var(--bcm-ui-color-text-palette-${_color})`,
-                '--bcm-chip-border': 'transparent',
-                '--bcm-chip-hover-bg': `var(--bcm-ui-color-background-palette-${_color}-hover)`,
-                '--bcm-chip-active-bg': `var(--bcm-ui-color-background-palette-${_color}-active)`,
-            },
-        };
-        const defaultStyles = {
-            filled: {
-                '--bcm-chip-bg': 'var(--bcm-ui-color-background-default-default)',
-                '--bcm-chip-text': 'var(--bcm-ui-color-text-default)',
-                '--bcm-chip-border': 'var(--bcm-ui-color-border-default)',
-                '--bcm-chip-hover-bg': 'var(--bcm-ui-color-background-default-hover)',
-                '--bcm-chip-active-bg': 'var(--bcm-ui-color-background-default-active)',
-            },
-            outlined: {
-                '--bcm-chip-bg': 'transparent',
-                '--bcm-chip-text': 'var(--bcm-ui-color-text-default)',
-                '--bcm-chip-border': 'var(--bcm-ui-color-border-default)',
-                '--bcm-chip-hover-bg': 'var(--bcm-ui-color-background-default-hover)',
-                '--bcm-chip-active-bg': 'var(--bcm-ui-color-background-default-active)',
-            },
-            text: {
-                '--bcm-chip-bg': 'transparent',
-                '--bcm-chip-text': 'var(--bcm-ui-color-text-default)',
-                '--bcm-chip-border': 'transparent',
-                '--bcm-chip-hover-bg': 'var(--bcm-ui-color-background-default-hover)',
-                '--bcm-chip-active-bg': 'var(--bcm-ui-color-background-default-active)',
-            },
-        };
-        return _color ? styles[this.kind] : defaultStyles[this.kind];
-    }
-    handleDismiss() {
-        if (!this.disabled) {
-            this.bcmDismiss.emit();
-        }
-    }
-    render() {
-        return (h("div", { key: '83c822b736059446f9f19c9112ab8b11a1aa17b9', style: this.chipStyle, class: this.chipClass({ size: this.size, kind: this.kind, disabled: this.disabled }), role: "button", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'ef139f27de5b6f3d1c0077a08882fd965b0745c8' }), this.dismissible && h("bcm-icon", { key: '7ac646b4641eb8bd8db9df3e25895bf5b45231c5', onClick: () => this.handleDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark", "aria-label": "Dismiss chip" })));
-    }
-};
-BcmChip.style = BcmChipStyle0;
-
-export { BcmAccordion as bcm_accordion, BcmAccordionGroup as bcm_accordion_group, BcmButton as bcm_button, BcmChip as bcm_chip };
-
-//# sourceMappingURL=bcm-accordion_4.entry.js.map