@rcarls/rc-list 0.6.0

package/dist/rc-list-DyOxApRJ.js

@@ -0,0 +1,361 @@
+import { css as g, LitElement as m, html as v } from "lit";
+import { property as n, query as f } from "lit/decorators.js";
+import { ClickDelegateController as b } from "@rcarls/rc-common";
+const _ = g`
+  :host {
+    display: grid;
+    grid-column: 1 / -1;
+    grid-template-columns: subgrid;
+    min-inline-size: 0;
+    color: var(--rc-list-item-color, CanvasText);
+    color-scheme: inherit;
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+
+  [part='row'] {
+    position: relative;
+    display: grid;
+    box-sizing: border-box;
+    grid-column: 1 / -1;
+    grid-template-columns: subgrid;
+    grid-template-rows: var(--rc-list-item-grid-template-rows, auto);
+    align-items: center;
+    row-gap: var(--rc-list-item-row-gap, 0);
+    min-block-size: var(--rc-list-item-min-block-size, 3rem);
+    min-inline-size: 0;
+    padding-block: var(--rc-list-item-padding-block, 0.5rem);
+    overflow: clip;
+    border: var(--rc-list-item-border, 0);
+    border-radius: var(--rc-list-item-border-radius, 0);
+    background: var(--rc-list-item-background, transparent);
+    box-shadow: var(--rc-list-item-box-shadow, none);
+    transition:
+      background-color var(--rc-list-item-transition-duration, 0ms)
+        var(--rc-list-item-transition-easing, ease),
+      box-shadow var(--rc-list-item-transition-duration, 0ms)
+        var(--rc-list-item-transition-easing, ease);
+  }
+
+  [part='state-layer'] {
+    position: absolute;
+    z-index: 0;
+    inset: 0;
+    pointer-events: none;
+    background: var(--rc-list-item-state-layer-color, currentColor);
+    opacity: var(--rc-list-item-state-layer-opacity, 0);
+    transition: opacity var(--rc-list-item-transition-duration, 0ms)
+      var(--rc-list-item-transition-easing, ease);
+  }
+
+  [part='leading'],
+  [part='content'],
+  [part='trailing'] {
+    position: relative;
+    z-index: 1;
+    min-inline-size: 0;
+  }
+
+  [part='leading'] {
+    grid-column: var(--rc-list-item-leading-grid-column, leading-start / leading-end);
+    grid-row: var(--rc-list-item-leading-grid-row, auto);
+  }
+
+  [part='content'] {
+    grid-column: var(--rc-list-item-content-grid-column, content-start / content-end);
+    grid-row: var(--rc-list-item-content-grid-row, auto);
+    overflow: hidden;
+    text-overflow: var(--rc-list-item-content-text-overflow, ellipsis);
+    white-space: var(--rc-list-item-content-white-space, nowrap);
+  }
+
+  [part='trailing'] {
+    grid-column: var(--rc-list-item-trailing-grid-column, trailing-start / trailing-end);
+    grid-row: var(--rc-list-item-trailing-grid-row, auto);
+    justify-self: var(--rc-list-item-trailing-justify-self, end);
+  }
+
+  [part='leading'][hidden],
+  [part='trailing'][hidden] {
+    display: none;
+  }
+
+  ::slotted(*) {
+    min-inline-size: 0;
+  }
+
+  [part='content'] ::slotted(*) {
+    overflow: hidden;
+    text-overflow: inherit;
+  }
+
+  [part='divider'] {
+    position: absolute;
+    z-index: 1;
+    inset-block-end: 0;
+    inset-inline: var(--rc-list-item-divider-inset-inline, 0);
+    border-block-end: var(--rc-list-item-divider, 0);
+    pointer-events: none;
+  }
+
+  :host([interactive]:not([disabled])) {
+    cursor: pointer;
+  }
+
+  :host([interactive]:not([disabled]):hover) [part='state-layer'] {
+    opacity: var(--rc-list-item-hover-state-layer-opacity, 0.08);
+  }
+
+  :host([interactive]:not([disabled]):focus-within) [part='state-layer'] {
+    opacity: var(--rc-list-item-focus-state-layer-opacity, 0.1);
+  }
+
+  :host([interactive]:not([disabled]):active) [part='state-layer'] {
+    opacity: var(--rc-list-item-pressed-state-layer-opacity, 0.1);
+  }
+
+  :host([selected]) [part='row'] {
+    color: var(--rc-list-item-selected-color, var(--rc-list-item-color, CanvasText));
+    background: var(--rc-list-item-selected-background, transparent);
+  }
+
+  :host([disabled]) {
+    cursor: default;
+    opacity: var(--rc-list-item-disabled-opacity, 0.38);
+  }
+
+  @media (forced-colors: active) {
+    [part='row'] {
+      border-color: CanvasText;
+    }
+
+    :host([selected]) [part='row'] {
+      outline: 2px solid Highlight;
+      outline-offset: -2px;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    [part='row'],
+    [part='state-layer'] {
+      transition-duration: 0ms;
+    }
+  }
+`;
+var y = Object.defineProperty, c = (l, t, e, r) => {
+  for (var i = void 0, s = l.length - 1, o; s >= 0; s--)
+    (o = l[s]) && (i = o(t, e, i) || i);
+  return i && y(t, e, i), i;
+};
+const p = class p extends m {
+  constructor() {
+    super(), this.selected = !1, this.disabled = !1, this.interactive = !1, this.actionTarget = "", this._internals = this.attachInternals(), this._internals.role = "listitem", new b(this, {
+      target: () => this._resolveActionTarget() ?? this._nativeInput(),
+      disabled: () => !this.interactive || this.disabled
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "listitem");
+  }
+  updated(t) {
+  }
+  _hasAssignedElements(t) {
+    return t.currentTarget.assignedNodes({ flatten: !0 }).some((e) => e.nodeType !== Node.TEXT_NODE || !!e.textContent?.trim());
+  }
+  _handleNamedSlotChange(t) {
+    const e = t.currentTarget;
+    this.toggleAttribute(`has-${e.name}`, this._hasAssignedElements(t));
+  }
+  _nativeInput() {
+    return this.querySelector(':scope > input:is([type="checkbox"], [type="radio"])');
+  }
+  _resolveActionTarget() {
+    const t = this.actionTarget.trim();
+    if (!t)
+      return null;
+    const e = this.getRootNode(), r = e instanceof Document || e instanceof ShadowRoot ? e.getElementById(t) : null;
+    return r instanceof HTMLAnchorElement || r instanceof HTMLButtonElement ? r : null;
+  }
+  firstUpdated() {
+    for (const t of this.shadowRoot?.querySelectorAll("slot[name]") ?? [])
+      this.toggleAttribute(`has-${t.name}`, t.assignedNodes({ flatten: !0 }).length > 0);
+  }
+  render() {
+    return v`
+      <div part="row">
+        <span part="state-layer" aria-hidden="true"></span>
+        <span part="leading">
+          <slot name="leading" @slotchange=${this._handleNamedSlotChange}></slot>
+        </span>
+        <span part="content"><slot></slot></span>
+        <span part="trailing">
+          <slot name="trailing" @slotchange=${this._handleNamedSlotChange}></slot>
+        </span>
+        <span part="divider" aria-hidden="true"></span>
+      </div>
+    `;
+  }
+};
+p.styles = _;
+let a = p;
+c([
+  n({ type: Boolean, reflect: !0 })
+], a.prototype, "selected");
+c([
+  n({ type: Boolean, reflect: !0 })
+], a.prototype, "disabled");
+c([
+  n({ type: Boolean, reflect: !0 })
+], a.prototype, "interactive");
+c([
+  n({ type: String, attribute: "action-target" })
+], a.prototype, "actionTarget");
+const w = g`
+  :host {
+    --_rc-list-leading-gap: 0;
+    --_rc-list-leading-size: 0;
+    --_rc-list-trailing-gap: 0;
+    --_rc-list-trailing-size: 0;
+
+    display: block;
+    min-inline-size: 0;
+    color-scheme: inherit;
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+
+  :host([has-leading]) {
+    --_rc-list-leading-gap: var(--rc-list-leading-gap, 1rem);
+    --_rc-list-leading-size: var(--rc-list-leading-size, minmax(0, max-content));
+  }
+
+  :host([has-trailing]) {
+    --_rc-list-trailing-gap: var(--rc-list-trailing-gap, 1rem);
+    --_rc-list-trailing-size: var(--rc-list-trailing-size, minmax(0, max-content));
+  }
+
+  [part='list'] {
+    display: grid;
+    grid-template-columns:
+      [item-start] var(--rc-list-padding-inline, 0)
+      [leading-start] var(--_rc-list-leading-size) [leading-end]
+      var(--_rc-list-leading-gap)
+      [content-start] minmax(0, 1fr) [content-end]
+      var(--_rc-list-trailing-gap)
+      [trailing-start] var(--_rc-list-trailing-size) [trailing-end]
+      var(--rc-list-padding-inline, 0) [item-end];
+    min-inline-size: 0;
+    padding-block: var(--rc-list-padding-block, 0);
+    row-gap: var(--rc-list-row-gap, 0);
+  }
+
+  ::slotted(rc-list-item) {
+    grid-column: item-start / item-end;
+  }
+`;
+var x = Object.defineProperty, h = (l, t, e, r) => {
+  for (var i = void 0, s = l.length - 1, o; s >= 0; s--)
+    (o = l[s]) && (i = o(t, e, i) || i);
+  return i && x(t, e, i), i;
+};
+const u = class u extends m {
+  constructor() {
+    super(), this._syncQueued = !1, this._warnedInvalidChildren = /* @__PURE__ */ new WeakSet(), this._warnedInvalidSelection = /* @__PURE__ */ new WeakMap(), this._authoredItemState = /* @__PURE__ */ new Map(), this._mutationObserver = null, this.variant = "standard", this.selection = "none", this._handleChange = (t) => {
+      this.selection !== "none" && t.target instanceof HTMLInputElement && t.target.parentElement?.localName === "rc-list-item" && t.target.type === this._expectedInputType() && this._queueSync();
+    }, this._internals = this.attachInternals(), this._internals.role = "list";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "list"), this.addEventListener("change", this._handleChange), typeof MutationObserver == "function" && (this._mutationObserver ??= new MutationObserver(() => this._queueSync()), this._mutationObserver.observe(this, {
+      attributes: !0,
+      subtree: !0,
+      attributeFilter: ["checked", "disabled", "has-leading", "has-trailing", "hidden"]
+    }));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("change", this._handleChange), this._mutationObserver?.disconnect(), this._restoreAllItems();
+  }
+  firstUpdated() {
+    this._syncItems();
+  }
+  updated(t) {
+    t.has("selection") && this._queueSync();
+  }
+  _items() {
+    return this._$slot.assignedElements({ flatten: !0 }).filter((t) => t.localName === "rc-list-item");
+  }
+  _expectedInputType() {
+    if (this.selection === "single")
+      return "radio";
+    if (this.selection === "multiple")
+      return "checkbox";
+  }
+  _inputFor(t) {
+    const e = this._expectedInputType();
+    return e ? t.querySelector(`:scope > input[type="${e}"]`) : null;
+  }
+  _queueSync() {
+    this._syncQueued || (this._syncQueued = !0, queueMicrotask(() => {
+      this._syncQueued = !1, this.isConnected && this.hasUpdated && this._syncItems();
+    }));
+  }
+  _syncItems() {
+    this._$slot.assignedElements({ flatten: !0 });
+    const t = this._items().filter((r) => !r.hidden), e = this._expectedInputType();
+    for (const [r, i] of this._authoredItemState)
+      (!t.includes(r) || !e) && (this._restoreItem(r, i), this._authoredItemState.delete(r));
+    this.toggleAttribute(
+      "has-leading",
+      t.some((r) => r.hasAttribute("has-leading"))
+    ), this.toggleAttribute(
+      "has-trailing",
+      t.some((r) => r.hasAttribute("has-trailing"))
+    );
+    for (const [r, i] of t.entries())
+      if (i.dataset.rcListPosition = t.length === 1 ? "only" : r === 0 ? "first" : r === t.length - 1 ? "last" : "middle", e) {
+        const s = this._inputFor(i);
+        this._authoredItemState.has(i) || this._authoredItemState.set(i, {
+          disabled: i.disabled,
+          interactive: i.interactive,
+          selected: i.selected
+        }), i.selected = s?.checked ?? !1, i.disabled = s?.disabled ?? !1, i.interactive = !!s;
+      }
+  }
+  _restoreItem(t, e) {
+    t.selected = e.selected, t.disabled = e.disabled, t.interactive = e.interactive, delete t.dataset.rcListPosition;
+  }
+  _restoreAllItems() {
+    for (const [t, e] of this._authoredItemState)
+      this._restoreItem(t, e);
+    this._authoredItemState.clear();
+  }
+  _handleSlotChange() {
+    this._queueSync();
+  }
+  render() {
+    return v`
+      <div part="list">
+        <slot @slotchange=${this._handleSlotChange}></slot>
+      </div>
+    `;
+  }
+};
+u.styles = w;
+let d = u;
+h([
+  f("slot", !0)
+], d.prototype, "_$slot");
+h([
+  n({ reflect: !0 })
+], d.prototype, "variant");
+h([
+  n({ reflect: !0 })
+], d.prototype, "selection");
+export {
+  d as R,
+  a
+};
+//# sourceMappingURL=rc-list-DyOxApRJ.js.map

