@aceshooting/lyra-ui 23.0.0 → 24.1.0

package/llms/components/lr-lightbox.md

@@ -7,7 +7,7 @@
 - **Family** `components/media/` — see `llms/index.md` for its siblings
 - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
 - **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [media](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/media.md)
-- **Deprecated event** `lr-lightbox-close` since `22.0.0`; use event `Observe lr-close with detail.reason after dismissal; use lr-close-request to veto it. The legacy event retains its string detail and pre-close cancellation.`; removal not before `24.0.0` — The shared close notification reports a reason object; a separate close-request event owns cancellation. The former lightbox-specific event remains compatible throughout the deprecation window.
+- **Deprecations** none
 - **Optional peers** none
 - **Themeable via** 17 parts, 3 custom properties — see this component's own `@csspart`/`@cssprop` list below
 - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
@@ -67,12 +67,14 @@ actual rendered integer index; `reason` defaults to `'api'` and is forwarded as
 detail.
 
 **Events:** cancelable `lr-show`, followed after a successful open render by `lr-after-show`;
-cancelable `lr-hide` (`detail: LyraLightboxHideDetail = { source: Element }`), then
-cancelable `lr-close-request` with `{ reason: LyraLightboxCloseReason }`; accepted dismissal
-sets `open = false` and emits non-cancelable `lr-close` with the same reason object. The deprecated
-`lr-lightbox-close` remains a string-detail, cancelable compatibility event between the proposal
-and state change. Use `lr-close-request` for vetoes and `lr-close` for accepted dismissals.
-`lr-after-hide` follows the closed render. Removal while open reports reason `unmount`. `lr-index-change` (`detail: { index }`, fired
+conditionally cancelable `lr-hide` (`detail: LyraLightboxHideDetail = { source: Element }`):
+cancelable before a requested close, non-cancelable when an open instance unmounts. A requested
+close then emits cancelable `lr-close-request` with `{ reason: LyraLightboxCloseReason }`.
+An accepted dismissal sets `open = false` and emits non-cancelable `lr-close` with the same reason
+object. Use
+`lr-close-request` for vetoes and `lr-close` for accepted dismissals.
+`lr-after-hide` follows the closed render. Removal while open cannot be vetoed and reports reason
+`unmount`. `lr-index-change` (`detail: { index }`, fired
 only for internally-driven navigation — a button, a keyboard shortcut, or `next()`/`previous()`/
 `goTo()`; **not** when a consumer sets `index`/`images` directly); `lr-zoom-change` (`detail: {
 zoom }`) is not emitted by the lightbox itself — it bubbles up composed from the embedded frame.

package/llms/components/lr-lite-chart.md

@@ -7,7 +7,7 @@
 - **Family** `components/charts/` — see `llms/index.md` for its siblings
 - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
 - **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [charts](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/charts.md)
-- **Deprecated property** `accessibleLabel` since `22.0.0`; use attribute `Use element.ariaLabel or setAttribute('aria-label', label); host attribute presence takes precedence over the compatibility fallback.`; removal not before `24.0.0` — The native host accessible-name API replaces this fallback property. The earlier accessible-label attribute deprecation has its own published release window; the programmatic property remains supported throughout its later window.
+- **Deprecations** none
 - **Optional peers** none
 - **Themeable via** 18 parts, 19 custom properties — see this component's own `@csspart`/`@cssprop` list below
 - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
@@ -54,10 +54,6 @@ is no "every item in the tooltip" surface to hook a title or footer formatter on
   and description; host `aria-label` wins by presence, including an explicit empty string
 - `aria-label` (host attribute) — names the chart's `<svg>` ahead of every other source, by
   presence.
-- `accessibleLabel?: string` (attribute: false) — fallback below the host `aria-label` and `label`,
-  ahead of the locale-formatted dataset names and localized chart name.
-  Deprecated: use the native host `aria-label` or `ariaLabel` property. The programmatic fallback
-  remains supported; the old `accessible-label` attribute is inert. Unset keeps the auto-derived name.
 - `height: string = '280px'` — accepts a valid CSS `height` as a private fallback. A consumer-set
   `--lr-chart-height` always wins; invalid values, declaration-breaking input, and `url()` remove
   the fallback and leave the public token/default in control.

package/llms/components/lr-markdown-core.md

@@ -7,7 +7,7 @@
 - **Family** `components/conversation/` — see `llms/index.md` for its siblings
 - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
 - **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [conversation](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/conversation.md)
-- **Deprecated event** `lr-link-click` since `22.0.0`; use event `lr-link-activate`; removal not before `24.0.0` — Activation includes pointer and keyboard gestures. The old event remains available after the canonical event with equal detail throughout the compatibility window.
+- **Deprecations** none
 - **Optional peers** `dompurify`, `katex`, `marked`, `shiki` — see `llms/peers.md`
 - **Themeable via** 24 parts, 19 custom properties — see this component's own `@csspart`/`@cssprop` list below
 - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
@@ -81,8 +81,7 @@ as the full class; the core route exports its own `Marked` alias.
 
 **Events:** `lr-link-activate`, `lr-render-error`, `lr-highlight-activate`, `lr-text-select`,
 `lr-anchor-result`, `lr-content-settled`, `lr-copy`, `lr-copy-error` — identical detail shapes to
-`<lr-markdown>`'s own. `lr-link-click` is the deprecated compatibility alias of `lr-link-activate`,
-emitted afterward with the same detail.
+`<lr-markdown>`'s own.
 
 **Slots:** none — content comes from the `content` property, not light-DOM children.
 
@@ -119,7 +118,7 @@ on.
 ````ts
 import { html } from "lit";
 import python from "shiki/langs/python.mjs";
-import "@aceshooting/lyra-ui/components/conversation/markdown/markdown-core.js";
+import "@aceshooting/lyra-ui/components/lr-markdown-core.js";
 
 const view = html`<lr-markdown-core
   .content=${"# Report\n\n```python\nprint('hi')\n```\n\n```bash\necho hi\n```"}

package/llms/components/lr-markdown.md

@@ -7,7 +7,7 @@
 - **Family** `components/conversation/` — see `llms/index.md` for its siblings
 - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
 - **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [conversation](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/conversation.md)
-- **Deprecated event** `lr-link-click` since `22.0.0`; use event `lr-link-activate`; removal not before `24.0.0` — Activation includes pointer and keyboard gestures. The old event remains available after the canonical event with equal detail throughout the compatibility window.
+- **Deprecations** none
 - **Optional peers** `dompurify`, `katex`, `marked`, `shiki` — see `llms/peers.md`
 - **Themeable via** 24 parts, 19 custom properties — see this component's own `@csspart`/`@cssprop` list below
 - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
@@ -37,7 +37,7 @@ route or startup boundary render from an already-settled cache. The helper is ex
 the full and core granular entries:
 
 ```ts
-import { preloadMarkdown } from "@aceshooting/lyra-ui/components/conversation/markdown/markdown.js";
+import { preloadMarkdown } from "@aceshooting/lyra-ui/components/lr-markdown.js";
 
 await preloadMarkdown();
 ```
@@ -191,8 +191,6 @@ placed first and preserved inside both ceilings.
   link's `href` starts with `internal-link-prefix`; ordinary external links navigate normally and
   never fire this. If an intercepted link overlaps a painted highlight,
   `lr-highlight-activate` fires first for pointer and Enter activation.
-- `lr-link-click` — deprecated compatibility alias of `lr-link-activate`, emitted afterward with
-  the same detail.
 - `lr-render-error` (`detail: { error: unknown }`) — rendering fell back to plain text (see the
   fallback matrix below), or `math` is set but the `katex` peer isn't installed
 - `lr-highlight-activate` (`detail: { highlightId: string }`) — a painted `text-quote` highlight was clicked
@@ -313,7 +311,7 @@ settled code blocks:
 ````html
 <lr-markdown id="reply" streaming streaming-render="progressive" code-block-header></lr-markdown>
 <script type="module">
-  import "@aceshooting/lyra-ui/components/conversation/markdown/markdown.js";
+  import "@aceshooting/lyra-ui/components/lr-markdown.js";
 
   const reply = document.querySelector("#reply");
   reply.content = ['A settled paragraph.', '', '```js', 'const answer = 42;', '```'].join('\n');

package/llms/components/lr-mcp-app.md

@@ -97,5 +97,5 @@ the shared assertive sink. Initial and reconnect renders stay silent.
 **Slots:** none. **Optional peer deps:** none.
 
 ```ts
-import "@aceshooting/lyra-ui/components/agent-tools/mcp-app/mcp-app.js";
+import "@aceshooting/lyra-ui/components/lr-mcp-app.js";
 ```

package/llms/components/lr-message-actions.md

@@ -7,7 +7,7 @@
 - **Family** `components/conversation/` — see `llms/index.md` for its siblings
 - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
 - **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [conversation](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/conversation.md)
-- **Deprecated event** `lr-feedback-submit` since `22.0.0`; use event `addEventListener('lr-feedback-submit-request', event => { /* Call preventDefault() to veto the proposed action. */ })`; removal not before `24.0.0` — Cancelable proposals use request event names. The historical event remains a veto alias during its compatibility window.
+- **Deprecations** none
 - **Optional peers** none
 - **Themeable via** 7 parts, 0 custom properties — see this component's own `@csspart`/`@cssprop` list below
 - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
@@ -68,8 +68,7 @@ write fulfills (bubbles/composed already, not re-emitted). A failed write surfac
 `detail: { ok: false, text, reason, error }`; `reason` is `'unsupported' | 'denied' | 'failed'`.
 `lr-feedback-change`/`lr-feedback-submit-request` — bubble unchanged from the embedded, thumbs-only
 `lr-message-feedback`; the frozen submit detail includes its `submissionId`, which is the value to
-pass to either settlement method. Its deprecated cancelable `lr-feedback-submit` compatibility
-alias also bubbles unchanged and retains the same detail and cancellation behavior. A colliding event from an
+pass to either settlement method. A colliding event from an
 arbitrary slotted child is contained at that slot boundary rather than being mistaken for a
 built-in action.
 

package/llms/components/lr-message-feedback.md

@@ -7,7 +7,7 @@
 - **Family** `components/conversation/` — see `llms/index.md` for its siblings
 - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
 - **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [conversation](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/conversation.md)
-- **Deprecated event** `lr-feedback-submit` since `22.0.0`; use event `addEventListener('lr-feedback-submit-request', event => { /* Call preventDefault() to veto the proposed action. */ })`; removal not before `24.0.0` — Cancelable proposals use request event names. The historical event remains a veto alias during its compatibility window.
+- **Deprecations** none
 - **Optional peers** none
 - **Themeable via** 8 parts, 6 custom properties — see this component's own `@csspart`/`@cssprop` list below
 - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
@@ -72,8 +72,6 @@ When uncanceled it retains the synchronous close/announce/focus behavior. The op
 `<textarea>`'s native `focus` and `blur` are re-dispatched as bubbling, composed host events.
 `lr-toolbar-actions-change` is the no-detail coordination event emitted when the provider's logical
 toolbar actions change availability or order.
-The deprecated cancelable compatibility alias `lr-feedback-submit` carries the same frozen detail
-and cancellation behavior as `lr-feedback-submit-request`.
 **CSS parts:** `base` (the root), `thumbs` (wrapper around both thumb buttons), `up-button`,
 `down-button`, `panel` (the inline detail disclosure, only rendered when `reasons` is non-empty or
 `commentable` is set), `reasons` (the reason-chip group), `comment` (the comment `<textarea>`), and

package/llms/components/lr-message-parts.md

@@ -7,8 +7,7 @@
 - **Family** `components/conversation/` — see `llms/index.md` for its siblings
 - **Status** `stable` since `7.0.0` — see the maturity and deprecation policy in `llms/shared.md`
 - **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [conversation](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/conversation.md)
-- **Deprecated event** `lr-link-click` since `22.0.0`; use event `lr-link-activate`; removal not before `24.0.0` — Activation includes pointer and keyboard gestures. The old event remains available after the canonical event with equal detail throughout the compatibility window.
-- **Deprecated property** `accessibleLabel` since `22.0.0`; use attribute `element.setAttribute('aria-label', 'Message content');`; removal not before `24.0.0` — Use the native host accessible name. The legacy property remains an alias of the aria-label attribute throughout the compatibility window.
+- **Deprecations** none
 - **Optional peers** `dompurify`, `katex`, `marked`, `shiki` — see `llms/peers.md`
 - **Themeable via** 24 parts, 5 custom properties — see this component's own `@csspart`/`@cssprop` list below
 - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
@@ -114,7 +113,7 @@ original reference.
 `MessagePartRenderer = (part: MessagePart, index: number) => unknown`; `MessagePartsToolDisplay =
 'chip' | 'block'`; `MessagePart` and its discriminated part shapes come from the
 `@aceshooting/lyra-ui/ai` subpath. `MessagePartsToolDisplay` is exported from the component module
-(`@aceshooting/lyra-ui/components/conversation/message-parts/message-parts.js`, or the side-effect-free
+(`@aceshooting/lyra-ui/components/lr-message-parts.js`, or the side-effect-free
 `message-parts.class.js`); it is not a package-root export. `MarkdownStreamingRenderMode = 'plain' | 'progressive'` is exported from the `lr-markdown` and
 `lr-markdown-core` component modules. Tool results are a strict
 success/error union: a success has `result` and cannot have `error`; an error has `error` and may
@@ -124,7 +123,7 @@ are ignored so each rendered identity and announcement remains unambiguous.
 
 **Events:** `lr-citation-select` (`{ citation }`), `lr-part-retry` (`{ part }`), `lr-part-resume` (`{ part }`). Composed child
 events pass through unchanged: `lr-anchor-result`, `lr-citation-open`, `lr-copy`, `lr-copy-error`,
-`lr-highlight-activate`, `lr-link-activate`, deprecated compatibility alias `lr-link-click` (same `{ href }` detail, emitted afterward), `lr-preview-request`, `lr-remove`, `lr-render-error`, `lr-retry`,
+`lr-highlight-activate`, `lr-link-activate`, `lr-preview-request`, `lr-remove`, `lr-render-error`, `lr-retry`,
 `lr-search-change`, `lr-text-select`, `lr-toggle` (from reasoning panels and tool-call blocks),
 `lr-tool-call-chip-select`, `lr-widget-action`,
 and `lr-widget-state-change`. The `lr-tool-chip-select` alias passthrough was removed in 9.0.0.
@@ -157,7 +156,7 @@ message or the localized fallback. Existing history and reconnect renders stay s
 error id and later adding it again creates a new announcement.
 
 ```ts
-import "@aceshooting/lyra-ui/components/conversation/message-parts/message-parts.js";
+import "@aceshooting/lyra-ui/components/lr-message-parts.js";
 ```
 
 ```html

package/llms/components/lr-multi-split.md

@@ -34,7 +34,7 @@ In responsive `collapse="start"`/`"end"` mode, the divider beside a floating pan
 layout track whether its drawer is open or closed. It remains a programmatically focusable
 separator for focus recovery. Rail mode keeps the divider track because both panes remain visible.
 
-Granular import: `@aceshooting/lyra-ui/components/layout/multi-split/multi-split.js`.
+Granular import: `@aceshooting/lyra-ui/components/lr-multi-split.js`.
 The Lyra-original v9 identity migration is mechanical: `lr-split` → `lr-multi-split`,
 `LyraSplit` → `LyraMultiSplit`, generic container authoring types → the corresponding
 `LyraMultiSplit*` names, identity-specific `lr-split-*` events → `lr-multi-split-*`, and
@@ -247,15 +247,16 @@ synchronously inside its own handler instead of deferring past `updateComplete`.
 out of a pane the new state hides (`'floating'` while closed) or clamps (`'rail'`) before the event
 fires, landing on the first surviving pane that can take it, otherwise on one of the split's own
 dividers, preferring one that stays enabled; focus anywhere other than the collapsing pane is untouched),
