stimeo-ui 0.14.0 → 0.16.0

package/dist/controllers/clipboard_controller.js

@@ -127,7 +127,9 @@ var ClipboardController = class extends Controller {
    * Whether this connection is still live. `copy()` suspends on the Clipboard API,
    * and a teardown that lands while it is suspended must win: the continuation
    * would otherwise write to an element nobody owns and arm a timer past the
-   * `clearAll()` that was supposed to be the last word.
+   * `clearAll()` that was supposed to be the last word. Stimulus also runs the label
+   * callbacks ahead of `connect()`, while this is still false: a result restored with
+   * the markup is `connect()`'s to settle, not theirs.
    */
   #connected = false;
   connect() {
@@ -140,10 +142,33 @@ var ClipboardController = class extends Controller {
     this.#beforeCache.deactivate();
     this.#timers.clearAll();
   }
+  /**
+   * Follows a `copiedLabel` swapped in place while a successful copy is shown.
+   *
+   * Render only: nothing is announced or dispatched, and the return to idle keeps the
+   * deadline the copy set. The slot changes only while `data-state` is `copied` and it
+   * still reads the previous label — the one the copy wrote there — so text someone
+   * else put in the slot stays. Stimulus also runs this ahead of `connect()`, which
+   * settles a result restored with the markup itself, so nothing is written then.
+   */
+  copiedLabelValueChanged(label, previous) {
+    this.#followLabel("copied", label, previous);
+  }
+  /**
+   * Follows an `errorLabel` swapped in place while a failed copy is shown, on the same
+   * terms as {@link ClipboardController.copiedLabelValueChanged}: only while
+   * `data-state` is `error` and the slot still reads the previous label.
+   */
+  errorLabelValueChanged(label, previous) {
+    this.#followLabel("error", label, previous);
+  }
   /**
    * Copies the resolved text and reports the outcome. Bound via `data-action`
-   * (click). Dispatches `stimeo--clipboard:copy` with `{ success, text }` once per
-   * completed attempt — including on failure — so consumers can react either way.
+   * (click). Dispatches `stimeo--clipboard:copy` with `{ success, text, message }`
+   * once per completed attempt — including on failure — so consumers can react
+   * either way. `message` is the authored label for that outcome, so a part that
+   * shows wording — `stimeo--clipboard:copy->stimeo--toast#show` — needs nothing
+   * else; wiring both that and the announcer reads the same result twice.
    * An attempt whose connection ended while it was in flight reports nothing.
    */
   async copy() {
@@ -157,7 +182,8 @@ var ClipboardController = class extends Controller {
     }
     if (!this.#connected) return;
     this.#reportResult(success);
-    this.dispatch("copy", { detail: { success, text } });
+    const message = success ? this.copiedLabelValue : this.errorLabelValue;
+    this.dispatch("copy", { detail: { success, text, message } });
   }
   /**
    * The text to copy: the explicit `text` value when set, otherwise the source
@@ -205,18 +231,50 @@ var ClipboardController = class extends Controller {
     this.#timers.clearAll();
     this.#reset();
   }
-  /** Reflects the result, announces it, and schedules the return to idle. */
+  /**
+   * Reflects the result, announces it, and schedules the return to idle.
+   *
+   * @stimeoRenderRoot
+   */
   #reportResult(success) {
     this.element.setAttribute("data-state", success ? "copied" : "error");
     if (this.hasFeedbackTarget) {
       this.feedbackTarget.textContent = success ? this.copiedLabelValue : this.errorLabelValue;
     }
+    this.#announceResult(success);
+    this.#scheduleReset();
+  }
+  /**
+   * Reads the result out through the shared announcer.
+   *
+   * @stimeoRuntimeOnly `announceCopiedText` / `announceErrorText` word the one announcement a copy
+   *   makes.
+   */
+  #announceResult(success) {
     announce(success ? this.announceCopiedTextValue : this.announceErrorTextValue);
+  }
+  /**
+   * Arms the return to idle for the result just shown.
+   *
+   * @stimeoRuntimeOnly `feedbackDuration` is the delay of the one timer this call arms, and the
+   *   reset that timer runs reads no Value.
+   */
+  #scheduleReset() {
     this.#timers.clearAll();
     if (this.feedbackDurationValue > 0) {
       this.#timers.set(() => this.#reset(), this.feedbackDurationValue);
     }
   }
+  /**
+   * Rewrites the slot to `label` while `state` is shown and the slot still reads
+   * `previous`, the label this controller wrote for that result.
+   */
+  #followLabel(state, label, previous) {
+    if (!this.#connected) return;
+    if (this.element.getAttribute("data-state") !== state || !this.hasFeedbackTarget) return;
+    if (this.feedbackTarget.textContent !== previous) return;
+    this.feedbackTarget.textContent = label;
+  }
   /** Returns to the idle state and empties the completion slot. */
   #reset() {
     this.element.setAttribute("data-state", "idle");