package/dist/rc-list-DyOxApRJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-list-DyOxApRJ.js","sources":["../src/rc-list-item.styles.ts","../src/rc-list-item.ts","../src/rc-list.styles.ts","../src/rc-list.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const listItemStyles = css`\n  :host {\n    display: grid;\n    grid-column: 1 / -1;\n    grid-template-columns: subgrid;\n    min-inline-size: 0;\n    color: var(--rc-list-item-color, CanvasText);\n    color-scheme: inherit;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  [part='row'] {\n    position: relative;\n    display: grid;\n    box-sizing: border-box;\n    grid-column: 1 / -1;\n    grid-template-columns: subgrid;\n    grid-template-rows: var(--rc-list-item-grid-template-rows, auto);\n    align-items: center;\n    row-gap: var(--rc-list-item-row-gap, 0);\n    min-block-size: var(--rc-list-item-min-block-size, 3rem);\n    min-inline-size: 0;\n    padding-block: var(--rc-list-item-padding-block, 0.5rem);\n    overflow: clip;\n    border: var(--rc-list-item-border, 0);\n    border-radius: var(--rc-list-item-border-radius, 0);\n    background: var(--rc-list-item-background, transparent);\n    box-shadow: var(--rc-list-item-box-shadow, none);\n    transition:\n      background-color var(--rc-list-item-transition-duration, 0ms)\n        var(--rc-list-item-transition-easing, ease),\n      box-shadow var(--rc-list-item-transition-duration, 0ms)\n        var(--rc-list-item-transition-easing, ease);\n  }\n\n  [part='state-layer'] {\n    position: absolute;\n    z-index: 0;\n    inset: 0;\n    pointer-events: none;\n    background: var(--rc-list-item-state-layer-color, currentColor);\n    opacity: var(--rc-list-item-state-layer-opacity, 0);\n    transition: opacity var(--rc-list-item-transition-duration, 0ms)\n      var(--rc-list-item-transition-easing, ease);\n  }\n\n  [part='leading'],\n  [part='content'],\n  [part='trailing'] {\n    position: relative;\n    z-index: 1;\n    min-inline-size: 0;\n  }\n\n  [part='leading'] {\n    grid-column: var(--rc-list-item-leading-grid-column, leading-start / leading-end);\n    grid-row: var(--rc-list-item-leading-grid-row, auto);\n  }\n\n  [part='content'] {\n    grid-column: var(--rc-list-item-content-grid-column, content-start / content-end);\n    grid-row: var(--rc-list-item-content-grid-row, auto);\n    overflow: hidden;\n    text-overflow: var(--rc-list-item-content-text-overflow, ellipsis);\n    white-space: var(--rc-list-item-content-white-space, nowrap);\n  }\n\n  [part='trailing'] {\n    grid-column: var(--rc-list-item-trailing-grid-column, trailing-start / trailing-end);\n    grid-row: var(--rc-list-item-trailing-grid-row, auto);\n    justify-self: var(--rc-list-item-trailing-justify-self, end);\n  }\n\n  [part='leading'][hidden],\n  [part='trailing'][hidden] {\n    display: none;\n  }\n\n  ::slotted(*) {\n    min-inline-size: 0;\n  }\n\n  [part='content'] ::slotted(*) {\n    overflow: hidden;\n    text-overflow: inherit;\n  }\n\n  [part='divider'] {\n    position: absolute;\n    z-index: 1;\n    inset-block-end: 0;\n    inset-inline: var(--rc-list-item-divider-inset-inline, 0);\n    border-block-end: var(--rc-list-item-divider, 0);\n    pointer-events: none;\n  }\n\n  :host([interactive]:not([disabled])) {\n    cursor: pointer;\n  }\n\n  :host([interactive]:not([disabled]):hover) [part='state-layer'] {\n    opacity: var(--rc-list-item-hover-state-layer-opacity, 0.08);\n  }\n\n  :host([interactive]:not([disabled]):focus-within) [part='state-layer'] {\n    opacity: var(--rc-list-item-focus-state-layer-opacity, 0.1);\n  }\n\n  :host([interactive]:not([disabled]):active) [part='state-layer'] {\n    opacity: var(--rc-list-item-pressed-state-layer-opacity, 0.1);\n  }\n\n  :host([selected]) [part='row'] {\n    color: var(--rc-list-item-selected-color, var(--rc-list-item-color, CanvasText));\n    background: var(--rc-list-item-selected-background, transparent);\n  }\n\n  :host([disabled]) {\n    cursor: default;\n    opacity: var(--rc-list-item-disabled-opacity, 0.38);\n  }\n\n  @media (forced-colors: active) {\n    [part='row'] {\n      border-color: CanvasText;\n    }\n\n    :host([selected]) [part='row'] {\n      outline: 2px solid Highlight;\n      outline-offset: -2px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    [part='row'],\n    [part='state-layer'] {\n      transition-duration: 0ms;\n    }\n  }\n`;\n\nexport default listItemStyles;\n","import { LitElement, html, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { ClickDelegateController } from '@rcarls/rc-common';\n\nimport listItemStyles from './rc-list-item.styles.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-list-item': RCListItem;\n  }\n}\n\n/**\n * A list row whose leading, content, and trailing cells participate in the\n * column grid owned by the nearest `rc-list`.\n *\n * `selected` is presentational state. In a selecting `rc-list`, the group\n * mirrors it from a direct native radio or checkbox, which remains the source\n * of truth. Outside a selecting list, authors may control it directly.\n *\n * An `interactive` row forwards a plain click anywhere on its surface (that\n * hasn't already landed on one of its own interactive descendants — see\n * `@rcarls/rc-common`'s `ClickDelegateController`) to whichever of these\n * resolves first:\n *   1. `action-target`, the same same-root id-ref contract `rc-card` uses —\n *      for a row whose primary action is a button/link that isn't itself a\n *      selection control (opens a dialog, navigates, etc).\n *   2. A direct-child native `input[type=checkbox]`/`input[type=radio]` —\n *      the existing selection-row behavior, unchanged.\n * Both exist because a CSS `::after`-overlay (\"stretched link\") on the\n * slotted control doesn't work here: it would need `[part=content]` as its\n * containing block, but that part's own `overflow: hidden` (required for\n * label truncation) clips the overlay right back down to its own bounds.\n *\n * @slot leading - Optional leading visual or native selection control. Add\n *   `data-rc-list-leading` when a theme should apply its standard leading-icon geometry.\n * @slot - Primary row content. It truncates to one line by default.\n * @slot trailing - Optional trailing metadata or action.\n *\n * @csspart row - Row surface and subgrid.\n * @csspart state-layer - Hover, focus, and pressed state layer.\n * @csspart leading - Leading slot wrapper.\n * @csspart content - Default content slot wrapper.\n * @csspart trailing - Trailing slot wrapper.\n * @csspart divider - Row divider.\n *\n * @attr selected - Presentational selected state. Host writes are silent.\n * @attr disabled - Presentational disabled state. Host writes are silent.\n * @attr interactive - Enables row interaction styling and click delegation.\n * @attr action-target - ID of a same-root anchor or button that receives\n *   forwarded surface clicks.\n * @attr [has-leading] - Reflected when the leading slot has content.\n * @attr [has-trailing] - Reflected when the trailing slot has content.\n * @attr [data-rc-list-position] - Visible row position assigned by the parent list.\n *\n * @cssprop [--rc-list-item-min-block-size=3rem] - Minimum rendered row height.\n * @cssprop [--rc-list-item-padding-block=0.5rem] - Row block padding.\n * @cssprop [--rc-list-item-color=CanvasText] - Row foreground color.\n * @cssprop [--rc-list-item-background=transparent] - Row surface color.\n * @cssprop [--rc-list-item-selected-color] - Selected foreground color.\n * @cssprop [--rc-list-item-selected-background=transparent] - Selected surface color.\n * @cssprop [--rc-list-item-border=0] - Row border shorthand.\n * @cssprop [--rc-list-item-border-radius=0] - Row corner radius.\n * @cssprop [--rc-list-item-box-shadow=none] - Row shadow.\n * @cssprop [--rc-list-item-divider=0] - Divider border shorthand.\n * @cssprop [--rc-list-item-divider-inset-inline=0] - Divider inline inset.\n * @cssprop [--rc-list-item-grid-template-rows=auto] - Internal row track definition.\n * @cssprop [--rc-list-item-row-gap=0] - Gap between internal row tracks.\n * @cssprop [--rc-list-item-leading-grid-column=leading-start / leading-end] - Leading region column placement.\n * @cssprop [--rc-list-item-leading-grid-row=auto] - Leading region row placement.\n * @cssprop [--rc-list-item-content-grid-column=content-start / content-end] - Content region column placement.\n * @cssprop [--rc-list-item-content-grid-row=auto] - Content region row placement.\n * @cssprop [--rc-list-item-content-white-space=nowrap] - Content wrapping behavior.\n * @cssprop [--rc-list-item-content-text-overflow=ellipsis] - Content overflow marker.\n * @cssprop [--rc-list-item-trailing-grid-column=trailing-start / trailing-end] - Trailing region column placement.\n * @cssprop [--rc-list-item-trailing-grid-row=auto] - Trailing region row placement.\n * @cssprop [--rc-list-item-trailing-justify-self=end] - Trailing region alignment within its grid area.\n * @cssprop [--rc-list-item-state-layer-color=currentColor] - Interaction state layer color.\n * @cssprop [--rc-list-item-state-layer-opacity=0] - Resting interaction state layer opacity.\n * @cssprop [--rc-list-item-hover-state-layer-opacity=0.08] - Hover state opacity.\n * @cssprop [--rc-list-item-focus-state-layer-opacity=0.1] - Focus state opacity.\n * @cssprop [--rc-list-item-pressed-state-layer-opacity=0.1] - Pressed state opacity.\n * @cssprop [--rc-list-item-disabled-opacity=0.38] - Disabled row opacity.\n * @cssprop [--rc-list-item-transition-duration=0ms] - Row state transition duration.\n * @cssprop [--rc-list-item-transition-easing=ease] - Row state transition easing.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-list rc-list documentation}\n */\nexport class RCListItem extends LitElement {\n  static override styles = listItemStyles;\n\n  private readonly _internals: ElementInternals;\n\n  /** Presentational selected state. Host writes are silent. */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /** Presentational disabled state. Host writes are silent. */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /** Enables row interaction styling. */\n  @property({ type: Boolean, reflect: true })\n  interactive = false;\n\n  /**\n   * ID of a same-root anchor or button that receives forwarded surface\n   * clicks — the same contract as `rc-card`'s `action-target`. Checked\n   * before the native radio/checkbox fallback, so a row can combine a\n   * selection input with its own `action-target` if it ever needs to\n   * (uncommon, but not fought against).\n   */\n  @property({ type: String, attribute: 'action-target' })\n  actionTarget = '';\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n    this._internals.role = 'listitem';\n\n    new ClickDelegateController(this, {\n      target: () => this._resolveActionTarget() ?? this._nativeInput(),\n      disabled: () => !this.interactive || this.disabled,\n    });\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n  }\n\n  protected override updated(changed: PropertyValues<this>): void {\n    if (!import.meta.env.DEV) {\n      return;\n    }\n\n    if (!changed.has('interactive') && !changed.has('actionTarget')) {\n      return;\n    }\n\n    if (this.interactive && !this.actionTarget.trim() && !this._nativeInput()) {\n      console.warn(\n        `[rc-list-item] interactive is set with no action-target and no direct-child ` +\n          `checkbox/radio, so surface clicks have nothing to forward to. Set action-target ` +\n          `to a same-root <a> or <button>, or add one of those as a direct child.`,\n        this,\n      );\n    }\n  }\n\n  private _hasAssignedElements(event: Event): boolean {\n    return (event.currentTarget as HTMLSlotElement)\n      .assignedNodes({ flatten: true })\n      .some(($node) => {\n        return $node.nodeType !== Node.TEXT_NODE || Boolean($node.textContent?.trim());\n      });\n  }\n\n  private _handleNamedSlotChange(event: Event): void {\n    const $slot = event.currentTarget as HTMLSlotElement;\n\n    this.toggleAttribute(`has-${$slot.name}`, this._hasAssignedElements(event));\n  }\n\n  private _nativeInput(): HTMLInputElement | null {\n    return this.querySelector(':scope > input:is([type=\"checkbox\"], [type=\"radio\"])');\n  }\n\n  private _resolveActionTarget(): HTMLAnchorElement | HTMLButtonElement | null {\n    const id = this.actionTarget.trim();\n\n    if (!id) {\n      return null;\n    }\n\n    const $root = this.getRootNode();\n    const $target =\n      $root instanceof Document || $root instanceof ShadowRoot ? $root.getElementById(id) : null;\n\n    if ($target instanceof HTMLAnchorElement || $target instanceof HTMLButtonElement) {\n      return $target;\n    }\n\n    if (import.meta.env.DEV) {\n      console.warn(\n        `[rc-list-item] action-target=\"${id}\" must reference a same-root <a> or <button>.`,\n      );\n    }\n\n    return null;\n  }\n\n  protected override firstUpdated(): void {\n    for (const $slot of this.shadowRoot?.querySelectorAll<HTMLSlotElement>('slot[name]') ?? []) {\n      this.toggleAttribute(`has-${$slot.name}`, $slot.assignedNodes({ flatten: true }).length > 0);\n    }\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"row\">\n        <span part=\"state-layer\" aria-hidden=\"true\"></span>\n        <span part=\"leading\">\n          <slot name=\"leading\" @slotchange=${this._handleNamedSlotChange}></slot>\n        </span>\n        <span part=\"content\"><slot></slot></span>\n        <span part=\"trailing\">\n          <slot name=\"trailing\" @slotchange=${this._handleNamedSlotChange}></slot>\n        </span>\n        <span part=\"divider\" aria-hidden=\"true\"></span>\n      </div>\n    `;\n  }\n}\n","import { css } from 'lit';\n\nexport const listStyles = css`\n  :host {\n    --_rc-list-leading-gap: 0;\n    --_rc-list-leading-size: 0;\n    --_rc-list-trailing-gap: 0;\n    --_rc-list-trailing-size: 0;\n\n    display: block;\n    min-inline-size: 0;\n    color-scheme: inherit;\n  }\n\n  :host([hidden]) {\n    display: none;\n  }\n\n  :host([has-leading]) {\n    --_rc-list-leading-gap: var(--rc-list-leading-gap, 1rem);\n    --_rc-list-leading-size: var(--rc-list-leading-size, minmax(0, max-content));\n  }\n\n  :host([has-trailing]) {\n    --_rc-list-trailing-gap: var(--rc-list-trailing-gap, 1rem);\n    --_rc-list-trailing-size: var(--rc-list-trailing-size, minmax(0, max-content));\n  }\n\n  [part='list'] {\n    display: grid;\n    grid-template-columns:\n      [item-start] var(--rc-list-padding-inline, 0)\n      [leading-start] var(--_rc-list-leading-size) [leading-end]\n      var(--_rc-list-leading-gap)\n      [content-start] minmax(0, 1fr) [content-end]\n      var(--_rc-list-trailing-gap)\n      [trailing-start] var(--_rc-list-trailing-size) [trailing-end]\n      var(--rc-list-padding-inline, 0) [item-end];\n    min-inline-size: 0;\n    padding-block: var(--rc-list-padding-block, 0);\n    row-gap: var(--rc-list-row-gap, 0);\n  }\n\n  ::slotted(rc-list-item) {\n    grid-column: item-start / item-end;\n  }\n`;\n\nexport default listStyles;\n","import { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport type { RCListItem } from './rc-list-item.js';\n\nimport listStyles from './rc-list.styles.js';\n\nexport type RCListVariant = 'standard' | 'segmented';\nexport type RCListSelection = 'none' | 'single' | 'multiple';\n\ninterface AuthoredItemState {\n  disabled: boolean;\n  interactive: boolean;\n  selected: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-list': RCList;\n  }\n}\n\n/**\n * Shared-column list layout with optional native-backed selection.\n *\n * In `single` and `multiple` selection modes, each direct `rc-list-item`\n * must contain one direct native radio or checkbox respectively. Native\n * checked and disabled state remain authoritative; the list only mirrors\n * them to the row for styling and makes non-control row surfaces operable.\n *\n * @slot - Direct `rc-list-item` children.\n *\n * @csspart list - Shared list grid.\n *\n * @attr variant - Appearance hint: `standard` or `segmented`.\n * @attr selection - Native selection coordination: `none`, `single`, or `multiple`.\n * @attr [has-leading] - Reflected when a visible item uses the leading slot.\n * @attr [has-trailing] - Reflected when a visible item uses the trailing slot.\n *\n * @cssprop [--rc-list-padding-inline=0] - Shared inline content padding.\n * @cssprop [--rc-list-padding-block=0] - List block padding.\n * @cssprop [--rc-list-leading-size=minmax(0, max-content)] - Shared leading column size when any visible item has leading content.\n * @cssprop [--rc-list-leading-gap=1rem] - Gap after the leading column.\n * @cssprop [--rc-list-trailing-size=minmax(0, max-content)] - Shared trailing column size when any visible item has trailing content.\n * @cssprop [--rc-list-trailing-gap=1rem] - Gap before the trailing column.\n * @cssprop [--rc-list-row-gap=0] - Gap between rows.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-list rc-list documentation}\n * @see {@link https://m3.material.io/components/lists/overview Material Design lists}\n */\nexport class RCList extends LitElement {\n  static override styles = listStyles;\n\n  private readonly _internals: ElementInternals;\n  private _syncQueued = false;\n  private readonly _warnedInvalidChildren = new WeakSet<Element>();\n  private readonly _warnedInvalidSelection = new WeakMap<RCListItem, RCListSelection>();\n  private readonly _authoredItemState = new Map<RCListItem, AuthoredItemState>();\n\n  @query('slot', true)\n  private _$slot!: HTMLSlotElement;\n\n  private _mutationObserver: MutationObserver | null = null;\n\n  /** Appearance hint. */\n  @property({ reflect: true })\n  variant: RCListVariant = 'standard';\n\n  /** Native selection coordination mode. */\n  @property({ reflect: true })\n  selection: RCListSelection = 'none';\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n    this._internals.role = 'list';\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n\n    this.addEventListener('change', this._handleChange);\n\n    if (typeof MutationObserver === 'function') {\n      this._mutationObserver ??= new MutationObserver(() => this._queueSync());\n\n      this._mutationObserver.observe(this, {\n        attributes: true,\n        subtree: true,\n        attributeFilter: ['checked', 'disabled', 'has-leading', 'has-trailing', 'hidden'],\n      });\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('change', this._handleChange);\n    this._mutationObserver?.disconnect();\n    this._restoreAllItems();\n  }\n\n  protected override firstUpdated(): void {\n    this._syncItems();\n  }\n\n  protected override updated(changed: Map<PropertyKey, unknown>): void {\n    if (changed.has('selection')) {\n      this._queueSync();\n    }\n  }\n\n  private _items(): RCListItem[] {\n    return this._$slot\n      .assignedElements({ flatten: true })\n      .filter((element): element is RCListItem => element.localName === 'rc-list-item');\n  }\n\n  private _expectedInputType(): 'radio' | 'checkbox' | undefined {\n    if (this.selection === 'single') {\n      return 'radio';\n    }\n\n    if (this.selection === 'multiple') {\n      return 'checkbox';\n    }\n\n    return undefined;\n  }\n\n  private _inputFor(item: RCListItem): HTMLInputElement | null {\n    const expectedType = this._expectedInputType();\n\n    if (!expectedType) {\n      return null;\n    }\n\n    return item.querySelector(`:scope > input[type=\"${expectedType}\"]`);\n  }\n\n  private _queueSync(): void {\n    if (this._syncQueued) {\n      return;\n    }\n\n    this._syncQueued = true;\n\n    queueMicrotask(() => {\n      this._syncQueued = false;\n\n      if (this.isConnected && this.hasUpdated) {\n        this._syncItems();\n      }\n    });\n  }\n\n  private _syncItems(): void {\n    const assigned = this._$slot.assignedElements({ flatten: true });\n    const items = this._items().filter((item) => !item.hidden);\n    const expectedType = this._expectedInputType();\n\n    for (const [$item, state] of this._authoredItemState) {\n      if (!items.includes($item) || !expectedType) {\n        this._restoreItem($item, state);\n        this._authoredItemState.delete($item);\n      }\n    }\n\n    this.toggleAttribute(\n      'has-leading',\n      items.some((item) => item.hasAttribute('has-leading')),\n    );\n\n    this.toggleAttribute(\n      'has-trailing',\n      items.some((item) => item.hasAttribute('has-trailing')),\n    );\n\n    for (const [index, item] of items.entries()) {\n      item.dataset.rcListPosition =\n        items.length === 1\n          ? 'only'\n          : index === 0\n            ? 'first'\n            : index === items.length - 1\n              ? 'last'\n              : 'middle';\n\n      if (expectedType) {\n        const input = this._inputFor(item);\n\n        if (!this._authoredItemState.has(item)) {\n          this._authoredItemState.set(item, {\n            disabled: item.disabled,\n            interactive: item.interactive,\n            selected: item.selected,\n          });\n        }\n\n        item.selected = input?.checked ?? false;\n        item.disabled = input?.disabled ?? false;\n        item.interactive = Boolean(input);\n      }\n    }\n\n    if (import.meta.env.DEV) {\n      const invalidChildren = assigned.filter(\n        (element) =>\n          element.localName !== 'rc-list-item' && !this._warnedInvalidChildren.has(element),\n      );\n\n      if (invalidChildren.length > 0) {\n        console.warn('[rc-list] Direct children should be rc-list-item elements.', invalidChildren);\n        invalidChildren.forEach((element) => this._warnedInvalidChildren.add(element));\n      }\n\n      if (expectedType) {\n        const invalidItems = items.filter(\n          (item) =>\n            !this._inputFor(item) && this._warnedInvalidSelection.get(item) !== this.selection,\n        );\n\n        if (invalidItems.length > 0) {\n          console.warn(\n            `[rc-list] selection=\"${this.selection}\" expects each rc-list-item to contain a direct native ${expectedType} input.`,\n            invalidItems,\n          );\n\n          invalidItems.forEach((item) => this._warnedInvalidSelection.set(item, this.selection));\n        }\n      }\n    }\n  }\n\n  private _restoreItem($item: RCListItem, state: AuthoredItemState): void {\n    $item.selected = state.selected;\n    $item.disabled = state.disabled;\n    $item.interactive = state.interactive;\n    delete $item.dataset.rcListPosition;\n  }\n\n  private _restoreAllItems(): void {\n    for (const [$item, state] of this._authoredItemState) {\n      this._restoreItem($item, state);\n    }\n\n    this._authoredItemState.clear();\n  }\n\n  private readonly _handleChange = (event: Event): void => {\n    if (\n      this.selection !== 'none' &&\n      event.target instanceof HTMLInputElement &&\n      event.target.parentElement?.localName === 'rc-list-item' &&\n      event.target.type === this._expectedInputType()\n    ) {\n      this._queueSync();\n    }\n  };\n\n  private _handleSlotChange(): void {\n    this._queueSync();\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"list\">\n        <slot @slotchange=${this._handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n"],"names":["listItemStyles","css","_RCListItem","LitElement","ClickDelegateController","changed","event","$node","$slot","id","$root","$target","html","RCListItem","__decorateClass","property","listStyles","_RCList","element","item","expectedType","items","$item","state","index","input","RCList","query"],"mappings":"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"}