-`lr-toggle` (`detail: LyraMultiSplitToggleDetail = { expanded: boolean, open: boolean }`, where
-`expanded` is the proposed or forced drawer state; the deprecated `open` key carries the same value; use `expanded` in new code) — Escape/backdrop close proposals are cancelable and fire before `open`
-changes; preventing the event or making a synchronous
-reentrant mutation aborts the proposal. A forced close when a responsive collapse transition leaves
-`floating` fires noncancelably after `open` is false. Direct `open` writes and no-op dismissals are silent,
+`lr-toggle-request` (cancelable; `detail: LyraMultiSplitToggleDetail = { expanded: boolean }`
+contains the proposed drawer state). Escape/backdrop close proposals fire before `open` changes;
+preventing the event or making a synchronous reentrant mutation aborts the proposal.
+`lr-toggle` (non-cancelable; the same detail contains the resulting drawer state) fires after an
+accepted change, or after a responsive transition leaves `floating` and forces `open` to false.
+Forced closes emit no request. Direct `open` writes and no-op dismissals emit neither event,
 `lr-multi-split-constraints-invalid` (`detail: LyraMultiSplitConstraintIssueDetail`, fired once when the configured
 panel minimums/maximums cannot fit the track; the infeasible set is rejected for interaction and a
 normalized percent minimum is used instead), `lr-multi-split-orientation-change` (`detail: { orientation }`,
-fired only when an enabled `orientationBreakpoint` actually changes `effectiveOrientation`); `lr-toggle-request` (cancelable proposal before interactive overlay state changes, with `expanded` and compatibility `open`; direct writes and forced responsive closes do not emit it)
+fired only when an enabled `orientationBreakpoint` actually changes `effectiveOrientation`)
 
 **Slots:** default (each direct child element is one panel; set a unique `panel-id` on every child
 when `storage-key` is used).

