bromcom-ui-next 0.1.0

package/dist/collection/components/accordion-group/accordion-group.component.js

@@ -0,0 +1,269 @@
+import { h } from "@stencil/core";
+/**
+* @component BcmAccordionGroup
+* @description A container component that manages a group of accordions. Provides single/multiple expansion
+* modes and methods for controlling all accordions simultaneously. Uses shadow DOM for style encapsulation.
+*
+* @example Basic usage - Single expansion mode
+* <bcm-accordion-group>
+*   <bcm-accordion>
+*     <div slot="title">Section 1</div>
+*     <div>Content 1</div>
+*   </bcm-accordion>
+*   <bcm-accordion>
+*     <div slot="title">Section 2</div>
+*     <div>Content 2</div>
+*   </bcm-accordion>
+* </bcm-accordion-group>
+*
+* @example Multiple expansion mode
+* <bcm-accordion-group multi={true}>
+*   <bcm-accordion>...</bcm-accordion>
+*   <bcm-accordion>...</bcm-accordion>
+* </bcm-accordion-group>
+*
+* @example Event handling
+* // Listen to accordion group changes
+* const accordionGroup = document.querySelector('bcm-accordion-group');
+* accordionGroup.addEventListener('bcmAccordionGroupChange', (event) => {
+*   const { expanded, changed, expandedItems, expandedCount } = event.detail;
+*   console.log('Accordion expanded state:', expanded);
+*   console.log('Changed accordion:', changed);
+*   console.log('Currently expanded accordions:', expandedItems);
+*   console.log('Number of expanded accordions:', expandedCount);
+* });
+*
+* // Using methods
+* await accordionGroup.expandAll();   // Expands all accordions (only in multi mode)
+* await accordionGroup.collapseAll(); // Collapses all accordions
+* const expanded = await accordionGroup.getExpandedItems(); // Gets expanded accordions
+*
+* @prop {boolean} multi - Controls whether multiple accordions can be expanded simultaneously (default: false)
+*
+* @slot default - Container slot for bcm-accordion components
+*
+* @event {EventEmitter<AccordionGroupChangeEventType>} bcmAccordionGroupChange - Emitted when any accordion's state changes
+* @eventProperty {boolean} expanded - Current expanded state of the changed accordion
+* @eventProperty {HTMLElement} changed - The accordion element that triggered the change
+* @eventProperty {HTMLElement[]} expandedItems - Array of currently expanded accordion elements
+* @eventProperty {number} expandedCount - Number of currently expanded accordions
+*
+* @method expandAll() - Expands all accordions (only available in multi mode)
+* @method collapseAll() - Collapses all accordions
+* @method getExpandedItems() - Returns array of currently expanded accordions
+*
+* @csspart container - The accordion group container element
+*
+* @css {string} --bcm-accordion-border - Border color of the accordion group
+* @css {string} --bcm-accordion-radius - Border radius of the accordion group
+*/
+export class BcmAccordionGroup {
+    constructor() {
+        /** 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: '258e722af4cf7958d94f83c7bce7cd623b15f8fc', 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: 'e35cc8fe810e49f678b6af6962a4fbe09ae7f59e', onSlotchange: this.handleSlotChange })));
+    }
+    static get is() { return "bcm-accordion-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["accordion-group.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["accordion-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "multi": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Controls whether multiple accordions can be expanded simultaneously"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "multi",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "accordionItems": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bcmAccordionGroupChange",
+                "name": "bcmAccordionGroupChange",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when any accordion's expanded state changes"
+                },
+                "complexType": {
+                    "original": "AccordionGroupChangeEventType",
+                    "resolved": "BaseAccordionChangeEventType & { changed?: HTMLElement; expandedItems?: HTMLElement[]; expandedCount?: number; }",
+                    "references": {
+                        "AccordionGroupChangeEventType": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/accordion-group/types.ts::AccordionGroupChangeEventType"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "expandAll": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Expands all accordions in the group\nOnly available when multi=true",
+                    "tags": []
+                }
+            },
+            "collapseAll": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Collapses all accordions in the group",
+                    "tags": []
+                }
+            },
+            "getExpandedItems": {
+                "complexType": {
+                    "signature": "() => Promise<HTMLBcmAccordionElement[]>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "HTMLBcmAccordionElement": {
+                            "location": "global",
+                            "id": "global::HTMLBcmAccordionElement"
+                        }
+                    },
+                    "return": "Promise<HTMLBcmAccordionElement[]>"
+                },
+                "docs": {
+                    "text": "Returns an array of currently expanded accordion elements",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "bcmAccordionChange",
+                "method": "handleAccordionChange",
+                "target": undefined,
+                "capture": true,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=accordion-group.component.js.map

package/dist/collection/components/accordion-group/accordion-group.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-group.component.js","sourceRoot":"","sources":["../../../src/components/accordion-group/accordion-group.component.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Component, ComponentInterface, h, Element, Prop, Listen, State, Event, EventEmitter, Method } from '@stencil/core';\nimport { AccordionChangeEventType } from '../accordion/types';\nimport { AccordionGroupChangeEventType } from './types';\n\n/**\n* @component BcmAccordionGroup\n* @description A container component that manages a group of accordions. Provides single/multiple expansion \n* modes and methods for controlling all accordions simultaneously. Uses shadow DOM for style encapsulation.\n*\n* @example Basic usage - Single expansion mode\n* <bcm-accordion-group>\n*   <bcm-accordion>\n*     <div slot=\"title\">Section 1</div>\n*     <div>Content 1</div>\n*   </bcm-accordion>\n*   <bcm-accordion>\n*     <div slot=\"title\">Section 2</div>\n*     <div>Content 2</div>\n*   </bcm-accordion>\n* </bcm-accordion-group>\n*\n* @example Multiple expansion mode\n* <bcm-accordion-group multi={true}>\n*   <bcm-accordion>...</bcm-accordion>\n*   <bcm-accordion>...</bcm-accordion>\n* </bcm-accordion-group>\n* \n* @example Event handling\n* // Listen to accordion group changes\n* const accordionGroup = document.querySelector('bcm-accordion-group');\n* accordionGroup.addEventListener('bcmAccordionGroupChange', (event) => {\n*   const { expanded, changed, expandedItems, expandedCount } = event.detail;\n*   console.log('Accordion expanded state:', expanded);\n*   console.log('Changed accordion:', changed);\n*   console.log('Currently expanded accordions:', expandedItems);\n*   console.log('Number of expanded accordions:', expandedCount);\n* });\n* \n* // Using methods\n* await accordionGroup.expandAll();   // Expands all accordions (only in multi mode)\n* await accordionGroup.collapseAll(); // Collapses all accordions\n* const expanded = await accordionGroup.getExpandedItems(); // Gets expanded accordions\n*\n* @prop {boolean} multi - Controls whether multiple accordions can be expanded simultaneously (default: false)\n*\n* @slot default - Container slot for bcm-accordion components\n*\n* @event {EventEmitter<AccordionGroupChangeEventType>} bcmAccordionGroupChange - Emitted when any accordion's state changes\n* @eventProperty {boolean} expanded - Current expanded state of the changed accordion\n* @eventProperty {HTMLElement} changed - The accordion element that triggered the change\n* @eventProperty {HTMLElement[]} expandedItems - Array of currently expanded accordion elements\n* @eventProperty {number} expandedCount - Number of currently expanded accordions\n*\n* @method expandAll() - Expands all accordions (only available in multi mode)\n* @method collapseAll() - Collapses all accordions\n* @method getExpandedItems() - Returns array of currently expanded accordions\n*\n* @csspart container - The accordion group container element\n*\n* @css {string} --bcm-accordion-border - Border color of the accordion group\n* @css {string} --bcm-accordion-radius - Border radius of the accordion group\n*/\n@Component({\n    tag: 'bcm-accordion-group',\n    styleUrl: 'accordion-group.css',\n    shadow: true,\n})\nexport class BcmAccordionGroup implements ComponentInterface {\n    /** Reference to the host element */\n    @Element() host: HTMLElement;\n\n    /** Controls whether multiple accordions can be expanded simultaneously */\n    @Prop() multi: boolean = false;\n\n    /** Array of accordion elements within the group */\n    @State() accordionItems: HTMLBcmAccordionElement[] = [];\n\n    /** Event emitted when any accordion's expanded state changes */\n    @Event({\n        composed: false,\n        bubbles: false,\n        cancelable: true,\n    }) bcmAccordionGroupChange: EventEmitter<AccordionGroupChangeEventType>;\n\n    /**\n     * Expands all accordions in the group\n     * Only available when multi=true\n     */\n    @Method()\n    async expandAll(): Promise<void> {\n        if (!this.multi) {\n            console.warn('expandAll is only available when multi=true');\n            return;\n        }\n        await Promise.all(this.accordionItems.map(item => item.expand()));\n    }\n\n    /**\n     * Collapses all accordions in the group\n     */\n    @Method()\n    async collapseAll(): Promise<void> {\n        await Promise.all(this.accordionItems.map(item => item.collapse()));\n    }\n\n    /**\n     * Returns an array of currently expanded accordion elements\n     */\n    @Method()\n    async getExpandedItems(): Promise<HTMLBcmAccordionElement[]> {\n        return this.accordionItems.filter(item => item.expanded);\n    }\n\n    componentWillLoad() {\n        this.handleSlotChange();\n    }\n\n\n    private setGroupBehavior(): void {\n        this.accordionItems.forEach(item => {\n            item.group = true;\n        });\n    }\n\n    /**\n     * Updates the accordion items array when slot content changes\n     */\n    private handleSlotChange = () => {\n        this.accordionItems = Array.from(this.host.querySelectorAll('bcm-accordion'));\n        this.setGroupBehavior();\n        // Validate accordion items\n        if (this.accordionItems.length === 0) {\n            console.warn('No accordion items found in accordion group');\n        }\n    };\n\n    /**\n     * Handles state changes of individual accordions\n     */\n    @Listen('bcmAccordionChange', { capture: true })\n    handleAccordionChange(event: CustomEvent<AccordionChangeEventType>) {\n        this.handleSlotChange();\n        const { expanded, source } = event?.detail;\n\n        if (!this.multi) {\n            this.accordionItems.forEach(item => {\n                if (item !== source) {\n                    item.collapse();\n                }\n                item.expanded = item === source ? expanded : false;\n            });\n        }\n\n        const expandedItems = this.accordionItems.filter(item => item.expanded);\n        this.bcmAccordionGroupChange.emit({\n            expanded,\n            changed: source,\n            expandedItems,\n            expandedCount: expandedItems.length,\n        });\n    }\n\n    render() {\n        return (\n            <div\n                class=\"flex flex-col bcm-ui-element w-full border border-[--bcm-accordion-border] rounded-[--bcm-accordion-radius]\"\n                role=\"group\"\n                aria-label=\"Accordion group\"\n            >\n                <slot onSlotchange={this.handleSlotChange}></slot>\n            </div>\n        );\n    }\n}"]}

package/dist/collection/components/accordion-group/accordion-group.css

@@ -0,0 +1 @@
+*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! 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)}

package/dist/collection/components/accordion-group/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/collection/components/accordion-group/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/accordion-group/types.ts"],"names":[],"mappings":"","sourcesContent":["import { BaseAccordionChangeEventType } from '../accordion/types';\n\n/**\n * Type for accordion group change events\n * @extends BaseAccordionChangeEventType\n */\nexport type AccordionGroupChangeEventType = BaseAccordionChangeEventType & {\n  /** The accordion element that triggered the change */\n  changed?: HTMLElement;\n  /** List of currently expanded accordion elements */\n  expandedItems?: HTMLElement[];\n  /** Number of currently expanded accordions */\n  expandedCount?: number;\n};\n"]}

package/dist/collection/components/alert/alert.component.js

@@ -0,0 +1,241 @@
+import { h } from "@stencil/core";
+import { tv } from "tailwind-variants";
+/**
+ * Alert component that displays messages with different statuses and styles
+ * @class BcmAlert
+ */
+export class BcmAlert {
+    constructor() {
+        /** Alert status type */
+        this.status = 'default';
+        /** Alert size variant */
+        this.size = 'medium';
+        /** Alert style variant */
+        this.kind = 'filled';
+        /** Whether alert can be dismissed */
+        this.dismissible = true;
+        /** Whether to show status icon */
+        this.showStatusIcon = true;
+    }
+    /**
+     * Handles alert dismissal
+     * @private
+     */
+    onDismiss() {
+        this.bcmDismiss.emit();
+    }
+    getStatusIcon() {
+        const statusIcon = {
+            info: 'fa-regular fa-info-circle',
+            error: 'fa-regular fa-exclamation-circle',
+            warning: 'fa-regular fa-exclamation-triangle',
+            success: 'fa-regular fa-check-circle',
+        };
+        return statusIcon[this.status];
+    }
+    get alertClass() {
+        return tv({
+            slots: {
+                base: 'alert bcm-ui-element font-medium flex items-center justify-between bg-[--bcm-alert-bg] text-[--bcm-alert-text] rounded-[--bcm-alert-radius] px-3 gap-3 w-full',
+                section: 'flex items-center gap-2',
+            },
+            variants: {
+                size: {
+                    small: {
+                        base: 'py-1.5 text-size-4',
+                    },
+                    medium: {
+                        base: 'py-2 text-size-5',
+                    },
+                    large: {
+                        base: 'py-2.5 text-size-6',
+                    },
+                },
+            },
+        }, {
+            twMerge: false,
+        });
+    }
+    get alertStyles() {
+        let colorStatus = {
+            info: 'var(--bcm-ui-color-background-palette-blue-default)',
+            error: 'var(--bcm-ui-color-background-palette-red-default)',
+            warning: 'var(--bcm-ui-color-background-palette-yellow-default)',
+            success: 'var(--bcm-ui-color-background-palette-green-default)',
+            default: 'var(--bcm-ui-color-background-palette-gray-default)',
+        };
+        let textStatusColor = {
+            info: 'var(--bcm-ui-color-text-info)',
+            error: 'var(--bcm-ui-color-text-error)',
+            warning: 'var(--bcm-ui-color-text-warning)',
+            success: 'var(--bcm-ui-color-text-success)',
+            default: 'var(--bcm-ui-color-text-default)',
+        };
+        let filleStyle = {
+            '--bcm-alert-bg': colorStatus[this.status],
+            '--bcm-alert-text': textStatusColor[this.status],
+        };
+        let textStyle = {
+            '--bcm-alert-bg': 'transparent',
+            '--bcm-alert-text': textStatusColor[this.status],
+        };
+        return this.kind === 'filled' ? filleStyle : textStyle;
+    }
+    render() {
+        const { base, section } = this.alertClass({ size: this.size });
+        return (h("div", { key: '5a7dec540ad5df4d97401d03fb4924d79b00b75e', role: "alert", "aria-live": "assertive", "aria-atomic": "true", class: base(), style: this.alertStyles }, h("div", { key: 'f211e20930b7d0007e6c6d94332f69f1a1ff5939', class: section() }, this.showStatusIcon && h("bcm-icon", { key: '31ad93bd2f034bef37f56f17c97cd366cd3b54aa', "icon-name": this.getStatusIcon() }), h("slot", { key: '26277da45eef448aa2f3a99ad332f203aa4d0434' })), h("div", { key: '5954fd7e611352a9ad95e3a2a929724c8881017d', class: section() }, h("div", { key: '840d82e093bfdc407ba473b4134ad1ab815dea85', part: "action" }, h("slot", { key: '77550c4511a713351a47693887beb6e0fa385400', name: "action" })), h("span", { key: '582aea7459612020cf0be1542cda4b8ce38c8d37', part: "icon" }, this.dismissible && h("bcm-icon", { key: '1c1e5c8d606be8c91add73b49d1f9f71f6d6150d', onClick: () => this.onDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark" })))));
+    }
+    static get is() { return "bcm-alert"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["alert.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["alert.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "status": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "AlertStatus",
+                    "resolved": "\"default\" | \"error\" | \"info\" | \"success\" | \"warning\"",
+                    "references": {
+                        "AlertStatus": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/alert/types.ts::AlertStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Alert status type"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "status",
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "AlertSize",
+                    "resolved": "\"large\" | \"medium\" | \"small\"",
+                    "references": {
+                        "AlertSize": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/alert/types.ts::AlertSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Alert size variant"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "'medium'"
+            },
+            "kind": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "AlertKind",
+                    "resolved": "\"filled\" | \"text\"",
+                    "references": {
+                        "AlertKind": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/alert/types.ts::AlertKind"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Alert style variant"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "kind",
+                "reflect": false,
+                "defaultValue": "'filled'"
+            },
+            "dismissible": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether alert can be dismissed"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "dismissible",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "showStatusIcon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to show status icon"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-status-icon",
+                "reflect": false,
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "bcmDismiss",
+                "name": "bcmDismiss",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=alert.component.js.map

package/dist/collection/components/alert/alert.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.component.js","sourceRoot":"","sources":["../../../src/components/alert/alert.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, ComponentInterface, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { AlertKind, AlertSize, AlertStatus } from './types';\nimport { tv } from 'tailwind-variants';\n\n\n/**\n * Alert component that displays messages with different statuses and styles\n * @class BcmAlert\n */\n@Component({\n    tag: 'bcm-alert',\n    styleUrl: 'alert.css',\n    shadow: true,\n})\nexport class BcmAlert implements ComponentInterface {\n    /** Alert status type */\n    @Prop()\n    status?: AlertStatus = 'default';\n\n    /** Alert size variant */\n    @Prop()\n    size?: AlertSize = 'medium';\n\n    /** Alert style variant */\n    @Prop()\n    kind?: AlertKind = 'filled';\n\n    /** Whether alert can be dismissed */\n    @Prop()\n    dismissible?: boolean = true;\n\n    /** Whether to show status icon */\n    @Prop()\n    showStatusIcon?: boolean = true;\n\n    @Event() bcmDismiss: EventEmitter<void>;\n\n\n    /**\n     * Handles alert dismissal\n     * @private\n     */\n    private onDismiss() {\n        this.bcmDismiss.emit();\n    }\n\n    private getStatusIcon() {\n        const statusIcon = {\n            info: 'fa-regular fa-info-circle',\n            error: 'fa-regular fa-exclamation-circle',\n            warning: 'fa-regular fa-exclamation-triangle',\n            success: 'fa-regular fa-check-circle',\n        };\n        return statusIcon[this.status];\n    }\n\n    private get alertClass() {\n        return tv(\n            {\n                slots: {\n                    base: 'alert bcm-ui-element font-medium flex items-center justify-between bg-[--bcm-alert-bg] text-[--bcm-alert-text] rounded-[--bcm-alert-radius] px-3 gap-3 w-full',\n                    section: 'flex items-center gap-2',\n                },\n                variants: {\n                    size: {\n                        small: {\n                            base: 'py-1.5 text-size-4',\n                        },\n                        medium: {\n                            base: 'py-2 text-size-5',\n                        },\n                        large: {\n                            base: 'py-2.5 text-size-6',\n                        },\n                    },\n                },\n            },\n            {\n                twMerge: false,\n            },\n        );\n    }\n\n    private get alertStyles() {\n        let colorStatus = {\n            info: 'var(--bcm-ui-color-background-palette-blue-default)',\n            error: 'var(--bcm-ui-color-background-palette-red-default)',\n            warning: 'var(--bcm-ui-color-background-palette-yellow-default)',\n            success: 'var(--bcm-ui-color-background-palette-green-default)',\n            default: 'var(--bcm-ui-color-background-palette-gray-default)',\n        };\n\n        let textStatusColor = {\n            info: 'var(--bcm-ui-color-text-info)',\n            error: 'var(--bcm-ui-color-text-error)',\n            warning: 'var(--bcm-ui-color-text-warning)',\n            success: 'var(--bcm-ui-color-text-success)',\n            default: 'var(--bcm-ui-color-text-default)',\n        };\n\n        let filleStyle = {\n            '--bcm-alert-bg': colorStatus[this.status],\n            '--bcm-alert-text': textStatusColor[this.status],\n        };\n\n        let textStyle = {\n            '--bcm-alert-bg': 'transparent',\n            '--bcm-alert-text': textStatusColor[this.status],\n        };\n\n        return this.kind === 'filled' ? filleStyle : textStyle;\n    }\n\n    render() {\n        const { base, section } = this.alertClass({ size: this.size });\n        return (\n            <div role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class={base()} style={this.alertStyles}>\n                <div class={section()}>\n                    {this.showStatusIcon && <bcm-icon icon-name={this.getStatusIcon()}></bcm-icon>}\n                    <slot></slot>\n                </div>\n                <div class={section()}>\n                    <div part=\"action\">\n                        <slot name=\"action\"></slot>\n                    </div>\n                    <span part=\"icon\">{this.dismissible && <bcm-icon onClick={() => this.onDismiss()} class=\"cursor-pointer\" icon-name=\"fa-regular fa-xmark\"></bcm-icon>}</span>\n                </div>\n            </div>\n        );\n    }\n}\n"]}

package/dist/collection/components/alert/alert.css

@@ -0,0 +1 @@
+*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! 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-alert-bg:var(--bcm-ui-color-background-default-default);--bcm-alert-text:var(--bcm-ui-color-text-default);--bcm-alert-radius:6px;display:inline-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}.static{position:static}.flex{display:flex}.w-full{width:100%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.rounded-\[--bcm-alert-radius\]{border-radius:var(--bcm-alert-radius)}.bg-\[--bcm-alert-bg\]{background-color:var(--bcm-alert-bg)}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.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)}.font-medium{font-weight:500}.text-\[--bcm-alert-text\]{color:var(--bcm-alert-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)}

package/dist/collection/components/alert/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/collection/components/alert/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/alert/types.ts"],"names":[],"mappings":"","sourcesContent":["export type AlertSize = 'small' | 'medium' | 'large';\nexport type AlertKind = 'filled' | 'text';\nexport type AlertStatus = 'info' | 'error' | 'warning' | 'success' | 'default';\n"]}