package/dist/rc-list-define.js

@@ -0,0 +1,8 @@
+import { a as t, R as e } from "./rc-list-DyOxApRJ.js";
+customElements.get("rc-list-item") || customElements.define("rc-list-item", t);
+customElements.get("rc-list") || customElements.define("rc-list", e);
+export {
+  e as RCList,
+  t as RCListItem
+};
+//# sourceMappingURL=rc-list-define.js.map

package/dist/rc-list-define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-list-define.js","sources":["../src/define.ts"],"sourcesContent":["import { RCList, RCListItem } from './index.js';\n\ncustomElements.get('rc-list-item') || customElements.define('rc-list-item', RCListItem);\ncustomElements.get('rc-list') || customElements.define('rc-list', RCList);\n\nexport * from './index.js';\n"],"names":["RCListItem","RCList"],"mappings":";AAEA,eAAe,IAAI,cAAc,KAAK,eAAe,OAAO,gBAAgBA,CAAU;AACtF,eAAe,IAAI,SAAS,KAAK,eAAe,OAAO,WAAWC,CAAM;"}

package/dist/rc-list.js

@@ -0,0 +1,6 @@
+import { R as a, a as R } from "./rc-list-DyOxApRJ.js";
+export {
+  a as RCList,
+  R as RCListItem
+};
+//# sourceMappingURL=rc-list.js.map