package/llms/components/lr-native-time-input.md

@@ -94,7 +94,7 @@ entry for the flush and cancellation rules.
   value="09:30"
 ></lr-native-time-input>
 <script type="module">
-  import "@aceshooting/lyra-ui/components/forms/input/native-time-input.js";
+  import "@aceshooting/lyra-ui/components/lr-native-time-input.js";
 </script>
 ```
 

package/llms/components/lr-navigation-menu.md

@@ -143,7 +143,7 @@ item hosts, keeps only the first `open` item, and reveals and positions its pane
 
 ```html
 <script type="module">
-  import '@aceshooting/lyra-ui/components/layout/navigation-menu/navigation-menu.js';
+  import '@aceshooting/lyra-ui/components/lr-navigation-menu.js';
 </script>
 
 <header style="display: flex; align-items: center; justify-content: space-between">
@@ -200,9 +200,9 @@ hover opening.
 
 **Methods:** `focus(options?)` and `click()` forward to the link or button.
 
-**Events:** `lr-toggle` — `detail: LyraNavigationMenuToggleDetail` (`{ expanded, open, source }`,
-where `expanded` is the new state, the deprecated `open` key remains emitted and carries the same
-value, and `source` is `'user' | 'programmatic' | 'peer'`, the same vocabulary as `lr-details`), not
+**Events:** `lr-toggle` — `detail: LyraNavigationMenuToggleDetail` (`{ expanded, source }`,
+where `expanded` is the new state and `source` is `'user' | 'programmatic' | 'peer'`, the same
+vocabulary as `lr-details`), not
 cancelable,
 fired after an accepted change renders and never for initial markup. `user` covers click, Enter,
 Space, hover, Escape, light dismiss, focus leaving and link activation; `programmatic` covers `open`
