bromcom-ui-next 0.1.30 → 0.1.31

package/dist/components/{p-6VLsKZvR.js → p-z9ESseGb.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './in
 import { c as computePosition, a as autoUpdate, o as offset, f as flip, s as shift, b as arrow } from './p-DBDSgIvP.js';
 import { t as tv } from './p-CEcVC0yX.js';
 
-const linkedCss = ".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,sans-serif}.static{position:static}.fixed{position:fixed}.relative{position:relative}.inline-block{display:inline-block}.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{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.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)}.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,.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}";
+const linkedCss = ".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}.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}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.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)}";
 
 const BcmLinked = /*@__PURE__*/ proxyCustomElement(class BcmLinked extends H {
     constructor(registerHost) {
@@ -17,127 +17,97 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class BcmLinked extends H {
         this.bcmHide = createEvent(this, "bcmHide", 1);
         this.bcmShown = createEvent(this, "bcmShown", 1);
         this.bcmHidden = createEvent(this, "bcmHidden", 1);
-        // Unique ID for ARIA
-        this.componentId = `linked-${Math.random().toString(36).substring(2, 11)}`;
-        /**
-         * @prop {boolean} visible - Controls the visibility state of the floating element.
-         * Can be set programmatically or toggled by user interaction.
-         * Default: false
-         */
-        this.visible = false;
-        /**
-         * @prop {TriggerType} trigger - Defines the interaction type to show/hide the floating element.
-         * 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave,
-         * 'focus' shows on focus and hides on blur, 'manual' requires programmatic control.
-         * Default: 'click'
-         */
-        this.trigger = 'click';
-        /**
-         * @prop {Placement} placement - Defines the position of the floating element relative to the trigger.
-         * Default: 'bottom-start'
-         */
-        this.placement = 'bottom-start';
-        /**
-         * @prop {number} showDelay - Delay in milliseconds before showing the floating element.
-         * Default: 0
-         */
-        this.showDelay = 0;
-        /**
-         * @prop {number} hideDelay - Delay in milliseconds before hiding the floating element.
-         * Default: 0
-         */
-        this.hideDelay = 0;
-        /**
-         * @prop {number} offsetDistance - Distance in pixels between the floating element and the trigger.
-         * Default: 8
-         */
-        this.offsetDistance = 8;
-        /**
-         * @prop {boolean} showArrow - Whether to show an arrow pointing to the trigger element.
-         * Default: true
-         */
-        this.showArrow = true;
-        /**
-         * @prop {boolean} disabled - Disables the floating element, preventing it from showing.
-         * Default: false
-         */
-        this.disabled = false;
-        /**
-         * @prop {boolean} closeOnOutsideClick - Whether to close when clicking outside.
-         * Default: true
-         */
-        this.closeOnOutsideClick = true;
-        /**
-         * @prop {boolean} closeOnEscape - Whether to close when pressing Escape key.
-         * Default: true
-         */
-        this.closeOnEscape = true;
-        // Internal state
-        this.isVisible = false;
-        this.handleTriggerSlotChange = () => {
-            var _a;
-            const slot = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="trigger"]');
-            if (!slot)
-                return;
-            const elements = slot.assignedElements();
-            if (elements.length > 0) {
-                this.removeTriggerListeners();
-                this.triggerRef = elements[0];
-                this.setupTriggerListeners();
-                this.setupAriaAttributes();
-            }
-        };
-        this.handleMouseEnter = () => {
-            this.show();
-        };
-        this.handleMouseLeave = () => {
-            this.hide();
-        };
-        this.handleFloatingMouseEnter = () => {
-            this.clearTimeouts();
-        };
-        this.handleFloatingMouseLeave = () => {
-            this.hide();
-        };
-        this.handleTriggerClick = (event) => {
-            event.stopPropagation();
-            this.toggle();
-        };
-        this.handleFocus = () => {
-            this.show();
-        };
-        this.handleBlur = () => {
-            this.hide();
-        };
-        this.handleOutsideClick = (event) => {
-            var _a;
-            if (!this.closeOnOutsideClick || !this.visible)
-                return;
-            const target = event.target;
-            const path = event.composedPath();
-            const isInsideHost = this.host.contains(target) || path.includes(this.host);
-            const isInsideFloating = ((_a = this.floatingRef) === null || _a === void 0 ? void 0 : _a.contains(target)) || (this.floatingRef && path.includes(this.floatingRef));
-            if (!isInsideHost && !isInsideFloating) {
-                this.hide();
-            }
-        };
-        this.handleToggle = (event) => {
-            if (event.newState === 'open' && !this.isVisible) {
-                this.isVisible = true;
-            }
-            else if (event.newState === 'closed' && this.isVisible) {
-                this.isVisible = false;
-            }
-        };
-        this.linkedClass = tv({
-            slots: {
-                wrapper: 'inline-block',
-                floating: ['bcm-ui-element', 'fixed', 'bg-color-basic-base', 'rounded-md', 'shadow-lg', 'border', 'border-color-basic-subtle'],
-                arrow: ['absolute', 'w-2', 'h-2', 'bg-color-basic-base', 'border', 'border-color-basic-subtle', 'rotate-45'],
-                content: 'bg-color-basic-base',
-            },
-        });
     }
+    get host() { return this; }
+    // Element references
+    floatingRef;
+    triggerRef;
+    arrowRef;
+    // Cleanup references
+    cleanupAutoUpdate;
+    showTimeout;
+    hideTimeout;
+    // Unique ID for ARIA
+    componentId = `linked-${Math.random().toString(36).substring(2, 11)}`;
+    /**
+     * @prop {boolean} visible - Controls the visibility state of the floating element.
+     * Can be set programmatically or toggled by user interaction.
+     * Default: false
+     */
+    visible = false;
+    /**
+     * @prop {TriggerType} trigger - Defines the interaction type to show/hide the floating element.
+     * 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave,
+     * 'focus' shows on focus and hides on blur, 'manual' requires programmatic control.
+     * Default: 'click'
+     */
+    trigger = 'click';
+    /**
+     * @prop {Placement} placement - Defines the position of the floating element relative to the trigger.
+     * Default: 'bottom-start'
+     */
+    placement = 'bottom-start';
+    /**
+     * @prop {number} showDelay - Delay in milliseconds before showing the floating element.
+     * Default: 0
+     */
+    showDelay = 0;
+    /**
+     * @prop {number} hideDelay - Delay in milliseconds before hiding the floating element.
+     * Default: 0
+     */
+    hideDelay = 0;
+    /**
+     * @prop {number} offsetDistance - Distance in pixels between the floating element and the trigger.
+     * Default: 8
+     */
+    offsetDistance = 8;
+    /**
+     * @prop {boolean} showArrow - Whether to show an arrow pointing to the trigger element.
+     * Default: true
+     */
+    showArrow = true;
+    /**
+     * @prop {boolean} disabled - Disables the floating element, preventing it from showing.
+     * Default: false
+     */
+    disabled = false;
+    /**
+     * @prop {boolean} closeOnOutsideClick - Whether to close when clicking outside.
+     * Default: true
+     */
+    closeOnOutsideClick = true;
+    /**
+     * @prop {boolean} closeOnEscape - Whether to close when pressing Escape key.
+     * Default: true
+     */
+    closeOnEscape = true;
+    // Internal state
+    isVisible = false;
+    /**
+     * @event bcmBeforeShow - Emitted before the floating element shows.
+     */
+    bcmBeforeShow;
+    /**
+     * @event bcmShow - Emitted when the floating element is shown.
+     */
+    bcmShow;
+    /**
+     * @event bcmBeforeHide - Emitted before the floating element hides.
+     */
+    bcmBeforeHide;
+    /**
+     * @event bcmHide - Emitted when the floating element is hidden.
+     */
+    bcmHide;
+    /**
+     * @event bcmShown - Emitted after the floating element is fully shown (after animation).
+     */
+    bcmShown;
+    /**
+     * @event bcmHidden - Emitted after the floating element is fully hidden (after animation).
+     */
+    bcmHidden;
     // Watch for visibility prop changes
     handleVisibleChange(newValue) {
         if (this.disabled)
@@ -161,7 +131,6 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class BcmLinked extends H {
     }
     // Internal show logic
     showInternal() {
-        var _a;
         if (!this.floatingRef || this.disabled)
             return;
         this.bcmShow.emit();
@@ -169,7 +138,7 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class BcmLinked extends H {
         this.floatingRef.showPopover();
         this.startAutoUpdate();
         this.updatePosition();
-        (_a = this.triggerRef) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', 'true');
+        this.triggerRef?.setAttribute('aria-expanded', 'true');
         if (this.closeOnOutsideClick && this.trigger !== 'manual') {
             this.addOutsideClickListener();
         }
@@ -180,14 +149,13 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class BcmLinked extends H {
     }
     // Internal hide logic
     hideInternal() {
-        var _a;
         if (!this.floatingRef)
             return;
         this.bcmHide.emit();
         this.isVisible = false;
         this.floatingRef.hidePopover();
         this.stopAutoUpdate();
-        (_a = this.triggerRef) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', 'false');
+        this.triggerRef?.setAttribute('aria-expanded', 'false');
         this.removeOutsideClickListener();
         // Emit bcmHidden after animation
         setTimeout(() => {
@@ -260,6 +228,18 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class BcmLinked extends H {
             this.hideTimeout = undefined;
         }
     }
+    handleTriggerSlotChange = () => {
+        const slot = this.host.shadowRoot?.querySelector('slot[name="trigger"]');
+        if (!slot)
+            return;
+        const elements = slot.assignedElements();
+        if (elements.length > 0) {
+            this.removeTriggerListeners();
+            this.triggerRef = elements[0];
+            this.setupTriggerListeners();
+            this.setupAriaAttributes();
+        }
+    };
     setupAriaAttributes() {
         if (!this.triggerRef)
             return;
@@ -268,15 +248,14 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class BcmLinked extends H {
         this.triggerRef.setAttribute('aria-haspopup', 'true');
     }
     setupTriggerListeners() {
-        var _a, _b;
         if (!this.triggerRef || this.disabled)
             return;
         switch (this.trigger) {
             case 'hover':
                 this.triggerRef.addEventListener('mouseenter', this.handleMouseEnter);
                 this.triggerRef.addEventListener('mouseleave', this.handleMouseLeave);
-                (_a = this.floatingRef) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', this.handleFloatingMouseEnter);
-                (_b = this.floatingRef) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', this.handleFloatingMouseLeave);
+                this.floatingRef?.addEventListener('mouseenter', this.handleFloatingMouseEnter);
+                this.floatingRef?.addEventListener('mouseleave', this.handleFloatingMouseLeave);
                 break;
             case 'click':
                 this.triggerRef.addEventListener('click', this.handleTriggerClick);
@@ -288,7 +267,6 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class BcmLinked extends H {
         }
     }
     removeTriggerListeners() {
-        var _a, _b;
         if (!this.triggerRef)
             return;
         this.triggerRef.removeEventListener('mouseenter', this.handleMouseEnter);
@@ -296,11 +274,32 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class BcmLinked extends H {
         this.triggerRef.removeEventListener('click', this.handleTriggerClick);
         this.triggerRef.removeEventListener('focus', this.handleFocus);
         this.triggerRef.removeEventListener('blur', this.handleBlur);
-        (_a = this.floatingRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseenter', this.handleFloatingMouseEnter);
-        (_b = this.floatingRef) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', this.handleFloatingMouseLeave);
+        this.floatingRef?.removeEventListener('mouseenter', this.handleFloatingMouseEnter);
+        this.floatingRef?.removeEventListener('mouseleave', this.handleFloatingMouseLeave);
     }
+    handleMouseEnter = () => {
+        this.show();
+    };
+    handleMouseLeave = () => {
+        this.hide();
+    };
+    handleFloatingMouseEnter = () => {
+        this.clearTimeouts();
+    };
+    handleFloatingMouseLeave = () => {
+        this.hide();
+    };
+    handleTriggerClick = (event) => {
+        event.stopPropagation();
+        this.toggle();
+    };
+    handleFocus = () => {
+        this.show();
+    };
+    handleBlur = () => {
+        this.hide();
+    };
     handleKeyDown(event) {
-        var _a;
         if (!this.closeOnEscape || !this.visible)
             return;
         if (event.key === 'Escape') {
@@ -309,10 +308,21 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class BcmLinked extends H {
             if (topLinked === this.host) {
                 event.preventDefault();
                 this.hide();
-                (_a = this.triggerRef) === null || _a === void 0 ? void 0 : _a.focus();
+                this.triggerRef?.focus();
             }
         }
     }
+    handleOutsideClick = (event) => {
+        if (!this.closeOnOutsideClick || !this.visible)
+            return;
+        const target = event.target;
+        const path = event.composedPath();
+        const isInsideHost = this.host.contains(target) || path.includes(this.host);
+        const isInsideFloating = this.floatingRef?.contains(target) || (this.floatingRef && path.includes(this.floatingRef));
+        if (!isInsideHost && !isInsideFloating) {
+            this.hide();
+        }
+    };
     addOutsideClickListener() {
         setTimeout(() => {
             document.addEventListener('click', this.handleOutsideClick, true);
@@ -378,14 +388,20 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class BcmLinked extends H {
         });
     }
     stopAutoUpdate() {
-        var _a;
-        (_a = this.cleanupAutoUpdate) === null || _a === void 0 ? void 0 : _a.call(this);
+        this.cleanupAutoUpdate?.();
         this.cleanupAutoUpdate = undefined;
     }
+    handleToggle = (event) => {
+        if (event.newState === 'open' && !this.isVisible) {
+            this.isVisible = true;
+        }
+        else if (event.newState === 'closed' && this.isVisible) {
+            this.isVisible = false;
+        }
+    };
     componentDidLoad() {
-        var _a;
         // Toggle event listener (Popover API)
-        (_a = this.floatingRef) === null || _a === void 0 ? void 0 : _a.addEventListener('toggle', this.handleToggle);
+        this.floatingRef?.addEventListener('toggle', this.handleToggle);
         // Initial trigger setup - manually trigger slot change handler
         this.handleTriggerSlotChange();
         // Initial state sync
@@ -410,13 +426,20 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class BcmLinked extends H {
             }
         }
     }
+    linkedClass = tv({
+        slots: {
+            wrapper: 'inline-block',
+            floating: ['bcm-ui-element', 'fixed', 'bg-color-basic-base', 'rounded-md', 'shadow-lg', 'border', 'border-color-basic-subtle'],
+            arrow: ['absolute', 'w-2', 'h-2', 'bg-color-basic-base', 'border', 'border-color-basic-subtle', 'rotate-45'],
+            content: 'bg-color-basic-base',
+        },
+    });
     render() {
         const { wrapper, floating, arrow, content } = this.linkedClass();
         return (h(Host, { key: 'f58760b6589329f9eabc42f39b6503fad10cf330' }, h("div", { key: 'adb9003eec4ca786bdddc657ba28cbc0a80baf57', class: wrapper() }, h("slot", { key: '61323463e76c395668d02288e5bdcb44826a31ea', name: "trigger", onSlotchange: this.handleTriggerSlotChange }), h("div", { key: '3b395b18152cd302b4511ef89928374f33012594', 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: '3f5311d21f7fce74c94ac0435a8d2fc076036b10', ref: el => (this.arrowRef = el), part: "arrow", class: arrow() }), h("div", { key: 'ee41f30c7f73c113f129f938fd721476658b5744', part: "content", class: content() }, h("slot", { key: '106502e2f8db8fdc90412fcf59da40d2de377988' }))))));
     }
-    get host() { return this; }
     static get watchers() { return {
         "visible": ["handleVisibleChange"],
         "disabled": ["handleDisabledChange"],
@@ -464,6 +487,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { BcmLinked as B, defineCustomElement as d };
-//# sourceMappingURL=p-6VLsKZvR.js.map
+//# sourceMappingURL=p-z9ESseGb.js.map
 
-//# sourceMappingURL=p-6VLsKZvR.js.map
+//# sourceMappingURL=p-z9ESseGb.js.map

package/dist/components/p-z9ESseGb.js.map

@@ -0,0 +1 @@
+{"file":"p-z9ESseGb.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/linked/linked.css?tag=bcm-linked&encapsulation=shadow","src/components/linked/linked.component.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n/* Popover API base styles */\n[popover] {\n  position: absolute;\n  margin: 0;\n  border: none;\n  padding: 0;\n  overflow: visible;\n  background: transparent;\n}\n\n/* Animation properties */\n[popover] {\n  transition:\n    opacity 150ms ease-out,\n    transform 150ms ease-out,\n    display 150ms ease-out allow-discrete,\n    overlay 150ms ease-out allow-discrete;\n  opacity: 0;\n  transform: scale(0.95);\n}\n\n/* Open state */\n[popover]:popover-open {\n  opacity: 1;\n  transform: scale(1);\n}\n\n/* Starting style for entry animation */\n@starting-style {\n  [popover]:popover-open {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n}\n\n/* Arrow positioning based on placement */\n[data-placement^='top'] [part='arrow'] {\n  bottom: -4px;\n  border-top: none;\n  border-left: none;\n}\n\n[data-placement^='bottom'] [part='arrow'] {\n  top: -4px;\n  border-bottom: none;\n  border-right: none;\n}\n\n[data-placement^='left'] [part='arrow'] {\n  right: -4px;\n  border-bottom: none;\n  border-left: none;\n}\n\n[data-placement^='right'] [part='arrow'] {\n  left: -4px;\n  border-top: none;\n  border-right: none;\n}\n","import { Component, ComponentInterface, Prop, Element, State, h, Event, EventEmitter, Watch, Method, Host, Listen } from '@stencil/core';\nimport { computePosition, shift, offset, autoUpdate, flip, arrow, type Placement } from '@floating-ui/dom';\nimport { tv } from '@utils/tv';\n\nexport type TriggerType = 'hover' | 'click' | 'focus' | 'manual';\n\n/**\n * @component BcmLinked\n * @description A flexible linked floating element component that displays contextual content relative to a trigger element.\n * Built on the native Popover API for top-layer rendering and Floating UI for intelligent positioning.\n * Supports different trigger types (click, hover, focus, manual) and comprehensive event system.\n *\n * @example Basic Click Trigger\n * <bcm-linked trigger=\"click\">\n *   <button slot=\"trigger\">Click Me</button>\n *   <div>Floating content here</div>\n * </bcm-linked>\n *\n * @example Hover Trigger with Delays\n * <bcm-linked trigger=\"hover\" show-delay=\"200\" hide-delay=\"100\">\n *   <span slot=\"trigger\">Hover Me</span>\n *   <div>This appears on hover</div>\n * </bcm-linked>\n *\n * @example Manual Control\n * <bcm-linked id=\"my-linked\" trigger=\"manual\">\n *   <button slot=\"trigger\">Trigger</button>\n *   <div>Controlled content</div>\n * </bcm-linked>\n * <script>\n *   const linked = document.querySelector('#my-linked');\n *   linked.show(); // Opens the floating element\n *   linked.hide(); // Closes the floating element\n * </script>\n *\n * @slot trigger - The trigger element that controls the floating element visibility\n * @slot - Default slot for the floating content\n *\n * @csspart floating - The floating container element\n * @csspart arrow - The arrow element pointing to the trigger\n * @csspart content - The content wrapper element\n */\n@Component({\n  tag: 'bcm-linked',\n  styleUrl: 'linked.css',\n  shadow: true,\n})\nexport class BcmLinked implements ComponentInterface {\n  @Element() host: HTMLElement;\n\n  // Element references\n  private floatingRef?: HTMLElement;\n  private triggerRef?: HTMLElement;\n  private arrowRef?: HTMLElement;\n\n  // Cleanup references\n  private cleanupAutoUpdate?: () => void;\n  private showTimeout?: number;\n  private hideTimeout?: number;\n\n  // Unique ID for ARIA\n  private componentId = `linked-${Math.random().toString(36).substring(2, 11)}`;\n\n  /**\n   * @prop {boolean} visible - Controls the visibility state of the floating element.\n   * Can be set programmatically or toggled by user interaction.\n   * Default: false\n   */\n  @Prop({ mutable: true, reflect: true }) visible: boolean = false;\n\n  /**\n   * @prop {TriggerType} trigger - Defines the interaction type to show/hide the floating element.\n   * 'click' toggles on click, 'hover' shows on mouse enter and hides on mouse leave,\n   * 'focus' shows on focus and hides on blur, 'manual' requires programmatic control.\n   * Default: 'click'\n   */\n  @Prop() trigger: TriggerType = 'click';\n\n  /**\n   * @prop {Placement} placement - Defines the position of the floating element relative to the trigger.\n   * Default: 'bottom-start'\n   */\n  @Prop() placement: Placement = 'bottom-start';\n\n  /**\n   * @prop {number} showDelay - Delay in milliseconds before showing the floating element.\n   * Default: 0\n   */\n  @Prop() showDelay: number = 0;\n\n  /**\n   * @prop {number} hideDelay - Delay in milliseconds before hiding the floating element.\n   * Default: 0\n   */\n  @Prop() hideDelay: number = 0;\n\n  /**\n   * @prop {number} offsetDistance - Distance in pixels between the floating element and the trigger.\n   * Default: 8\n   */\n  @Prop() offsetDistance: number = 8;\n\n  /**\n   * @prop {boolean} showArrow - Whether to show an arrow pointing to the trigger element.\n   * Default: true\n   */\n  @Prop() showArrow: boolean = true;\n\n  /**\n   * @prop {boolean} disabled - Disables the floating element, preventing it from showing.\n   * Default: false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * @prop {boolean} closeOnOutsideClick - Whether to close when clicking outside.\n   * Default: true\n   */\n  @Prop() closeOnOutsideClick: boolean = true;\n\n  /**\n   * @prop {boolean} closeOnEscape - Whether to close when pressing Escape key.\n   * Default: true\n   */\n  @Prop() closeOnEscape: boolean = true;\n\n  // Internal state\n  @State() isVisible: boolean = false;\n\n  /**\n   * @event bcmBeforeShow - Emitted before the floating element shows.\n   */\n  @Event({ composed: false, bubbles: false }) bcmBeforeShow: EventEmitter<void>;\n\n  /**\n   * @event bcmShow - Emitted when the floating element is shown.\n   */\n  @Event({ composed: false, bubbles: false }) bcmShow: EventEmitter<void>;\n\n  /**\n   * @event bcmBeforeHide - Emitted before the floating element hides.\n   */\n  @Event({ composed: false, bubbles: false }) bcmBeforeHide: EventEmitter<void>;\n\n  /**\n   * @event bcmHide - Emitted when the floating element is hidden.\n   */\n  @Event({ composed: false, bubbles: false }) bcmHide: EventEmitter<void>;\n\n  /**\n   * @event bcmShown - Emitted after the floating element is fully shown (after animation).\n   */\n  @Event({ composed: false, bubbles: false }) bcmShown: EventEmitter<void>;\n\n  /**\n   * @event bcmHidden - Emitted after the floating element is fully hidden (after animation).\n   */\n  @Event({ composed: false, bubbles: false }) bcmHidden: EventEmitter<void>;\n\n  // Watch for visibility prop changes\n  @Watch('visible')\n  handleVisibleChange(newValue: boolean) {\n    if (this.disabled) return;\n\n    if (newValue) {\n      this.showInternal();\n    } else {\n      this.hideInternal();\n    }\n  }\n\n  @Watch('disabled')\n  handleDisabledChange(isDisabled: boolean) {\n    if (isDisabled && this.visible) {\n      this.hide();\n    }\n  }\n\n  @Watch('placement')\n  @Watch('offsetDistance')\n  @Watch('showArrow')\n  handlePositionPropsChange() {\n    if (this.visible) {\n      this.updatePosition();\n    }\n  }\n\n  // Internal show logic\n  private showInternal() {\n    if (!this.floatingRef || this.disabled) return;\n\n    this.bcmShow.emit();\n    this.isVisible = true;\n    this.floatingRef.showPopover();\n    this.startAutoUpdate();\n    this.updatePosition();\n    this.triggerRef?.setAttribute('aria-expanded', 'true');\n\n    if (this.closeOnOutsideClick && this.trigger !== 'manual') {\n      this.addOutsideClickListener();\n    }\n\n    // Emit bcmShown after animation\n    requestAnimationFrame(() => {\n      this.bcmShown.emit();\n    });\n  }\n\n  // Internal hide logic\n  private hideInternal() {\n    if (!this.floatingRef) return;\n\n    this.bcmHide.emit();\n    this.isVisible = false;\n    this.floatingRef.hidePopover();\n    this.stopAutoUpdate();\n    this.triggerRef?.setAttribute('aria-expanded', 'false');\n    this.removeOutsideClickListener();\n\n    // Emit bcmHidden after animation\n    setTimeout(() => {\n      this.bcmHidden.emit();\n    }, 150);\n  }\n\n  /**\n   * Programmatically shows the floating element.\n   * Respects the showDelay prop.\n   */\n  @Method()\n  async show(): Promise<void> {\n    if (this.visible || this.disabled) return;\n\n    this.clearTimeouts();\n\n    if (this.showDelay > 0) {\n      this.showTimeout = window.setTimeout(() => {\n        this.bcmBeforeShow.emit();\n        this.visible = true;\n      }, this.showDelay);\n    } else {\n      this.bcmBeforeShow.emit();\n      this.visible = true;\n    }\n  }\n\n  /**\n   * Programmatically hides the floating element.\n   * Respects the hideDelay prop.\n   */\n  @Method()\n  async hide(): Promise<void> {\n    if (!this.visible) return;\n\n    this.clearTimeouts();\n\n    if (this.hideDelay > 0) {\n      this.hideTimeout = window.setTimeout(() => {\n        this.bcmBeforeHide.emit();\n        this.visible = false;\n      }, this.hideDelay);\n    } else {\n      this.bcmBeforeHide.emit();\n      this.visible = false;\n    }\n  }\n\n  /**\n   * Toggles the floating element visibility.\n   */\n  @Method()\n  async toggle(): Promise<void> {\n    if (this.visible) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  /**\n   * Updates the position of the floating element.\n   * Useful when the trigger element moves or resizes.\n   */\n  @Method()\n  async updatePosition(): Promise<void> {\n    await this.calculatePosition();\n  }\n\n  private clearTimeouts() {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = undefined;\n    }\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = undefined;\n    }\n  }\n\n  private handleTriggerSlotChange = () => {\n    const slot = this.host.shadowRoot?.querySelector('slot[name=\"trigger\"]') as HTMLSlotElement;\n    if (!slot) return;\n\n    const elements = slot.assignedElements();\n    if (elements.length > 0) {\n      this.removeTriggerListeners();\n      this.triggerRef = elements[0] as HTMLElement;\n      this.setupTriggerListeners();\n      this.setupAriaAttributes();\n    }\n  };\n\n  private setupAriaAttributes() {\n    if (!this.triggerRef) return;\n\n    this.triggerRef.setAttribute('aria-describedby', this.componentId);\n    this.triggerRef.setAttribute('aria-expanded', String(this.visible));\n    this.triggerRef.setAttribute('aria-haspopup', 'true');\n  }\n\n  private setupTriggerListeners() {\n    if (!this.triggerRef || this.disabled) return;\n\n    switch (this.trigger) {\n      case 'hover':\n        this.triggerRef.addEventListener('mouseenter', this.handleMouseEnter);\n        this.triggerRef.addEventListener('mouseleave', this.handleMouseLeave);\n        this.floatingRef?.addEventListener('mouseenter', this.handleFloatingMouseEnter);\n        this.floatingRef?.addEventListener('mouseleave', this.handleFloatingMouseLeave);\n        break;\n\n      case 'click':\n        this.triggerRef.addEventListener('click', this.handleTriggerClick);\n        break;\n\n      case 'focus':\n        this.triggerRef.addEventListener('focus', this.handleFocus);\n        this.triggerRef.addEventListener('blur', this.handleBlur);\n        break;\n\n      case 'manual':\n        // No automatic listeners\n        break;\n    }\n  }\n\n  private removeTriggerListeners() {\n    if (!this.triggerRef) return;\n\n    this.triggerRef.removeEventListener('mouseenter', this.handleMouseEnter);\n    this.triggerRef.removeEventListener('mouseleave', this.handleMouseLeave);\n    this.triggerRef.removeEventListener('click', this.handleTriggerClick);\n    this.triggerRef.removeEventListener('focus', this.handleFocus);\n    this.triggerRef.removeEventListener('blur', this.handleBlur);\n\n    this.floatingRef?.removeEventListener('mouseenter', this.handleFloatingMouseEnter);\n    this.floatingRef?.removeEventListener('mouseleave', this.handleFloatingMouseLeave);\n  }\n\n  private handleMouseEnter = () => {\n    this.show();\n  };\n\n  private handleMouseLeave = () => {\n    this.hide();\n  };\n\n  private handleFloatingMouseEnter = () => {\n    this.clearTimeouts();\n  };\n\n  private handleFloatingMouseLeave = () => {\n    this.hide();\n  };\n\n  private handleTriggerClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.toggle();\n  };\n\n  private handleFocus = () => {\n    this.show();\n  };\n\n  private handleBlur = () => {\n    this.hide();\n  };\n\n  @Listen('keydown', { target: 'document' })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.closeOnEscape || !this.visible) return;\n\n    if (event.key === 'Escape') {\n      const openLinked = Array.from(document.querySelectorAll('bcm-linked[visible]'));\n      const topLinked = openLinked[openLinked.length - 1];\n\n      if (topLinked === this.host) {\n        event.preventDefault();\n        this.hide();\n        this.triggerRef?.focus();\n      }\n    }\n  }\n\n  private handleOutsideClick = (event: Event) => {\n    if (!this.closeOnOutsideClick || !this.visible) return;\n\n    const target = event.target as Node;\n    const path = event.composedPath();\n\n    const isInsideHost = this.host.contains(target) || path.includes(this.host);\n    const isInsideFloating = this.floatingRef?.contains(target) || (this.floatingRef && path.includes(this.floatingRef));\n\n    if (!isInsideHost && !isInsideFloating) {\n      this.hide();\n    }\n  };\n\n  private addOutsideClickListener() {\n    setTimeout(() => {\n      document.addEventListener('click', this.handleOutsideClick, true);\n    }, 0);\n  }\n\n  private removeOutsideClickListener() {\n    document.removeEventListener('click', this.handleOutsideClick, true);\n  }\n\n  private async calculatePosition() {\n    if (!this.triggerRef || !this.floatingRef || !this.isVisible) return;\n\n    const virtualElement = {\n      getBoundingClientRect: () => this.triggerRef!.getBoundingClientRect(),\n    };\n\n    const middlewareList = [\n      offset(this.offsetDistance),\n      flip({\n        fallbackPlacements: ['top', 'bottom', 'left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'],\n      }),\n      shift({\n        padding: 8,\n      }),\n    ];\n\n    if (this.showArrow && this.arrowRef) {\n      middlewareList.push(arrow({ element: this.arrowRef }));\n    }\n\n    const { x, y, placement, middlewareData } = await computePosition(virtualElement, this.floatingRef, {\n      placement: this.placement,\n      middleware: middlewareList,\n      strategy: 'fixed',\n    });\n\n    Object.assign(this.floatingRef.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n    });\n\n    // Arrow positioning\n    if (this.showArrow && this.arrowRef && middlewareData.arrow) {\n      const { x: arrowX, y: arrowY } = middlewareData.arrow;\n      const staticSide = {\n        top: 'bottom',\n        right: 'left',\n        bottom: 'top',\n        left: 'right',\n      }[placement.split('-')[0]] as string;\n\n      Object.assign(this.arrowRef.style, {\n        left: arrowX != null ? `${arrowX}px` : '',\n        top: arrowY != null ? `${arrowY}px` : '',\n        right: '',\n        bottom: '',\n        [staticSide]: '-4px',\n      });\n    }\n\n    this.floatingRef.setAttribute('data-placement', placement);\n  }\n\n  private startAutoUpdate() {\n    if (!this.triggerRef || !this.floatingRef) return;\n\n    this.cleanupAutoUpdate = autoUpdate(this.triggerRef, this.floatingRef, () => this.calculatePosition(), {\n      ancestorScroll: true,\n      ancestorResize: true,\n      elementResize: true,\n      layoutShift: true,\n    });\n  }\n\n  private stopAutoUpdate() {\n    this.cleanupAutoUpdate?.();\n    this.cleanupAutoUpdate = undefined;\n  }\n\n  private handleToggle = (event: ToggleEvent) => {\n    if (event.newState === 'open' && !this.isVisible) {\n      this.isVisible = true;\n    } else if (event.newState === 'closed' && this.isVisible) {\n      this.isVisible = false;\n    }\n  };\n\n  componentDidLoad() {\n    // Toggle event listener (Popover API)\n    this.floatingRef?.addEventListener('toggle', this.handleToggle as EventListener);\n\n    // Initial trigger setup - manually trigger slot change handler\n    this.handleTriggerSlotChange();\n\n    // Initial state sync\n    if (this.visible) {\n      this.showInternal();\n    }\n  }\n\n  disconnectedCallback() {\n    this.clearTimeouts();\n    this.stopAutoUpdate();\n    this.removeTriggerListeners();\n    this.removeOutsideClickListener();\n\n    if (this.floatingRef) {\n      this.floatingRef.removeEventListener('toggle', this.handleToggle as EventListener);\n\n      if (this.isVisible) {\n        try {\n          this.floatingRef.hidePopover();\n        } catch (e) {\n          // Element might already be removed\n        }\n      }\n    }\n  }\n\n  private linkedClass = tv({\n    slots: {\n      wrapper: 'inline-block',\n      floating: ['bcm-ui-element', 'fixed', 'bg-color-basic-base', 'rounded-md', 'shadow-lg', 'border', 'border-color-basic-subtle'],\n      arrow: ['absolute', 'w-2', 'h-2', 'bg-color-basic-base', 'border', 'border-color-basic-subtle', 'rotate-45'],\n      content: 'bg-color-basic-base',\n    },\n  });\n\n  render() {\n    const { wrapper, floating, arrow, content } = this.linkedClass();\n\n    return (\n      <Host>\n        <div class={wrapper()}>\n          {/* Trigger slot */}\n          <slot name=\"trigger\" onSlotchange={this.handleTriggerSlotChange}></slot>\n\n          {/* Floating element with Popover API */}\n          <div\n            ref={el => (this.floatingRef = el as HTMLElement)}\n            id={this.componentId}\n            part=\"floating\"\n            class={floating()}\n            // @ts-ignore - popover is a valid HTML attribute\n            popover=\"manual\"\n            role=\"dialog\"\n          >\n            {/* Arrow */}\n            {this.showArrow && <div ref={el => (this.arrowRef = el as HTMLElement)} part=\"arrow\" class={arrow()} />}\n\n            {/* Content */}\n            <div part=\"content\" class={content()}>\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/base-choice-control-CKR8UdZ6.js

@@ -0,0 +1,52 @@
+import { r as registerInstance } from './index-B6Ppbs5O.js';
+
+const BaseFormControl = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    validationMode = 'native';
+    /** Form field name */
+    name;
+    /** Required state */
+    required = false;
+    /** Disabled state */
+    disabled = false;
+    /** Optional readonly support */
+    readonly = false;
+};
+
+const BaseChoiceControl = class extends BaseFormControl {
+    constructor(hostRef) {
+        super();
+        registerInstance(this, hostRef);
+    }
+    /** Checked state */
+    checked = false;
+    /** Value submitted when checked */
+    value = 'on';
+    // --------------------------------------------------
+    // Shared behavior
+    // --------------------------------------------------
+    toggleChecked() {
+        if (this.disabled)
+            return;
+        this.checked = !this.checked;
+    }
+    // --------------------------------------------------
+    // Watchers
+    // --------------------------------------------------
+    onStateChange() {
+        this.updateFormValueAndValidity();
+    }
+    // --------------------------------------------------
+    // Form lifecycle
+    // --------------------------------------------------
+    formResetCallback() {
+        this.checked = false;
+    }
+};
+
+export { BaseChoiceControl as B };
+//# sourceMappingURL=base-choice-control-CKR8UdZ6.js.map
+
+//# sourceMappingURL=base-choice-control-CKR8UdZ6.js.map

package/dist/esm/base-choice-control-CKR8UdZ6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-choice-control-CKR8UdZ6.js","sources":["src/components/_shared/form/base-form-control.ts","src/components/_shared/form/base-choice-control.ts"],"sourcesContent":["import { Prop } from '@stencil/core';\n\nexport abstract class BaseFormControl {\n\n    @Prop() validationMode: 'native' | 'silent' | 'none' = 'native';\n\n    /** Form field name */\n    @Prop() name?: string;\n\n    /** Required state */\n    @Prop() required = false;\n\n    /** Disabled state */\n    @Prop() disabled = false;\n\n    /** Optional readonly support */\n    @Prop() readonly = false;\n}\n","// src/components/_shared/form/base-choice-control.ts\nimport { Prop, Watch } from '@stencil/core';\nimport { BaseFormControl } from './base-form-control';\n\nexport abstract class BaseChoiceControl extends BaseFormControl {\n    /** Checked state */\n    @Prop({ mutable: true }) checked = false;\n\n    /** Value submitted when checked */\n    @Prop() value: string = 'on';\n\n    /**\n     * Must be implemented by component\n     * (because ElementInternals live in the component)\n     */\n    protected abstract updateFormValueAndValidity(): void;\n\n    // --------------------------------------------------\n    // Shared behavior\n    // --------------------------------------------------\n\n    protected toggleChecked() {\n        if (this.disabled) return;\n        this.checked = !this.checked;\n    }\n\n    // --------------------------------------------------\n    // Watchers\n    // --------------------------------------------------\n\n    @Watch('checked')\n    @Watch('required')\n    @Watch('disabled')\n    @Watch('value')\n    protected onStateChange() {\n        this.updateFormValueAndValidity();\n    }\n\n    // --------------------------------------------------\n    // Form lifecycle\n    // --------------------------------------------------\n\n    formResetCallback() {\n        this.checked = false;\n    }\n}\n"],"names":[],"mappings":";;MAEsB,eAAe,GAAA,MAAA;;;;IAEzB,cAAc,GAAiC,QAAQ;;AAGvD,IAAA,IAAI;;IAGJ,QAAQ,GAAG,KAAK;;IAGhB,QAAQ,GAAG,KAAK;;IAGhB,QAAQ,GAAG,KAAK;;;MCZN,iBAAkB,GAAA,cAAQ,eAAe,CAAA;;;;;;IAElC,OAAO,GAAG,KAAK;;IAGhC,KAAK,GAAW,IAAI;;;;IAYlB,aAAa,GAAA;QACnB,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO;;;;;IAWtB,aAAa,GAAA;QACnB,IAAI,CAAC,0BAA0B,EAAE;;;;;IAOrC,iBAAiB,GAAA;AACb,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;;;;;"}

package/dist/esm/bcm-accordion-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CRwAh9Np.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-B6Ppbs5O.js';
 
 const accordionGroupCss = ".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,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)}";
 
@@ -6,22 +6,14 @@ const BcmAccordionGroup = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.bcmAccordionGroupChange = createEvent(this, "bcmAccordionGroupChange", 1);
-        /** Controls whether multiple accordions can be expanded simultaneously */
-        this.multi = false;
-        /** Array of accordion elements within the group */
-        this.accordionItems = [];
-        /**
-         * Updates the accordion items array when slot content changes
-         */
-        this.handleSlotChange = () => {
-            this.accordionItems = Array.from(this.host.querySelectorAll('bcm-accordion'));
-            this.setGroupBehavior();
-            // Validate accordion items
-            if (this.accordionItems.length === 0) {
-                console.warn('No accordion items found in accordion group');
-            }
-        };
     }
+    get host() { return getElement(this); }
+    /** Controls whether multiple accordions can be expanded simultaneously */
+    multi = false;
+    /** Array of accordion elements within the group */
+    accordionItems = [];
+    /** Event emitted when any accordion's expanded state changes */
+    bcmAccordionGroupChange;
     /**
      * Expands all accordions in the group
      * Only available when multi=true
@@ -53,12 +45,23 @@ const BcmAccordionGroup = class {
             item.group = true;
         });
     }
+    /**
+     * Updates the accordion items array when slot content changes
+     */
+    handleSlotChange = () => {
+        this.accordionItems = Array.from(this.host.querySelectorAll('bcm-accordion'));
+        this.setGroupBehavior();
+        // Validate accordion items
+        if (this.accordionItems.length === 0) {
+            console.warn('No accordion items found in accordion group');
+        }
+    };
     /**
      * Handles state changes of individual accordions
      */
     handleAccordionChange(event) {
         this.handleSlotChange();
-        const { expanded, source } = event === null || event === void 0 ? void 0 : event.detail;
+        const { expanded, source } = event?.detail;
         if (!this.multi) {
             this.accordionItems.forEach(item => {
                 if (item !== source) {
@@ -78,7 +81,6 @@ const BcmAccordionGroup = class {
     render() {
         return (h("div", { key: '1443f4c2187c45c1679e1543cdc7755001fb7820', 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: '338de4f269b615c11097ef5dd01146a5f593186f', onSlotchange: this.handleSlotChange })));
     }
-    get host() { return getElement(this); }
 };
 BcmAccordionGroup.style = accordionGroupCss;