package/dist/rc-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-list.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/types/packages/rc-list/src/define.d.ts

@@ -0,0 +1 @@
+export * from './index.js';

package/dist/types/packages/rc-list/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './rc-list-item.js';
+export * from './rc-list.js';

package/dist/types/packages/rc-list/src/rc-list-item.d.ts

@@ -0,0 +1,109 @@
+import { LitElement, PropertyValues } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'rc-list-item': RCListItem;
+    }
+}
+/**
+ * A list row whose leading, content, and trailing cells participate in the
+ * column grid owned by the nearest `rc-list`.
+ *
+ * `selected` is presentational state. In a selecting `rc-list`, the group
+ * mirrors it from a direct native radio or checkbox, which remains the source
+ * of truth. Outside a selecting list, authors may control it directly.
+ *
+ * An `interactive` row forwards a plain click anywhere on its surface (that
+ * hasn't already landed on one of its own interactive descendants — see
+ * `@rcarls/rc-common`'s `ClickDelegateController`) to whichever of these
+ * resolves first:
+ *   1. `action-target`, the same same-root id-ref contract `rc-card` uses —
+ *      for a row whose primary action is a button/link that isn't itself a
+ *      selection control (opens a dialog, navigates, etc).
+ *   2. A direct-child native `input[type=checkbox]`/`input[type=radio]` —
+ *      the existing selection-row behavior, unchanged.
+ * Both exist because a CSS `::after`-overlay ("stretched link") on the
+ * slotted control doesn't work here: it would need `[part=content]` as its
+ * containing block, but that part's own `overflow: hidden` (required for
+ * label truncation) clips the overlay right back down to its own bounds.
+ *
+ * @slot leading - Optional leading visual or native selection control. Add
+ *   `data-rc-list-leading` when a theme should apply its standard leading-icon geometry.
+ * @slot - Primary row content. It truncates to one line by default.
+ * @slot trailing - Optional trailing metadata or action.
+ *
+ * @csspart row - Row surface and subgrid.
+ * @csspart state-layer - Hover, focus, and pressed state layer.
+ * @csspart leading - Leading slot wrapper.
+ * @csspart content - Default content slot wrapper.
+ * @csspart trailing - Trailing slot wrapper.
+ * @csspart divider - Row divider.
+ *
+ * @attr selected - Presentational selected state. Host writes are silent.
+ * @attr disabled - Presentational disabled state. Host writes are silent.
+ * @attr interactive - Enables row interaction styling and click delegation.
+ * @attr action-target - ID of a same-root anchor or button that receives
+ *   forwarded surface clicks.
+ * @attr [has-leading] - Reflected when the leading slot has content.
+ * @attr [has-trailing] - Reflected when the trailing slot has content.
+ * @attr [data-rc-list-position] - Visible row position assigned by the parent list.
+ *
+ * @cssprop [--rc-list-item-min-block-size=3rem] - Minimum rendered row height.
+ * @cssprop [--rc-list-item-padding-block=0.5rem] - Row block padding.
+ * @cssprop [--rc-list-item-color=CanvasText] - Row foreground color.
+ * @cssprop [--rc-list-item-background=transparent] - Row surface color.
+ * @cssprop [--rc-list-item-selected-color] - Selected foreground color.
+ * @cssprop [--rc-list-item-selected-background=transparent] - Selected surface color.
+ * @cssprop [--rc-list-item-border=0] - Row border shorthand.
+ * @cssprop [--rc-list-item-border-radius=0] - Row corner radius.
+ * @cssprop [--rc-list-item-box-shadow=none] - Row shadow.
+ * @cssprop [--rc-list-item-divider=0] - Divider border shorthand.
+ * @cssprop [--rc-list-item-divider-inset-inline=0] - Divider inline inset.
+ * @cssprop [--rc-list-item-grid-template-rows=auto] - Internal row track definition.
+ * @cssprop [--rc-list-item-row-gap=0] - Gap between internal row tracks.
+ * @cssprop [--rc-list-item-leading-grid-column=leading-start / leading-end] - Leading region column placement.
+ * @cssprop [--rc-list-item-leading-grid-row=auto] - Leading region row placement.
+ * @cssprop [--rc-list-item-content-grid-column=content-start / content-end] - Content region column placement.
+ * @cssprop [--rc-list-item-content-grid-row=auto] - Content region row placement.
+ * @cssprop [--rc-list-item-content-white-space=nowrap] - Content wrapping behavior.
+ * @cssprop [--rc-list-item-content-text-overflow=ellipsis] - Content overflow marker.
+ * @cssprop [--rc-list-item-trailing-grid-column=trailing-start / trailing-end] - Trailing region column placement.
+ * @cssprop [--rc-list-item-trailing-grid-row=auto] - Trailing region row placement.
+ * @cssprop [--rc-list-item-trailing-justify-self=end] - Trailing region alignment within its grid area.
+ * @cssprop [--rc-list-item-state-layer-color=currentColor] - Interaction state layer color.
+ * @cssprop [--rc-list-item-state-layer-opacity=0] - Resting interaction state layer opacity.
+ * @cssprop [--rc-list-item-hover-state-layer-opacity=0.08] - Hover state opacity.
+ * @cssprop [--rc-list-item-focus-state-layer-opacity=0.1] - Focus state opacity.
+ * @cssprop [--rc-list-item-pressed-state-layer-opacity=0.1] - Pressed state opacity.
+ * @cssprop [--rc-list-item-disabled-opacity=0.38] - Disabled row opacity.
+ * @cssprop [--rc-list-item-transition-duration=0ms] - Row state transition duration.
+ * @cssprop [--rc-list-item-transition-easing=ease] - Row state transition easing.
+ *
+ * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-list rc-list documentation}
+ */
+export declare class RCListItem extends LitElement {
+    static styles: import('lit').CSSResult;
+    private readonly _internals;
+    /** Presentational selected state. Host writes are silent. */
+    selected: boolean;
+    /** Presentational disabled state. Host writes are silent. */
+    disabled: boolean;
+    /** Enables row interaction styling. */
+    interactive: boolean;
+    /**
+     * ID of a same-root anchor or button that receives forwarded surface
+     * clicks — the same contract as `rc-card`'s `action-target`. Checked
+     * before the native radio/checkbox fallback, so a row can combine a
+     * selection input with its own `action-target` if it ever needs to
+     * (uncommon, but not fought against).
+     */
+    actionTarget: string;
+    constructor();
+    connectedCallback(): void;
+    protected updated(changed: PropertyValues<this>): void;
+    private _hasAssignedElements;
+    private _handleNamedSlotChange;
+    private _nativeInput;
+    private _resolveActionTarget;
+    protected firstUpdated(): void;
+    protected render(): import('lit').TemplateResult<1>;
+}