@@ -242,7 +242,7 @@ The item does not take the `size` ladder.
 
 ```html
 <script type="module">
-  import '@aceshooting/lyra-ui/components/layout/navigation-menu-item/navigation-menu-item.js';
+  import '@aceshooting/lyra-ui/components/lr-navigation-menu-item.js';
 </script>
 
 <lr-navigation-menu-item>

package/llms/components/lr-number-input.md

@@ -152,7 +152,7 @@ The exact-320px RTL story keeps long label/hint copy and both fixed-size stepper
   without-spin-buttons="false"
 ></lr-number-input>
 <script type="module">
-  import "@aceshooting/lyra-ui/components/forms/input/number-input.js";
+  import "@aceshooting/lyra-ui/components/lr-number-input.js";
 </script>
 ```
 
@@ -170,3 +170,5 @@ The exact-320px RTL story keeps long label/hint copy and both fixed-size stepper
   platform ignores all three on `type="number"`; use `min`/`max`/`step` instead.
 - `type` is re-forced to `number` on every connect, but a later `el.type = 'text'` on a connected
   element is not reverted — use `lr-input` when the type has to change.
+
+<a id="date-and-time-controls"></a>

package/llms/components/lr-otp-input.md

@@ -210,3 +210,5 @@ control cannot be edited and restores the current intrinsic result when editing
 ```
 
 ---
+
+<a id="radio-group-controls"></a>

package/llms/components/lr-page.md

@@ -144,7 +144,7 @@ allocation, and long localized or consumer-provided text cannot widen the Page.
 Import only the Page registration when it is the only layout component this bundle needs:
 
 ```js