package/dist/controllers/clipboard_controller.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/announce.ts","../../src/utils/before_cache_reset.ts","../../src/utils/default_attribute.ts","../../src/utils/safe_timeout.ts","../../src/controllers/clipboard_controller.ts"],"names":[],"mappings":"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","file":"clipboard_controller.js","sourcesContent":["/**\n * Sends one message to the page's shared `stimeo--announcer`.\n *\n * A component that has to reach assistive tech does not carry a live region of its\n * own: a region only announces what changes *after* assistive tech already knows\n * about it, which a region that appears (or is un-hidden) with its message cannot\n * satisfy. The one region that can is the announcer sitting in the page from the\n * start, so state changes are handed to it as an event and it does the reading.\n *\n * The event goes to `window` because the announcer is usually a sibling high in the\n * document rather than an ancestor of the component dispatching it.\n *\n * Wording comes from the consumer — the library ships no English strings — so an\n * empty message is silently dropped and nothing is announced.\n *\n * @example\n * ```ts\n * announce(this.announceTextValue, { assertive: false });\n * ```\n */\nexport function announce(message: string, options: { assertive?: boolean } = {}): void {\n  const text = message.trim();\n  if (text.length === 0) return;\n  window.dispatchEvent(\n    new CustomEvent(\"stimeo--announcer:announce\", {\n      detail: { message: text, assertive: options.assertive === true },\n    }),\n  );\n}\n\n/**\n * Fills `{name}` placeholders in an announcement template from `values`.\n *\n * The same substitution the value-text templates use, so a consumer writes\n * `\"{percent}% complete\"` in one attribute and gets the same rules everywhere. A\n * placeholder with no matching entry is left as authored rather than blanked, which\n * keeps a typo visible instead of silently swallowing the word.\n */\nexport function fillTemplate(template: string, values: Record<string, string | number>): string {\n  return template.replace(/\\{([a-zA-Z][a-zA-Z0-9]*)\\}/g, (match, name: string) => {\n    const replacement = values[name];\n    return replacement === undefined ? match : String(replacement);\n  });\n}\n","/**\n * Runs a controller's \"return to the initial state\" pass just before Turbo\n * caches the page.\n *\n * **`disconnect()` cannot do this job, for two independent reasons.** Turbo\n * queues the clone from this event rather than taking it here, and the body swap\n * that runs the controller's `disconnect()` is queued separately — so which of\n * the two lands first is not something a controller can rely on, and a rewind\n * written in `disconnect()` may reach only the DOM being thrown away. In the\n * other direction, `disconnect()` also fires on an in-page move (Stimulus tears\n * down and reconnects the same element), where rewinding would wipe a\n * legitimately in-progress interaction — a spinner mid-load would vanish. One\n * timing is unreliable, the other is too eager; `turbo:before-cache` is the only\n * point that is exactly \"the page is about to be frozen\".\n *\n * Scope is the subscription only: registering on `activate()`, unregistering on\n * `deactivate()`, and one shared document listener no matter how many instances\n * are live. *What* to return to its initial state — which `data-state`, which\n * `hidden`, which `aria-busy` — stays in the controller, because no two\n * consumers answer it the same way.\n *\n * **Rewind state, not appearance.** The pass writes attributes the controller\n * itself owns; the visual result of those attributes is the consumer's CSS, and\n * a library that reached for style or class names would be guessing at markup\n * it does not own.\n *\n * Both entry points are idempotent, so the lifecycle hooks can call them\n * unconditionally: a second `activate()` does not double-subscribe and does not\n * make the callback run twice, and `deactivate()` on an instance that never\n * subscribed is a no-op.\n *\n * This file's own doc block is dropped from `dist`, but every member comment is\n * inlined into each consumer entry (`tsup` builds with `splitting: false`), so\n * rationale belongs here and only the contract belongs on the members.\n *\n * @example\n * ```ts\n * readonly #beforeCache = new BeforeCacheReset(() => this.#rewind());\n *\n * connect()    { this.#beforeCache.activate(); }\n * disconnect() { this.#beforeCache.deactivate(); }\n * ```\n */\nexport class BeforeCacheReset {\n  /** Every subscribed instance, iterated by the one shared document listener. */\n  static readonly #subscribers = new Set<BeforeCacheReset>();\n\n  /** The shared listener; installed while at least one instance is subscribed. */\n  static readonly #onBeforeCache = (): void => {\n    for (const subscriber of BeforeCacheReset.#subscribers) subscriber.#rewind();\n  };\n\n  readonly #rewind: () => void;\n\n  /** @param rewind - the pass that returns this controller's state to its initial form. */\n  constructor(rewind: () => void) {\n    this.#rewind = rewind;\n  }\n\n  /** Subscribes to `turbo:before-cache`; call from `connect()`. Idempotent. */\n  activate(): void {\n    const first = BeforeCacheReset.#subscribers.size === 0;\n    BeforeCacheReset.#subscribers.add(this);\n    if (first) {\n      document.addEventListener(\"turbo:before-cache\", BeforeCacheReset.#onBeforeCache);\n    }\n  }\n\n  /** Unsubscribes; call from `disconnect()`. Safe when never subscribed. */\n  deactivate(): void {\n    BeforeCacheReset.#subscribers.delete(this);\n    if (BeforeCacheReset.#subscribers.size > 0) return;\n    document.removeEventListener(\"turbo:before-cache\", BeforeCacheReset.#onBeforeCache);\n  }\n}\n","/**\n * Adds an attribute default without displacing an authored value.\n *\n * Attribute presence — including an authored empty string — is the ownership\n * boundary. The return value lets a caller remember that it supplied the\n * default when that caller must later restore the authored state.\n *\n * @param element - Element that owns the attribute\n * @param name - Attribute name\n * @param value - Value to write only when the attribute is absent\n * @returns Whether this call added the attribute\n */\nexport function setDefaultAttribute(element: Element, name: string, value: string): boolean {\n  if (element.hasAttribute(name)) return false;\n  element.setAttribute(name, value);\n  return true;\n}\n","/**\n * Self-cleaning timer registries shared by Stimeo controllers.\n *\n * Stimulus controllers frequently schedule `setTimeout` / `setInterval` work\n * (auto-dismiss, debouncing, polling). When the element leaves the DOM — a\n * Turbo Drive navigation, a Turbo Stream replacement, or any `disconnect()` —\n * orphaned timers keep firing against a detached controller, leaking memory and\n * mutating stale state. {@link SafeTimeout} and {@link SafeInterval} track every\n * timer they create so a single {@link TimerRegistry.clearAll | clearAll()} call\n * in `disconnect()` tears them all down.\n *\n * These are intentionally low-level primitives: they own *registration and\n * cleanup only*. Higher-level policy (pause/resume, remaining-time accounting)\n * stays in the individual controllers so per-widget semantics are not flattened\n * into a lowest-common-denominator helper.\n */\n\n/**\n * Largest delay a timer can hold: the platform stores it in a 32-bit signed\n * integer, and anything larger overflows to `1`, so a delay meant to be far in\n * the future fires almost immediately. A declared delay above this bound names\n * no delay at all, and a controller reading one falls back to its default.\n */\nexport const MAX_TIMER_DELAY_MS = 2_147_483_647;\n\n/**\n * Shared registry bookkeeping for the timeout/interval variants.\n *\n * Subclasses provide the scheduling primitive ({@link schedule}) and its matching\n * canceller ({@link cancel}); this base owns the set of live ids plus the\n * per-id and bulk teardown shared by both.\n */\nabstract class TimerRegistry {\n  /** Live timer ids that have not yet been cleared (or, for timeouts, fired). */\n  protected readonly ids = new Set<number>();\n\n  /** Schedules the underlying platform timer and returns its id. */\n  protected abstract schedule(callback: () => void, delay: number): number;\n\n  /** Cancels the underlying platform timer for `id`. */\n  protected abstract cancel(id: number): void;\n\n  /**\n   * Cancels a single tracked timer.\n   *\n   * No-ops if the id is unknown (already cleared, fired, or never owned by this\n   * registry), so callers can clear defensively without guarding.\n   */\n  clear(id: number): void {\n    if (this.ids.delete(id)) {\n      this.cancel(id);\n    }\n  }\n\n  /**\n   * Cancels every tracked timer. Call this from a controller's `disconnect()`\n   * to guarantee no timer outlives the element.\n   */\n  clearAll(): void {\n    for (const id of this.ids) {\n      this.cancel(id);\n    }\n    this.ids.clear();\n  }\n\n  /** Number of timers currently tracked (pending). */\n  get size(): number {\n    return this.ids.size;\n  }\n}\n\n/**\n * `setTimeout` wrapper that auto-forgets each timer once it fires and supports\n * bulk teardown on disconnect.\n *\n * @example\n * ```ts\n * #timers = new SafeTimeout();\n *\n * connect() {\n *   this.#timers.set(() => this.dismiss(), 5000);\n * }\n *\n * disconnect() {\n *   this.#timers.clearAll();\n * }\n * ```\n */\nexport class SafeTimeout extends TimerRegistry {\n  /**\n   * Schedules `callback` after `delay` ms and returns the timer id.\n   *\n   * The id is removed from the registry automatically when the timeout fires,\n   * so {@link TimerRegistry.size | size} reflects only still-pending timers.\n   */\n  set(callback: () => void, delay: number): number {\n    const id = this.schedule(() => {\n      this.ids.delete(id);\n      callback();\n    }, delay);\n    this.ids.add(id);\n    return id;\n  }\n\n  protected schedule(callback: () => void, delay: number): number {\n    return window.setTimeout(callback, delay);\n  }\n\n  protected cancel(id: number): void {\n    window.clearTimeout(id);\n  }\n}\n\n/**\n * `setInterval` wrapper that tracks every interval for bulk teardown on\n * disconnect. Unlike {@link SafeTimeout}, intervals are retained until they are\n * explicitly cleared because they fire repeatedly.\n *\n * @example\n * ```ts\n * #intervals = new SafeInterval();\n *\n * connect() {\n *   this.#intervals.set(() => this.tick(), 1000);\n * }\n *\n * disconnect() {\n *   this.#intervals.clearAll();\n * }\n * ```\n */\nexport class SafeInterval extends TimerRegistry {\n  /** Schedules a repeating `callback` every `delay` ms and returns the timer id. */\n  set(callback: () => void, delay: number): number {\n    const id = this.schedule(callback, delay);\n    this.ids.add(id);\n    return id;\n  }\n\n  protected schedule(callback: () => void, delay: number): number {\n    return window.setInterval(callback, delay);\n  }\n\n  protected cancel(id: number): void {\n    window.clearInterval(id);\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport { announce } from \"../utils/announce\";\nimport { BeforeCacheReset } from \"../utils/before_cache_reset\";\nimport { setDefaultAttribute } from \"../utils/default_attribute\";\nimport { SafeTimeout } from \"../utils/safe_timeout\";\n\n/**\n * The `data-state` values this controller writes itself. Any other value on the\n * attribute was authored by the consumer and is left alone.\n */\nconst TRANSIENT_STATES = new Set([\"copied\", \"error\"]);\n\n/**\n * Headless copy-to-clipboard behavior with a completion slot and a screen-reader\n * announcement.\n *\n * Markup contract (identifier: `stimeo--clipboard`):\n *   <div data-controller=\"stimeo--clipboard\"\n *        data-stimeo--clipboard-feedback-duration-value=\"2000\"\n *        data-stimeo--clipboard-announce-copied-text-value=\"Copied to clipboard\"\n *        data-stimeo--clipboard-announce-error-text-value=\"Copy failed\">\n *     <input type=\"text\" value=\"https://example.com\" readonly\n *            data-stimeo--clipboard-target=\"source\">\n *     <button type=\"button\" data-stimeo--clipboard-target=\"button\"\n *             data-action=\"click->stimeo--clipboard#copy\">Copy</button>\n *     <span data-stimeo--clipboard-target=\"feedback\"></span>\n *   </div>\n *\n * No dedicated APG pattern; this follows the Button practice plus a status message\n * ({@link https://www.w3.org/WAI/WCAG22/Understanding/status-changes.html | WCAG 2.2 SC 4.1.3}).\n * The copy uses the standard `navigator.clipboard` API (no extra dependency); every\n * failure mode — an API the browser withholds outside a secure context as much as a\n * rejected permission — settles the same way, as `data-state=\"error\"` plus the\n * `copy` event's `success: false`.\n *\n * Targets: `source` (the text to copy, when `text` is not set), `button` (the\n * control that triggers `copy`), `feedback` (the **visible** completion slot).\n *\n * Values: `text` (copy this instead of reading `source`), `feedbackDuration` (ms the\n * completion state is held; `0` or less arms no timer, so it stands until the next\n * copy — a reconnect and the before-cache rewind still clear it), `copiedLabel` /\n * `errorLabel` (what the visible slot shows), `announceCopiedText` /\n * `announceErrorText` (what assistive tech hears; empty announces nothing).\n *\n * @remarks\n * Behavior only — icon swaps and styling are the consumer's, keyed off `data-state`\n * (`idle` / `copied` / `error`).\n *\n * **The `feedback` slot must not carry live-region semantics.** Announcing is the\n * page's shared `stimeo--announcer` job: it is seated before the change it reads,\n * which a slot filled on demand cannot be, and it already collapses a repeat of the\n * same wording so a second copy is still heard. A `role=\"status\"` on the slot as\n * well would say everything twice.\n *\n * `copied` and `error` are transient: the timer that clears them belongs to one\n * connection, so a fresh `connect()` that finds either — a restored snapshot, an\n * in-page move — returns to `idle`, and the state is rewound before Turbo caches\n * the page (`BeforeCacheReset`). The rewind is silent: it discards nothing a\n * reconnect does not derive again.\n */\nexport class ClipboardController extends Controller<HTMLElement> {\n  static override targets = [\"source\", \"button\", \"feedback\"];\n  static override values = {\n    text: { type: String, default: \"\" },\n    feedbackDuration: { type: Number, default: 2000 },\n    copiedLabel: { type: String, default: \"Copied\" },\n    errorLabel: { type: String, default: \"Copy failed\" },\n    announceCopiedText: { type: String, default: \"\" },\n    announceErrorText: { type: String, default: \"\" },\n  };\n  static actions = [\"copy\"] as const;\n  static events = [\"copy\"] as const;\n\n  declare readonly sourceTarget: HTMLElement;\n  declare readonly buttonTarget: HTMLElement;\n  declare readonly feedbackTarget: HTMLElement;\n  declare readonly hasSourceTarget: boolean;\n  declare readonly hasButtonTarget: boolean;\n  declare readonly hasFeedbackTarget: boolean;\n\n  declare textValue: string;\n  declare feedbackDurationValue: number;\n  declare copiedLabelValue: string;\n  declare errorLabelValue: string;\n  declare announceCopiedTextValue: string;\n  declare announceErrorTextValue: string;\n\n  /**\n   * The pending return to idle — the only timer this controller schedules, so\n   * `clearAll()` is exactly \"drop the auto-clear\" and needs no id of its own.\n   */\n  readonly #timers = new SafeTimeout();\n\n  /** Returns the completion state to idle for the snapshot Turbo takes. */\n  readonly #beforeCache = new BeforeCacheReset(() => this.#rewind());\n\n  /**\n   * Whether this connection is still live. `copy()` suspends on the Clipboard API,\n   * and a teardown that lands while it is suspended must win: the continuation\n   * would otherwise write to an element nobody owns and arm a timer past the\n   * `clearAll()` that was supposed to be the last word.\n   */\n  #connected = false;\n\n  override connect(): void {\n    this.#connected = true;\n    this.#adopt();\n    this.#beforeCache.activate();\n  }\n\n  override disconnect(): void {\n    this.#connected = false;\n    this.#beforeCache.deactivate();\n    this.#timers.clearAll();\n  }\n\n  /**\n   * Copies the resolved text and reports the outcome. Bound via `data-action`\n   * (click). Dispatches `stimeo--clipboard:copy` with `{ success, text }` once per\n   * completed attempt — including on failure — so consumers can react either way.\n   * An attempt whose connection ended while it was in flight reports nothing.\n   */\n  async copy(): Promise<void> {\n    const text = this.#resolveText();\n    let success = false;\n    try {\n      await navigator.clipboard.writeText(text);\n      success = true;\n    } catch {\n      success = false;\n    }\n    if (!this.#connected) return;\n\n    this.#reportResult(success);\n    this.dispatch(\"copy\", { detail: { success, text } });\n  }\n\n  /**\n   * The text to copy: the explicit `text` value when set, otherwise the source\n   * target's current value (inputs/textareas) or text content.\n   */\n  #resolveText(): string {\n    if (this.textValue.length > 0) return this.textValue;\n    if (!this.hasSourceTarget) return \"\";\n    const source = this.sourceTarget;\n    if (source instanceof HTMLInputElement || source instanceof HTMLTextAreaElement) {\n      return source.value;\n    }\n    return source.textContent ?? \"\";\n  }\n\n  /**\n   * Reads the current state back from the DOM.\n   *\n   * A `copied` or `error` found at connect time is this controller's own output\n   * from a connection that is gone, and so is the timer that would have cleared it\n   * — nothing else would ever return the element to `idle`. Any other authored\n   * value belongs to the consumer and only a missing attribute takes the default.\n   */\n  #adopt(): void {\n    if (this.#inTransientState()) {\n      this.#reset();\n      return;\n    }\n    setDefaultAttribute(this.element, \"data-state\", \"idle\");\n  }\n\n  /** Whether `data-state` currently holds one of the values this controller writes. */\n  #inTransientState(): boolean {\n    const state = this.element.getAttribute(\"data-state\");\n    return state !== null && TRANSIENT_STATES.has(state);\n  }\n\n  /**\n   * Returns the completion state to idle for the snapshot Turbo is about to take,\n   * so a page reached with the Back button does not report a copy that happened\n   * before the navigation. Only a state this controller wrote is rewound — an\n   * authored one is the consumer's and has to survive into the snapshot, exactly as\n   * `connect()` leaves it alone. State only — no `copy` is dispatched, which would\n   * claim a fresh copy ran.\n   */\n  #rewind(): void {\n    if (!this.#inTransientState()) return;\n    this.#timers.clearAll();\n    this.#reset();\n  }\n\n  /** Reflects the result, announces it, and schedules the return to idle. */\n  #reportResult(success: boolean): void {\n    this.element.setAttribute(\"data-state\", success ? \"copied\" : \"error\");\n    if (this.hasFeedbackTarget) {\n      this.feedbackTarget.textContent = success ? this.copiedLabelValue : this.errorLabelValue;\n    }\n    announce(success ? this.announceCopiedTextValue : this.announceErrorTextValue);\n\n    // Drop any in-flight reset so consecutive copies restart the full window\n    // rather than having the earlier timer clear the new result prematurely.\n    this.#timers.clearAll();\n    if (this.feedbackDurationValue > 0) {\n      this.#timers.set(() => this.#reset(), this.feedbackDurationValue);\n    }\n  }\n\n  /** Returns to the idle state and empties the completion slot. */\n  #reset(): void {\n    this.element.setAttribute(\"data-state\", \"idle\");\n    if (this.hasFeedbackTarget) {\n      this.feedbackTarget.textContent = \"\";\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../src/utils/announce.ts","../../src/utils/before_cache_reset.ts","../../src/utils/default_attribute.ts","../../src/utils/safe_timeout.ts","../../src/controllers/clipboard_controller.ts"],"names":[],"mappings":"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","file":"clipboard_controller.js","sourcesContent":["/**\n * Sends one message to the page's shared `stimeo--announcer`.\n *\n * A component that has to reach assistive tech does not carry a live region of its\n * own: a region only announces what changes *after* assistive tech already knows\n * about it, which a region that appears (or is un-hidden) with its message cannot\n * satisfy. The one region that can is the announcer sitting in the page from the\n * start, so state changes are handed to it as an event and it does the reading.\n *\n * The event goes to `window` because the announcer is usually a sibling high in the\n * document rather than an ancestor of the component dispatching it.\n *\n * Wording comes from the consumer — the library ships no English strings — so an\n * empty message is silently dropped and nothing is announced.\n *\n * @example\n * ```ts\n * announce(this.announceTextValue, { assertive: false });\n * ```\n */\nexport function announce(message: string, options: { assertive?: boolean } = {}): void {\n  const text = message.trim();\n  if (text.length === 0) return;\n  window.dispatchEvent(\n    new CustomEvent(\"stimeo--announcer:announce\", {\n      detail: { message: text, assertive: options.assertive === true },\n    }),\n  );\n}\n\n/**\n * Fills `{name}` placeholders in an announcement template from `values`.\n *\n * The same substitution the value-text templates use, so a consumer writes\n * `\"{percent}% complete\"` in one attribute and gets the same rules everywhere. A\n * placeholder with no matching entry is left as authored rather than blanked, which\n * keeps a typo visible instead of silently swallowing the word.\n */\nexport function fillTemplate(template: string, values: Record<string, string | number>): string {\n  return template.replace(/\\{([a-zA-Z][a-zA-Z0-9]*)\\}/g, (match, name: string) => {\n    const replacement = values[name];\n    return replacement === undefined ? match : String(replacement);\n  });\n}\n","/**\n * Runs a controller's \"return to the initial state\" pass just before Turbo\n * caches the page.\n *\n * **`disconnect()` cannot do this job, for two independent reasons.** Turbo\n * queues the clone from this event rather than taking it here, and the body swap\n * that runs the controller's `disconnect()` is queued separately — so which of\n * the two lands first is not something a controller can rely on, and a rewind\n * written in `disconnect()` may reach only the DOM being thrown away. In the\n * other direction, `disconnect()` also fires on an in-page move (Stimulus tears\n * down and reconnects the same element), where rewinding would wipe a\n * legitimately in-progress interaction — a spinner mid-load would vanish. One\n * timing is unreliable, the other is too eager; `turbo:before-cache` is the only\n * point that is exactly \"the page is about to be frozen\".\n *\n * Scope is the subscription only: registering on `activate()`, unregistering on\n * `deactivate()`, and one shared document listener no matter how many instances\n * are live. *What* to return to its initial state — which `data-state`, which\n * `hidden`, which `aria-busy` — stays in the controller, because no two\n * consumers answer it the same way.\n *\n * **Rewind state, not appearance.** The pass writes attributes the controller\n * itself owns; the visual result of those attributes is the consumer's CSS, and\n * a library that reached for style or class names would be guessing at markup\n * it does not own.\n *\n * Both entry points are idempotent, so the lifecycle hooks can call them\n * unconditionally: a second `activate()` does not double-subscribe and does not\n * make the callback run twice, and `deactivate()` on an instance that never\n * subscribed is a no-op.\n *\n * This file's own doc block is dropped from `dist`, but every member comment is\n * inlined into each consumer entry (`tsup` builds with `splitting: false`), so\n * rationale belongs here and only the contract belongs on the members.\n *\n * @example\n * ```ts\n * readonly #beforeCache = new BeforeCacheReset(() => this.#rewind());\n *\n * connect()    { this.#beforeCache.activate(); }\n * disconnect() { this.#beforeCache.deactivate(); }\n * ```\n */\nexport class BeforeCacheReset {\n  /** Every subscribed instance, iterated by the one shared document listener. */\n  static readonly #subscribers = new Set<BeforeCacheReset>();\n\n  /** The shared listener; installed while at least one instance is subscribed. */\n  static readonly #onBeforeCache = (): void => {\n    for (const subscriber of BeforeCacheReset.#subscribers) subscriber.#rewind();\n  };\n\n  readonly #rewind: () => void;\n\n  /** @param rewind - the pass that returns this controller's state to its initial form. */\n  constructor(rewind: () => void) {\n    this.#rewind = rewind;\n  }\n\n  /** Subscribes to `turbo:before-cache`; call from `connect()`. Idempotent. */\n  activate(): void {\n    const first = BeforeCacheReset.#subscribers.size === 0;\n    BeforeCacheReset.#subscribers.add(this);\n    if (first) {\n      document.addEventListener(\"turbo:before-cache\", BeforeCacheReset.#onBeforeCache);\n    }\n  }\n\n  /** Unsubscribes; call from `disconnect()`. Safe when never subscribed. */\n  deactivate(): void {\n    BeforeCacheReset.#subscribers.delete(this);\n    if (BeforeCacheReset.#subscribers.size > 0) return;\n    document.removeEventListener(\"turbo:before-cache\", BeforeCacheReset.#onBeforeCache);\n  }\n}\n","/**\n * Adds an attribute default without displacing an authored value.\n *\n * Attribute presence — including an authored empty string — is the ownership\n * boundary. The return value lets a caller remember that it supplied the\n * default when that caller must later restore the authored state.\n *\n * @param element - Element that owns the attribute\n * @param name - Attribute name\n * @param value - Value to write only when the attribute is absent\n * @returns Whether this call added the attribute\n */\nexport function setDefaultAttribute(element: Element, name: string, value: string): boolean {\n  if (element.hasAttribute(name)) return false;\n  element.setAttribute(name, value);\n  return true;\n}\n","/**\n * Self-cleaning timer registries shared by Stimeo controllers.\n *\n * Stimulus controllers frequently schedule `setTimeout` / `setInterval` work\n * (auto-dismiss, debouncing, polling). When the element leaves the DOM — a\n * Turbo Drive navigation, a Turbo Stream replacement, or any `disconnect()` —\n * orphaned timers keep firing against a detached controller, leaking memory and\n * mutating stale state. {@link SafeTimeout} and {@link SafeInterval} track every\n * timer they create so a single {@link TimerRegistry.clearAll | clearAll()} call\n * in `disconnect()` tears them all down.\n *\n * These are intentionally low-level primitives: they own *registration and\n * cleanup only*. Higher-level policy (pause/resume, remaining-time accounting)\n * stays in the individual controllers so per-widget semantics are not flattened\n * into a lowest-common-denominator helper.\n */\n\n/**\n * Largest delay a timer can hold: the platform stores it in a 32-bit signed\n * integer, and anything larger overflows to `1`, so a delay meant to be far in\n * the future fires almost immediately. A declared delay above this bound names\n * no delay at all, and a controller reading one falls back to its default.\n */\nexport const MAX_TIMER_DELAY_MS = 2_147_483_647;\n\n/**\n * Shared registry bookkeeping for the timeout/interval variants.\n *\n * Subclasses provide the scheduling primitive ({@link schedule}) and its matching\n * canceller ({@link cancel}); this base owns the set of live ids plus the\n * per-id and bulk teardown shared by both.\n */\nabstract class TimerRegistry {\n  /** Live timer ids that have not yet been cleared (or, for timeouts, fired). */\n  protected readonly ids = new Set<number>();\n\n  /** Schedules the underlying platform timer and returns its id. */\n  protected abstract schedule(callback: () => void, delay: number): number;\n\n  /** Cancels the underlying platform timer for `id`. */\n  protected abstract cancel(id: number): void;\n\n  /**\n   * Cancels a single tracked timer.\n   *\n   * No-ops if the id is unknown (already cleared, fired, or never owned by this\n   * registry), so callers can clear defensively without guarding.\n   */\n  clear(id: number): void {\n    if (this.ids.delete(id)) {\n      this.cancel(id);\n    }\n  }\n\n  /**\n   * Cancels every tracked timer. Call this from a controller's `disconnect()`\n   * to guarantee no timer outlives the element.\n   */\n  clearAll(): void {\n    for (const id of this.ids) {\n      this.cancel(id);\n    }\n    this.ids.clear();\n  }\n\n  /** Number of timers currently tracked (pending). */\n  get size(): number {\n    return this.ids.size;\n  }\n}\n\n/**\n * `setTimeout` wrapper that auto-forgets each timer once it fires and supports\n * bulk teardown on disconnect.\n *\n * @example\n * ```ts\n * #timers = new SafeTimeout();\n *\n * connect() {\n *   this.#timers.set(() => this.dismiss(), 5000);\n * }\n *\n * disconnect() {\n *   this.#timers.clearAll();\n * }\n * ```\n */\nexport class SafeTimeout extends TimerRegistry {\n  /**\n   * Schedules `callback` after `delay` ms and returns the timer id.\n   *\n   * The id is removed from the registry automatically when the timeout fires,\n   * so {@link TimerRegistry.size | size} reflects only still-pending timers.\n   */\n  set(callback: () => void, delay: number): number {\n    const id = this.schedule(() => {\n      this.ids.delete(id);\n      callback();\n    }, delay);\n    this.ids.add(id);\n    return id;\n  }\n\n  protected schedule(callback: () => void, delay: number): number {\n    return window.setTimeout(callback, delay);\n  }\n\n  protected cancel(id: number): void {\n    window.clearTimeout(id);\n  }\n}\n\n/**\n * `setInterval` wrapper that tracks every interval for bulk teardown on\n * disconnect. Unlike {@link SafeTimeout}, intervals are retained until they are\n * explicitly cleared because they fire repeatedly.\n *\n * @example\n * ```ts\n * #intervals = new SafeInterval();\n *\n * connect() {\n *   this.#intervals.set(() => this.tick(), 1000);\n * }\n *\n * disconnect() {\n *   this.#intervals.clearAll();\n * }\n * ```\n */\nexport class SafeInterval extends TimerRegistry {\n  /** Schedules a repeating `callback` every `delay` ms and returns the timer id. */\n  set(callback: () => void, delay: number): number {\n    const id = this.schedule(callback, delay);\n    this.ids.add(id);\n    return id;\n  }\n\n  protected schedule(callback: () => void, delay: number): number {\n    return window.setInterval(callback, delay);\n  }\n\n  protected cancel(id: number): void {\n    window.clearInterval(id);\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nimport { announce } from \"../utils/announce\";\nimport { BeforeCacheReset } from \"../utils/before_cache_reset\";\nimport { setDefaultAttribute } from \"../utils/default_attribute\";\nimport { SafeTimeout } from \"../utils/safe_timeout\";\n\n/**\n * The `data-state` values this controller writes itself. Any other value on the\n * attribute was authored by the consumer and is left alone.\n */\nconst TRANSIENT_STATES = new Set([\"copied\", \"error\"]);\n\n/**\n * Headless copy-to-clipboard behavior with a completion slot and a screen-reader\n * announcement.\n *\n * Markup contract (identifier: `stimeo--clipboard`):\n *   <div data-controller=\"stimeo--clipboard\"\n *        data-stimeo--clipboard-feedback-duration-value=\"2000\"\n *        data-stimeo--clipboard-announce-copied-text-value=\"Copied to clipboard\"\n *        data-stimeo--clipboard-announce-error-text-value=\"Copy failed\">\n *     <input type=\"text\" value=\"https://example.com\" readonly\n *            data-stimeo--clipboard-target=\"source\">\n *     <button type=\"button\" data-stimeo--clipboard-target=\"button\"\n *             data-action=\"click->stimeo--clipboard#copy\">Copy</button>\n *     <span data-stimeo--clipboard-target=\"feedback\"></span>\n *   </div>\n *\n * No dedicated APG pattern; this follows the Button practice plus a status message\n * ({@link https://www.w3.org/WAI/WCAG22/Understanding/status-changes.html | WCAG 2.2 SC 4.1.3}).\n * The copy uses the standard `navigator.clipboard` API (no extra dependency); every\n * failure mode — an API the browser withholds outside a secure context as much as a\n * rejected permission — settles the same way, as `data-state=\"error\"` plus the\n * `copy` event's `success: false`.\n *\n * Targets: `source` (the text to copy, when `text` is not set), `button` (the\n * control that triggers `copy`), `feedback` (the **visible** completion slot).\n *\n * Values: `text` (copy this instead of reading `source`), `feedbackDuration` (ms the\n * completion state is held; `0` or less arms no timer, so it stands until the next\n * copy — a reconnect and the before-cache rewind still clear it), `copiedLabel` /\n * `errorLabel` (what the visible slot shows), `announceCopiedText` /\n * `announceErrorText` (what assistive tech hears; empty announces nothing).\n *\n * @remarks\n * Behavior only — icon swaps and styling are the consumer's, keyed off `data-state`\n * (`idle` / `copied` / `error`).\n *\n * **The `feedback` slot must not carry live-region semantics.** Announcing is the\n * page's shared `stimeo--announcer` job: it is seated before the change it reads,\n * which a slot filled on demand cannot be, and it already collapses a repeat of the\n * same wording so a second copy is still heard. A `role=\"status\"` on the slot as\n * well would say everything twice.\n *\n * `copied` and `error` are transient: the timer that clears them belongs to one\n * connection, so a fresh `connect()` that finds either — a restored snapshot, an\n * in-page move — returns to `idle`, and the state is rewound before Turbo caches\n * the page (`BeforeCacheReset`). The rewind is silent: it discards nothing a\n * reconnect does not derive again.\n *\n * A `copiedLabel` / `errorLabel` changed on the live element while its result is\n * shown rewrites the slot — only while the slot still reads the label the copy wrote\n * — without announcing, dispatching or moving the return to idle. Stimulus reports no\n * change when a label attribute whose value was empty is removed, so the slot keeps\n * the empty label until the next copy. `feedbackDuration` and the announcement texts\n * belong to one copy, so a change to them applies from the next.\n */\nexport class ClipboardController extends Controller<HTMLElement> {\n  static override targets = [\"source\", \"button\", \"feedback\"];\n  static override values = {\n    text: { type: String, default: \"\" },\n    feedbackDuration: { type: Number, default: 2000 },\n    copiedLabel: { type: String, default: \"Copied\" },\n    errorLabel: { type: String, default: \"Copy failed\" },\n    announceCopiedText: { type: String, default: \"\" },\n    announceErrorText: { type: String, default: \"\" },\n  };\n  static actions = [\"copy\"] as const;\n  static events = [\"copy\"] as const;\n\n  declare readonly sourceTarget: HTMLElement;\n  declare readonly buttonTarget: HTMLElement;\n  declare readonly feedbackTarget: HTMLElement;\n  declare readonly hasSourceTarget: boolean;\n  declare readonly hasButtonTarget: boolean;\n  declare readonly hasFeedbackTarget: boolean;\n\n  declare textValue: string;\n  declare feedbackDurationValue: number;\n  declare copiedLabelValue: string;\n  declare errorLabelValue: string;\n  declare announceCopiedTextValue: string;\n  declare announceErrorTextValue: string;\n\n  /**\n   * The pending return to idle — the only timer this controller schedules, so\n   * `clearAll()` is exactly \"drop the auto-clear\" and needs no id of its own.\n   */\n  readonly #timers = new SafeTimeout();\n\n  /** Returns the completion state to idle for the snapshot Turbo takes. */\n  readonly #beforeCache = new BeforeCacheReset(() => this.#rewind());\n\n  /**\n   * Whether this connection is still live. `copy()` suspends on the Clipboard API,\n   * and a teardown that lands while it is suspended must win: the continuation\n   * would otherwise write to an element nobody owns and arm a timer past the\n   * `clearAll()` that was supposed to be the last word. Stimulus also runs the label\n   * callbacks ahead of `connect()`, while this is still false: a result restored with\n   * the markup is `connect()`'s to settle, not theirs.\n   */\n  #connected = false;\n\n  override connect(): void {\n    this.#connected = true;\n    this.#adopt();\n    this.#beforeCache.activate();\n  }\n\n  override disconnect(): void {\n    this.#connected = false;\n    this.#beforeCache.deactivate();\n    this.#timers.clearAll();\n  }\n\n  /**\n   * Follows a `copiedLabel` swapped in place while a successful copy is shown.\n   *\n   * Render only: nothing is announced or dispatched, and the return to idle keeps the\n   * deadline the copy set. The slot changes only while `data-state` is `copied` and it\n   * still reads the previous label — the one the copy wrote there — so text someone\n   * else put in the slot stays. Stimulus also runs this ahead of `connect()`, which\n   * settles a result restored with the markup itself, so nothing is written then.\n   */\n  copiedLabelValueChanged(label: string, previous: string | undefined): void {\n    this.#followLabel(\"copied\", label, previous);\n  }\n\n  /**\n   * Follows an `errorLabel` swapped in place while a failed copy is shown, on the same\n   * terms as {@link ClipboardController.copiedLabelValueChanged}: only while\n   * `data-state` is `error` and the slot still reads the previous label.\n   */\n  errorLabelValueChanged(label: string, previous: string | undefined): void {\n    this.#followLabel(\"error\", label, previous);\n  }\n\n  /**\n   * Copies the resolved text and reports the outcome. Bound via `data-action`\n   * (click). Dispatches `stimeo--clipboard:copy` with `{ success, text, message }`\n   * once per completed attempt — including on failure — so consumers can react\n   * either way. `message` is the authored label for that outcome, so a part that\n   * shows wording — `stimeo--clipboard:copy->stimeo--toast#show` — needs nothing\n   * else; wiring both that and the announcer reads the same result twice.\n   * An attempt whose connection ended while it was in flight reports nothing.\n   */\n  async copy(): Promise<void> {\n    const text = this.#resolveText();\n    let success = false;\n    try {\n      await navigator.clipboard.writeText(text);\n      success = true;\n    } catch {\n      success = false;\n    }\n    if (!this.#connected) return;\n\n    this.#reportResult(success);\n    const message = success ? this.copiedLabelValue : this.errorLabelValue;\n    this.dispatch(\"copy\", { detail: { success, text, message } });\n  }\n\n  /**\n   * The text to copy: the explicit `text` value when set, otherwise the source\n   * target's current value (inputs/textareas) or text content.\n   */\n  #resolveText(): string {\n    if (this.textValue.length > 0) return this.textValue;\n    if (!this.hasSourceTarget) return \"\";\n    const source = this.sourceTarget;\n    if (source instanceof HTMLInputElement || source instanceof HTMLTextAreaElement) {\n      return source.value;\n    }\n    return source.textContent ?? \"\";\n  }\n\n  /**\n   * Reads the current state back from the DOM.\n   *\n   * A `copied` or `error` found at connect time is this controller's own output\n   * from a connection that is gone, and so is the timer that would have cleared it\n   * — nothing else would ever return the element to `idle`. Any other authored\n   * value belongs to the consumer and only a missing attribute takes the default.\n   */\n  #adopt(): void {\n    if (this.#inTransientState()) {\n      this.#reset();\n      return;\n    }\n    setDefaultAttribute(this.element, \"data-state\", \"idle\");\n  }\n\n  /** Whether `data-state` currently holds one of the values this controller writes. */\n  #inTransientState(): boolean {\n    const state = this.element.getAttribute(\"data-state\");\n    return state !== null && TRANSIENT_STATES.has(state);\n  }\n\n  /**\n   * Returns the completion state to idle for the snapshot Turbo is about to take,\n   * so a page reached with the Back button does not report a copy that happened\n   * before the navigation. Only a state this controller wrote is rewound — an\n   * authored one is the consumer's and has to survive into the snapshot, exactly as\n   * `connect()` leaves it alone. State only — no `copy` is dispatched, which would\n   * claim a fresh copy ran.\n   */\n  #rewind(): void {\n    if (!this.#inTransientState()) return;\n    this.#timers.clearAll();\n    this.#reset();\n  }\n\n  /**\n   * Reflects the result, announces it, and schedules the return to idle.\n   *\n   * @stimeoRenderRoot\n   */\n  #reportResult(success: boolean): void {\n    this.element.setAttribute(\"data-state\", success ? \"copied\" : \"error\");\n    if (this.hasFeedbackTarget) {\n      this.feedbackTarget.textContent = success ? this.copiedLabelValue : this.errorLabelValue;\n    }\n    this.#announceResult(success);\n    this.#scheduleReset();\n  }\n\n  /**\n   * Reads the result out through the shared announcer.\n   *\n   * @stimeoRuntimeOnly `announceCopiedText` / `announceErrorText` word the one announcement a copy\n   *   makes.\n   */\n  #announceResult(success: boolean): void {\n    announce(success ? this.announceCopiedTextValue : this.announceErrorTextValue);\n  }\n\n  /**\n   * Arms the return to idle for the result just shown.\n   *\n   * @stimeoRuntimeOnly `feedbackDuration` is the delay of the one timer this call arms, and the\n   *   reset that timer runs reads no Value.\n   */\n  #scheduleReset(): void {\n    // Drop any in-flight reset so consecutive copies restart the full window\n    // rather than having the earlier timer clear the new result prematurely.\n    this.#timers.clearAll();\n    if (this.feedbackDurationValue > 0) {\n      this.#timers.set(() => this.#reset(), this.feedbackDurationValue);\n    }\n  }\n\n  /**\n   * Rewrites the slot to `label` while `state` is shown and the slot still reads\n   * `previous`, the label this controller wrote for that result.\n   */\n  #followLabel(state: \"copied\" | \"error\", label: string, previous: string | undefined): void {\n    if (!this.#connected) return;\n    if (this.element.getAttribute(\"data-state\") !== state || !this.hasFeedbackTarget) return;\n    if (this.feedbackTarget.textContent !== previous) return;\n    this.feedbackTarget.textContent = label;\n  }\n\n  /** Returns to the idle state and empties the completion slot. */\n  #reset(): void {\n    this.element.setAttribute(\"data-state\", \"idle\");\n    if (this.hasFeedbackTarget) {\n      this.feedbackTarget.textContent = \"\";\n    }\n  }\n}\n"]}

package/dist/controllers/collapsible_controller.d.ts

@@ -12,6 +12,15 @@ import { Controller } from '@hotwired/stimulus';
  *          data-state="closed" hidden>…</div>
  *   </div>
  *
+ * The trigger optionally carries a **label pair** — an `expandedLabel` and a
+ * `collapsedLabel` target — and the controller shows the one that belongs to the
+ * current state:
+ *
+ *   <button data-stimeo--collapsible-target="trigger" aria-expanded="false" …>
+ *     <span data-stimeo--collapsible-target="collapsedLabel">Show details</span>
+ *     <span data-stimeo--collapsible-target="expandedLabel" hidden>Hide details</span>
+ *   </button>
+ *
  * Implements the WAI-ARIA APG **Disclosure** pattern for a single inline region.
  * Unlike {@link AccordionController} it manages exactly one trigger/content pair
  * with no sibling coordination, and unlike a dropdown the content expands in
@@ -27,6 +36,14 @@ import { Controller } from '@hotwired/stimulus';
  *   `hidden` once the transition settles. With no transition (or reduced motion,
  *   which the consumer's CSS expresses as a zero duration) it is applied
  *   immediately; an owned fallback covers missing terminal events.
+ *
+ * Each move of the open state is reported: `stimeo--collapsible:open` and
+ * `stimeo--collapsible:close` dispatch `{ reason: StateReason }`, as soon as
+ * `aria-expanded` and `data-state` are written — the deferred `hidden` and the
+ * close transition are not waited for. Both are informational, so neither is
+ * cancelable. A call that leaves the state where it already was, the baseline
+ * {@link connect} establishes, the reconciliation that follows target churn,
+ * and {@link disconnect} are all silent.
  */
 declare class CollapsibleController extends Controller<HTMLElement> {
     #private;
@@ -38,8 +55,11 @@ declare class CollapsibleController extends Controller<HTMLElement> {
         };
     };
     static actions: readonly ["toggle"];
+    static events: readonly ["close", "open"];
     readonly triggerTarget: HTMLElement;
     readonly contentTarget: HTMLElement;
+    readonly expandedLabelTargets: HTMLElement[];
+    readonly collapsedLabelTargets: HTMLElement[];
     readonly hasTriggerTarget: boolean;
     readonly hasContentTarget: boolean;
     openValue: boolean;
@@ -59,12 +79,16 @@ declare class CollapsibleController extends Controller<HTMLElement> {
     disconnect(): void;
     /** Reconciles a replacement trigger target with the content's live state. */
     triggerTargetConnected(trigger: HTMLElement): void;
+    /** Settles a label that arrived after the state it belongs to was written. */
+    expandedLabelTargetConnected(): void;
+    /** Settles a label that arrived after the state it belongs to was written. */
+    collapsedLabelTargetConnected(): void;
     /** Reconciles a replacement content target with the disclosure's live state. */
     contentTargetConnected(content: HTMLElement): void;
     /** Cancels a wait tied to a content target that was removed or replaced. */
     contentTargetDisconnected(): void;
     /** Toggles the region open/closed. Bound via `data-action` (click). */
-    toggle(): void;
+    toggle(event?: Event): void;
 }
 
 export { CollapsibleController };

package/dist/controllers/collapsible_controller.js

@@ -2,6 +2,57 @@ import { Controller } from '@hotwired/stimulus';
 
 // src/controllers/collapsible_controller.ts
 
+// src/utils/state_reason.ts
+var FOCUS_EVENTS = /* @__PURE__ */ new Set(["blur", "focus", "focusin", "focusout"]);
+var POINTER_EVENTS = /* @__PURE__ */ new Set(["mouseenter", "mouseleave", "pointerenter", "pointerleave"]);
+function stateReasonFor(event) {
+  if (!event) return "api";
+  if (FOCUS_EVENTS.has(event.type)) return "focus";
+  if (POINTER_EVENTS.has(event.type)) return "pointer";
+  return "user";
+}
+
+// src/utils/state_regions.ts
+var StateRegions = class {
+  #whenTrue;
+  #whenFalse;
+  #taken = /* @__PURE__ */ new WeakSet();
+  constructor(options) {
+    this.#whenTrue = options.whenTrue;
+    this.#whenFalse = options.whenFalse ?? null;
+  }
+  /** Shows the regions inside `host` that belong to `isTrue` and hides the others. */
+  reflect(host, isTrue) {
+    const shown = this.#inside(host, this.#whenTrue());
+    if (!this.#whenFalse) {
+      for (const region of shown) this.#write(region, !isTrue);
+      return;
+    }
+    const hiddenSide = this.#inside(host, this.#whenFalse());
+    if (shown.length === 0 || hiddenSide.length === 0) {
+      for (const region of shown) this.#give(region);
+      for (const region of hiddenSide) this.#give(region);
+      return;
+    }
+    for (const region of shown) this.#write(region, !isTrue);
+    for (const region of hiddenSide) this.#write(region, isTrue);
+  }
+  /** Writes `hidden` where it moves, noting which regions it takes out of view. */
+  #write(region, hidden) {
+    if (hidden) this.#taken.add(region);
+    else this.#taken.delete(region);
+    if (region.hidden !== hidden) region.hidden = hidden;
+  }
+  /** Returns a region this instance hid; one it never hid keeps what it carries. */
+  #give(region) {
+    if (this.#taken.delete(region)) region.hidden = false;
+  }
+  /** The declared regions that sit within `host`, which may be the host itself. */
+  #inside(host, regions) {
+    return regions.filter((region) => host.contains(region));
+  }
+};
+
 // src/utils/safe_timeout.ts
 var TimerRegistry = class {
   /** Live timer ids that have not yet been cleared (or, for timeouts, fired). */
@@ -198,15 +249,23 @@ var TransitionCompletion = class {
 
 // src/controllers/collapsible_controller.ts
 var CollapsibleController = class extends Controller {
-  static targets = ["trigger", "content"];
+  static targets = ["trigger", "content", "expandedLabel", "collapsedLabel"];
   static values = {
     open: { type: Boolean, default: false }
   };
   static actions = ["toggle"];
+  static events = ["close", "open"];
   /** Owns the cancellable close-transition wait and its bounded fallback. */
   #transition = new TransitionCompletion();
+  /** Owns `hidden` on the trigger's label pair, which follows `aria-expanded`. */
+  #labels = new StateRegions({
+    whenTrue: () => this.expandedLabelTargets,
+    whenFalse: () => this.collapsedLabelTargets
+  });
   /** Distinguishes dynamic target churn from the callbacks that precede `connect()`. */
   #connected = false;
+  /** Whether state moves are reported: set once `connect()` settled the baseline. */
+  #reporting = false;
   /**
    * Establishes the initial open/closed state without waiting for a close transition.
    *
@@ -221,7 +280,8 @@ var CollapsibleController = class extends Controller {
    */
   connect() {
     this.#connected = true;
-    this.#apply(this.#initialOpen(), false);
+    this.#apply(this.#initialOpen(), false, "api");
+    this.#reporting = true;
   }
   /** Resolves the connect-time state: explicit DOM state wins, else the `open` Value. */
   #initialOpen() {
@@ -238,15 +298,33 @@ var CollapsibleController = class extends Controller {
   }
   disconnect() {
     this.#connected = false;
+    this.#reporting = false;
     this.#transition.cancel();
   }
   /** Reconciles a replacement trigger target with the content's live state. */
   triggerTargetConnected(trigger) {
-    if (!this.#connected || !this.hasContentTarget) return;
-    trigger.setAttribute(
-      "aria-expanded",
-      this.contentTarget.getAttribute("data-state") === "open" ? "true" : "false"
-    );
+    if (!this.#connected) return;
+    if (this.hasContentTarget) {
+      trigger.setAttribute(
+        "aria-expanded",
+        this.contentTarget.getAttribute("data-state") === "open" ? "true" : "false"
+      );
+    }
+    this.#labels.reflect(trigger, trigger.getAttribute("aria-expanded") === "true");
+  }
+  /** Settles a label that arrived after the state it belongs to was written. */
+  expandedLabelTargetConnected() {
+    this.#reflectLabels();
+  }
+  /** Settles a label that arrived after the state it belongs to was written. */
+  collapsedLabelTargetConnected() {
+    this.#reflectLabels();
+  }
+  /** Shows the label pair's side that belongs to the trigger's expanded state. */
+  #reflectLabels() {
+    if (this.#connected && this.hasTriggerTarget) {
+      this.#labels.reflect(this.triggerTarget, this.#isOpen);
+    }
   }
   /** Reconciles a replacement content target with the disclosure's live state. */
   contentTargetConnected(content) {
@@ -260,8 +338,8 @@ var CollapsibleController = class extends Controller {
     this.#transition.cancel();
   }
   /** Toggles the region open/closed. Bound via `data-action` (click). */
-  toggle() {
-    this.#apply(!this.#isOpen, true);
+  toggle(event) {
+    this.#apply(!this.#isOpen, true, stateReasonFor(event));
   }
   /**
    * Whether the region is logically open. Read from `aria-expanded` (not the
@@ -283,15 +361,22 @@ var CollapsibleController = class extends Controller {
    * @param waitForCloseTransition - When `false` (initial `connect`) the close
    *   path applies `hidden` immediately. This flag does not suppress consumer CSS
    *   on the open path.
+   * @param reason - What drove the move, reported when the state actually moved.
    */
-  #apply(open, waitForCloseTransition) {
+  #apply(open, waitForCloseTransition, reason) {
+    const was = this.#isOpen;
     if (this.hasTriggerTarget) {
       this.triggerTarget.setAttribute("aria-expanded", open ? "true" : "false");
+      this.#labels.reflect(this.triggerTarget, open);
     }
-    if (!this.hasContentTarget) return;
-    const content = this.contentTarget;
-    this.#transition.cancel();
-    this.#applyContent(content, open, waitForCloseTransition);
+    if (this.hasContentTarget) {
+      const content = this.contentTarget;
+      this.#transition.cancel();
+      this.#applyContent(content, open, waitForCloseTransition);
+    }
+    if (was === open || !this.#reporting) return;
+    if (open) this.dispatch("open", { detail: { reason }, cancelable: false });
+    else this.dispatch("close", { detail: { reason }, cancelable: false });
   }
   /** Reflects one content target without relying on a later target lookup. */
   #applyContent(content, open, waitForCloseTransition) {