package/dist/types/packages/rc-list/src/rc-list-item.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const listItemStyles: import('lit').CSSResult;
+export default listItemStyles;

package/dist/types/packages/rc-list/src/rc-list.d.ts

@@ -0,0 +1,65 @@
+import { LitElement } from 'lit';
+export type RCListVariant = 'standard' | 'segmented';
+export type RCListSelection = 'none' | 'single' | 'multiple';
+declare global {
+    interface HTMLElementTagNameMap {
+        'rc-list': RCList;
+    }
+}
+/**
+ * Shared-column list layout with optional native-backed selection.
+ *
+ * In `single` and `multiple` selection modes, each direct `rc-list-item`
+ * must contain one direct native radio or checkbox respectively. Native
+ * checked and disabled state remain authoritative; the list only mirrors
+ * them to the row for styling and makes non-control row surfaces operable.
+ *
+ * @slot - Direct `rc-list-item` children.
+ *
+ * @csspart list - Shared list grid.
+ *
+ * @attr variant - Appearance hint: `standard` or `segmented`.
+ * @attr selection - Native selection coordination: `none`, `single`, or `multiple`.
+ * @attr [has-leading] - Reflected when a visible item uses the leading slot.
+ * @attr [has-trailing] - Reflected when a visible item uses the trailing slot.
+ *
+ * @cssprop [--rc-list-padding-inline=0] - Shared inline content padding.
+ * @cssprop [--rc-list-padding-block=0] - List block padding.
+ * @cssprop [--rc-list-leading-size=minmax(0, max-content)] - Shared leading column size when any visible item has leading content.
+ * @cssprop [--rc-list-leading-gap=1rem] - Gap after the leading column.
+ * @cssprop [--rc-list-trailing-size=minmax(0, max-content)] - Shared trailing column size when any visible item has trailing content.
+ * @cssprop [--rc-list-trailing-gap=1rem] - Gap before the trailing column.
+ * @cssprop [--rc-list-row-gap=0] - Gap between rows.
+ *
+ * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-list rc-list documentation}
+ * @see {@link https://m3.material.io/components/lists/overview Material Design lists}
+ */
+export declare class RCList extends LitElement {
+    static styles: import('lit').CSSResult;
+    private readonly _internals;
+    private _syncQueued;
+    private readonly _warnedInvalidChildren;
+    private readonly _warnedInvalidSelection;
+    private readonly _authoredItemState;
+    private _$slot;
+    private _mutationObserver;
+    /** Appearance hint. */
+    variant: RCListVariant;
+    /** Native selection coordination mode. */
+    selection: RCListSelection;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected updated(changed: Map<PropertyKey, unknown>): void;
+    private _items;
+    private _expectedInputType;
+    private _inputFor;
+    private _queueSync;
+    private _syncItems;
+    private _restoreItem;
+    private _restoreAllItems;
+    private readonly _handleChange;
+    private _handleSlotChange;
+    protected render(): import('lit').TemplateResult<1>;
+}

package/dist/types/packages/rc-list/src/rc-list.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const listStyles: import('lit').CSSResult;
+export default listStyles;