-import "@aceshooting/lyra-ui/components/layout/page/page.js";
+import "@aceshooting/lyra-ui/components/lr-page.js";
 ```
 
 ```html

package/llms/components/lr-pan-zoom.md

@@ -66,7 +66,7 @@ uses layout-participating CSS `zoom`, not a paint-only transform, so the viewpor
 range reaches the entire painted footprint at both logical edges in LTR and RTL.
 
 ```js
-import "@aceshooting/lyra-ui/components/media/pan-zoom/pan-zoom.js";
+import "@aceshooting/lyra-ui/components/lr-pan-zoom.js";
 ```
 
 ```html

package/llms/components/lr-phone-input.md

@@ -227,7 +227,7 @@ consumer-supplied lazy loader below. Because the import expression lives in cons
 numbering metadata enters a bundle that does not opt in.
 
 ```ts
-import "@aceshooting/lyra-ui/components/forms/phone-input/phone-input.js";
+import "@aceshooting/lyra-ui/components/lr-phone-input.js";
 import { loadLibphonenumberAdapter } from "@aceshooting/lyra-ui/components/forms/phone-input/phone-input.class.js";
 
 const phone = document.querySelector("lr-phone-input");
@@ -299,3 +299,5 @@ import "@aceshooting/lyra-ui/components/media/flag/flag-peer.js";
 - `--lr-phone-input-country-hover-bg` — Country trigger hover background. Default: `var(--lr-color-brand-quiet)`.
 
 ---
+
+<a id="time-range-controls"></a>

package/llms/components/lr-popover.md

