@y14e/disclosure 1.2.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Yusuke Kamiyamane
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,94 @@
+# Disclosure
+
+WAI-ARIA compliant [disclosure](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/) pattern implementation in TypeScript. Using the `<details>` and `<summary>` element.
+
+## Install
+
+```bash
+npm i @y14e/disclosure
+```
+
+```ts
+// npm
+import Disclosure from '@y14e/disclosure';
+
+// CDNs
+import Disclosure from 'https://esm.sh/@y14e/disclosure'
+// or
+import Disclosure from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure/+esm';
+// or
+import Disclosure from 'https://unpkg.com/@y14e/disclosure/dist/index.js';
+```
+
+## Usage
+
+```ts
+new Disclosure(root, options);
+// => Disclosure
+//
+// root: HTMLElement
+// options (optional): DisclosureOptions
+
+```
+
+## 🪄 Options
+
+```ts
+interface DisclosureOptions {
+  animation?: {
+    duration?: number; // ms (default: 300)
+    easing?: string;   // <easing-function> (default: 'ease')
+  };
+}
+```
+
+### ⚙️ Customize defaults
+
+Override the global default settings applied to all disclosure instances.
+
+```ts
+import Disclosure from '@y14e/disclosure';
+
+Disclosure.defaults = {
+  animation: {
+    duration: 1000,
+  },
+};
+
+new Disclosure(root);
+```
+
+## 📦 APIs
+
+### `open`
+
+```ts
+disclosure.open(details);
+// => void
+//
+// details: HTMLDetailsElement
+```
+
+### `close`
+
+```ts
+disclosure.close(details);
+// => void
+//
+// details: HTMLDetailsElement
+```
+
+### `destroy`
+
+Destroys the instance and cleans up all event listeners.
+
+```ts
+disclosure.destroy(force);
+// => Promise<void>
+//
+// force (optional): If true, skips waiting for animations to finish.
+```
+
+## Demo
+
+- https://y14e.github.io/disclosure-ts/

package/dist/index.cjs

