@gnireeg/accordion 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -1,143 +1 @@
-/**
- * AccordionItem component - Expandable/collapsible content container with smooth animations
- *
- * @element accordion-item
- *
- * @attr {boolean} open - When present, the accordion starts in an expanded state
- * @attr {string} animation-time - Animation duration in milliseconds (default: "300")
- * @attr {string} animation-easing - CSS easing function (default: "ease")
- *
- * @slot trigger - The clickable element that toggles the accordion (typically a button)
- * @slot - Default slot for the accordion content
- *
- * @fires accordion-opened - Dispatched when the accordion opens (detail: { open: true })
- * @fires accordion-closed - Dispatched when the accordion closes (detail: { open: false })
- *
- * @cssprop [--animation-time] - Can be overridden via CSS custom properties
- * @cssprop [--animation-easing] - Can be overridden via CSS custom properties
- *
- * @example
- * ```html
- * <accordion-item>
- *   <button slot="trigger">Click to expand</button>
- *   <div>Your content here</div>
- * </accordion-item>
- *
- * <!-- Start expanded with custom animation -->
- * <accordion-item open animation-time="500" animation-easing="ease-in-out">
- *   <button slot="trigger">Already open</button>
- *   <div>This content is visible by default</div>
- * </accordion-item>
- * ```
- *
- * @example
- * ```javascript
- * // Programmatic control
- * const accordion = document.querySelector('accordion-item');
- * accordion.show();     // Open
- * accordion.close();    // Close
- * accordion.toggle();   // Toggle state
- *
- * // Listen to events
- * accordion.addEventListener('accordion-opened', (e) => {
- *   console.log('Opened!', e.detail);
- * });
- * ```
- *
- * @note Automatically adds ARIA attributes (aria-expanded) for accessibility
- * @note Supports keyboard navigation (Enter/Space) for non-button triggers
- */
-export declare class AccordionItem extends HTMLElement {
-    private shadow;
-    private trigger;
-    private triggerElement;
-    open: boolean;
-    private animationTime;
-    private easing;
-    constructor();
-    static get observedAttributes(): string[];
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private setupTriggerAccessibility;
-    private handleTriggerClick;
-    private handleKeydown;
-    /**
-     * Toggles the accordion between open and closed states
-     * @public
-     */
-    toggle: () => void;
-    /**
-     * Opens the accordion
-     * @public
-     * @fires accordion-opened
-     */
-    show: () => void;
-    /**
-     * Closes the accordion
-     * @public
-     * @fires accordion-closed
-     */
-    close: () => void;
-    private reflectState;
-    private dispatchStateEvent;
-    private updateTriggerAccessibility;
-}
-/**
- * AccordionGroup component - Container for managing multiple accordion items with mutual exclusion
- *
- * @element accordion-group
- *
- * @attr {boolean} allow-multiple-open - When present, allows multiple accordions to be open simultaneously. By default, opening one accordion closes all others in the group.
- *
- * @example
- * ```html
- * <!-- Only one accordion can be open at a time -->
- * <accordion-group>
- *   <accordion-item open>
- *     <button slot="trigger">First Item</button>
- *     <div>Opening another will close this</div>
- *   </accordion-item>
- *
- *   <accordion-item>
- *     <button slot="trigger">Second Item</button>
- *     <div>Only one can be open at a time</div>
- *   </accordion-item>
- *
- *   <accordion-item>
- *     <button slot="trigger">Third Item</button>
- *     <div>Same behavior here</div>
- *   </accordion-item>
- * </accordion-group>
- * ```
- *
- * @example
- * ```html
- * <!-- Allow multiple accordions to be open -->
- * <accordion-group allow-multiple-open>
- *   <accordion-item>
- *     <button slot="trigger">First Item</button>
- *     <div>Can be open with others</div>
- *   </accordion-item>
- *
- *   <accordion-item>
- *     <button slot="trigger">Second Item</button>
- *     <div>Multiple can be open</div>
- *   </accordion-item>
- * </accordion-group>
- * ```
- *
- * @note Each accordion-group works independently. Multiple groups on the same page don't affect each other.
- * @note The group listens to 'accordion-opened' events from child accordion-item elements
- */
-export declare class AccordionGroup extends HTMLElement {
-    private allowMultiple;
-    private static stylesApplied;
-    constructor();
-    static get observedAttributes(): string[];
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private handleAccordionOpened;
-}
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,qBAAa,aAAc,SAAQ,WAAW;IAE1C,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,OAAO,CAAgC;IAC/C,OAAO,CAAC,cAAc,CAA4B;IAC3C,IAAI,UAAS;IACpB,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,MAAM,CAAS;;IAwCvB,MAAM,KAAK,kBAAkB,aAE5B;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAiBvF,iBAAiB;IAajB,oBAAoB;IAWpB,OAAO,CAAC,yBAAyB,CAchC;IAED,OAAO,CAAC,kBAAkB,CAEzB;IAED,OAAO,CAAC,aAAa,CAKpB;IAED;;;OAGG;IACI,MAAM,aAMZ;IAED;;;;OAIG;IACI,IAAI,aAGV;IAED;;;;OAIG;IACI,KAAK,aAGX;IAED,OAAO,CAAC,YAAY,CAKnB;IAED,OAAO,CAAC,kBAAkB,CAOzB;IAED,OAAO,CAAC,0BAA0B,CAOjC;CACJ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAAa,cAAe,SAAQ,WAAW;IAE3C,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,MAAM,CAAC,aAAa,CAAS;;IAarC,MAAM,KAAK,kBAAkB,aAE5B;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAevF,iBAAiB;IAGjB,oBAAoB;IAIpB,OAAO,CAAC,qBAAqB,CAS5B;CAEJ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -1,139 +1,143 @@
-/**
- * AccordionItem component - Expandable/collapsible content container with smooth animations
- *
- * @element accordion-item
- *
- * @attr {boolean} open - When present, the accordion starts in an expanded state
- * @attr {string} animation-time - Animation duration in milliseconds (default: "300")
- * @attr {string} animation-easing - CSS easing function (default: "ease")
- *
- * @slot trigger - The clickable element that toggles the accordion (typically a button)
- * @slot - Default slot for the accordion content
- *
- * @fires accordion-opened - Dispatched when the accordion opens (detail: { open: true })
- * @fires accordion-closed - Dispatched when the accordion closes (detail: { open: false })
- *
- * @cssprop [--animation-time] - Can be overridden via CSS custom properties
- * @cssprop [--animation-easing] - Can be overridden via CSS custom properties
- *
- * @example
- * ```html
- * <accordion-item>
- *   <button slot="trigger">Click to expand</button>
- *   <div>Your content here</div>
- * </accordion-item>
- *
- * <!-- Start expanded with custom animation -->
- * <accordion-item open animation-time="500" animation-easing="ease-in-out">
- *   <button slot="trigger">Already open</button>
- *   <div>This content is visible by default</div>
- * </accordion-item>
- * ```
- *
- * @example
- * ```javascript
- * // Programmatic control
- * const accordion = document.querySelector('accordion-item');
- * accordion.show();     // Open
- * accordion.close();    // Close
- * accordion.toggle();   // Toggle state
- *
- * // Listen to events
- * accordion.addEventListener('accordion-opened', (e) => {
- *   console.log('Opened!', e.detail);
- * });
- * ```
- *
- * @note Automatically adds ARIA attributes (aria-expanded) for accessibility
- * @note Supports keyboard navigation (Enter/Space) for non-button triggers
- */
-export class AccordionItem extends HTMLElement {
-    constructor() {
-        super();
-        this.trigger = null;
-        this.triggerElement = null;
-        this.open = false;
-        this.setupTriggerAccessibility = () => {
-            if (!this.trigger)
-                return;
-            this.triggerElement = this.trigger.assignedElements()[0];
-            if (!this.triggerElement)
-                return;
-            // If the slotted element is not a button, add keyboard support
-            if (this.triggerElement.tagName !== 'BUTTON' && !this.triggerElement.hasAttribute('role')) {
-                this.triggerElement.setAttribute('role', 'button');
-                this.triggerElement.setAttribute('tabindex', '0');
-                // Add keyboard listener
-                this.triggerElement.addEventListener('keydown', this.handleKeydown);
-            }
-        };
-        this.handleTriggerClick = () => {
-            this.toggle();
-        };
-        this.handleKeydown = (e) => {
-            if (e.key === 'Enter' || e.key === ' ') {
-                e.preventDefault();
-                this.toggle();
-            }
-        };
-        /**
-         * Toggles the accordion between open and closed states
-         * @public
-         */
-        this.toggle = () => {
-            if (this.open) {
-                this.close();
-            }
-            else {
-                this.show();
-            }
-        };
-        /**
-         * Opens the accordion
-         * @public
-         * @fires accordion-opened
-         */
-        this.show = () => {
-            this.open = true;
-            this.reflectState();
-        };
-        /**
-         * Closes the accordion
-         * @public
-         * @fires accordion-closed
-         */
-        this.close = () => {
+"use strict";
+/// <reference path="./jsx.d.ts" />
+// SSR-safe: Only define and register components in browser environment
+if (typeof window !== 'undefined' && typeof HTMLElement !== 'undefined') {
+    /**
+     * AccordionItem component - Expandable/collapsible content container with smooth animations
+     *
+     * @element accordion-item
+     *
+     * @attr {boolean} open - When present, the accordion starts in an expanded state
+     * @attr {string} animation-time - Animation duration in milliseconds (default: "300")
+     * @attr {string} animation-easing - CSS easing function (default: "ease")
+     *
+     * @slot trigger - The clickable element that toggles the accordion (typically a button)
+     * @slot - Default slot for the accordion content
+     *
+     * @fires accordion-opened - Dispatched when the accordion opens (detail: { open: true })
+     * @fires accordion-closed - Dispatched when the accordion closes (detail: { open: false })
+     *
+     * @cssprop [--animation-time] - Can be overridden via CSS custom properties
+     * @cssprop [--animation-easing] - Can be overridden via CSS custom properties
+     *
+     * @example
+     * ```html
+     * <accordion-item>
+     *   <button slot="trigger">Click to expand</button>
+     *   <div>Your content here</div>
+     * </accordion-item>
+     *
+     * <!-- Start expanded with custom animation -->
+     * <accordion-item open animation-time="500" animation-easing="ease-in-out">
+     *   <button slot="trigger">Already open</button>
+     *   <div>This content is visible by default</div>
+     * </accordion-item>
+     * ```
+     *
+     * @example
+     * ```javascript
+     * // Programmatic control
+     * const accordion = document.querySelector('accordion-item');
+     * accordion.show();     // Open
+     * accordion.close();    // Close
+     * accordion.toggle();   // Toggle state
+     *
+     * // Listen to events
+     * accordion.addEventListener('accordion-opened', (e) => {
+     *   console.log('Opened!', e.detail);
+     * });
+     * ```
+     *
+     * @note Automatically adds ARIA attributes (aria-expanded) for accessibility
+     * @note Supports keyboard navigation (Enter/Space) for non-button triggers
+     */
+    class AccordionItem extends HTMLElement {
+        constructor() {
+            super();
+            this.trigger = null;
+            this.triggerElement = null;
             this.open = false;
-            this.reflectState();
-        };
-        this.reflectState = () => {
-            // Update attribute to match property
-            this.open ? this.setAttribute('open', '') : this.removeAttribute('open');
-            this.updateTriggerAccessibility();
-            this.dispatchStateEvent();
-        };
-        this.dispatchStateEvent = () => {
-            // Dispatch custom events
-            this.dispatchEvent(new CustomEvent(this.open ? 'accordion-opened' : 'accordion-closed', {
-                bubbles: true,
-                composed: true,
-                detail: { open: this.open }
-            }));
-        };
-        this.updateTriggerAccessibility = () => {
-            if (!this.trigger)
-                return;
-            const triggerElement = this.trigger.assignedElements()[0];
-            if (triggerElement) {
-                triggerElement.setAttribute('aria-expanded', String(this.open));
-            }
-        };
-        // Initialize state from attribute
-        this.open = this.hasAttribute('open');
-        this.animationTime = this.getAttribute('animation-time') || '300';
-        this.easing = this.getAttribute('animation-easing') || 'ease';
-        this.shadow = this.attachShadow({ mode: 'open' });
-        this.shadow.innerHTML = /*HTML*/ `
+            this.setupTriggerAccessibility = () => {
+                if (!this.trigger)
+                    return;
+                this.triggerElement = this.trigger.assignedElements()[0];
+                if (!this.triggerElement)
+                    return;
+                // If the slotted element is not a button, add keyboard support
+                if (this.triggerElement.tagName !== 'BUTTON' && !this.triggerElement.hasAttribute('role')) {
+                    this.triggerElement.setAttribute('role', 'button');
+                    this.triggerElement.setAttribute('tabindex', '0');
+                    // Add keyboard listener
+                    this.triggerElement.addEventListener('keydown', this.handleKeydown);
+                }
+            };
+            this.handleTriggerClick = () => {
+                this.toggle();
+            };
+            this.handleKeydown = (e) => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    this.toggle();
+                }
+            };
+            /**
+             * Toggles the accordion between open and closed states
+             * @public
+             */
+            this.toggle = () => {
+                if (this.open) {
+                    this.close();
+                }
+                else {
+                    this.show();
+                }
+            };
+            /**
+             * Opens the accordion
+             * @public
+             * @fires accordion-opened
+             */
+            this.show = () => {
+                this.open = true;
+                this.reflectState();
+            };
+            /**
+             * Closes the accordion
+             * @public
+             * @fires accordion-closed
+             */
+            this.close = () => {
+                this.open = false;
+                this.reflectState();
+            };
+            this.reflectState = () => {
+                // Update attribute to match property
+                this.open ? this.setAttribute('open', '') : this.removeAttribute('open');
+                this.updateTriggerAccessibility();
+                this.dispatchStateEvent();
+            };
+            this.dispatchStateEvent = () => {
+                // Dispatch custom events
+                this.dispatchEvent(new CustomEvent(this.open ? 'accordion-opened' : 'accordion-closed', {
+                    bubbles: true,
+                    composed: true,
+                    detail: { open: this.open }
+                }));
+            };
+            this.updateTriggerAccessibility = () => {
+                if (!this.trigger)
+                    return;
+                const triggerElement = this.trigger.assignedElements()[0];
+                if (triggerElement) {
+                    triggerElement.setAttribute('aria-expanded', String(this.open));
+                }
+            };
+            // Initialize state from attribute
+            this.open = this.hasAttribute('open');
+            this.animationTime = this.getAttribute('animation-time') || '300';
+            this.easing = this.getAttribute('animation-easing') || 'ease';
+            this.shadow = this.attachShadow({ mode: 'open' });
+            this.shadow.innerHTML = /*HTML*/ `
             <style>
                 :host{
                     display: block;
@@ -161,144 +165,146 @@ export class AccordionItem extends HTMLElement {
                 </div>
             </div>
         `;
-    }
-    static get observedAttributes() {
-        return ['open'];
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        switch (name) {
-            case 'open':
-                const shouldBeOpen = newValue !== null;
-                // Only update if state actually changed to prevent infinite loop
-                if (this.open !== shouldBeOpen) {
-                    this.open = shouldBeOpen;
+        }
+        static get observedAttributes() {
+            return ['open'];
+        }
+        attributeChangedCallback(name, oldValue, newValue) {
+            if (oldValue === newValue)
+                return;
+            switch (name) {
+                case 'open':
+                    const shouldBeOpen = newValue !== null;
+                    // Only update if state actually changed to prevent infinite loop
+                    if (this.open !== shouldBeOpen) {
+                        this.open = shouldBeOpen;
+                        this.updateTriggerAccessibility();
+                        this.dispatchStateEvent();
+                    }
+                    break;
+                default:
+                    break;
+            }
+        }
+        connectedCallback() {
+            this.trigger = this.shadow.querySelector('slot[name="trigger"]');
+            if (this.trigger) {
+                this.trigger.addEventListener('click', this.handleTriggerClick);
+                // Setup accessibility for trigger element
+                requestAnimationFrame(() => {
+                    this.setupTriggerAccessibility();
                     this.updateTriggerAccessibility();
-                    this.dispatchStateEvent();
-                }
-                break;
-            default:
-                break;
+                });
+            }
         }
-    }
-    connectedCallback() {
-        this.trigger = this.shadow.querySelector('slot[name="trigger"]');
-        if (this.trigger) {
-            this.trigger.addEventListener('click', this.handleTriggerClick);
-            // Setup accessibility for trigger element
-            requestAnimationFrame(() => {
-                this.setupTriggerAccessibility();
-                this.updateTriggerAccessibility();
-            });
+        disconnectedCallback() {
+            if (this.trigger) {
+                this.trigger.removeEventListener('click', this.handleTriggerClick);
+            }
+            // Cleanup keyboard listener
+            if (this.triggerElement) {
+                this.triggerElement.removeEventListener('keydown', this.handleKeydown);
+            }
         }
     }
-    disconnectedCallback() {
-        if (this.trigger) {
-            this.trigger.removeEventListener('click', this.handleTriggerClick);
+    /**
+     * AccordionGroup component - Container for managing multiple accordion items with mutual exclusion
+     *
+     * @element accordion-group
+     *
+     * @attr {boolean} allow-multiple-open - When present, allows multiple accordions to be open simultaneously. By default, opening one accordion closes all others in the group.
+     *
+     * @example
+     * ```html
+     * <!-- Only one accordion can be open at a time -->
+     * <accordion-group>
+     *   <accordion-item open>
+     *     <button slot="trigger">First Item</button>
+     *     <div>Opening another will close this</div>
+     *   </accordion-item>
+     *
+     *   <accordion-item>
+     *     <button slot="trigger">Second Item</button>
+     *     <div>Only one can be open at a time</div>
+     *   </accordion-item>
+     *
+     *   <accordion-item>
+     *     <button slot="trigger">Third Item</button>
+     *     <div>Same behavior here</div>
+     *   </accordion-item>
+     * </accordion-group>
+     * ```
+     *
+     * @example
+     * ```html
+     * <!-- Allow multiple accordions to be open -->
+     * <accordion-group allow-multiple-open>
+     *   <accordion-item>
+     *     <button slot="trigger">First Item</button>
+     *     <div>Can be open with others</div>
+     *   </accordion-item>
+     *
+     *   <accordion-item>
+     *     <button slot="trigger">Second Item</button>
+     *     <div>Multiple can be open</div>
+     *   </accordion-item>
+     * </accordion-group>
+     * ```
+     *
+     * @note Each accordion-group works independently. Multiple groups on the same page don't affect each other.
+     * @note The group listens to 'accordion-opened' events from child accordion-item elements
+     */
+    class AccordionGroup extends HTMLElement {
+        constructor() {
+            super();
+            this.handleAccordionOpened = (e) => {
+                if (this.allowMultiple)
+                    return;
+                const childAccordions = this.querySelectorAll('accordion-item');
+                childAccordions.forEach(acc => {
+                    const accordion = acc;
+                    if (e.target !== accordion) {
+                        if (accordion.open)
+                            accordion.close();
+                    }
+                });
+            };
+            if (!AccordionGroup.stylesApplied) {
+                const sheet = new CSSStyleSheet();
+                sheet.replaceSync('accordion-group { display: block; }');
+                document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+                AccordionGroup.stylesApplied = true;
+            }
+            this.allowMultiple = this.hasAttribute('allow-multiple-open');
         }
-        // Cleanup keyboard listener
-        if (this.triggerElement) {
-            this.triggerElement.removeEventListener('keydown', this.handleKeydown);
+        static get observedAttributes() {
+            return ['allow-multiple-open'];
         }
-    }
-}
-/**
- * AccordionGroup component - Container for managing multiple accordion items with mutual exclusion
- *
- * @element accordion-group
- *
- * @attr {boolean} allow-multiple-open - When present, allows multiple accordions to be open simultaneously. By default, opening one accordion closes all others in the group.
- *
- * @example
- * ```html
- * <!-- Only one accordion can be open at a time -->
- * <accordion-group>
- *   <accordion-item open>
- *     <button slot="trigger">First Item</button>
- *     <div>Opening another will close this</div>
- *   </accordion-item>
- *
- *   <accordion-item>
- *     <button slot="trigger">Second Item</button>
- *     <div>Only one can be open at a time</div>
- *   </accordion-item>
- *
- *   <accordion-item>
- *     <button slot="trigger">Third Item</button>
- *     <div>Same behavior here</div>
- *   </accordion-item>
- * </accordion-group>
- * ```
- *
- * @example
- * ```html
- * <!-- Allow multiple accordions to be open -->
- * <accordion-group allow-multiple-open>
- *   <accordion-item>
- *     <button slot="trigger">First Item</button>
- *     <div>Can be open with others</div>
- *   </accordion-item>
- *
- *   <accordion-item>
- *     <button slot="trigger">Second Item</button>
- *     <div>Multiple can be open</div>
- *   </accordion-item>
- * </accordion-group>
- * ```
- *
- * @note Each accordion-group works independently. Multiple groups on the same page don't affect each other.
- * @note The group listens to 'accordion-opened' events from child accordion-item elements
- */
-export class AccordionGroup extends HTMLElement {
-    constructor() {
-        super();
-        this.handleAccordionOpened = (e) => {
-            if (this.allowMultiple)
+        attributeChangedCallback(name, oldValue, newValue) {
+            if (oldValue === newValue)
                 return;
-            const childAccordions = this.querySelectorAll('accordion-item');
-            childAccordions.forEach(acc => {
-                const accordion = acc;
-                if (e.target !== accordion) {
-                    if (accordion.open)
-                        accordion.close();
-                }
-            });
-        };
-        if (!AccordionGroup.stylesApplied) {
-            const sheet = new CSSStyleSheet();
-            sheet.replaceSync('accordion-group { display: block; }');
-            document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
-            AccordionGroup.stylesApplied = true;
+            switch (name) {
+                case 'allow-multiple-open':
+                    const shouldBeAllowed = newValue !== null;
+                    // Only update if state actually changed to prevent infinite loop
+                    if (this.allowMultiple !== shouldBeAllowed) {
+                        this.allowMultiple = shouldBeAllowed;
+                    }
+                    break;
+                default:
+                    break;
+            }
         }
-        this.allowMultiple = this.hasAttribute('allow-multiple-open');
-    }
-    static get observedAttributes() {
-        return ['allow-multiple-open'];
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        if (oldValue === newValue)
-            return;
-        switch (name) {
-            case 'allow-multiple-open':
-                const shouldBeAllowed = newValue !== null;
-                // Only update if state actually changed to prevent infinite loop
-                if (this.allowMultiple !== shouldBeAllowed) {
-                    this.allowMultiple = shouldBeAllowed;
-                }
-                break;
-            default:
-                break;
+        connectedCallback() {
+            this.addEventListener('accordion-opened', this.handleAccordionOpened);
+        }
+        disconnectedCallback() {
+            this.removeEventListener('accordion-opened', this.handleAccordionOpened);
         }
     }
-    connectedCallback() {
-        this.addEventListener('accordion-opened', this.handleAccordionOpened);
-    }
-    disconnectedCallback() {
-        this.removeEventListener('accordion-opened', this.handleAccordionOpened);
-    }
+    AccordionGroup.stylesApplied = false;
+    // Register custom elements
+    customElements.define('accordion-item', AccordionItem);
+    customElements.define('accordion-group', AccordionGroup);
 }
-AccordionGroup.stylesApplied = false;
-customElements.define('accordion-item', AccordionItem);
-customElements.define('accordion-group', AccordionGroup);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,14 +1,18 @@
 {
   "name": "@gnireeg/accordion",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Accessible accordion web component with smooth animations, keyboard support, and nested accordion groups",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "node": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./jsx": {
+      "types": "./dist/jsx.d.ts"
     }
   },
   "files": [