bromcom-ui-next 0.1.39 → 0.1.41

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

@@ -184,12 +184,12 @@ export class BcmAccordion {
             hasFooterContent: this.hasFooterContent || !!this.hintText,
             expanded: this.expanded,
         });
-        return (h("div", { key: '707282c793f722f7ac3a471189f67d0f54735725', class: container() }, h("header", { key: '6bbc925eb3fd7438f01445a6ccdd1e55d096d1e8', class: header(), role: "button", tabindex: "0", "aria-expanded": this.expanded.toString(), "aria-controls": "accordion-content", onKeyDown: e => {
+        return (h("div", { key: '9c83659267354c8bd3020943a0b1249546dce1f1', class: container() }, h("header", { key: '0bed1927fe623f6811c7fbf75c6525bf5bcb66a9', 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: '9260a2fe9d81f12eacb02b64f47276129070e1b4', name: "title" }, this.headerTitle), h("div", { key: '6ae6113bf08e88c32d0e75b2569b3503dbd55b0f', class: rightSection() }, h("span", { key: 'f9ba7755380c8156cf6f24cac72269d791a5351f', onClick: e => e.stopPropagation() }, h("slot", { key: '7684a8e8947940a12bc0f86f4a0c4b6cc3031244', name: "actions" })), h("bcm-icon", { key: '574fcd0edd3a7ae6c1f7226d64fd4a26fc23f2f9', name: "fa-regular fa-chevron-down", class: icon() }))), h("div", { key: '6e1dd29e10fd3ab7e48855b93934b5b1b21361a5', class: content(), style: { maxHeight: this.expanded ? 'auto' : '0px' }, ref: el => (this.contentEl = el) }, h("div", { key: '12b3c48d43675806987ce7d3eb6d26647b154cbe', class: "px-4 py-2" }, h("slot", { key: '840d0cbad72e906f783040c6db12b8a82e924f0d' })), h("footer", { key: '1908bf78bab20a388ed5d0be3d79d2910c170488', class: footer() }, h("slot", { key: 'ce12b6d8cd33433da6566017518743d685923621', name: "footer", onSlotchange: this.handleFooterSlotChange }, this.hintText)))));
+            }, onClick: () => this.toggle() }, h("slot", { key: '60a538d30c687a3691cc5ceaec13be86d5634bfc', name: "title" }, this.headerTitle), h("div", { key: 'eb8c3731f212eeef7a9fe465346244de668d3f4b', class: rightSection() }, h("span", { key: 'e7dd00840cf11d5bd117f501bb8ae67e5ece4b26', onClick: e => e.stopPropagation() }, h("slot", { key: '7d3276e04dead179ab451213a2467b5184622a1c', name: "actions" })), h("bcm-icon", { key: '7ec0e909fe71724621c3f92c21c02b839209cdaa', name: "fa-regular fa-chevron-down", class: icon() }))), h("div", { key: '3448118d97a7d8e254acac2e9570a7126cc9c189', class: content(), style: { maxHeight: this.expanded ? 'auto' : '0px' }, ref: el => (this.contentEl = el) }, h("div", { key: '773aeff390e0fccf64448ef94e65f1b3d26cc899', class: "px-4 py-2" }, h("slot", { key: '0077fdfe18121813c0d1694bb5a0b00c16da0376' })), h("footer", { key: 'e501c04b8f4b3e49fded6bfb45a179dd3a312921', class: footer() }, h("slot", { key: '4a171d164bf8c3577d4f5802167a0c5e58f04898', name: "footer", onSlotchange: this.handleFooterSlotChange }, this.hintText)))));
     }
     static get is() { return "bcm-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-.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:Inter,Inter Variable,sans-serif}.collapse{visibility:collapse}.static{position:static}.hidden{display:none}.w-full{width:100%}.min-w-max{min-width:max-content}.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}.text-wrap{text-wrap:wrap}.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)}.bg-color-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.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:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);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)}
+.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:Inter,Inter Variable,sans-serif}.collapse{visibility:collapse}.hidden{display:none}.w-full{width:100%}.min-w-max{min-width:max-content}.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}.text-wrap{text-wrap:wrap}.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)}.bg-color-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.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:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);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)}

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

@@ -131,7 +131,7 @@ export class BcmAccordionGroup {
         });
     }
     render() {
-        return (h("div", { key: '92b4e5e64d957174c3ada96320d99c1b3329ed37', class: "flex flex-col bcm-ui-element w-full border border-solid border-[--bcm-accordion-border] rounded-[--bcm-accordion-radius]", role: "group", "aria-label": "Accordion group" }, h("slot", { key: '62f3ae969e847683b82ba6ed30f27a7430bade1f', onSlotchange: this.handleSlotChange })));
+        return (h("div", { key: '57202468d175ed9ab0e40c7601c186731ef6db75', class: "flex flex-col bcm-ui-element w-full border border-solid border-[--bcm-accordion-border] rounded-[--bcm-accordion-radius]", role: "group", "aria-label": "Accordion group" }, h("slot", { key: '3d3918076c44aec985d19aa0cfaa7b1c03414fc0', onSlotchange: this.handleSlotChange })));
     }
     static get is() { return "bcm-accordion-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-.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:Inter,Inter Variable,sans-serif}.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-solid{border-style:solid}.border-\[--bcm-accordion-border\]{border-color:var(--bcm-accordion-border)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);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)}
+.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:Inter,Inter Variable,sans-serif}.collapse{visibility:collapse}.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-solid{border-style:solid}.border-\[--bcm-accordion-border\]{border-color:var(--bcm-accordion-border)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);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/alert/alert.component.js

