@ailuracode/alpine-accordion 0.1.0 → 1.0.0

package/README.md

@@ -7,12 +7,12 @@ Headless accessible accordion store for Alpine.js — single or multiple open pa
 ## Install
 
 ```bash
-npm install @ailuracode/alpine-accordion alpinejs
+pnpm add @ailuracode/alpine-accordion alpinejs
 ```
 
 ## Store API
 
-```js
+```ts
 $store.accordion.register("faq", { mode: "single", defaultOpen: "item-1" });
 $store.accordion.open("faq", "item-1");
 $store.accordion.toggle("faq", "item-1");

package/dist/global.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="@types/alpinejs" />
 
-export type AccordionMode = "single" | "multiple";
+import type { AccordionGroup, AccordionGroupOptions } from "./types";
+
+export type { AccordionGroup, AccordionGroupOptions, AccordionMode } from "./types";
 
 export interface AccordionStore {
-  groups: Record<string, import("./store.js").AccordionGroup>;
-  register(accordionId: string, options?: import("./store.js").AccordionGroupOptions): void;
+  readonly groups: Record<string, AccordionGroup>;
+  register(accordionId: string, options?: AccordionGroupOptions): void;
   unregister(accordionId: string): void;
   registerItem(accordionId: string, itemId: string, disabled?: boolean): void;
   unregisterItem(accordionId: string, itemId: string): void;
@@ -24,7 +26,7 @@ export interface AccordionStore {
   destroy(): void;
 }
 
-export function createAccordionStore(): AccordionStore;
+export function createAccordionController(id?: string): import("./types").AccordionController;
 
 export default function accordionPlugin(): import("alpinejs").PluginCallback;
 

package/dist/index.d.ts

@@ -1,16 +1,29 @@
-import AlpineType from 'alpinejs';
+import { Alpine, PluginCallback, BaseController } from '@ailuracode/alpine-core';
+export { Unsubscribe } from '@ailuracode/alpine-core';
+import { Alpine as Alpine$1 } from 'alpinejs';
 
+/**
+ * Public type contracts for `@ailuracode/alpine-accordion`.
+ *
+ * Every public type lives in a `types.ts` module so consumers can import
+ * them without pulling the implementation. The shape IS the contract.
+ */
+
+/** Accordion display mode. */
 type AccordionMode = "single" | "multiple";
+/** An accordion item's registration state. */
 type AccordionItem = {
     id: string;
     disabled: boolean;
 };
+/** Options passed when registering an accordion group. */
 type AccordionGroupOptions = {
-    mode?: AccordionMode;
+    readonly mode?: AccordionMode;
     /** Item id or ids open on init. In `single` mode only the first id is used. */
-    defaultOpen?: string | string[];
-    onChange?: (openIds: string[]) => void;
+    readonly defaultOpen?: string | string[];
+    readonly onChange?: (openIds: string[]) => void;
 };
+/** Internal representation of an accordion group. */
 type AccordionGroup = {
     mode: AccordionMode;
     open: Record<string, boolean>;
@@ -19,9 +32,17 @@ type AccordionGroup = {
     defaultOpen: string[];
     onChange?: (openIds: string[]) => void;
 };
-type AccordionStore = {
-    /** Reactive registry of accordion groups. */
-    groups: Record<string, AccordionGroup>;
+/** Discriminator for change events. */
+type AccordionChangeSource = "user" | "initialization";
+/** Detail payload for the `change` event. */
+interface AccordionChangeDetail {
+    readonly groupId: string;
+    readonly openIds: string[];
+    readonly source: AccordionChangeSource;
+}
+/** Alpine-facing store surface. */
+interface AccordionStore {
+    readonly groups: Record<string, AccordionGroup>;
     register(accordionId: string, options?: AccordionGroupOptions): void;
     unregister(accordionId: string): void;
     registerItem(accordionId: string, itemId: string, disabled?: boolean): void;
@@ -37,21 +58,95 @@ type AccordionStore = {
     triggerProps(accordionId: string, itemId: string): Record<string, string | number | boolean | undefined>;
     panelProps(accordionId: string, itemId: string): Record<string, string | boolean | undefined>;
     destroy(): void;
+}
+/** Options accepted by the accordion plugin factory. */
+interface CreateAccordionOptions {
+    readonly id?: string;
+}
+/** Typed view of `Alpine` the accordion plugin uses internally. */
+type AccordionAlpine = Alpine<{
+    accordion: AccordionStore;
+}> & {
+    cleanup?(callback: () => void): void;
 };
-/** Creates the headless accordion store. */
-declare function createAccordionStore(): AccordionStore;
+/** `Alpine.plugin()` callback signature. */
+type AccordionPluginCallback = PluginCallback<Alpine$1>;
+
+/**
+ * Strongly-typed event map for the accordion controller.
+ */
 
-/** Alpine.js accordion plugin. Registers `$store.accordion`. */
-declare function accordionPlugin(): AlpineType.PluginCallback;
-declare global {
-    namespace Alpine {
-        interface Stores {
-            accordion: AccordionStore;
-        }
-        interface Magics<T> {
-            $accordion: AccordionStore;
-        }
-    }
+/**
+ * Event map for accordion state changes. Single-key contract:
+ * every transition emits `change` with the same
+ * {@link AccordionChangeDetail} payload.
+ */
+interface AccordionEvents extends Record<string, unknown> {
+    change: AccordionChangeDetail;
 }
 
-export { type AccordionGroupOptions, type AccordionMode, type AccordionStore, createAccordionStore, accordionPlugin as default };
+/**
+ * Accordion controller — the framework-agnostic core of
+ * `@ailuracode/alpine-accordion`. Manages accordion groups with
+ * open/close state, keyboard navigation, and ARIA props.
+ *
+ * Emits a typed `change` event on every open/close transition so
+ * consumers can react programmatically.
+ */
+
+/**
+ * Headless accordion controller. Manages multiple accordion groups
+ * with open/close state, keyboard navigation, and ARIA props.
+ */
+declare class AccordionController extends BaseController<AccordionEvents> {
+    #private;
+    constructor(id?: string);
+    get groups(): Readonly<Record<string, AccordionGroup>>;
+    register(accordionId: string, options?: AccordionGroupOptions): void;
+    unregister(accordionId: string): void;
+    registerItem(accordionId: string, itemId: string, disabled?: boolean): void;
+    unregisterItem(accordionId: string, itemId: string): void;
+    open(accordionId: string, itemId: string): void;
+    close(accordionId: string, itemId: string): void;
+    toggle(accordionId: string, itemId: string): void;
+    isOpen(accordionId: string, itemId: string): boolean;
+    openIds(accordionId: string): string[];
+    activeItem(accordionId: string): string | null;
+    setActiveItem(accordionId: string, itemId: string | null): void;
+    handleKeydown(accordionId: string, event: KeyboardEvent): void;
+    triggerProps(accordionId: string, itemId: string): Record<string, string | number | boolean | undefined>;
+    panelProps(accordionId: string, itemId: string): Record<string, string | boolean | undefined>;
+    /**
+     * Returns a store-shaped object for Alpine's `$store.accordion`.
+     * The store delegates to this controller.
+     */
+    toStore(): AccordionStore;
+}
+/**
+ * Creates an AccordionController and returns a store-shaped object.
+ * Convenience for non-Alpine consumers.
+ */
+declare function createAccordionController(id?: string): AccordionController;
+/**
+ * Creates an AccordionStore (store-shaped object) directly.
+ * Backward-compatible alias.
+ */
+declare function createAccordionStore(): AccordionStore;
+
+/**
+ * Alpine.js integration for `@ailuracode/alpine-accordion`.
+ *
+ * Thin adapter that wires {@link AccordionController} into
+ * `$store.accordion` and the `$accordion` magic.
+ */
+
+/**
+ * Plugin factory — returns the `Alpine.plugin()` callback. Pass
+ * {@link CreateAccordionOptions} to configure the controller,
+ * or `{}` for the package defaults.
+ */
+declare function accordionPlugin(options?: CreateAccordionOptions): AccordionPluginCallback;
+/** Builds typed accordion plugin options. */
+declare function accordionOptions<const T extends CreateAccordionOptions>(options: T): T;
+
+export { type AccordionAlpine, type AccordionChangeDetail, type AccordionChangeSource, AccordionController, type AccordionEvents, type AccordionGroup, type AccordionGroupOptions, type AccordionItem, type AccordionMode, type AccordionPluginCallback, type AccordionStore, type CreateAccordionOptions, accordionOptions, accordionPlugin, createAccordionController, createAccordionStore, accordionPlugin as default };

package/dist/index.js

@@ -1,15 +1,11 @@
-// src/store.ts
+// src/controller.ts
+import { BaseController, generateId } from "@ailuracode/alpine-core";
 function enabledItems(group) {
   return group.items.filter((item) => !item.disabled);
 }
 function itemIndex(group, itemId) {
   return enabledItems(group).findIndex((item) => item.id === itemId);
 }
-function notify(group) {
-  group.onChange?.(
-    Object.entries(group.open).filter(([, isOpen]) => isOpen).map(([id]) => id)
-  );
-}
 function normalizeDefaultOpen(mode, value) {
   if (!value) {
     return [];
@@ -28,167 +24,295 @@ function createGroup(options = {}) {
     onChange: options.onChange
   };
 }
-function createAccordionStore() {
-  function getOrCreate(store2, accordionId) {
-    store2.groups[accordionId] ??= createGroup();
-    return store2.groups[accordionId];
-  }
-  const store = {
-    groups: {},
-    register(accordionId, options = {}) {
-      this.groups[accordionId] = createGroup(options);
-    },
-    unregister(accordionId) {
-      delete this.groups[accordionId];
-    },
-    registerItem(accordionId, itemId, disabled = false) {
-      const group = getOrCreate(this, accordionId);
-      const existing = group.items.find((item) => item.id === itemId);
-      if (existing) {
-        existing.disabled = disabled;
-        return;
-      }
-      group.items.push({ id: itemId, disabled });
-      if (group.defaultOpen.includes(itemId) && !disabled) {
-        this.open(accordionId, itemId);
-        group.activeItemId ??= itemId;
-      }
-    },
-    unregisterItem(accordionId, itemId) {
-      const group = this.groups[accordionId];
-      if (!group) {
-        return;
-      }
-      group.items = group.items.filter((item) => item.id !== itemId);
-      delete group.open[itemId];
-    },
-    open(accordionId, itemId) {
-      const group = this.groups[accordionId];
-      const item = group?.items.find((entry) => entry.id === itemId);
-      if (!(group && item) || item.disabled) {
-        return;
-      }
-      if (group.mode === "single") {
-        for (const id of Object.keys(group.open)) {
-          if (group.open[id]) {
-            group.open[id] = false;
-          }
+var AccordionController = class extends BaseController {
+  #groups = {};
+  constructor(id) {
+    super(id ?? generateId("accordion"));
+  }
+  get groups() {
+    return this.#groups;
+  }
+  register(accordionId, options = {}) {
+    if (this.isDestroyed) {
+      return;
+    }
+    this.#groups[accordionId] = createGroup(options);
+  }
+  unregister(accordionId) {
+    if (this.isDestroyed) {
+      return;
+    }
+    delete this.#groups[accordionId];
+  }
+  registerItem(accordionId, itemId, disabled = false) {
+    if (this.isDestroyed) {
+      return;
+    }
+    const group = this.#getOrCreate(accordionId);
+    const existing = group.items.find((item) => item.id === itemId);
+    if (existing) {
+      existing.disabled = disabled;
+      return;
+    }
+    group.items.push({ id: itemId, disabled });
+    if (group.defaultOpen.includes(itemId) && !disabled) {
+      this.open(accordionId, itemId);
+      group.activeItemId ??= itemId;
+    }
+  }
+  unregisterItem(accordionId, itemId) {
+    if (this.isDestroyed) {
+      return;
+    }
+    const group = this.#groups[accordionId];
+    if (!group) {
+      return;
+    }
+    group.items = group.items.filter((item) => item.id !== itemId);
+    delete group.open[itemId];
+  }
+  open(accordionId, itemId) {
+    if (this.isDestroyed) {
+      return;
+    }
+    const group = this.#groups[accordionId];
+    const item = group?.items.find((entry) => entry.id === itemId);
+    if (!(group && item) || item.disabled) {
+      return;
+    }
+    if (group.mode === "single") {
+      for (const id of Object.keys(group.open)) {
+        if (group.open[id]) {
+          group.open[id] = false;
         }
-        group.open[itemId] = true;
-      } else {
-        group.open[itemId] = true;
-      }
-      notify(group);
-    },
-    close(accordionId, itemId) {
-      const group = this.groups[accordionId];
-      if (!group?.open[itemId]) {
-        return;
-      }
-      group.open[itemId] = false;
-      notify(group);
-    },
-    toggle(accordionId, itemId) {
-      if (this.isOpen(accordionId, itemId)) {
-        this.close(accordionId, itemId);
-      } else {
-        this.open(accordionId, itemId);
-      }
-    },
-    isOpen(accordionId, itemId) {
-      return this.groups[accordionId]?.open[itemId] ?? false;
-    },
-    openIds(accordionId) {
-      const open = this.groups[accordionId]?.open ?? {};
-      return Object.entries(open).filter(([, isOpen]) => isOpen).map(([id]) => id);
-    },
-    activeItem(accordionId) {
-      return this.groups[accordionId]?.activeItemId ?? null;
-    },
-    setActiveItem(accordionId, itemId) {
-      const group = this.groups[accordionId];
-      if (!group) {
-        return;
-      }
-      if (itemId === null) {
-        group.activeItemId = null;
-        return;
       }
-      const item = group.items.find((entry) => entry.id === itemId);
-      if (item && !item.disabled) {
-        group.activeItemId = itemId;
-      }
-    },
-    handleKeydown(accordionId, event) {
-      const group = this.groups[accordionId];
-      if (!group) {
-        return;
-      }
-      const items = enabledItems(group);
-      if (items.length === 0) {
-        return;
-      }
-      if (!group.activeItemId) {
+      group.open[itemId] = true;
+    } else {
+      group.open[itemId] = true;
+    }
+    this.#emitChange(accordionId, "user");
+    group.onChange?.(this.openIds(accordionId));
+  }
+  close(accordionId, itemId) {
+    if (this.isDestroyed) {
+      return;
+    }
+    const group = this.#groups[accordionId];
+    if (!group?.open[itemId]) {
+      return;
+    }
+    group.open[itemId] = false;
+    this.#emitChange(accordionId, "user");
+    group.onChange?.(this.openIds(accordionId));
+  }
+  toggle(accordionId, itemId) {
+    if (this.isOpen(accordionId, itemId)) {
+      this.close(accordionId, itemId);
+    } else {
+      this.open(accordionId, itemId);
+    }
+  }
+  isOpen(accordionId, itemId) {
+    return this.#groups[accordionId]?.open[itemId] ?? false;
+  }
+  openIds(accordionId) {
+    const open = this.#groups[accordionId]?.open ?? {};
+    return Object.entries(open).filter(([, isOpen]) => isOpen).map(([id]) => id);
+  }
+  activeItem(accordionId) {
+    return this.#groups[accordionId]?.activeItemId ?? null;
+  }
+  setActiveItem(accordionId, itemId) {
+    if (this.isDestroyed) {
+      return;
+    }
+    const group = this.#groups[accordionId];
+    if (!group) {
+      return;
+    }
+    if (itemId === null) {
+      group.activeItemId = null;
+      return;
+    }
+    const item = group.items.find((entry) => entry.id === itemId);
+    if (item && !item.disabled) {
+      group.activeItemId = itemId;
+    }
+  }
+  handleKeydown(accordionId, event) {
+    const group = this.#groups[accordionId];
+    if (!group) {
+      return;
+    }
+    const items = enabledItems(group);
+    if (items.length === 0) {
+      return;
+    }
+    if (!group.activeItemId) {
+      group.activeItemId = items[0]?.id ?? null;
+    }
+    const currentIndex = group.activeItemId ? itemIndex(group, group.activeItemId) : 0;
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        group.activeItemId = items[(currentIndex + 1) % items.length]?.id ?? null;
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        group.activeItemId = items[(currentIndex - 1 + items.length) % items.length]?.id ?? null;
+        break;
+      case "Home":
+        event.preventDefault();
         group.activeItemId = items[0]?.id ?? null;
-      }
-      const currentIndex = group.activeItemId ? itemIndex(group, group.activeItemId) : 0;
-      switch (event.key) {
-        case "ArrowDown":
-          event.preventDefault();
-          group.activeItemId = items[(currentIndex + 1) % items.length]?.id ?? null;
-          break;
-        case "ArrowUp":
-          event.preventDefault();
-          group.activeItemId = items[(currentIndex - 1 + items.length) % items.length]?.id ?? null;
-          break;
-        case "Home":
-          event.preventDefault();
-          group.activeItemId = items[0]?.id ?? null;
-          break;
-        case "End":
-          event.preventDefault();
-          group.activeItemId = items[items.length - 1]?.id ?? null;
-          break;
-        default:
-          break;
-      }
-    },
-    triggerProps(accordionId, itemId) {
-      const open = this.isOpen(accordionId, itemId);
-      const active = this.activeItem(accordionId) === itemId;
+        break;
+      case "End":
+        event.preventDefault();
+        group.activeItemId = items[items.length - 1]?.id ?? null;
+        break;
+      default:
+        break;
+    }
+  }
+  triggerProps(accordionId, itemId) {
+    const open = this.isOpen(accordionId, itemId);
+    const active = this.activeItem(accordionId) === itemId;
+    return {
+      "aria-expanded": open,
+      "aria-controls": `${accordionId}-panel-${itemId}`,
+      id: `${accordionId}-trigger-${itemId}`,
+      tabindex: active ? 0 : -1
+    };
+  }
+  panelProps(accordionId, itemId) {
+    const open = this.isOpen(accordionId, itemId);
+    return {
+      id: `${accordionId}-panel-${itemId}`,
+      role: "region",
+      "aria-labelledby": `${accordionId}-trigger-${itemId}`,
+      "aria-hidden": open ? void 0 : true
+    };
+  }
+  /**
+   * Returns a store-shaped object for Alpine's `$store.accordion`.
+   * The store delegates to this controller.
+   */
+  toStore() {
+    return {
+      groups: this.#groups,
+      register: (id, opts) => this.register(id, opts),
+      unregister: (id) => this.unregister(id),
+      registerItem: (id, itemId, disabled) => this.registerItem(id, itemId, disabled),
+      unregisterItem: (id, itemId) => this.unregisterItem(id, itemId),
+      open: (id, itemId) => this.open(id, itemId),
+      close: (id, itemId) => this.close(id, itemId),
+      toggle: (id, itemId) => this.toggle(id, itemId),
+      isOpen: (id, itemId) => this.isOpen(id, itemId),
+      openIds: (id) => this.openIds(id),
+      activeItem: (id) => this.activeItem(id),
+      setActiveItem: (id, itemId) => this.setActiveItem(id, itemId),
+      handleKeydown: (id, event) => this.handleKeydown(id, event),
+      triggerProps: (id, itemId) => this.triggerProps(id, itemId),
+      panelProps: (id, itemId) => this.panelProps(id, itemId),
+      destroy: () => this.destroy()
+    };
+  }
+  #getOrCreate(accordionId) {
+    this.#groups[accordionId] ??= createGroup();
+    return this.#groups[accordionId];
+  }
+  #emitChange(accordionId, source) {
+    this.emit("change", {
+      groupId: accordionId,
+      openIds: this.openIds(accordionId),
+      source
+    });
+  }
+};
+function createAccordionController(id) {
+  return new AccordionController(id);
+}
+function createAccordionStore() {
+  return new AccordionController().toStore();
+}
+
+// src/plugin.ts
+var ACCORDION_STORE_KEY = "accordion";
+function accordionPlugin(options = {}) {
+  return function registerAccordion(alpine) {
+    const Alpine = alpine;
+    const controller = new AccordionController(options.id);
+    const store = {
+      groups: {},
+      register: (id, opts) => controller.register(id, opts),
+      unregister: (id) => controller.unregister(id),
+      registerItem: (id, itemId, disabled) => controller.registerItem(id, itemId, disabled),
+      unregisterItem: (id, itemId) => controller.unregisterItem(id, itemId),
+      open: (id, itemId) => controller.open(id, itemId),
+      close: (id, itemId) => controller.close(id, itemId),
+      toggle: (id, itemId) => controller.toggle(id, itemId),
+      isOpen: () => false,
+      openIds: () => [],
+      activeItem: () => null,
+      setActiveItem: (id, itemId) => controller.setActiveItem(id, itemId),
+      handleKeydown: (id, event) => controller.handleKeydown(id, event),
+      triggerProps: () => ({}),
+      panelProps: () => ({}),
+      destroy: () => controller.destroy()
+    };
+    Alpine.store(ACCORDION_STORE_KEY, store);
+    const reactive = () => Alpine.store(ACCORDION_STORE_KEY);
+    store.isOpen = (id, itemId) => reactive().groups[id]?.open[itemId] ?? false;
+    store.openIds = (id) => {
+      const open = reactive().groups[id]?.open ?? {};
+      return Object.entries(open).filter(([, isOpen]) => isOpen).map(([gid]) => gid);
+    };
+    store.activeItem = (id) => reactive().groups[id]?.activeItemId ?? null;
+    store.triggerProps = (id, itemId) => {
+      const r = reactive();
+      const open = r.isOpen(id, itemId);
+      const active = r.activeItem(id) === itemId;
       return {
         "aria-expanded": open,
-        "aria-controls": `${accordionId}-panel-${itemId}`,
-        id: `${accordionId}-trigger-${itemId}`,
+        "aria-controls": `${id}-panel-${itemId}`,
+        id: `${id}-trigger-${itemId}`,
         tabindex: active ? 0 : -1
       };
-    },
-    panelProps(accordionId, itemId) {
-      const open = this.isOpen(accordionId, itemId);
+    };
+    store.panelProps = (id, itemId) => {
+      const open = reactive().isOpen(id, itemId);
       return {
-        id: `${accordionId}-panel-${itemId}`,
+        id: `${id}-panel-${itemId}`,
         role: "region",
-        "aria-labelledby": `${accordionId}-trigger-${itemId}`,
+        "aria-labelledby": `${id}-trigger-${itemId}`,
         "aria-hidden": open ? void 0 : true
       };
-    },
-    destroy() {
-      this.groups = {};
+    };
+    controller.on("change", () => {
+      const r = reactive();
+      const controllerGroups = controller.groups;
+      for (const key of Object.keys(controllerGroups)) {
+        r.groups[key] = controllerGroups[key];
+      }
+      for (const key of Object.keys(r.groups)) {
+        if (!(key in controllerGroups)) {
+          delete r.groups[key];
+        }
+      }
+    });
+    Alpine.magic(ACCORDION_STORE_KEY, () => reactive());
+    if (typeof Alpine.cleanup === "function") {
+      Alpine.cleanup(() => controller.destroy());
     }
   };
-  return store;
 }
-
-// src/index.ts
-function accordionPlugin() {
-  return function registerAccordion(Alpine) {
-    const store = createAccordionStore();
-    Alpine.store("accordion", store);
-    Alpine.magic("accordion", () => Alpine.store("accordion"));
-  };
+function accordionOptions(options) {
+  return options;
 }
 export {
+  AccordionController,
+  accordionOptions,
+  accordionPlugin,
+  createAccordionController,
   createAccordionStore,
   accordionPlugin as default
 };
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ailuracode/alpine-accordion",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "Alpine.js headless accessible accordion store",
   "type": "module",
   "license": "MIT",
@@ -31,7 +31,11 @@
     }
   },
   "types": "./dist/global.d.ts",
+  "devDependencies": {
+    "@ailuracode/alpine-core": "0.2.0"
+  },
   "peerDependencies": {
+    "@ailuracode/alpine-core": "^0.2.0",
     "alpinejs": "^3.0.0",
     "@types/alpinejs": "^3.13.11"
   },
@@ -49,7 +53,7 @@
     "headless"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format esm --dts --clean --sourcemap --out-dir dist && cp src/global.d.ts dist/global.d.ts",
+    "build": "tsup src/index.ts --format esm --dts --clean --out-dir dist && cp src/global.d.ts dist/global.d.ts",
     "test": "vitest run --config ../../vitest.config.ts test"
   }
 }

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/store.ts","../src/index.ts"],"sourcesContent":["export type AccordionMode = \"single\" | \"multiple\";\n\nexport type AccordionItem = {\n  id: string;\n  disabled: boolean;\n};\n\nexport type AccordionGroupOptions = {\n  mode?: AccordionMode;\n  /** Item id or ids open on init. In `single` mode only the first id is used. */\n  defaultOpen?: string | string[];\n  onChange?: (openIds: string[]) => void;\n};\n\nexport type AccordionGroup = {\n  mode: AccordionMode;\n  open: Record<string, boolean>;\n  activeItemId: string | null;\n  items: AccordionItem[];\n  defaultOpen: string[];\n  onChange?: (openIds: string[]) => void;\n};\n\nexport type AccordionStore = {\n  /** Reactive registry of accordion groups. */\n  groups: Record<string, AccordionGroup>;\n  register(accordionId: string, options?: AccordionGroupOptions): void;\n  unregister(accordionId: string): void;\n  registerItem(accordionId: string, itemId: string, disabled?: boolean): void;\n  unregisterItem(accordionId: string, itemId: string): void;\n  open(accordionId: string, itemId: string): void;\n  close(accordionId: string, itemId: string): void;\n  toggle(accordionId: string, itemId: string): void;\n  isOpen(accordionId: string, itemId: string): boolean;\n  openIds(accordionId: string): string[];\n  activeItem(accordionId: string): string | null;\n  setActiveItem(accordionId: string, itemId: string | null): void;\n  handleKeydown(accordionId: string, event: KeyboardEvent): void;\n  triggerProps(\n    accordionId: string,\n    itemId: string\n  ): Record<string, string | number | boolean | undefined>;\n  panelProps(accordionId: string, itemId: string): Record<string, string | boolean | undefined>;\n  destroy(): void;\n};\n\nfunction enabledItems(group: AccordionGroup): AccordionItem[] {\n  return group.items.filter((item) => !item.disabled);\n}\n\nfunction itemIndex(group: AccordionGroup, itemId: string): number {\n  return enabledItems(group).findIndex((item) => item.id === itemId);\n}\n\nfunction notify(group: AccordionGroup): void {\n  group.onChange?.(\n    Object.entries(group.open)\n      .filter(([, isOpen]) => isOpen)\n      .map(([id]) => id)\n  );\n}\n\nfunction normalizeDefaultOpen(mode: AccordionMode, value?: string | string[]): string[] {\n  if (!value) {\n    return [];\n  }\n\n  const ids = Array.isArray(value) ? value : [value];\n  return mode === \"single\" && ids.length > 0 ? [ids[0]] : ids;\n}\n\nfunction createGroup(options: AccordionGroupOptions = {}): AccordionGroup {\n  const mode = options.mode ?? \"single\";\n  return {\n    mode,\n    open: {},\n    activeItemId: null,\n    items: [],\n    defaultOpen: normalizeDefaultOpen(mode, options.defaultOpen),\n    onChange: options.onChange,\n  };\n}\n\n/** Creates the headless accordion store. */\nexport function createAccordionStore(): AccordionStore {\n  function getOrCreate(store: AccordionStore, accordionId: string): AccordionGroup {\n    store.groups[accordionId] ??= createGroup();\n    return store.groups[accordionId];\n  }\n\n  const store: AccordionStore = {\n    groups: {},\n\n    register(accordionId, options = {}) {\n      this.groups[accordionId] = createGroup(options);\n    },\n\n    unregister(accordionId) {\n      delete this.groups[accordionId];\n    },\n\n    registerItem(accordionId, itemId, disabled = false) {\n      const group = getOrCreate(this, accordionId);\n      const existing = group.items.find((item) => item.id === itemId);\n      if (existing) {\n        existing.disabled = disabled;\n        return;\n      }\n      group.items.push({ id: itemId, disabled });\n\n      if (group.defaultOpen.includes(itemId) && !disabled) {\n        this.open(accordionId, itemId);\n        group.activeItemId ??= itemId;\n      }\n    },\n\n    unregisterItem(accordionId, itemId) {\n      const group = this.groups[accordionId];\n      if (!group) {\n        return;\n      }\n\n      group.items = group.items.filter((item) => item.id !== itemId);\n      delete group.open[itemId];\n    },\n\n    open(accordionId, itemId) {\n      const group = this.groups[accordionId];\n      const item = group?.items.find((entry) => entry.id === itemId);\n      if (!(group && item) || item.disabled) {\n        return;\n      }\n\n      if (group.mode === \"single\") {\n        for (const id of Object.keys(group.open)) {\n          if (group.open[id]) {\n            group.open[id] = false;\n          }\n        }\n        group.open[itemId] = true;\n      } else {\n        group.open[itemId] = true;\n      }\n\n      notify(group);\n    },\n\n    close(accordionId, itemId) {\n      const group = this.groups[accordionId];\n      if (!group?.open[itemId]) {\n        return;\n      }\n\n      group.open[itemId] = false;\n      notify(group);\n    },\n\n    toggle(accordionId, itemId) {\n      if (this.isOpen(accordionId, itemId)) {\n        this.close(accordionId, itemId);\n      } else {\n        this.open(accordionId, itemId);\n      }\n    },\n\n    isOpen(accordionId, itemId) {\n      return this.groups[accordionId]?.open[itemId] ?? false;\n    },\n\n    openIds(accordionId) {\n      const open = this.groups[accordionId]?.open ?? {};\n      return Object.entries(open)\n        .filter(([, isOpen]) => isOpen)\n        .map(([id]) => id);\n    },\n\n    activeItem(accordionId) {\n      return this.groups[accordionId]?.activeItemId ?? null;\n    },\n\n    setActiveItem(accordionId, itemId) {\n      const group = this.groups[accordionId];\n      if (!group) {\n        return;\n      }\n\n      if (itemId === null) {\n        group.activeItemId = null;\n        return;\n      }\n\n      const item = group.items.find((entry) => entry.id === itemId);\n      if (item && !item.disabled) {\n        group.activeItemId = itemId;\n      }\n    },\n\n    handleKeydown(accordionId, event) {\n      const group = this.groups[accordionId];\n      if (!group) {\n        return;\n      }\n\n      const items = enabledItems(group);\n      if (items.length === 0) {\n        return;\n      }\n\n      if (!group.activeItemId) {\n        group.activeItemId = items[0]?.id ?? null;\n      }\n\n      const currentIndex = group.activeItemId ? itemIndex(group, group.activeItemId) : 0;\n\n      switch (event.key) {\n        case \"ArrowDown\":\n          event.preventDefault();\n          group.activeItemId = items[(currentIndex + 1) % items.length]?.id ?? null;\n          break;\n        case \"ArrowUp\":\n          event.preventDefault();\n          group.activeItemId = items[(currentIndex - 1 + items.length) % items.length]?.id ?? null;\n          break;\n        case \"Home\":\n          event.preventDefault();\n          group.activeItemId = items[0]?.id ?? null;\n          break;\n        case \"End\":\n          event.preventDefault();\n          group.activeItemId = items[items.length - 1]?.id ?? null;\n          break;\n        default:\n          break;\n      }\n    },\n\n    triggerProps(accordionId, itemId) {\n      const open = this.isOpen(accordionId, itemId);\n      const active = this.activeItem(accordionId) === itemId;\n      return {\n        \"aria-expanded\": open,\n        \"aria-controls\": `${accordionId}-panel-${itemId}`,\n        id: `${accordionId}-trigger-${itemId}`,\n        tabindex: active ? 0 : -1,\n      };\n    },\n\n    panelProps(accordionId, itemId) {\n      const open = this.isOpen(accordionId, itemId);\n      return {\n        id: `${accordionId}-panel-${itemId}`,\n        role: \"region\",\n        \"aria-labelledby\": `${accordionId}-trigger-${itemId}`,\n        \"aria-hidden\": open ? undefined : true,\n      };\n    },\n\n    destroy() {\n      this.groups = {};\n    },\n  };\n\n  return store;\n}\n","import type AlpineType from \"alpinejs\";\nimport { type AccordionStore, createAccordionStore } from \"./store.js\";\n\nexport {\n  type AccordionGroupOptions,\n  type AccordionMode,\n  type AccordionStore,\n  createAccordionStore,\n} from \"./store.js\";\n\n/** Alpine.js accordion plugin. Registers `$store.accordion`. */\nexport default function accordionPlugin(): AlpineType.PluginCallback {\n  return function registerAccordion(Alpine) {\n    const store = createAccordionStore();\n    Alpine.store(\"accordion\", store);\n    Alpine.magic(\"accordion\", () => Alpine.store(\"accordion\"));\n  };\n}\n\ndeclare global {\n  namespace Alpine {\n    interface Stores {\n      accordion: AccordionStore;\n    }\n    interface Magics<T> {\n      $accordion: AccordionStore;\n    }\n  }\n}\n"],"mappings":"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","names":["store"]}