@@ -42,7 +42,7 @@ the custom element upgrades, so finish the handoff explicitly with `show()`:
   fallback.addEventListener("toggle", async () => {
     if (!fallback.open || !popover.hidden) return;
     registration ??= import(
-      "@aceshooting/lyra-ui/components/overlays/overlay/popover.js"
+      "@aceshooting/lyra-ui/components/lr-popover.js"
     ).catch((error) => {
       registration = undefined; // let a later interaction retry
       throw error;
@@ -306,7 +306,7 @@ or to remember it on every new one:
   <p>Anchored content.</p>
 </lr-popover>
 <script type="module">
-  import "@aceshooting/lyra-ui/components/overlays/overlay/popover.js";
+  import "@aceshooting/lyra-ui/components/lr-popover.js";
 
   const popover = document.querySelector("lr-popover");
   let ready = false;

package/llms/components/lr-progress-bar.md

@@ -7,7 +7,7 @@
 - **Family** `components/overlays/` — see `llms/index.md` for its siblings
 - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
 - **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [overlays](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/overlays.md)
-- **Deprecated property** `accessibleLabel` since `22.0.0`; use attribute `Use element.ariaLabel or setAttribute('aria-label', label); host attribute presence takes precedence over the compatibility fallback.`; removal not before `24.0.0` — The native host accessible-name API replaces this fallback property. The earlier accessible-label attribute deprecation has its own published release window; the programmatic property remains supported throughout its later window.
+- **Deprecations** none
 - **Optional peers** none
 - **Themeable via** 5 parts, 12 custom properties — see this component's own `@csspart`/`@cssprop` list below
 - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
@@ -20,10 +20,8 @@ A determinate or indeterminate progress bar with an independently visible label
 formatted percentage.
 
 **Properties:** `value` (reflected), `max`, `indeterminate`, `variant`, `withValue` (`with-value`),
-and `label` (mapped accessible-name property), plus `accessibleLabel` (property only) — Lyra's own
-explicit name, read after `label`. In markup, name the bar with the host `aria-label`, which has
-the highest precedence. Also
-`size: LyraSize = 'm'` (reflected) — `'2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'small' | 'medium' |
+`label` (mapped accessible-name property), and `size: LyraSize = 'm'` (reflected) —
+`'2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'small' | 'medium' |
 'large'`. Track/indicator thickness tier, on the shared six-step ladder: `0.25rem` (`2xs`),
 `0.375rem` (`xs`), `0.625rem` (`s`/`small`), `1rem` (`m`/`medium`, unchanged from before this
 property existed), `1.25rem` (`l`/`large`), `1.5rem` (`xl`) — each value feeds

package/llms/components/lr-progress-ring.md

@@ -7,7 +7,7 @@
 - **Family** `components/overlays/` — see `llms/index.md` for its siblings
 - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
 - **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [overlays](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/overlays.md)
-- **Deprecated property** `accessibleLabel` since `22.0.0`; use attribute `Use element.ariaLabel or setAttribute('aria-label', label); host attribute presence takes precedence over the compatibility fallback.`; removal not before `24.0.0` — The native host accessible-name API replaces this fallback property. The earlier accessible-label attribute deprecation has its own published release window; the programmatic property remains supported throughout its later window.
+- **Deprecations** none
 - **Optional peers** none
 - **Themeable via** 5 parts, 14 custom properties — see this component's own `@csspart`/`@cssprop` list below
 - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
@@ -22,10 +22,8 @@ A circular progress indicator with the same value contract as `lr-progress-bar`.
 (reflected), `variant: LyraProgressVariant = 'brand'` (reflected, added in 9.0.0 — matches sibling
 `lr-progress-bar`'s semantic-palette vocabulary: `neutral`/`brand`/`success`/`warning`/`danger`),
 `withValue: boolean = false` (attribute `with-value`),
-`label: string = ''` (the mapped accessible-name property), and
-`accessibleLabel: string = ''` (property only; in markup, name the ring with the host
-`aria-label`). Also
-`size: LyraSize = 'm'` (reflected) — `'2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'small' | 'medium' |
+`label: string = ''` (the mapped accessible-name property), and `size: LyraSize = 'm'` (reflected) —
+`'2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'small' | 'medium' |
 'large'`. Outer diameter tier, on the shared six-step ladder: `1.25rem` (`2xs`), `1.75rem` (`xs`),
 `2.25rem` (`s`/`small`), `2.5rem` (`m`/`medium`, unchanged from before this property existed),
 `3rem` (`l`/`large`), `3.5rem` (`xl`) — each value feeds `--lr-progress-ring-size`'s private
@@ -33,8 +31,8 @@ default. An explicit `--lr-progress-ring-size` (or the upstream `--size` alias)
 every tier. Matching sibling `lr-progress-bar`'s own `size`, this ladder scales exactly one
 dimension — `--lr-progress-ring-track-width`/`--lr-progress-ring-indicator-width` and the center
 label's font size are untouched by it. Host
-`aria-label` takes precedence; otherwise the name falls back to `label`, `accessibleLabel`, the
-visible default- or `label`-slot text when supplied, then the localized "Progress".
+`aria-label` takes precedence; otherwise the name falls back to `label`, visible default- or
+`label`-slot text when supplied, then the localized "Progress".
 Non-finite/out-of-range `value`/`max` are normalized (`max <= 0` falls
 back to `100`, `value` clamps to `[0, max]`) rather than producing NaN geometry.
 **Slots:** default — replaces the built-in center label, which otherwise renders the rounded

package/llms/components/lr-prompt-input.md

@@ -107,5 +107,5 @@ create phantom spacing.
 **Optional peer deps:** none of its own.
 
 ```ts
-import "@aceshooting/lyra-ui/components/conversation/prompt-input/prompt-input.js";
+import "@aceshooting/lyra-ui/components/lr-prompt-input.js";
 ```

package/llms/components/lr-prompt-queue.md

@@ -53,5 +53,5 @@ these events propose complete next values without mutating `items`.
 **Slots:** none. **Optional peer deps:** none.
 
 ```ts
-import "@aceshooting/lyra-ui/components/conversation/prompt-queue/prompt-queue.js";
+import "@aceshooting/lyra-ui/components/lr-prompt-queue.js";
 ```

package/llms/components/lr-prompt-studio.md

@@ -89,7 +89,7 @@ not collapse to indistinguishable generic names.
 **Slots:** none. **Optional peer deps:** none.
 
 ```ts
-import "@aceshooting/lyra-ui/components/agent-tools/prompt-studio/prompt-studio.js";
+import "@aceshooting/lyra-ui/components/lr-prompt-studio.js";
 ```
 
 **Additional API surface:**

package/llms/components/lr-rag-eval-dashboard.md

@@ -57,7 +57,7 @@ filtered run order; the host computes every metric and owns evaluation execution
 **Slots:** none. **Optional peer deps:** none.
 
 ```ts
-import "@aceshooting/lyra-ui/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.js";
+import "@aceshooting/lyra-ui/components/lr-rag-eval-dashboard.js";
 ```
 
 `lr-grounding-summary` and `lr-rag-answer` now accept `GroundingAssessment.claims` and expose

package/llms/components/lr-rating.md

@@ -60,7 +60,7 @@ Each access returns a fresh `LyraFormValidator<LyraRating>[]`; its entry observe
 current `ValidityState` into `{ isValid, message, invalidKeys }` without changing it.
 
 ```ts
-import { LyraRating } from "@aceshooting/lyra-ui/components/overlays/rating/rating.js";
+import { LyraRating } from "@aceshooting/lyra-ui/components/lr-rating.js";
 
 const rating = document.querySelector("lr-rating")!;
 const result = LyraRating.validators[0].checkValidity(rating);
@@ -179,7 +179,7 @@ host beyond its container.
 ></lr-rating>
 <p id="preview"></p>
 <script type="module">
-  import "@aceshooting/lyra-ui/components/overlays/rating/rating.js";
+  import "@aceshooting/lyra-ui/components/lr-rating.js";
 
   const rating = document.querySelector("lr-rating");
   const preview = document.getElementById("preview");

package/llms/components/lr-realtime-session.md

@@ -62,5 +62,5 @@ silent, and sinks follow the component's `ownerDocument` when it is adopted.
 remain host-owned.
 
 ```ts
-import "@aceshooting/lyra-ui/components/conversation/realtime-session/realtime-session.js";
+import "@aceshooting/lyra-ui/components/lr-realtime-session.js";
 ```

package/llms/components/lr-reorder-item.md

@@ -7,7 +7,7 @@
 - **Family** `components/layout/` — see `llms/index.md` for its siblings
 - **Status** `stable` since `6.0.0` — see the maturity and deprecation policy in `llms/shared.md`
 - **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [layout](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/layout.md)
-- **Deprecated property** `accessibleLabel` since `22.0.0`; use attribute `Use element.ariaLabel or setAttribute('aria-label', label); host attribute presence takes precedence over the compatibility fallback.`; removal not before `24.0.0` — The native host accessible-name API replaces this fallback property. The earlier accessible-label attribute deprecation has its own published release window; the programmatic property remains supported throughout its later window.
+- **Deprecations** none
 - **Optional peers** none
 - **Themeable via** 6 parts, 5 custom properties — see `lr-reorder-list.md`
 - **Documented with** `lr-reorder-list`: see [lr-reorder-list.md](./lr-reorder-list.md).

package/llms/components/lr-reorder-list.md

@@ -118,9 +118,8 @@ between rows.
   `lr-reorder-request` order array.
 - `aria-label` (host attribute) — names the row and is appended to each repeated move action's
   accessible name in place of the row content.
-- `accessibleLabel?: string` (attribute: false) — explicit row identity used while the host has no
-  `aria-label`; when neither is present the item derives a bounded accessible text projection from
-  its row content.
+When the host has no `aria-label`, the item derives a bounded accessible text projection from its
+row content for the repeated move-action names.
 - `disabled: boolean = false` (reflected) — disables this row's own move buttons only; does not
   hide its slotted content.
 - `atStart: boolean`, `atEnd: boolean`, `listDisabled: boolean`, `pending: boolean` (readonly) —

package/llms/components/lr-retrieval-compare.md

@@ -46,5 +46,5 @@ is pairwise Jaccard similarity across those visible chunk ids. Selection is cont
 same escape-hatch pattern as `lr-retrieval-results`'s `--lr-retrieval-results-selected-border`.
 
 ```ts
-import "@aceshooting/lyra-ui/components/retrieval/retrieval-compare/retrieval-compare.js";
+import "@aceshooting/lyra-ui/components/lr-retrieval-compare.js";
 ```

package/llms/components/lr-select.md

@@ -453,7 +453,7 @@ purposes.
   <lr-option value="perf">Performance</lr-option>
 </lr-select>
 <script type="module">
-  import "@aceshooting/lyra-ui/components/forms/select/select.js";
+  import "@aceshooting/lyra-ui/components/lr-select.js";
   const sel = document.getElementById("tags");
   // A custom chip: return a node, and re-declare part="tag" to keep the built-in styling hooks.
   sel.getTag = (option, index) => `${index + 1}. ${option.label}`; // a string renders as text
@@ -502,3 +502,5 @@ purposes.
   `autoCommitSingleOption` unset to observe the normal dropdown chrome.
 
 ---
+
+<a id="date-and-range-controls"></a>

package/llms/components/lr-selection-toolbar.md

@@ -80,5 +80,5 @@ surface together with every other floating surface in the library. `--lr-overlay
 inside the same `role="toolbar"` element and roving-tabindex group. **Optional peer deps:** none.
 
 ```ts
-import "@aceshooting/lyra-ui/components/conversation/selection-toolbar/selection-toolbar.js";
+import "@aceshooting/lyra-ui/components/lr-selection-toolbar.js";
 ```

package/llms/components/lr-sequence-strip.md

@@ -7,8 +7,7 @@
 - **Family** `components/data/` — see `llms/index.md` for its siblings
 - **Status** `stable` since `4.0.0` — see the maturity and deprecation policy in `llms/shared.md`
 - **Release history** [CHANGELOG.md](../../CHANGELOG.md); family-wide breaking-change summaries: [data](https://github.com/aceshooting/lyra-ui/blob/main/packages/lyra-ui/llms/data.md)
-- **Deprecated attribute** `accessible-label` since `22.0.0`; use attribute `Use element.ariaLabel or setAttribute('aria-label', label); host attribute presence takes precedence over the compatibility fallback.`; removal not before `24.0.0` — The native host accessible-name API replaces the component-specific fallback while preserving its existing runtime behavior throughout the compatibility window.
-- **Deprecated property** `accessibleLabel` since `22.0.0`; use attribute `Use element.ariaLabel or setAttribute('aria-label', label); host attribute presence takes precedence over the compatibility fallback.`; removal not before `24.0.0` — The native host accessible-name API replaces the component-specific fallback while preserving its existing runtime behavior throughout the compatibility window.
+- **Deprecations** none
 - **Optional peers** none
 - **Themeable via** 11 parts, 7 custom properties — see this component's own `@csspart`/`@cssprop` list below
 - **Library-wide behavior** (events, form association, `locale`/`strings`, tokens, TS types): `llms/shared.md`
@@ -34,9 +33,8 @@ so the consumer updates `selectedIndex` when it accepts that activation. Setting
 additionally renders a static `[part="legend"]` key below the strip, so the color-to-category
 mapping is readable without visiting each cell.
 
-A standard host `aria-label` names the internal list and wins by presence, including empty.
-The deprecated `accessible-label` fallback applies only when the host name is absent; otherwise
-the generated category-count summary names it. When an
+A standard host `aria-label` names the internal list and wins by presence, including empty. With
+no host label, the generated category-count summary names it. When an
 `items` refresh occurs while a cell owns focus, its `id` remains the sole roving stop; removal
 clamps focus to the nearest survivor, or to the stable list base when no cells remain. Unfocused
 refreshes do not move focus. A queued Arrow/Home/End focus is bound to the current item-array
@@ -83,9 +81,6 @@ readonly color, readonly label? }`; `color`
   internal `id`. Both collection properties are cloned and frozen at assignment,
   bounded to the first 10,000 source entries, and require reassignment after changes; empty/blank
   ids are omitted and duplicates use the first valid entry, so identity is deterministic
-- `accessibleLabel?: string` (attribute `accessible-label`, deprecated; removal not before
-  24.0.0) — compatibility fallback below the host `aria-label` or native `ariaLabel` property.
-  When both are absent, the list receives a localized per-category count summary.
 - `withLegend: boolean = false` (attribute `with-legend`, reflected) — renders a static
   `[part="legend"]` key below the strip, one swatch + label row per `categories` entry, in array
   order. The key describes the _scheme_, not the current data: a category with no matching item

package/llms/components/lr-span-waterfall.md

@@ -44,7 +44,7 @@ truncated tail can never shrink the axis and stretch the surviving bars across t
 window, `withoutAxis: boolean = false` (attribute `without-axis`) — hides the time-ruler row, and
 `label: string = ''`.
 
-The granular `@aceshooting/lyra-ui/components/agent-tools/trace-tree/trace-tree.js` entry also
+The granular `@aceshooting/lyra-ui/components/lr-trace-tree.js` entry also
 type-exports `LyraSpanKind` and `LyraSpanStatus`, and exports
 `normalizeLyraSpanKind(value)` / `normalizeLyraSpanStatus(value)` for normalizing provider data
 before assigning `spans`. These helpers are intentionally granular-only rather than root-barrel

package/llms/components/lr-split-panel.md

@@ -93,7 +93,7 @@ cleans up on pointer up, cancellation, capture loss, disconnect, and orientation
 **Optional peer deps:** none.
 
 ```js
-import "@aceshooting/lyra-ui/components/layout/split-panel/split-panel.js";
+import "@aceshooting/lyra-ui/components/lr-split-panel.js";
 ```
 
 ```html