@@ -81,7 +81,7 @@ export class BcmAlert {
     }
     render() {
         const { base, section } = this.alertClass({ size: this.size });
-        return (h("div", { key: 'bd0a5a85c82c75f2513d3f1673eef37061c32207', role: "alert", "aria-live": "assertive", "aria-atomic": "true", class: base(), style: this.alertStyles }, h("div", { key: '8ec1a55672b371015fae3c1dfd125a7bb9e397d2', class: section() + " flex-1 min-w-0" }, this.showStatusIcon && h("bcm-icon", { key: '7ba9b79276bd53cb0cf64dd480a68b9bfdeb0020', "icon-name": this.getStatusIcon() }), h("div", { key: '128ecae72dc361ec25325dd2261d879f828a1e9e', class: "min-w-0" }, h("slot", { key: 'b68815b0f6063eca488ef4c5dc285cd6ef41a6a6' }))), h("div", { key: 'eb7fc6358c4bdc4a5cdfd85dac3209f167935c7b', class: section() + " flex-shrink-0" }, h("div", { key: '8b8d15b2c8ef835c1728bb18459683f095fa232c', part: "action" }, h("slot", { key: '8d13f32445b17ea27770295cdc8785e7c7387a7e', name: "action" })), h("span", { key: '4a53b0dc423337bfcff14d2bddb8044ce001d182', part: "icon" }, this.dismissible && h("bcm-icon", { key: '4886ef12dd0b621bd664fb90e563c8c4cf166af1', onClick: () => this.onDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark" })))));
+        return (h("div", { key: '51e98e60947d77647a80c015747b98e06417b383', role: "alert", "aria-live": "assertive", "aria-atomic": "true", class: base(), style: this.alertStyles }, h("div", { key: 'ef4129d4aee61f30165b8a47e5d4294470435d08', class: section() + " flex-1 min-w-0" }, this.showStatusIcon && h("bcm-icon", { key: '3565ccb12b1a3a731b1f489da0e36018a3301e65', "icon-name": this.getStatusIcon() }), h("div", { key: 'f1aa781bba466f8d4a584edc3f2a2a50b6c2d7c3', class: "min-w-0" }, h("slot", { key: '8513e2a9da2fa1fadedac0f82614e9f8cce1a74f' }))), h("div", { key: '4accb8cedc4ac45c4a9a1c5ea7d1dab05aea7c74', class: section() + " flex-shrink-0" }, h("div", { key: 'e9fca46688db4b0ff11c59fba59166127fac0762', part: "action" }, h("slot", { key: 'c5eb3417f28ada04570e4076d1c54572db4528f5', name: "action" })), h("span", { key: 'c41fecfec7f18ea0dffda561754fd55afa70ff95', part: "icon" }, this.dismissible && h("bcm-icon", { key: '12e45f8ad0e40955ea68a17eaaa614ee644624ef', onClick: () => this.onDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark" })))));
     }
     static get is() { return "bcm-alert"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,136 @@
+import { Host, h } from "@stencil/core";
+import { tv } from "../../utils/tv";
+/**
+ * @component BcmAttendance
+ * @description Visualizes attendance history (AM/PM status) for a series of days.
+ * Supports different status types (present, late, absent, etc.) with color-coded indicators.
+ * Can handle data via JSON string or direct object array.
+ *
+ * @example Basic usage
+ * <bcm-attendance data='[{"weekday":"Mon", "am":"present", "pm":"absent"}]'></bcm-attendance>
+ *
+ * @example With specific statuses
+ * <bcm-attendance data='[
+ *   {"weekday":"Mon", "am":"present", "pm":"present"},
+ *   {"weekday":"Tue", "am":"late", "pm":"present"}
+ * ]'></bcm-attendance>
+ */
+export class Attendance {
+    el;
+    /**
+     * Data for attendance items to be displayed.
+     * Can be passed as a JSON string (HTML attribute) or a JavaScript Array (Property).
+     *
+     * Format: Array of objects with `weekday`, `am`, and `pm` properties.
+     * Status values: 'present', 'late', 'absent', 'other', 'default'.
+     *
+     * @type {string | AttendanceItem[]}
+     * @default []
+     */
+    data = [];
+    _data = [];
+    componentWillLoad() {
+        this.parseData(this.data);
+    }
+    dataHandler(newValue) {
+        this.parseData(newValue);
+    }
+    parseData(value) {
+        if (typeof value === 'string') {
+            try {
+                this._data = JSON.parse(value);
+            }
+            catch (e) {
+                console.warn('BcmAttendance: Invalid JSON string in data attribute', e);
+                this._data = [];
+            }
+        }
+        else {
+            this._data = Array.isArray(value) ? value : [];
+        }
+    }
+    attendanceStyles = tv({
+        slots: {
+            base: 'bcm-ui-element bcm-attendance inline-flex items-center flex-row gap-0.5 w-fit',
+            item: 'flex flex-row items-center gap-[1px]',
+            indicator: 'block w-[7px] h-[14px] transition-colors',
+        },
+        variants: {
+            status: {
+                present: { indicator: 'bg-color-success hover:bg-color-success-hover' },
+                late: { indicator: 'bg-color-warning hover:bg-color-warning-hover' },
+                absent: { indicator: 'bg-color-error hover:bg-color-error-hover' },
+                other: { indicator: 'bg-color-primary hover:bg-color-primary-hover' },
+                default: { indicator: 'bg-color-default-active hover:bg-color-default-hover' },
+            },
+            period: {
+                am: { indicator: 'rounded-l-full' },
+                pm: { indicator: 'rounded-r-full' },
+            }
+        }
+    });
+    render() {
+        const { base, item, indicator } = this.attendanceStyles();
+        return (h(Host, { key: 'a0bedc4e15f08faff785a8d6f3f1ceeefd4af10f', class: base() }, this._data.map(entry => (h("div", { class: item() }, h("bcm-tooltip", { trigger: "hover", message: `${entry.weekday || ''} / AM`, "aria-label": `${entry.weekday || ''} / AM` }, h("span", { class: indicator({ status: entry.am || 'default', period: 'am' }) })), h("bcm-tooltip", { trigger: "hover", message: `${entry.weekday || ''} / PM`, "aria-label": `${entry.weekday || ''} / PM` }, h("span", { class: indicator({ status: entry.pm || 'default', period: 'pm' }) })))))));
+    }
+    static get is() { return "bcm-attendance"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["attendance.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["attendance.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "data": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string | AttendanceItem[]",
+                    "resolved": "AttendanceItem[] | string",
+                    "references": {
+                        "AttendanceItem": {
+                            "location": "local",
+                            "path": "/Users/muratpolatozkan/works/bromcom/bromcom-ui-v2/src/components/attendance/attendance.component.tsx",
+                            "id": "src/components/attendance/attendance.component.tsx::AttendanceItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "type",
+                            "text": "{string | AttendanceItem[]}"
+                        }, {
+                            "name": "default",
+                            "text": "[]"
+                        }],
+                    "text": "Data for attendance items to be displayed.\nCan be passed as a JSON string (HTML attribute) or a JavaScript Array (Property).\n\nFormat: Array of objects with `weekday`, `am`, and `pm` properties.\nStatus values: 'present', 'late', 'absent', 'other', 'default'."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "data",
+                "defaultValue": "[]"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_data": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "data",
+                "methodName": "dataHandler"
+            }];
+    }
+}

package/dist/collection/components/attendance/attendance.css

@@ -0,0 +1 @@
+:host{display:inline-flex}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.h-\[14px\]{height:14px}.w-\[7px\]{width:7px}.w-fit{width:fit-content}.flex-row{flex-direction:row}.items-center{align-items:center}.gap-0\.5{gap:.125rem}.gap-\[1px\]{gap:1px}.rounded-l-full{border-bottom-left-radius:var(--bcm-ui-border-radius-full,9999px);border-top-left-radius:var(--bcm-ui-border-radius-full,9999px)}.rounded-r-full{border-bottom-right-radius:var(--bcm-ui-border-radius-full,9999px);border-top-right-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-color-default-active{background-color:var(--bcm-ui-color-background-default-active)}.bg-color-error{background-color:var(--bcm-ui-color-background-error-default)}.bg-color-primary{background-color:var(--bcm-ui-color-background-primary-default)}.bg-color-success{background-color:var(--bcm-ui-color-background-success-default)}.bg-color-warning{background-color:var(--bcm-ui-color-background-warning-default)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-color-default-hover:hover{background-color:var(--bcm-ui-color-background-default-hover)}.hover\:bg-color-error-hover:hover{background-color:var(--bcm-ui-color-background-error-hover)}.hover\:bg-color-primary-hover:hover{background-color:var(--bcm-ui-color-background-primary-hover)}.hover\:bg-color-success-hover:hover{background-color:var(--bcm-ui-color-background-success-hover)}.hover\:bg-color-warning-hover:hover{background-color:var(--bcm-ui-color-background-warning-hover)}

package/dist/collection/components/avatar/avatar.css

@@ -1 +1 @@
-:host{--bcm-avatar-bg:var(--bcm-ui-color-background-default-default);--bcm-avatar-text:var(--bcm-ui-color-text-default);--bcm-avatar-radius:50%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.-right-0\.5{right:-.125rem}.-top-0\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\[--bcm-ui-radius\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\[--bcm-avatar-bg\]{background-color:var(--bcm-avatar-bg)}.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}.uppercase{text-transform:uppercase}.text-\[--bcm-avatar-text\]{color:var(--bcm-avatar-text)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
+:host{--bcm-avatar-bg:var(--bcm-ui-color-background-default-default);--bcm-avatar-text:var(--bcm-ui-color-text-default);--bcm-avatar-radius:50%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.-right-0\.5{right:-.125rem}.-top-0\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\[--bcm-ui-radius\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\[--bcm-avatar-bg\]{background-color:var(--bcm-avatar-bg)}.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}.uppercase{text-transform:uppercase}.text-\[--bcm-avatar-text\]{color:var(--bcm-avatar-text)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}

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

@@ -143,7 +143,7 @@ export class Badge {
         };
     }
     render() {
-        return (h("div", { key: '78a265c772a2c09aed6fe57c64a47acb34d8b982', class: "relative inline-flex" }, h("slot", { key: '681e96f9e324058a3de534d341b154b15b026cae' }), h("div", { key: '69987737b4f0d24ea82801d789cf1f9eea3a173e', role: "status", "aria-live": "polite", "aria-label": this.status ? `Status: ${this.status}` : undefined, class: this.classes({
+        return (h("div", { key: '1e9841224a0b1b569e407787177ae5ee8bf35efc', class: "relative inline-flex" }, h("slot", { key: '38e4b7d8ed005bab0b4f6019bb723050110712d7' }), h("div", { key: 'c1a43e186eb6d419b15913f1a1d0f6da066e98b0', role: "status", "aria-live": "polite", "aria-label": this.status ? `Status: ${this.status}` : undefined, class: this.classes({
                 size: this.size,
                 variant: this.variant,
                 position: this.position,
@@ -151,7 +151,7 @@ export class Badge {
             }), style: {
                 ...this.badgeStyle,
                 ...this.offsetStyle,
-            } }, this.variant == 'text' && h("slot", { key: 'e6098e265487d28b9d057721d8904ed29a87ab79', name: "badge" }, this.text))));
+            } }, this.variant == 'text' && h("slot", { key: 'b64583f68dc80fad924c75b8a72f3375d3da2407', name: "badge" }, this.text))));
     }
     static get is() { return "bcm-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/badge/badge.css

@@ -1 +1 @@
-.relative{position:relative}:host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-block;position:relative}::slotted([slot=badge]){color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.-right-0\.5{right:-.125rem}.-top-0\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\[--bcm-ui-radius\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\[--bcm-avatar-bg\]{background-color:var(--bcm-avatar-bg)}.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}.uppercase{text-transform:uppercase}.text-\[--bcm-avatar-text\]{color:var(--bcm-avatar-text)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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}}.static{position:static}.absolute{position:absolute}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.z-10{z-index:10}.size-1{height:.25rem;width:.25rem}.size-1\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.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))}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.rounded-\[--bcm-badge-radius\]{border-radius:var(--bcm-badge-radius)}.bg-\[--bcm-badge-bg\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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}.text-\[0px\]{font-size:0}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.leading-none{line-height:1}.text-\[--bcm-badge-text\]{color:var(--bcm-badge-text)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-full:after{content:var(--tw-content);width:100%}@keyframes ping{75%,to{content:var(--tw-content);opacity:0;transform:scale(2)}}.after\:animate-blink:after{animation:ping 2s infinite;content:var(--tw-content)}.after\:rounded-full:after{border-radius:var(--bcm-ui-border-radius-full,9999px);content:var(--tw-content)}.after\:bg-\[--bcm-badge-bg\]:after{background-color:var(--bcm-badge-bg);content:var(--tw-content)}.after\:content-\[\"\"\]:after{--tw-content:"";content:var(--tw-content)}
+.relative{position:relative}:host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-block;position:relative}::slotted([slot=badge]){color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.-right-0\.5{right:-.125rem}.-top-0\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\[--bcm-ui-radius\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\[--bcm-avatar-bg\]{background-color:var(--bcm-avatar-bg)}.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}.uppercase{text-transform:uppercase}.text-\[--bcm-avatar-text\]{color:var(--bcm-avatar-text)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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}}.absolute{position:absolute}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.z-10{z-index:10}.size-1{height:.25rem;width:.25rem}.size-1\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.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))}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.rounded-\[--bcm-badge-radius\]{border-radius:var(--bcm-badge-radius)}.bg-\[--bcm-badge-bg\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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}.text-\[0px\]{font-size:0}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.leading-none{line-height:1}.text-\[--bcm-badge-text\]{color:var(--bcm-badge-text)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-full:after{content:var(--tw-content);width:100%}@keyframes ping{75%,to{content:var(--tw-content);opacity:0;transform:scale(2)}}.after\:animate-blink:after{animation:ping 2s infinite;content:var(--tw-content)}.after\:rounded-full:after{border-radius:var(--bcm-ui-border-radius-full,9999px);content:var(--tw-content)}.after\:bg-\[--bcm-badge-bg\]:after{background-color:var(--bcm-badge-bg);content:var(--tw-content)}.after\:content-\[\"\"\]:after{--tw-content:"";content:var(--tw-content)}

package/dist/collection/components/basic-badge/basic-badge.component.js

@@ -95,10 +95,10 @@ export class BasicBadge {
         };
     }
     render() {
-        return (h("span", { key: '3037c166d1fbb49f526f7a28617ea734851aaa9c', part: "base", role: "status", "aria-live": "polite", style: this.badgeStyle, class: this.classes({
+        return (h("span", { key: '45b4c9f4c7ab8b9948264f76eeb5cfe24e516bd1', part: "base", role: "status", "aria-live": "polite", style: this.badgeStyle, class: this.classes({
                 size: this.size,
                 variant: this.variant,
-            }) }, this.variant === 'text' && (h("span", { key: '30b5d324b438ef4565ebb3e44df3b99cf2dbd394', class: "badge-content" }, h("slot", { key: '8a38782fd167c60f00e365e4e8e3089cf28ea0a0' })))));
+            }) }, this.variant === 'text' && (h("span", { key: 'd8f8b1156fca7b25413811833eb1991dcadc7e72', class: "badge-content" }, h("slot", { key: '4ef189eb3f9b99a01bed5077e5010fc455ba2721' })))));
     }
     static get is() { return "bcm-basic-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic-badge/basic-badge.css

@@ -1 +1 @@
-:host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-flex;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.badge-content{color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.inline-flex{display:inline-flex}.size-1{height:.25rem;width:.25rem}.size-1\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.whitespace-nowrap{white-space:nowrap}.rounded-\[--bcm-badge-radius\]{border-radius:var(--bcm-badge-radius)}.bg-\[--bcm-badge-bg\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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}.text-\[0px\]{font-size:0}.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-medium{font-weight:500}.leading-none{line-height:1}.text-\[--bcm-badge-text\]{color:var(--bcm-badge-text)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
+:host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-flex;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.badge-content{color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.inline-flex{display:inline-flex}.size-1{height:.25rem;width:.25rem}.size-1\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.whitespace-nowrap{white-space:nowrap}.rounded-\[--bcm-badge-radius\]{border-radius:var(--bcm-badge-radius)}.bg-\[--bcm-badge-bg\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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}.text-\[0px\]{font-size:0}.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-medium{font-weight:500}.leading-none{line-height:1}.text-\[--bcm-badge-text\]{color:var(--bcm-badge-text)}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}

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

@@ -170,14 +170,14 @@ export class BcmButton {
     });
     render() {
         const { icon, position } = this.buttonIcon;
-        return (h(Host, { key: 'db9fe0e275623afb57847b49a55d984d81d3a7a0' }, h("button", { key: '50fd25ab124728eb3022b12c7007b6c4cde8409e', 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({
+        return (h(Host, { key: '1ea99318b31838afec9ae3a2184b51e5f6fa2e4d' }, h("button", { key: '78e0a1605edd296608de28803815065447ec6079', 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,
                 position: this.position,
-            }) }, this.loading && h("slot", { key: 'a81b49ffc3455dab65686ef070f79869872f6922', name: "loading" }), h("span", { key: '327bee8dd6f8e72eea3d6384be567b8164a34bdf' }, h("slot", { key: 'f4d934fbdee6b4f8f377628d4e281739ec72ccde', name: "prefix" }, position === 'prefix' && icon && h("i", { key: 'bf7eae3772769142d29d7fa3e1e5f530334d123e', class: ' leading-none ' + icon }))), h("slot", { key: 'b8f3819d38c084e968252f218d31f9851ce45711' }, this.buttonText), h("span", { key: 'f23e1155c00f0c866a8a0b7e338361d3c45a6be9' }, h("slot", { key: 'f7a71602c7ebaee4294de7a4958bd464a13880df', name: "suffix" }, position === 'suffix' && icon && h("i", { key: '7e303bc2fb24df773f527d071743fed819e7f2c8', class: ' leading-none ' + icon }))))));
+            }) }, this.loading && h("slot", { key: '36c82ea5ad85660118f17ceb7a8929187ddc9dd9', name: "loading" }), h("span", { key: '37f8857e1582ee85bae803344eaa920d7c07fe0e' }, h("slot", { key: '5e25f2acebccb178deba44c949a4adc38f2d3b14', name: "prefix" }, position === 'prefix' && icon && h("i", { key: 'f297d627a2bfef386a09af9c429d2e7f450ad329', class: ' leading-none ' + icon }))), h("slot", { key: 'a6eeddad54e1e9aabadc146dd437706534df80f6' }, this.buttonText), h("span", { key: '4f55c951cd643a0f1eeb75230252095f616276d5' }, h("slot", { key: 'd7a5132f14ba3ccc9a74f758fc75666837202456', name: "suffix" }, position === 'suffix' && icon && h("i", { key: '78e6d3077c97b6ba38793336ef5bb5b7d4251566', class: ' leading-none ' + icon }))))));
     }
     static get is() { return "bcm-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/button/button.css

@@ -1 +1 @@
-.relative{position:relative}:host{display:inline-flex;height:-moz-fit-content;height:fit-content;position:relative;width:-moz-fit-content;width:fit-content}:host([full-width]){width:100%}:host([position=first]) .bcm-button{border-bottom-right-radius:0;border-top-right-radius:0}:host([position=middle]) .bcm-button{border-radius:0}:host([position=last]) .bcm-button{border-bottom-left-radius:0;border-top-left-radius:0}:host([position=first].orientation-vertical) .bcm-button{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--bcm-ui-border-radius,4px);border-top-right-radius:var(--bcm-ui-border-radius,4px)}:host([position=middle].orientation-vertical) .bcm-button{border-radius:0}:host([position=last].orientation-vertical) .bcm-button{border-bottom-left-radius:var(--bcm-ui-border-radius,4px);border-bottom-right-radius:var(--bcm-ui-border-radius,4px);border-top-left-radius:0;border-top-right-radius:0}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}.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}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.z-\[9999\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-3{height:.75rem}.w-3{width:.75rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.rotate-45{--tw-rotate:45deg;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}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\[--popover-bg\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pr-8{padding-right:2rem}.font-sans{font-family:Inter,Inter Variable,sans-serif}.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)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-semibold{font-weight:600}.\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\[var\(--bcm-ui-color-text-error\)\]{color:var(--bcm-ui-color-text-error)}.text-\[var\(--bcm-ui-color-text-info\)\]{color:var(--bcm-ui-color-text-info)}.text-\[var\(--bcm-ui-color-text-success\)\]{color:var(--bcm-ui-color-text-success)}.text-\[var\(--bcm-ui-color-text-warning\)\]{color:var(--bcm-ui-color-text-warning)}.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)}.hover\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}.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}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\[--bcm-final-border-color\]{border-color:var(--bcm-final-border-color)}.border-color-disabled{border-color:var(--bcm-ui-color-border-disabled)}.bg-\[--bcm-final-bg-color\]{background-color:var(--bcm-final-bg-color)}.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}.font-medium{font-weight:500}.leading-none{line-height:1}.text-\[--bcm-final-text-color\]{color:var(--bcm-final-text-color)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.outline-0{outline-width:0}.hover\:bg-\[--bcm-final-hover-bg-color\]:hover{background-color:var(--bcm-final-hover-bg-color)}.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(2px + 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-final-active-bg-color\]:active{background-color:var(--bcm-final-active-bg-color)}
+.relative{position:relative}:host{display:inline-flex;height:-moz-fit-content;height:fit-content;position:relative;width:-moz-fit-content;width:fit-content}:host([full-width]){width:100%}:host([position=first]) .bcm-button{border-bottom-right-radius:0;border-top-right-radius:0}:host([position=middle]) .bcm-button{border-radius:0}:host([position=last]) .bcm-button{border-bottom-left-radius:0;border-top-left-radius:0}:host([position=first].orientation-vertical) .bcm-button{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--bcm-ui-border-radius,4px);border-top-right-radius:var(--bcm-ui-border-radius,4px)}:host([position=middle].orientation-vertical) .bcm-button{border-radius:0}:host([position=last].orientation-vertical) .bcm-button{border-bottom-left-radius:var(--bcm-ui-border-radius,4px);border-bottom-right-radius:var(--bcm-ui-border-radius,4px);border-top-left-radius:0;border-top-right-radius:0}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}.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}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.z-\[9999\]{z-index:9999}.m-0{margin:0}.inline-block{display:inline-block}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.h-3{height:.75rem}.w-3{width:.75rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.rotate-45{--tw-rotate:45deg;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}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-pretty{text-wrap:pretty}.rounded-full{border-radius:var(--bcm-ui-border-radius-full,9999px)}.bg-\[--popover-bg\]{background-color:var(--popover-bg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.pr-8{padding-right:2rem}.font-sans{font-family:Inter,Inter Variable,sans-serif}.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)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-semibold{font-weight:600}.\!text-color-header{color:var(--bcm-ui-color-text-header)!important}.text-\[var\(--bcm-ui-color-text-error\)\]{color:var(--bcm-ui-color-text-error)}.text-\[var\(--bcm-ui-color-text-info\)\]{color:var(--bcm-ui-color-text-info)}.text-\[var\(--bcm-ui-color-text-success\)\]{color:var(--bcm-ui-color-text-success)}.text-\[var\(--bcm-ui-color-text-warning\)\]{color:var(--bcm-ui-color-text-warning)}.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)}.hover\:bg-gray-100:hover{background-color:oklch(.967 .003 264.542)}.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}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.rounded{border-radius:var(--bcm-ui-border-radius-default,6px)}.border{border-width:1px}.border-solid{border-style:solid}.border-\[--bcm-final-border-color\]{border-color:var(--bcm-final-border-color)}.border-color-disabled{border-color:var(--bcm-ui-color-border-disabled)}.bg-\[--bcm-final-bg-color\]{background-color:var(--bcm-final-bg-color)}.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}.font-medium{font-weight:500}.leading-none{line-height:1}.text-\[--bcm-final-text-color\]{color:var(--bcm-final-text-color)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.outline-0{outline-width:0}.hover\:bg-\[--bcm-final-hover-bg-color\]:hover{background-color:var(--bcm-final-hover-bg-color)}.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(2px + 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-final-active-bg-color\]:active{background-color:var(--bcm-final-active-bg-color)}

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

@@ -85,10 +85,10 @@ export class BcmButtonGroup {
         twMerge: false,
     });
     render() {
-        return (h(Host, { key: 'ee2b2974005153ce8b30886f9b8eecc191f27280' }, h("div", { key: '150e992abfd2866c2f1fb763c4fa9d7c41fe106e', class: this.buttonGroupClass({
+        return (h(Host, { key: '8d88cf214197d97f7c006286c85d631b0921d662' }, h("div", { key: 'd597a5f10e5fc5f050924bd48c764b9aeafbc672', class: this.buttonGroupClass({
                 orientation: this.orientation,
                 fullWidth: this.fullWidth,
-            }) }, h("slot", { key: '2d1be6bf77802968a4afe08733f0fcfe6847b10f' }))));
+            }) }, h("slot", { key: 'e167d1694667140bf970f8f2eb4ad9266fd71681' }))));
     }
     static get is() { return "bcm-button-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-.block{display:block}.flex{display:flex}:host{display:block}.bcm-button-group{display:flex}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.w-full{width:100%}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
+.block{display:block}.flex{display:flex}:host{display:block}.bcm-button-group{display:flex}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.w-full{width:100%}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}

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

@@ -361,7 +361,7 @@ export class Checkbox extends BaseChoiceControl {
             labelPosition: this.labelPosition,
         });
         const internalId = (this._id ? `${this._id}-internal-checkbox` : undefined) ?? this.name ?? 'bcm-checkbox';
-        return (h("div", { key: 'd12a348162a9691876516c3472507a6fa05acc5c', class: root(), style: this.getStyles(), part: "checkbox" }, h("div", { key: '6b8899b1ba3a0a0266179e8773aef9110edadeb9', class: row() }, h("div", { key: '5f1c804c77f4fa25c4a6e8eea9960c79dfa6c9f5', class: "relative inline-flex" }, h("input", { key: '0075e8d09f7b3ca3fee96438da51be0d7efcd19b', ref: el => (this.inputElement = el), type: "checkbox", role: "checkbox", id: internalId, name: this.name, checked: this.internalChecked, indeterminate: this.indeterminate, disabled: this.disabled, class: hiddenInput(), "aria-checked": this.internalChecked ? 'true' : this.indeterminate ? 'mixed' : 'false', "aria-invalid": this.error, "aria-required": this.required, "aria-label": this.label || 'Checkbox', onChange: this.handleChange, part: "input" }), h("div", { key: '8a530bcbb30a74141c371e1887572559552fa5ef', class: checkbox(), part: "control", onClick: () => this.inputElement?.click() }, this.internalChecked && (h("div", { key: 'b9fdf174424d1a7a9e681c7f9407539e2bef5b7e', class: iconContainer(), part: "icon" }, h("bcm-icon", { key: '5fc75c73d911a10fe11df2660e9eb20fa2d17091', name: "fa-regular fa-check" }))), this.indeterminate && !this.internalChecked && (h("div", { key: 'c0a119d7c7d213c08ad1403f39c9f1a7265ffff5', class: iconContainer(), part: "icon" }, h("bcm-icon", { key: '8770ed42caabfd3b71833251ee86a3711fb2235f', name: "fa-regular fa-minus" }))))), h("label", { key: 'df4a8c18520b44e69056a36c9c2d3c9580513efb', htmlFor: internalId, class: label(), part: "label" }, h("slot", { key: '8699a9d7ac67878ab5fac3bc43b5e48d78d7c3c5' }, this.label))), this.error && this.caption && (h("span", { key: '7a1b552ce1aabd0a8ec834b9300eb2e72d27ac80', class: caption(), part: "caption" }, this.caption))));
+        return (h("div", { key: '1439de99bbd34bf79e8c4aab73e53ad7210889cf', class: root(), style: this.getStyles(), part: "checkbox" }, h("div", { key: '11b06ec19eee1795dc5c38838fe8140d987aca05', class: row() }, h("div", { key: '58349e8fc657776c99e24abe6f7fe5f245f15b7f', class: "relative inline-flex" }, h("input", { key: '0effd2f01aa147bce8c9a0af237ed37292805a2b', ref: el => (this.inputElement = el), type: "checkbox", role: "checkbox", id: internalId, name: this.name, checked: this.internalChecked, indeterminate: this.indeterminate, disabled: this.disabled, class: hiddenInput(), "aria-checked": this.internalChecked ? 'true' : this.indeterminate ? 'mixed' : 'false', "aria-invalid": this.error, "aria-required": this.required, "aria-label": this.label || 'Checkbox', onChange: this.handleChange, part: "input" }), h("div", { key: '5c1c6fbd7f3a651f5dcbb445019c6c68f3f1482f', class: checkbox(), part: "control", onClick: () => this.inputElement?.click() }, this.internalChecked && (h("div", { key: '982565dc34854eb2992d7c37b5c79f48aad81fde', class: iconContainer(), part: "icon" }, h("bcm-icon", { key: '27edfb270f68a8e2579d7ddda1d2c7db74e69cb1', name: "fa-regular fa-check" }))), this.indeterminate && !this.internalChecked && (h("div", { key: 'b42c459bc20d2cb3992b72e19e1cb0b307aaa7aa', class: iconContainer(), part: "icon" }, h("bcm-icon", { key: '01c0e0d5aeb32f962699c80dfcfd4b85ea315e19', name: "fa-regular fa-minus" }))))), h("label", { key: '01a0c46e1d5a5e839e6316416856b8928b3b380f', htmlFor: internalId, class: label(), part: "label" }, h("slot", { key: 'f874e503e169b3296f31002ad739d978fdb4b37f' }, this.label))), this.error && this.caption && (h("span", { key: 'd8453e0638c46c59e6bcbb58340b4b0eb679c863', class: caption(), part: "caption" }, this.caption))));
     }
     static get is() { return "bcm-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -132,7 +132,7 @@ export class BcmChip {
         }
     }
     render() {
-        return (h("div", { key: '8e78d9e90bb1d90392a35c69c86e9326eec5f627', 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: 'c4039645b7ee6f8f43fc587c1afc13b05f387b49' }), this.dismissible && h("bcm-icon", { key: '96b5e24fb44303e7afd5d6d7d2a1cd43a2874c4a', onClick: () => this.handleDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark", "aria-label": "Dismiss chip" })));
+        return (h("div", { key: '8ad5584c9279bcd53ec71161c2ec937e4d6e3edc', 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: '04c00866c3616ac5d32ba74559dd2d39d3a1fe34' }), this.dismissible && h("bcm-icon", { key: 'c3f2394d92acbd277d96a5da953ebf1c81ff0607', onClick: () => this.handleDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark", "aria-label": "Dismiss chip" })));
     }
     static get is() { return "bcm-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/chip/chip.css

@@ -1 +1 @@
-: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:Inter,Inter Variable,sans-serif}.flex{display:flex}.min-w-max{min-width:max-content}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content: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:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);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)}
+: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:Inter,Inter Variable,sans-serif}.static{position:static}.flex{display:flex}.min-w-max{min-width:max-content}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content: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:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);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)}

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

@@ -63,7 +63,7 @@ export class Divider {
         twMerge: false,
     });
     render() {
-        return (h("div", { key: 'e1b7922ba52ac9a1c46f299dc1d0fe2a836f7e2b', role: "separator", "aria-orientation": this.direction, class: this.dividerClass({
+        return (h("div", { key: 'c59fec0ff25d3b31c456397b2a8df25faebfae05', role: "separator", "aria-orientation": this.direction, class: this.dividerClass({
                 direction: this.direction,
                 variant: this.variant,
                 size: this.size,

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

@@ -361,7 +361,7 @@ export class BcmDrawer {
             noHeader: this.noHeader,
             noFooter: this.noFooter,
         });
-        return (h("dialog", { key: '5f2b6c7e56052ee99a45635d134d8bc77515f553', ref: el => (this.dialogRef = el), part: "dialog", class: dialog(), onClick: this.handleBackdropClick, onCancel: this.handleDialogCancel, "aria-labelledby": "drawer-title", "aria-describedby": this.helperText ? 'drawer-helper' : undefined, "aria-modal": "true" }, h("div", { key: '97ea7bd5cf244747338f45c32be63b40e2d0ab69', part: "container", class: container() }, h("div", { key: 'ce370b2f27ccdb11a47da0e0c8d0f0c3953fe989', part: "drawer", class: drawer(), style: this.getDrawerStyle(), role: "document", onClick: this.handleDrawerClick }, !this.noHeader && (h("div", { key: '97ec92d4769d7aaa031d36953865c315ca2e18bd', part: "header", class: header() }, h("div", { key: 'd728fda97515fc135de32402d1c8f81614f7cb26', part: "header-content", class: headerContent() }, h("h2", { key: 'c12ad7d905bcbd1cc0bef89c7792d4f8506d7ccd', id: "drawer-title", part: "title", class: title() }, h("slot", { key: 'b42daf931e45abd500aac56321ba464fccf254be', name: "header" }, this.headerText)), this.helperText && (h("p", { key: '26772b327ee266f7ab7ba7fbf5a804a14b552611', id: "drawer-helper", part: "helper-text", class: helperText() }, h("slot", { key: 'e3b1df6a5484e1b0bcc24af9aef72014e5409329', name: "helper" }, this.helperText)))), h("button", { key: '32a746cc753b8eaa08a0498df9f1926da48f70bb', part: "close-button", class: closeButton(), onClick: () => this.hide(), "aria-label": "Close drawer", type: "button" }, h("bcm-icon", { key: '423f2493ede384efad396b7935a8a8d75f3470dc', name: "fa-solid fa-xmark" })))), h("div", { key: 'c88c138fb88672b549e1bf2fdc9fffa046e3fda5', part: "content", class: content() }, h("slot", { key: 'cb580a34b3fb0f7e9d0504f56a581c15286715e7' })), !this.noFooter && (h("div", { key: '6dfeddb856478d8133024c62dc704ab5732b9b31', part: "footer", class: footer() }, h("slot", { key: '159952b9e1ad03319197da2f03c4d67b8951742c', name: "footer" })))))));
+        return (h("dialog", { key: '81c5658630bb4ee4f4693d551f6bdccea2776b3d', ref: el => (this.dialogRef = el), part: "dialog", class: dialog(), onClick: this.handleBackdropClick, onCancel: this.handleDialogCancel, "aria-labelledby": "drawer-title", "aria-describedby": this.helperText ? 'drawer-helper' : undefined, "aria-modal": "true" }, h("div", { key: 'eb53ad80389cf56f25788ab7580e833e11b4d06e', part: "container", class: container() }, h("div", { key: '5bf4d7fe05ba209403a798b6caac63d921ff7785', part: "drawer", class: drawer(), style: this.getDrawerStyle(), role: "document", onClick: this.handleDrawerClick }, !this.noHeader && (h("div", { key: 'e2e8e7d9e3d54c51b4a7a898bf47c88011da1108', part: "header", class: header() }, h("div", { key: '9868e6c9f5227ca0dc1883e2c75e778c0c1b8d51', part: "header-content", class: headerContent() }, h("h2", { key: '1c5866d24a311f737697a895fe3fa3335dffe1b0', id: "drawer-title", part: "title", class: title() }, h("slot", { key: '04b5dc29029a92bf34dad488e861cf40df53b3e9', name: "header" }, this.headerText)), this.helperText && (h("p", { key: '0c9840a5dbbcfb71157ce12b1b5bc1161a3b5824', id: "drawer-helper", part: "helper-text", class: helperText() }, h("slot", { key: '6d58894a15b2031a75b965334116e9da0ef131f7', name: "helper" }, this.helperText)))), h("button", { key: 'b11945796962da08c7d1b23f9337892aa3e654f4', part: "close-button", class: closeButton(), onClick: () => this.hide(), "aria-label": "Close drawer", type: "button" }, h("bcm-icon", { key: '1f211c596717d8172e4485c7f1a6d86e2c9a7079', name: "fa-solid fa-xmark" })))), h("div", { key: '3612001d93962defead3e2fd8b2b5cbe196ad54b', part: "content", class: content() }, h("slot", { key: '162f338b88e42b3073eaa151885ed8804d246bf4' })), !this.noFooter && (h("div", { key: '0af0db53c5a7846c9677bd0535f1fe4aac50cbc3', part: "footer", class: footer() }, h("slot", { key: 'ddf81921c31b0649f13d1d57a0c645b73a6747ef', name: "footer" })))))));
     }
     static get is() { return "bcm-drawer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class Dropdown {
         }
     };
     render() {
-        return (h(Host, { key: '9d718f27af182024b4ec059d37f226c7d8ade19d' }, h("bcm-linked", { key: '54a00a98b31acaed227b0e5b59aeac15e61dc334', trigger: "click", placement: "bottom-start" }, h("bcm-button", { key: 'b9820929158f86c7b156e5bdfc55cb45e28cef7a', kind: "outline", slot: "trigger" }, h("span", { key: '734d0403de7b9b1c4b0dde24803a92860a9870dd', part: "text" }, this.text)), h("div", { key: 'bccdfe8fd48bfb5d7c9ce02c5e6ef58f4863e240', part: "dropdown-container", class: this.dropdownClass() }, h("slot", { key: '762fdc7ea26f269bd82cc6375107c541386def0a', onSlotchange: this.handleSlotChange })))));
+        return (h(Host, { key: '2faadef3d5fb0ff1e0b0f1bed6aa63c64c220264' }, h("bcm-linked", { key: 'f81c8bebe44deff74f3a4e688d70633ca8d24a19', trigger: "click", placement: "bottom-start" }, h("bcm-button", { key: 'fb0c175118ec4dfdbe58afed227033c62cad12da', kind: "outline", slot: "trigger" }, h("span", { key: 'ab8ed34151b645cf2b82b1bc1932c7c8762f37b0', part: "text" }, this.text)), h("div", { key: 'c3e2c0a26c622c60bd283d68bc583c59c20e8ecd', part: "dropdown-container", class: this.dropdownClass() }, h("slot", { key: '872b04b80f3b61b6a8fed1570a2053f1942b468d', onSlotchange: this.handleSlotChange })))));
     }
     static get is() { return "bcm-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown/dropdown.css

@@ -1 +1 @@
-.visible{visibility:visible}.hidden{display:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}
+.visible{visibility:visible}.hidden{display:none}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}

package/dist/collection/components/dropdown-item/dropdown-item.component.js

@@ -41,10 +41,10 @@ export class DropdownItem {
         twMerge: false,
     });
     render() {
-        return (h("div", { key: '0b5f3d4997309d6e3f2451a1aa453c42703a7e20', "aria-checked": this.selected, class: this.dropdownItemClass({
+        return (h("div", { key: 'd1556f355242b946fe8dd9474345f68e63057456', "aria-checked": this.selected, class: this.dropdownItemClass({
                 selected: this.selected,
                 error: this.error,
-            }), onClick: () => this.handleClick() }, h("slot", { key: '20bef8986cdef421bab9f60038635e9a7c0d6264', name: "left-content" }, this.icon && h("bcm-icon", { key: '04113cb95e8df6237708bdc673d46b7924f7fe20', "icon-name": this.icon })), h("div", { key: '1eaa13a25dc8330ed14a6272f54f06fad1f50ddb', class: "flex flex-row text-pretty w-full" }, h("slot", { key: '5f2950dbc483396bd85d6b6a2e986dddd7a41ca7' }, this.text)), h("slot", { key: '4cc0e6282f027935a381c738909108995e6ad5f1', name: "right-content" }, this.rightIcons?.map(icon => (h("bcm-icon", { "icon-name": icon }))))));
+            }), onClick: () => this.handleClick() }, h("slot", { key: 'a90f641dd9028cf1133eed3012146dd009b7d539', name: "left-content" }, this.icon && h("bcm-icon", { key: '285f9e5be9f469b21fa13c869e998fdaea4e33ad', "icon-name": this.icon })), h("div", { key: '88ed52038a89adcc295722f913adf0f6ea35380c', class: "flex flex-row text-pretty w-full" }, h("slot", { key: 'eda2b44a8c725f1754ad86c5abe4b67236b0ff0b' }, this.text)), h("slot", { key: '4b05ed73283c11d3e789311fa82e8915abafce99', name: "right-content" }, this.rightIcons?.map(icon => (h("bcm-icon", { "icon-name": icon }))))));
     }
     static get is() { return "bcm-dropdown-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -338,14 +338,14 @@ export class BcmInput {
             disabled: this.disabled,
             focused: this.isFocused,
         });
-        return (h("div", { key: '5df80ce8e96974f5fdc04a198398f089867c1b81', class: "bcm-ui-element" }, this.label && (h("label", { key: 'ec14ded762888f3ced0a18c180feb13f9767ceb5', class: classNames('input-label font-medium', {
+        return (h("div", { key: 'f1416e171b7b003810be70e4ae52b5656fb636bc', class: "bcm-ui-element" }, this.label && (h("label", { key: '9a8dc3005ff12793bdcc22ac2f67296dbba9e1a9', class: classNames('input-label font-medium', {
                 'text-color-label': !this.disabled,
                 'text-color-disabled': this.disabled,
             }, {
                 'text-size-3': this.size === 'small',
                 'text-size-4': this.size === 'medium',
                 'text-size-5': this.size === 'large',
-            }), htmlFor: inputId }, h("slot", { key: 'f731c89bc4b3237c433cf6cc929399166a111e40', name: "label" }, this.label), this.required && h("span", { key: '196fd0a2eb5711102dd45370c43c61d5d059e1bc' }, "*"))), h("div", { key: '96b3897d1f3e0e75874a88c8b42a353f9dda8b7a', class: base() }, (this.hasSlotContent('prefix') || this.prefixIcon || this.getDefaultIconForType()) && (h("div", { key: '7c65bf687a717ad47b85d0777cf6375771d76c13', class: "flex items-center gap-2 px-2" }, (this.prefixIcon || this.getDefaultIconForType()) && (h("bcm-icon", { key: 'c3d2625db4179b4b25fe7d5db35b4231b347ebc3', class: "prefix-icon", "icon-name": this.prefixIcon || this.getDefaultIconForType(), size: this.iconSize })), h("slot", { key: '651ce4d7cd40abb7acebe73d70f56894a58c308d', name: "prefix" }))), h("input", { key: '2fc1a6e2d529873774cbb89df47cbd3dcbdae831', ref: el => (this.inputRef = el), id: inputId, class: inputClass(), type: this.type, name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, autocomplete: this.autocomplete, minlength: this.minLength, maxlength: this.maxLength, min: this.min, max: this.max, step: this.step, pattern: this.pattern, "aria-invalid": this.status === 'error', "aria-required": this.required, "aria-labelledby": this.labelledby, "aria-describedby": this.describedby, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp }), (this.hasSlotContent('suffix') || this.suffixIcon) && (h("div", { key: '38aee6d98edc68f565c7a245e10d3069994c3d54', class: "flex items-center gap-2 px-2" }, h("slot", { key: '73f4e36fcf08aa2f0bcef580ca1a6965beb28d5f', name: "suffix" }), this.suffixIcon && h("bcm-icon", { key: '29ef2027b9a8f32c2f68b6f0b304e2f33bd128bc', class: "suffix-icon", "icon-name": this.suffixIcon, size: this.iconSize }))), this.PasswordToggleButton()), (this.captionText || this.internalErrorMessage || this.validationMessage) && (h("div", { key: 'fa0dc2f605d57405069e21ca732cbd99d6a3ac1d', class: classNames('input-caption-text font-regular mt-1', {
+            }), htmlFor: inputId }, h("slot", { key: 'a0effbf8991b1b7e0c7970d69039bc258432085a', name: "label" }, this.label), this.required && h("span", { key: '1da707cd979a59dc3795fe0f85909f9d4a622513' }, "*"))), h("div", { key: '0da7cc9a6e2a322a0bc58cf576920cc724cc42fe', class: base() }, (this.hasSlotContent('prefix') || this.prefixIcon || this.getDefaultIconForType()) && (h("div", { key: '77aa4803f97e37a1cd7f652d83ea6d22d7351ca6', class: "flex items-center gap-2 px-2" }, (this.prefixIcon || this.getDefaultIconForType()) && (h("bcm-icon", { key: '64da4cf7319d59e91fa9517e97fb8cded597c95f', class: "prefix-icon", "icon-name": this.prefixIcon || this.getDefaultIconForType(), size: this.iconSize })), h("slot", { key: '1c5f4008075babd9474e672a143f7eb54fe7ce24', name: "prefix" }))), h("input", { key: 'df9e0521d580f4b6022832ef3fcaf86b6508ee67', ref: el => (this.inputRef = el), id: inputId, class: inputClass(), type: this.type, name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, autocomplete: this.autocomplete, minlength: this.minLength, maxlength: this.maxLength, min: this.min, max: this.max, step: this.step, pattern: this.pattern, "aria-invalid": this.status === 'error', "aria-required": this.required, "aria-labelledby": this.labelledby, "aria-describedby": this.describedby, value: this.value, onInput: this.onInput, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp }), (this.hasSlotContent('suffix') || this.suffixIcon) && (h("div", { key: 'b3cc3f4736d78d469b1addc994a1be516bdd5f2b', class: "flex items-center gap-2 px-2" }, h("slot", { key: '0f06aaf53a846749f94e72f6d632d17653121d97', name: "suffix" }), this.suffixIcon && h("bcm-icon", { key: '8b22ed0ac67d749b83b09c16fd1aec8141720fcf', class: "suffix-icon", "icon-name": this.suffixIcon, size: this.iconSize }))), this.PasswordToggleButton()), (this.captionText || this.internalErrorMessage || this.validationMessage) && (h("div", { key: '389bd6172582b601405c84b96375c6ad0aeb93e9', class: classNames('input-caption-text font-regular mt-1', {
                 'text-[--bcm-ui-color-text-caption]': !this.disabled && this.internalStatus === 'default',
                 'text-[--bcm-ui-color-text-error]': !this.disabled && (this.internalStatus === 'error' || !this.isValid),
                 'text-[--bcm-ui-color-text-success]': !this.disabled && this.internalStatus === 'success',

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

@@ -459,9 +459,9 @@ export class BcmLinked {
     });
     render() {
         const { wrapper, floating, arrow, content } = this.linkedClass();
-        return (h(Host, { key: 'def3b346aef992b343fbbadf0f9c8ee685d9e4f4' }, h("div", { key: 'a5d48f9ec3f54a8d792653adb87a0f5ea88a05f7', class: wrapper() }, h("slot", { key: 'c8148d2b9c2e54cbf5053770e6e39cc1c5651388', name: "trigger", onSlotchange: this.handleTriggerSlotChange }), h("div", { key: 'b3f53e8abe4f1749fcb432278b8e50e6b41caa74', ref: el => (this.floatingRef = el), id: this.componentId, part: "floating", class: floating(),
+        return (h(Host, { key: 'dbc3d142529d7147007e854591c83ebae052cf17' }, h("div", { key: '3e7253256768b3a00e53db75ddaf3cbf4e7878bd', class: wrapper() }, h("slot", { key: '2d38a538c6c92294936bbd5b0419f534c4d0a04d', name: "trigger", onSlotchange: this.handleTriggerSlotChange }), h("div", { key: 'ff97471403f6012b3416ee20c5c64f012b96585c', ref: el => (this.floatingRef = el), id: this.componentId, part: "floating", class: floating(),
             // @ts-ignore - popover is a valid HTML attribute
-            popover: "manual", role: "dialog" }, this.showArrow && h("div", { key: '0b983a9a04c5bb5cc07829eacc53ed974afaccdc', ref: el => (this.arrowRef = el), part: "arrow", class: arrow() }), h("div", { key: '364418a788431d289aa2bc0b0ce44191df7b46d0', part: "content", class: content() }, h("slot", { key: '2305c1bb7ac8c4354f31b7464f33fc4b9e79df9b' }))))));
+            popover: "manual", role: "dialog" }, this.showArrow && h("div", { key: '6f5fe8b9eafd3219437a2a2cdf83ab651b5090db', ref: el => (this.arrowRef = el), part: "arrow", class: arrow() }), h("div", { key: 'a0387e48c33101ada01f2196af226117c84b2a6e', part: "content", class: content() }, h("slot", { key: '5fba0836dd50f7e7afd60cd151088272c5043bcc' }))))));
     }
     static get is() { return "bcm-linked"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/linked/linked.css

@@ -1 +1 @@
-.visible{visibility:visible}.absolute{position:absolute}.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))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:host{display:inline-block}[popover]{background:transparent;border:none;margin:0;opacity:0;overflow:visible;padding:0;position:absolute;transform:scale(.95);transition:opacity .15s ease-out,transform .15s ease-out,display allow-discrete .15s ease-out,overlay allow-discrete .15s ease-out}[popover]:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}[data-placement^=top] [part=arrow]{border-left:none;border-top:none;bottom:-4px}[data-placement^=bottom] [part=arrow]{border-bottom:none;border-right:none;top:-4px}[data-placement^=left] [part=arrow]{border-bottom:none;border-left:none;right:-4px}[data-placement^=right] [part=arrow]{border-right:none;border-top:none;left:-4px}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.static{position:static}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}.fixed{position:fixed}.relative{position:relative}.inline-block{display:inline-block}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.rotate-45{--tw-rotate:45deg;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))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-color-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--bcm-ui-box-shadow-lg);--tw-shadow-colored:var(--bcm-ui-box-shadow-lg)}.blur{--tw-blur:blur(8px);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)}
+.visible{visibility:visible}.absolute{position:absolute}.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))}.border{border-width:1px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:host{display:inline-block}[popover]{background:transparent;border:none;margin:0;opacity:0;overflow:visible;padding:0;position:absolute;transform:scale(.95);transition:opacity .15s ease-out,transform .15s ease-out,display allow-discrete .15s ease-out,overlay allow-discrete .15s ease-out}[popover]:popover-open{opacity:1;transform:scale(1)}@starting-style{[popover]:popover-open{opacity:0;transform:scale(.95)}}[data-placement^=top] [part=arrow]{border-left:none;border-top:none;bottom:-4px}[data-placement^=bottom] [part=arrow]{border-bottom:none;border-right:none;top:-4px}[data-placement^=left] [part=arrow]{border-bottom:none;border-left:none;right:-4px}[data-placement^=right] [part=arrow]{border-right:none;border-top:none;left:-4px}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Inter Variable,sans-serif}.flex{display:flex}.max-h-64{max-height:16rem}.w-full{width:100%}.min-w-10{min-width:2.5rem}.max-w-64{max-width:16rem}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--bcm-ui-border-radius-lg,8px)}.bg-color-basic-panel{background-color:var(--bcm-ui-color-background-basic-panel)}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}.static{position:static}.fixed{position:fixed}.relative{position:relative}.inline-block{display:inline-block}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.rotate-45{--tw-rotate:45deg;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))}.rounded-md{border-radius:var(--bcm-ui-border-radius-md,6px)}.bg-color-basic-base{background-color:var(--bcm-ui-color-background-basic-base)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--bcm-ui-box-shadow-lg);--tw-shadow-colored:var(--bcm-ui-box-shadow-lg)}.blur{--tw-blur:blur(8px);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/modal/modal.component.js

@@ -389,7 +389,7 @@ export class BcmModal {
             noHeader: this.noHeader,
             noFooter: this.noFooter,
         });
-        return (h("dialog", { key: '7a8be71aa8efa4d0cc109c9453e2cd4d1de77142', ref: el => (this.dialogRef = el), part: "dialog", class: dialog(), onClick: this.handleBackdropClick, onCancel: this.handleDialogCancel, "aria-labelledby": "modal-title", "aria-describedby": this.helperText ? 'modal-helper' : undefined, "aria-modal": "true" }, h("div", { key: 'fe058c010ea503eb2a44680c04d967d417faed3c', part: "container", class: container() }, h("div", { key: '1fa947a00781fbd977a81ae1b0833918c6b5d252', part: "modal", class: modal(), style: this.getModalStyle(), role: "document", onClick: e => e.stopPropagation() }, !this.noHeader && (h("div", { key: 'a7fbc1ea22fb109ec6e99f043eb1dcfaef959d70', part: "header", class: header() }, h("div", { key: '0145d5733e5188b6a9992eb41e462c5db608bc21', part: "header-content", class: headerContent() }, h("h2", { key: 'ddc3a4005176fe742fa9238aa50eb3ca47107332', id: "modal-title", part: "title", class: title() }, h("slot", { key: '013ff3729de1f6e19475384a8a0c7fa0c85eec7e', name: "header" }, this.headerText)), this.helperText && (h("p", { key: 'c850ba1df15dfbec3c16022e3c95a62ccb46c02c', id: "modal-helper", part: "helper-text", class: helperText() }, h("slot", { key: '0ab88a302363f8701047b21a2768033846e7c83a', name: "helper" }, this.helperText)))), h("button", { key: '40075afa46ff21fbb90049527136a64a4bb149b4', part: "close-button", class: closeButton(), onClick: () => this.hide(), "aria-label": "Close modal", type: "button" }, h("bcm-icon", { key: '103f99df6bb9298ad78b043117a4b05f940cc2a4', name: "fa-solid fa-xmark" })))), h("div", { key: '943ea0cfa96dd06e3a562d549378fb688c4c779b', part: "content", class: content() }, h("slot", { key: '4eabfbc38e21b297ebb731cf2e54840b641d8724' })), !this.noFooter && (h("div", { key: 'f058cb121dd9e6d28d72a2996c098134438f37fb', part: "footer", class: footer() }, h("slot", { key: 'd70d5a89b1c4159937b417a35bb4e3716d8fd1e1', name: "footer" })))))));
+        return (h("dialog", { key: 'abf9f2ba545f64908ab69d9cc77f38384ca8b294', ref: el => (this.dialogRef = el), part: "dialog", class: dialog(), onClick: this.handleBackdropClick, onCancel: this.handleDialogCancel, "aria-labelledby": "modal-title", "aria-describedby": this.helperText ? 'modal-helper' : undefined, "aria-modal": "true" }, h("div", { key: '8b74fa435ba18c760fac5a69d69b9ec931719774', part: "container", class: container() }, h("div", { key: '97c300b0362f0785fa10bb28f65584b342e1043d', part: "modal", class: modal(), style: this.getModalStyle(), role: "document", onClick: e => e.stopPropagation() }, !this.noHeader && (h("div", { key: 'df1f72c63d84cb651c25089a32b138051c1828f9', part: "header", class: header() }, h("div", { key: '4d3ea8ea5015b40a62c73a9653251466de5e396d', part: "header-content", class: headerContent() }, h("h2", { key: '1c07ed9cacf3817dd8aca18e6c84873154a70275', id: "modal-title", part: "title", class: title() }, h("slot", { key: 'f8e6c5964a62e28ea64d9118ada58568bc2844f5', name: "header" }, this.headerText)), this.helperText && (h("p", { key: '0adf0359fd32f278680fd637d8f883f88b885194', id: "modal-helper", part: "helper-text", class: helperText() }, h("slot", { key: '24fd7c93a6cb4c3c5091a6b1bf171abd40f5a0f6', name: "helper" }, this.helperText)))), h("button", { key: 'a60a222675ea2f95bd281bf2049a3b1275724049', part: "close-button", class: closeButton(), onClick: () => this.hide(), "aria-label": "Close modal", type: "button" }, h("bcm-icon", { key: '1552b7345565fb9721cbff0a1ecd177fde5db2eb', name: "fa-solid fa-xmark" })))), h("div", { key: '31a07a87efcdec2c4a672b7f78b0bdf1a98d15e8', part: "content", class: content() }, h("slot", { key: '951761be372e23ab7224046504ace7fcf895a626' })), !this.noFooter && (h("div", { key: 'e052a785b68fd593d2eabc2a59376570a76dcebb', part: "footer", class: footer() }, h("slot", { key: '6c48cc1b5473a9d9887955b9a6b6e01c3c68a21c', name: "footer" })))))));
     }
     static get is() { return "bcm-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pop-confirm/pop-confirm.component.js

@@ -522,7 +522,7 @@ export class BcmPopConfirm {
         // Status icon only shows if explicitly enabled AND there's header text
         const showStatusIcon = this.statusIcon && this.headerText;
         const hasHeaderText = Boolean(this.headerText);
-        return (h("div", { key: '985ba921107bf870e348dd0fa40b7857e7414b09', class: "inline-block" }, h("slot", { key: '82cc3b90408f45d81de20ad8e3754268ed696923', onSlotchange: this.handleSlotChange }), h("div", { key: 'aae490c4a85506ac2f7913e73bad13db222691af', ref: el => (this.popconfirmRef = el), id: this.popconfirmId, part: "container", class: container(), popover: "manual", role: "alertdialog", "aria-labelledby": hasHeaderText ? `${this.popconfirmId}-header` : undefined, "aria-describedby": `${this.popconfirmId}-body` }, this.showArrow && h("div", { key: '0f0206b3c9dbc5367722aff328213cd051545a5e', ref: el => (this.arrowRef = el), part: "arrow", class: arrowClass() }), h("div", { key: '63db024fbcf36b039bb2d92a348f408535726bc2', class: closeBtn(), onClick: this.handleCancel, role: "button", tabIndex: 0, "aria-label": "Close" }, h("bcm-icon", { key: 'fd2c3555d4f731cde8264fe05be260121a8794d9', "icon-name": "far fa-times" })), h("header", { key: '9646ac05e11ed66f71307d897886a4a04802df00', class: header() }, h("div", { key: '0a22746831a55d17d07159d17c0576ed57a387bd', class: headerLeft() }, showStatusIcon && h("bcm-icon", { key: 'cf8b7aeb37ee8008d1dd51d93e4b6085e1a6a4c8', "icon-name": statusIcons[this.status] }), hasHeaderText && (h("span", { key: '3ad7f7a1c3274b7566128a67d27e0eb49a021a61', id: `${this.popconfirmId}-header`, class: title() }, this.headerText)), h("slot", { key: '75ace281d6c80dec32e861ff644908942f60ae23', name: "header" }))), h("main", { key: 'aeff840362307b0f9ac593cede066adb00f9048e', id: `${this.popconfirmId}-body`, part: "body", class: body() }, h("slot", { key: '13d5c301c27bc44a1b36100f861fa591a100d5fd', name: "body" }, this.description)), h("footer", { key: '6c4268cbb69ffde526f7cc4f6c436b97e20e13dc', part: "footer", class: footer() }, h("slot", { key: '51423865e3293cc8a75635d9ef961c2267af361e', name: "footer" }, h("bcm-button", { key: 'c49d49e793994d5a6d59f5aed5d0fe345f81413f', kind: "outline", size: this.size, onClick: this.handleCancel }, this.cancelText), h("bcm-button", { key: 'b47151e6d9f6cc08a9111a840b3656f19d266ba2', size: this.size, status: this.status, kind: "primary", onClick: this.handleConfirm }, this.confirmText))))));
+        return (h("div", { key: 'ef324898cdc6e0d02d974b5d963a83d826ae03c6', class: "inline-block" }, h("slot", { key: '9837be082d95203034b4ef632b4e1de552b3ddf3', onSlotchange: this.handleSlotChange }), h("div", { key: 'a7b6405ba095cf5a8b44b30646dcd1dec47ee8c1', ref: el => (this.popconfirmRef = el), id: this.popconfirmId, part: "container", class: container(), popover: "manual", role: "alertdialog", "aria-labelledby": hasHeaderText ? `${this.popconfirmId}-header` : undefined, "aria-describedby": `${this.popconfirmId}-body` }, this.showArrow && h("div", { key: '1e755056630025c285f239b97d4f8b12157b27e0', ref: el => (this.arrowRef = el), part: "arrow", class: arrowClass() }), h("div", { key: 'f22df40716a39c698f81d263f32e5dde5e750736', class: closeBtn(), onClick: this.handleCancel, role: "button", tabIndex: 0, "aria-label": "Close" }, h("bcm-icon", { key: 'e65ed93d76065b6d60ffaca447cd74c88c42f6ba', "icon-name": "far fa-times" })), h("header", { key: 'b1a14421eadebdc5d7743442a5cd5764cdb1c91c', class: header() }, h("div", { key: 'ad38f509d91aee4ac330a7dbd9219b38d74fd293', class: headerLeft() }, showStatusIcon && h("bcm-icon", { key: 'a6e30f3013293535e30702f06bba4026e2cc9997', "icon-name": statusIcons[this.status] }), hasHeaderText && (h("span", { key: 'a7783f8b4ffebdbb9e3933ab126e89ce665bb11e', id: `${this.popconfirmId}-header`, class: title() }, this.headerText)), h("slot", { key: 'cb19354b2da6509b32335fbdcb7e39f9e3e870bb', name: "header" }))), h("main", { key: '9196e80c62ee712e7ac308c58f7fb31bb5a658e0', id: `${this.popconfirmId}-body`, part: "body", class: body() }, h("slot", { key: '7aad6ce3617628d6e318ab344d26856271fbc5ea', name: "body" }, this.description)), h("footer", { key: 'a6d0240f6b1e814425ae790fdf4e208d1256503d', part: "footer", class: footer() }, h("slot", { key: '47a863b401cbdba258ccd9d05ea7969b263f9fb3', name: "footer" }, h("bcm-button", { key: 'cef225e554ea2897e7fe6657037cdaa847aed9b6', kind: "outline", size: this.size, onClick: this.handleCancel }, this.cancelText), h("bcm-button", { key: '2e515544c5a0e02d83e3d7a8e9fddab4b08bd4e7', size: this.size, status: this.status, kind: "primary", onClick: this.handleConfirm }, this.confirmText))))));
     }
     static get is() { return "bcm-pop-confirm"; }
     static get encapsulation() { return "shadow"; }