@@ -0,0 +1,311 @@
+'use strict';
+
+// src/index.ts
+var Disclosure = class _Disclosure {
+  static defaults = {};
+  #rootElement;
+  #defaults = {
+    animation: {
+      duration: 300,
+      easing: "ease"
+    }
+  };
+  #settings;
+  #detailsElements;
+  #summaryElements;
+  #contentElements;
+  #bindings = /* @__PURE__ */ new WeakMap();
+  #eventController = null;
+  #animationController = null;
+  #observers = [];
+  #isDestroyed = false;
+  constructor(root, options = {}) {
+    if (!(root instanceof HTMLElement)) {
+      throw new TypeError("Invalid root element");
+    }
+    if (root.hasAttribute("data-disclosure-initialized")) {
+      console.warn("Already initialized");
+      return;
+    }
+    this.#rootElement = root;
+    this.#defaults = this.#mergeOptions(this.#defaults, _Disclosure.defaults);
+    this.#settings = this.#mergeOptions(this.#defaults, options);
+    matchMedia("(prefers-reduced-motion: reduce)").matches && Object.assign(this.#settings.animation, { duration: 0 });
+    const NOT_NESTED = ":not(:scope summary + * *)";
+    this.#detailsElements = [
+      ...this.#rootElement.querySelectorAll(
+        `details${NOT_NESTED}`
+      )
+    ];
+    if (!this.#detailsElements.length) {
+      console.warn("Missing <details> elements");
+      return;
+    }
+    this.#summaryElements = [
+      ...this.#rootElement.querySelectorAll(
+        `summary${NOT_NESTED}`
+      )
+    ];
+    if (!this.#summaryElements.length) {
+      console.warn("Missing <summary> elements");
+      return;
+    }
+    this.#contentElements = [
+      ...this.#rootElement.querySelectorAll(
+        `summary${NOT_NESTED} + *`
+      )
+    ];
+    if (!this.#contentElements.length) {
+      console.warn("Missing content elements");
+      return;
+    }
+    this.#detailsElements.forEach((details, i) => {
+      const summary = this.#summaryElements[i];
+      const content = this.#contentElements[i];
+      if (!summary || !content) {
+        return;
+      }
+      const binding = createBinding(details, summary, content);
+      this.#bindings.set(details, binding);
+      this.#bindings.set(summary, binding);
+      this.#bindings.set(content, binding);
+    });
+    this.#initialize();
+  }
+  open(details) {
+    if (this.#isDestroyed) {
+      return;
+    }
+    if (!(details instanceof HTMLDetailsElement) || !this.#bindings.has(details)) {
+      console.warn("Invalid <details> element");
+      return;
+    }
+    this.#toggle(details, true);
+  }
+  close(details) {
+    if (this.#isDestroyed) {
+      return;
+    }
+    if (!(details instanceof HTMLDetailsElement) || !this.#bindings.has(details)) {
+      console.warn("Invalid <details> element");
+      return;
+    }
+    this.#toggle(details, false);
+  }
+  async destroy(force = false) {
+    if (this.#isDestroyed) {
+      return;
+    }
+    this.#isDestroyed = true;
+    this.#eventController?.abort();
+    this.#eventController = null;
+    this.#observers.forEach((observer) => {
+      observer.disconnect();
+    });
+    this.#observers.length = 0;
+    !force && await this.#waitAnimationsFinish();
+    this.#contentElements.forEach((content) => {
+      force && this.#bindings.get(content)?.animation?.finish();
+      this.#onAnimationFinish(content);
+    });
+    this.#animationController?.abort();
+    this.#animationController = null;
+    this.#detailsElements.forEach((details) => {
+      details.removeAttribute("data-disclosure-name");
+      details.removeAttribute("data-disclosure-open");
+    });
+    this.#detailsElements.length = 0;
+    this.#summaryElements.length = 0;
+    this.#contentElements.length = 0;
+    this.#rootElement.removeAttribute("data-disclosure-initialized");
+  }
+  #initialize() {
+    this.#eventController = new AbortController();
+    const { signal } = this.#eventController;
+    this.#detailsElements.forEach((details, i) => {
+      details.name && details.setAttribute("data-disclosure-name", details.name);
+      function sync() {
+        details.toggleAttribute("data-disclosure-open", details.open);
+      }
+      const observer = new MutationObserver(sync);
+      observer.observe(details, { attributeFilter: ["open"] });
+      this.#observers.push(observer);
+      sync();
+      const summary = this.#summaryElements[i];
+      if (!summary) {
+        return;
+      }
+      if (!isFocusable(summary)) {
+        summary.setAttribute("aria-disabled", "true");
+        summary.setAttribute("tabindex", "-1");
+        summary.style.setProperty("pointer-events", "none");
+      }
+      summary.addEventListener("click", this.#onSummaryClick, { signal });
+      summary.addEventListener("keydown", this.#onSummaryKeyDown, { signal });
+    });
+    this.#rootElement.setAttribute("data-disclosure-initialized", "");
+  }
+  #onSummaryClick = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    const summary = event.currentTarget;
+    if (!(summary instanceof HTMLElement)) {
+      return;
+    }
+    const binding = this.#bindings.get(summary);
+    if (!binding) {
+      return;
+    }
+    const { details } = binding;
+    this.#toggle(details, !details.hasAttribute("data-disclosure-open"));
+  };
+  #onSummaryKeyDown = (event) => {
+    const { key } = event;
+    if (!["End", "Home", "ArrowUp", "ArrowDown"].includes(key)) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const focusables = this.#summaryElements.filter(isFocusable);
+    const active = getActiveElement();
+    if (!(active instanceof HTMLElement)) {
+      return;
+    }
+    const currentIndex = focusables.indexOf(active);
+    let newIndex = currentIndex;
+    switch (key) {
+      case "End":
+        newIndex = -1;
+        break;
+      case "Home":
+        newIndex = 0;
+        break;
+      case "ArrowUp":
+        newIndex = currentIndex - 1;
+        break;
+      case "ArrowDown":
+        newIndex = (currentIndex + 1) % focusables.length;
+        break;
+    }
+    focusables.at(newIndex)?.focus();
+  };
+  #toggle(details, isOpen) {
+    if (details.hasAttribute("data-disclosure-open") === isOpen) {
+      return;
+    }
+    const name = details.getAttribute("data-disclosure-name");
+    if (name && isOpen) {
+      details.removeAttribute("name");
+      const opened = this.#detailsElements.find(
+        (d) => d.hasAttribute("data-disclosure-open") && d.getAttribute("data-disclosure-name") === name
+      );
+      opened && this.close(opened);
+    }
+    const binding = this.#bindings.get(details);
+    if (!binding) {
+      return;
+    }
+    const { content, timer } = binding;
+    const startSize = details.open ? content.offsetHeight : 0;
+    binding.animation?.cancel();
+    if (isOpen) {
+      details.open = true;
+    }
+    const endSize = isOpen ? content.scrollHeight : 0;
+    binding.animation?.cancel();
+    timer && cancelAnimationFrame(timer);
+    binding.timer = requestAnimationFrame(() => {
+      binding.timer = void 0;
+      details.toggleAttribute("data-disclosure-open", isOpen);
+    });
+    content.style.setProperty("overflow", "clip");
+    const { duration, easing } = this.#settings.animation;
+    const animation = content.animate(
+      { blockSize: [`${startSize}px`, `${endSize}px`] },
+      { duration, easing }
+    );
+    binding.animation = animation;
+    function cleanup() {
+      if (binding?.animation === animation) {
+        binding.animation = null;
+      }
+    }
+    this.#animationController = new AbortController();
+    const { signal } = this.#animationController;
+    animation.addEventListener("cancel", cleanup, { once: true, signal });
+    animation.addEventListener(
+      "finish",
+      () => {
+        this.#onAnimationFinish(content);
+        cleanup();
+      },
+      { once: true, signal }
+    );
+  }
+  #mergeOptions(target, source) {
+    return {
+      animation: { ...target.animation, ...source.animation ?? {} }
+    };
+  }
+  #onAnimationFinish(content) {
+    const binding = this.#bindings.get(content);
+    if (!binding) {
+      return;
+    }
+    const details = binding.details;
+    if (!details) {
+      return;
+    }
+    const name = details.getAttribute("data-disclosure-name");
+    name && details.setAttribute("name", name);
+    if (!details.hasAttribute("data-disclosure-open")) {
+      details.open = false;
+    }
+    const { style } = content;
+    style.removeProperty("block-size");
+    style.removeProperty("overflow");
+  }
+  async #waitAnimationsFinish() {
+    const promises = [];
+    this.#contentElements.forEach((content) => {
+      const animation = this.#bindings.get(content)?.animation;
+      animation && promises.push(waitAnimationFinish(animation));
+    });
+    await Promise.allSettled(promises);
+  }
+};
+function createBinding(details, summary, content) {
+  return { details, summary, content, timer: void 0, animation: null };
+}
+function getActiveElement() {
+  let current = document.activeElement;
+  while (current?.shadowRoot?.activeElement) {
+    current = current.shadowRoot.activeElement;
+  }
+  return current;
+}
+function isFocusable(element) {
+  return element.tabIndex >= 0;
+}
+function waitAnimationFinish(animation) {
+  const { playState } = animation;
+  if (playState === "idle" || playState === "finished") {
+    return Promise.resolve();
+  }
+  return new Promise(
+    (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
+  );
+}
+/**
+ * disclosure.ts
+ * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
+ * Using the <details> and <summary> element.
+ *
+ * @version 1.2.4
+ * @author Yusuke Kamiyamane
+ * @license MIT
+ * @copyright Copyright (c) Yusuke Kamiyamane
+ * @see {@link https://github.com/y14e/disclosure-ts}
+ */
+
+module.exports = Disclosure;

package/dist/index.d.cts

@@ -0,0 +1,27 @@
+/**
+ * disclosure.ts
+ * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
+ * Using the <details> and <summary> element.
+ *
+ * @version 1.2.4
+ * @author Yusuke Kamiyamane
+ * @license MIT
+ * @copyright Copyright (c) Yusuke Kamiyamane
+ * @see {@link https://github.com/y14e/disclosure-ts}
+ */
+interface DisclosureOptions {
+    readonly animation?: {
+        readonly duration?: number;
+        readonly easing?: string;
+    };
+}
+declare class Disclosure {
+    #private;
+    static defaults: DisclosureOptions;
+    constructor(root: HTMLElement, options?: DisclosureOptions);
+    open(details: HTMLDetailsElement): void;
+    close(details: HTMLDetailsElement): void;
+    destroy(force?: boolean): Promise<void>;
+}
+
+export { type DisclosureOptions, Disclosure as default };

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * disclosure.ts
+ * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
+ * Using the <details> and <summary> element.
+ *
+ * @version 1.2.4
+ * @author Yusuke Kamiyamane
+ * @license MIT
+ * @copyright Copyright (c) Yusuke Kamiyamane
+ * @see {@link https://github.com/y14e/disclosure-ts}
+ */
+interface DisclosureOptions {
+    readonly animation?: {
+        readonly duration?: number;
+        readonly easing?: string;
+    };
+}
+declare class Disclosure {
+    #private;
+    static defaults: DisclosureOptions;
+    constructor(root: HTMLElement, options?: DisclosureOptions);
+    open(details: HTMLDetailsElement): void;
+    close(details: HTMLDetailsElement): void;
+    destroy(force?: boolean): Promise<void>;
+}
+
+export { type DisclosureOptions, Disclosure as default };

package/dist/index.js

@@ -0,0 +1,309 @@
+// src/index.ts
+var Disclosure = class _Disclosure {
+  static defaults = {};
+  #rootElement;
+  #defaults = {
+    animation: {
+      duration: 300,
+      easing: "ease"
+    }
+  };
+  #settings;
+  #detailsElements;
+  #summaryElements;
+  #contentElements;
+  #bindings = /* @__PURE__ */ new WeakMap();
+  #eventController = null;
+  #animationController = null;
+  #observers = [];
+  #isDestroyed = false;
+  constructor(root, options = {}) {
+    if (!(root instanceof HTMLElement)) {
+      throw new TypeError("Invalid root element");
+    }
+    if (root.hasAttribute("data-disclosure-initialized")) {
+      console.warn("Already initialized");
+      return;
+    }
+    this.#rootElement = root;
+    this.#defaults = this.#mergeOptions(this.#defaults, _Disclosure.defaults);
+    this.#settings = this.#mergeOptions(this.#defaults, options);
+    matchMedia("(prefers-reduced-motion: reduce)").matches && Object.assign(this.#settings.animation, { duration: 0 });
+    const NOT_NESTED = ":not(:scope summary + * *)";
+    this.#detailsElements = [
+      ...this.#rootElement.querySelectorAll(
+        `details${NOT_NESTED}`
+      )
+    ];
+    if (!this.#detailsElements.length) {
+      console.warn("Missing <details> elements");
+      return;
+    }
+    this.#summaryElements = [
+      ...this.#rootElement.querySelectorAll(
+        `summary${NOT_NESTED}`
+      )
+    ];
+    if (!this.#summaryElements.length) {
+      console.warn("Missing <summary> elements");
+      return;
+    }
+    this.#contentElements = [
+      ...this.#rootElement.querySelectorAll(
+        `summary${NOT_NESTED} + *`
+      )
+    ];
+    if (!this.#contentElements.length) {
+      console.warn("Missing content elements");
+      return;
+    }
+    this.#detailsElements.forEach((details, i) => {
+      const summary = this.#summaryElements[i];
+      const content = this.#contentElements[i];
+      if (!summary || !content) {
+        return;
+      }
+      const binding = createBinding(details, summary, content);
+      this.#bindings.set(details, binding);
+      this.#bindings.set(summary, binding);
+      this.#bindings.set(content, binding);
+    });
+    this.#initialize();
+  }
+  open(details) {
+    if (this.#isDestroyed) {
+      return;
+    }
+    if (!(details instanceof HTMLDetailsElement) || !this.#bindings.has(details)) {
+      console.warn("Invalid <details> element");
+      return;
+    }
+    this.#toggle(details, true);
+  }
+  close(details) {
+    if (this.#isDestroyed) {
+      return;
+    }
+    if (!(details instanceof HTMLDetailsElement) || !this.#bindings.has(details)) {
+      console.warn("Invalid <details> element");
+      return;
+    }
+    this.#toggle(details, false);
+  }
+  async destroy(force = false) {
+    if (this.#isDestroyed) {
+      return;
+    }
+    this.#isDestroyed = true;
+    this.#eventController?.abort();
+    this.#eventController = null;
+    this.#observers.forEach((observer) => {
+      observer.disconnect();
+    });
+    this.#observers.length = 0;
+    !force && await this.#waitAnimationsFinish();
+    this.#contentElements.forEach((content) => {
+      force && this.#bindings.get(content)?.animation?.finish();
+      this.#onAnimationFinish(content);
+    });
+    this.#animationController?.abort();
+    this.#animationController = null;
+    this.#detailsElements.forEach((details) => {
+      details.removeAttribute("data-disclosure-name");
+      details.removeAttribute("data-disclosure-open");
+    });
+    this.#detailsElements.length = 0;
+    this.#summaryElements.length = 0;
+    this.#contentElements.length = 0;
+    this.#rootElement.removeAttribute("data-disclosure-initialized");
+  }
+  #initialize() {
+    this.#eventController = new AbortController();
+    const { signal } = this.#eventController;
+    this.#detailsElements.forEach((details, i) => {
+      details.name && details.setAttribute("data-disclosure-name", details.name);
+      function sync() {
+        details.toggleAttribute("data-disclosure-open", details.open);
+      }
+      const observer = new MutationObserver(sync);
+      observer.observe(details, { attributeFilter: ["open"] });
+      this.#observers.push(observer);
+      sync();
+      const summary = this.#summaryElements[i];
+      if (!summary) {
+        return;
+      }
+      if (!isFocusable(summary)) {
+        summary.setAttribute("aria-disabled", "true");
+        summary.setAttribute("tabindex", "-1");
+        summary.style.setProperty("pointer-events", "none");
+      }
+      summary.addEventListener("click", this.#onSummaryClick, { signal });
+      summary.addEventListener("keydown", this.#onSummaryKeyDown, { signal });
+    });
+    this.#rootElement.setAttribute("data-disclosure-initialized", "");
+  }
+  #onSummaryClick = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    const summary = event.currentTarget;
+    if (!(summary instanceof HTMLElement)) {
+      return;
+    }
+    const binding = this.#bindings.get(summary);
+    if (!binding) {
+      return;
+    }
+    const { details } = binding;
+    this.#toggle(details, !details.hasAttribute("data-disclosure-open"));
+  };
+  #onSummaryKeyDown = (event) => {
+    const { key } = event;
+    if (!["End", "Home", "ArrowUp", "ArrowDown"].includes(key)) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const focusables = this.#summaryElements.filter(isFocusable);
+    const active = getActiveElement();
+    if (!(active instanceof HTMLElement)) {
+      return;
+    }
+    const currentIndex = focusables.indexOf(active);
+    let newIndex = currentIndex;
+    switch (key) {
+      case "End":
+        newIndex = -1;
+        break;
+      case "Home":
+        newIndex = 0;
+        break;
+      case "ArrowUp":
+        newIndex = currentIndex - 1;
+        break;
+      case "ArrowDown":
+        newIndex = (currentIndex + 1) % focusables.length;
+        break;
+    }
+    focusables.at(newIndex)?.focus();
+  };
+  #toggle(details, isOpen) {
+    if (details.hasAttribute("data-disclosure-open") === isOpen) {
+      return;
+    }
+    const name = details.getAttribute("data-disclosure-name");
+    if (name && isOpen) {
+      details.removeAttribute("name");
+      const opened = this.#detailsElements.find(
+        (d) => d.hasAttribute("data-disclosure-open") && d.getAttribute("data-disclosure-name") === name
+      );
+      opened && this.close(opened);
+    }
+    const binding = this.#bindings.get(details);
+    if (!binding) {
+      return;
+    }
+    const { content, timer } = binding;
+    const startSize = details.open ? content.offsetHeight : 0;
+    binding.animation?.cancel();
+    if (isOpen) {
+      details.open = true;
+    }
+    const endSize = isOpen ? content.scrollHeight : 0;
+    binding.animation?.cancel();
+    timer && cancelAnimationFrame(timer);
+    binding.timer = requestAnimationFrame(() => {
+      binding.timer = void 0;
+      details.toggleAttribute("data-disclosure-open", isOpen);
+    });
+    content.style.setProperty("overflow", "clip");
+    const { duration, easing } = this.#settings.animation;
+    const animation = content.animate(
+      { blockSize: [`${startSize}px`, `${endSize}px`] },
+      { duration, easing }
+    );
+    binding.animation = animation;
+    function cleanup() {
+      if (binding?.animation === animation) {
+        binding.animation = null;
+      }
+    }
+    this.#animationController = new AbortController();
+    const { signal } = this.#animationController;
+    animation.addEventListener("cancel", cleanup, { once: true, signal });
+    animation.addEventListener(
+      "finish",
+      () => {
+        this.#onAnimationFinish(content);
+        cleanup();
+      },
+      { once: true, signal }
+    );
+  }
+  #mergeOptions(target, source) {
+    return {
+      animation: { ...target.animation, ...source.animation ?? {} }
+    };
+  }
+  #onAnimationFinish(content) {
+    const binding = this.#bindings.get(content);
+    if (!binding) {
+      return;
+    }
+    const details = binding.details;
+    if (!details) {
+      return;
+    }
+    const name = details.getAttribute("data-disclosure-name");
+    name && details.setAttribute("name", name);
+    if (!details.hasAttribute("data-disclosure-open")) {
+      details.open = false;
+    }
+    const { style } = content;
+    style.removeProperty("block-size");
+    style.removeProperty("overflow");
+  }
+  async #waitAnimationsFinish() {
+    const promises = [];
+    this.#contentElements.forEach((content) => {
+      const animation = this.#bindings.get(content)?.animation;
+      animation && promises.push(waitAnimationFinish(animation));
+    });
+    await Promise.allSettled(promises);
+  }
+};
+function createBinding(details, summary, content) {
+  return { details, summary, content, timer: void 0, animation: null };
+}
+function getActiveElement() {
+  let current = document.activeElement;
+  while (current?.shadowRoot?.activeElement) {
+    current = current.shadowRoot.activeElement;
+  }
+  return current;
+}
+function isFocusable(element) {
+  return element.tabIndex >= 0;
+}
+function waitAnimationFinish(animation) {
+  const { playState } = animation;
+  if (playState === "idle" || playState === "finished") {
+    return Promise.resolve();
+  }
+  return new Promise(
+    (resolve) => animation.addEventListener("finish", () => resolve(), { once: true })
+  );
+}
+/**
+ * disclosure.ts
+ * WAI-ARIA compliant disclosure pattern implementation in TypeScript.
+ * Using the <details> and <summary> element.
+ *
+ * @version 1.2.4
+ * @author Yusuke Kamiyamane
+ * @license MIT
+ * @copyright Copyright (c) Yusuke Kamiyamane
+ * @see {@link https://github.com/y14e/disclosure-ts}
+ */
+
+export { Disclosure as default };

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@y14e/disclosure",
+  "version": "1.2.4",
+  "description": "WAI-ARIA compliant disclosure pattern implementation in TypeScript",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "prepublishOnly": "npm run build",
+    "lint": "tsc --noEmit"
+  },
+  "keywords": [
+    "a11y",
+    "accessibility",
+    "disclosure",
+    "collapsible",
+    "component",
+    "typescript",
+    "utility"
+  ],
+  "author": "Yusuke Kamiyamane",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/y14e/disclosure.git"
+  },
+  "bugs": {
+    "url": "https://github.com/y14e/disclosure/issues"
+  },
+  "homepage": "https://github.com/y14e/disclosure#readme",
+  "devDependencies": {
+    "bun-types": "latest",
+    "tsup": "^8.0.0",
+    "typescript": "^5.6.0"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}