@vectoriox/iox-ui 5.36.0 → 5.38.0

package/composite-core/index.d.ts

@@ -34,6 +34,9 @@ interface CompositeNode extends ElementStyleTarget {
  *  (the builder's `createConfig`, generation-core's `createSerializedNode`), with these props and this
  *  element style. `key` is stable per recipe node — a consumer that needs deterministic ids builds them
  *  from it (generation-core: `<root id>-<key>`). */
+/** `elementStyle: NO_ELEMENT_STYLE` asks for a node that wears NO element style (undefined / null = the type's default,
+ *  as both node factories have always read it): a migrated slider's bare chevrons, a lightbox's slide (CC3). */
+declare const NO_ELEMENT_STYLE = "";
 interface CompositeNodeSpec {
     key: string;
     type: string;
@@ -41,6 +44,9 @@ interface CompositeNodeSpec {
     elementStyle?: string | null;
 }
 type CompositeNodeFactory = (spec: CompositeNodeSpec) => CompositeNode;
+/** A recipe part: a NEW node (`create`) playing `role` under `label`, with the layout `base` styles its recipe
+ *  gives it — its LOOK is its element style. Shared by every recipe (Accordion, Disclosure). */
+declare function makeCompositePart(create: CompositeNodeFactory, spec: CompositeNodeSpec, role: string | null, label: string | undefined, base?: Readonly<Record<string, string>>): CompositeNode;
 /** A content trait's value — `traits[].default` on a builder node, `props[name]` on a saved one. */
 declare function readProp(node: CompositeNode, name: string): unknown;
 /** Write a content trait. False when a builder node has no such trait (the value would be dropped). */
@@ -68,6 +74,68 @@ declare function parentInComposite(root: CompositeNode, node: CompositeNode): Co
 /** Detach `node` from its parent inside `root`. True when it was found. */
 declare function removeFromComposite(root: CompositeNode, node: CompositeNode): boolean;
 
+/**
+ * The open/close composites' kinds and roles (CC2 Accordion, CC2.1 Disclosure — composite plan T9 / T21). ONE
+ * family: a Disclosure is a one-item accordion whose ROOT is its item, so both run the same state machine, the
+ * same attribute planners and the same runtime (`accordion-runtime.ts`). Every consumer that treats "an item",
+ * "a header" or "a panel" alike asks these predicates, never a role literal.
+ */
+declare enum CompositeKind {
+    Accordion = "accordion",
+    Disclosure = "disclosure"
+}
+declare enum AccordionRole {
+    Accordion = "accordion",
+    Item = "accordion.item",
+    Trigger = "accordion.trigger",
+    Icon = "accordion.icon",
+    Panel = "accordion.panel"
+}
+/**
+ * DISCLOSURE ("Read more") — one trigger, one panel. The root IS its item (it carries the item key and
+ * `data-iox-on`); the trigger holds two words, the one shown while closed (`more`) and the one shown while open
+ * (`less`), swapped by the Item open state — never by script.
+ */
+declare enum DisclosureRole {
+    Disclosure = "disclosure",
+    Trigger = "disclosure.trigger",
+    More = "disclosure.more",
+    Less = "disclosure.less",
+    Icon = "disclosure.icon",
+    Panel = "disclosure.panel"
+}
+interface RoleLike$2 {
+    role?: string | null;
+}
+/** The roles each kind plays in the shared runtime. */
+interface CompositeKindRoles {
+    root: string;
+    item: string;
+    trigger: string;
+    panel: string;
+    icon: string;
+}
+declare const COMPOSITE_KIND_ROLES: Readonly<Record<CompositeKind, CompositeKindRoles>>;
+/** The kind a role belongs to (`disclosure.panel` → Disclosure), or null for any other role. */
+declare function compositeKindOfRole(role: string | null | undefined): CompositeKind | null;
+/** A root that runs the open/close runtime (an Accordion or a Disclosure). */
+declare function isCompositeRoot(node: RoleLike$2 | null | undefined): boolean;
+/** An ITEM — an accordion's item, or a disclosure (its own item). */
+declare function isCompositeItem(node: RoleLike$2 | null | undefined): boolean;
+/** A trigger — rendered as a `<button>` that opens its item, never a link. */
+declare function isCompositeTrigger(node: RoleLike$2 | null | undefined): boolean;
+/** A panel — rendered inside the track + region the one hiding rule collapses. */
+declare function isCompositePanel(node: RoleLike$2 | null | undefined): boolean;
+declare function isDisclosureRoot(node: RoleLike$2 | null | undefined): boolean;
+/** True for any part of a disclosure (its root included). */
+declare function isDisclosurePart(node: RoleLike$2 | null | undefined): boolean;
+/** The composite root a node belongs to: the nearest ancestor (or the node itself) that is one. `path` = the
+ *  node's ancestors, root first. */
+declare function compositeRootOf<T extends RoleLike$2>(node: T, path: ReadonlyArray<T>): T | null;
+/** The item a node sits in — the nearest item of either kind (itself when it is one) — or null. An accordion
+ *  root ends the walk (its items are below it). */
+declare function compositeItemOf<T extends RoleLike$2>(node: T, path: ReadonlyArray<T>): T | null;
+
 /**
  * ACCORDION (CC2 — composite K1; complex-components boards 3, 4 and 9, APPROVED 2026-10-20). Not a
  * component: a recipe of ordinary nodes, each part carrying a role, so every part is selectable on the
@@ -86,13 +154,6 @@ declare function removeFromComposite(root: CompositeNode, node: CompositeNode):
  * (`nextAccordionState`), the ARIA and DOM state one planner (`accordionItemState` and the attribute
  * functions), the keyboard one key map — read by the builder canvas, both engine paths and the composer.
  */
-declare enum AccordionRole {
-    Accordion = "accordion",
-    Item = "accordion.item",
-    Trigger = "accordion.trigger",
-    Icon = "accordion.icon",
-    Panel = "accordion.panel"
-}
 /** The behaviour options a composite root stores as ordinary TRAITS (composite plan §3). */
 declare enum CompositeBehaviourTrait {
     /** Several items may be open at once ("Allow several open"). */
@@ -138,6 +199,9 @@ interface AccordionOptions {
     defaultOn?: AccordionDefaultOn;
     icon?: AccordionIcon;
 }
+/** The icon of an item (an accordion's, or a disclosure's — `role`); its Item-open state (the turn) is driven by
+ *  ITS item (`stateTriggers`). ONE builder for both kinds. */
+declare function buildCompositeIcon(create: CompositeNodeFactory, key: string, icon: Exclude<AccordionIcon, AccordionIcon.None>, itemId?: string, role?: string): CompositeNode;
 /** One item: header (question + icon) and panel (answer). `key` makes every part's recipe key unique. */
 declare function buildAccordionItem(create: CompositeNodeFactory, words: AccordionWords, itemKey: string, icon?: AccordionIcon): CompositeNode;
 /** A fresh Accordion: three items, one open at a time, the first open by default (board 4). */
@@ -170,11 +234,14 @@ interface AccordionBehaviour {
 declare function accordionBehaviour(root: CompositeNode | null | undefined): AccordionBehaviour;
 /** Behaviour ▸ Allow several open / Open by default. False when the node has no such trait. */
 declare function setAccordionBehaviour(root: CompositeNode, patch: Partial<AccordionBehaviour>): boolean;
-/** The header of an item. */
+/** The header of an item (either kind). */
 declare function accordionTriggerOf(item: CompositeNode): CompositeNode | undefined;
-/** The panel of an item. */
+/** The panel of an item (either kind). */
 declare function accordionPanelOf(item: CompositeNode): CompositeNode | undefined;
-/** The question: the first Heading inside the header. */
+/** A root's items — an accordion's (`accordionItems`), or a disclosure, which is its own one item. */
+declare function compositeItems(root: CompositeNode): CompositeNode[];
+/** The question: the first Heading inside the header — a disclosure's toggle holds no heading, so its first word
+ *  (the Text shown while closed, "Read more"). */
 declare function accordionQuestionOf(item: CompositeNode): CompositeNode | undefined;
 /** The answer: the first Text inside the panel. */
 declare function accordionAnswerOf(item: CompositeNode): CompositeNode | undefined;
@@ -199,7 +266,7 @@ declare enum AccordionEditRefusal {
 }
 /** Why removing `item` from `root` is refused, or null. */
 declare function accordionRemovalRefusal(root: CompositeNode | null | undefined, item: CompositeNode | null | undefined): AccordionEditRefusal | null;
-/** The icon the accordion's items wear now (the first item's; None when it has no icon). */
+/** The icon the composite's items wear now (the first item's; None when it has no icon). Either kind. */
 declare function detectAccordionIcon(root: CompositeNode): AccordionIcon;
 /**
  * Behaviour ▸ Icon: every item's header shows the chevron, the plus, or no icon. A switch between glyphs
@@ -213,8 +280,10 @@ declare function itemOpenTriggerIds(root: CompositeNode): void;
 declare function initialAccordionOpen(keys: ReadonlyArray<string>, defaultOn: AccordionDefaultOn): Set<string>;
 /** The open keys after toggling `key`: one at a time closes the others; several leaves them. */
 declare function nextAccordionState(open: ReadonlySet<string>, key: string, behaviour: Pick<AccordionBehaviour, 'multiple'>): Set<string>;
-/** The open keys after OPENING `key` (find-in-page, selecting into a closed panel). */
+/** The open keys after OPENING `key` (find-in-page, selecting into a closed panel, the `openItem` action). */
 declare function openAccordionItem(open: ReadonlySet<string>, key: string, behaviour: Pick<AccordionBehaviour, 'multiple'>): Set<string>;
+/** The open keys after CLOSING `key` (the `closeItem` action). */
+declare function closeAccordionItem(open: ReadonlySet<string>, key: string): Set<string>;
 declare enum AccordionKeyAction {
     Next = "next",
     Previous = "previous",
@@ -233,23 +302,32 @@ interface AccordionDomIds {
     trigger: string;
     panel: string;
 }
-/** The ARIA pairing ids of an item: unique per accordion (its root's node id) and per item (its key). */
-declare function accordionDomIds(rootId: string, itemKey: string): AccordionDomIds;
+/** The ARIA pairing ids of an item: unique per composite (its SCOPE id — `compositeScopeId`) and per item (its key). */
+declare function accordionDomIds(rootId: string, itemKey: string, kind?: CompositeKind): AccordionDomIds;
+/**
+ * The id a rendered composite's ARIA ids are built from: its node id, and — when it sits inside repeated rows —
+ * every enclosing row's identity, outermost first (vectoriox/iox-ui#20: an accordion repeated per card used to
+ * pair every row's header with the FIRST row's panel). The engine folds each row's `rowItemKey`; the builder
+ * canvas its preview row's index. Unrepeated, it is the node id unchanged.
+ */
+declare function compositeScopeId(rootId: string, rowKeys?: ReadonlyArray<string>): string;
 /** One item's render state: its identity, whether it is open, and its ARIA ids. */
 interface AccordionItemState {
+    kind: CompositeKind;
     key: string;
     index: number;
     on: boolean;
     ids: AccordionDomIds;
 }
-/** The render scope of one accordion: its root id, behaviour and every item key in order. */
+/** The render scope of one composite: its kind, scope id, behaviour and every item key in order. */
 interface AccordionScope {
+    kind: CompositeKind;
     rootId: string;
     behaviour: AccordionBehaviour;
     keys: ReadonlyArray<string>;
     open: ReadonlySet<string>;
 }
-declare function accordionScope(rootId: string, behaviour: AccordionBehaviour, keys: ReadonlyArray<string>): AccordionScope;
+declare function accordionScope(rootId: string, behaviour: AccordionBehaviour, keys: ReadonlyArray<string>, kind?: CompositeKind): AccordionScope;
 declare function accordionItemState(scope: AccordionScope, index: number): AccordionItemState;
 /** Attribute values: a string, or '' for a present boolean attribute. Absent attributes are left out. */
 type DomAttributes = Record<string, string>;
@@ -259,6 +337,9 @@ declare const ITEM_KEY_ATTRIBUTE = "data-iox-item-key";
 declare const COMPOSITE_ATTRIBUTE = "data-iox-composite";
 declare const MULTIPLE_ATTRIBUTE = "data-iox-multiple";
 declare const DEFAULT_ON_ATTRIBUTE = "data-iox-default-on";
+/** The scope id the ARIA ids are built from (`compositeScopeId`), written by the engine so the runtime re-stamps
+ *  exactly the ids the server rendered. */
+declare const SCOPE_ATTRIBUTE = "data-iox-scope";
 /** The value a closed panel's region carries: find-in-page can still reveal it (D9, board 4). */
 declare const UNTIL_FOUND = "until-found";
 /** The structural classes the renderers write around an accordion's parts (no node owns them). */
@@ -268,13 +349,16 @@ declare enum AccordionClass {
     Track = "iox-accordion-track",
     Region = "iox-accordion-region"
 }
-declare function accordionRootAttributes(behaviour: AccordionBehaviour): DomAttributes;
+declare function accordionRootAttributes(behaviour: AccordionBehaviour, kind?: CompositeKind, scopeId?: string): DomAttributes;
 declare function accordionItemAttributes(state: AccordionItemState): DomAttributes;
 declare function accordionTriggerAttributes(state: AccordionItemState): DomAttributes;
 /** The track wrapping a panel: its row collapses to 0 while closed (the ONE hiding rule, iox-design.css). */
 declare function accordionTrackAttributes(state: AccordionItemState): DomAttributes;
-/** The region the panel sits in: `hidden="until-found"` while closed, so its words stay in the page. */
+/** The region the panel sits in: `hidden="until-found"` while closed, so its words stay in the page. An accordion's
+ *  is a labelled `region` (APG accordion); a disclosure's is a plain block (APG disclosure: the button names it). */
 declare function accordionRegionAttributes(state: AccordionItemState): DomAttributes;
+/** True when a region of this kind is a labelled `role=region`. */
+declare function hasLabelledRegion(kind: CompositeKind): boolean;
 declare function accordionPanelAttributes(state: AccordionItemState): DomAttributes;
 /** `attrs` as an HTML attribute string (` a="b" c`), values escaped by `esc`. */
 declare function serializeDomAttributes(attrs: DomAttributes, esc: (v: string) => string): string;
@@ -322,13 +406,17 @@ declare function accordionPartStyle(node: CompositeNode, name: string): unknown;
  * paths render the same markup). It reads the markup the renderers write (iox-design.css + accordion.ts's
  * attribute planners), so the server's first paint and every later state agree:
  *
- *   [root]  data-iox-composite="accordion"  data-iox-default-on  [data-iox-multiple]   (the node's own element —
- *           its role class may sit on a wrapper host, as the engine's component-path Repeater draws it)
+ *   [root]  data-iox-composite="accordion"  data-iox-default-on  [data-iox-multiple]  [data-iox-scope]  (the node's
+ *           own element — its role class may sit on a wrapper host, as the engine's component-path Repeater draws it)
  *     .iox-role-accordion-item  data-iox-item-key  [data-iox-on]
  *       hN.iox-accordion-heading > button.iox-accordion-button  id  aria-expanded  aria-controls
  *       .iox-accordion-track [data-iox-on] > .iox-accordion-region  role=region  [hidden=until-found]
  *         .iox-role-accordion-panel
  *
+ * The DISCLOSURE (CC2.1) runs on this same runtime: `data-iox-composite="disclosure"` on a root that IS its one
+ * item (it carries the key and `data-iox-on`), its button straight inside it (no heading), its panel in the same
+ * track + region (a plain block — no `role=region`), and no arrow keys (one button).
+ *
  * It owns: a click on a header toggles its item; ↓ ↑ Home End move between the headers of THIS accordion
  * (a nested one keeps its own); find-in-page (`beforematch`) opens the item that holds the match; a closed
  * panel gets `hidden="until-found"` after its track has collapsed (at once under reduced motion). Every
@@ -339,8 +427,11 @@ declare function accordionPartStyle(node: CompositeNode, name: string): unknown;
 declare const ITEM_ON_EVENT = "iox-item-on";
 declare const ITEM_OFF_EVENT = "iox-item-off";
 interface AccordionRuntimeOptions {
-    /** The root's node id — the ARIA ids' prefix (else read from the root's `iox-node-<id>` class). */
-    rootId?: string;
+    /** The composite's scope id — the ARIA ids' prefix (else the root's `data-iox-scope`, else its `iox-node-<id>`). A
+     *  function is read at every stamp (the builder canvas: a preview row's index is known once it is in the page). */
+    rootId?: string | (() => string);
+    /** Accordion or Disclosure (else read from the root's `data-iox-composite`). */
+    kind?: CompositeKind;
     /** The behaviour (else read from the root's data attributes). */
     behaviour?: AccordionBehaviour;
     /** Keys forced open on top of the live state (the builder's design state). */
@@ -350,9 +441,9 @@ interface AccordionRuntimeOptions {
     /** True to stop motion (default: the visitor's reduced-motion setting). */
     reducedMotion?: () => boolean;
 }
-/** The accordion an element belongs to (the element itself when it is a root). */
+/** The composite (accordion or disclosure) an element belongs to (the element itself when it is a root). */
 declare function closestAccordion(el: Element | null | undefined): HTMLElement | null;
-/** The item an element sits in (itself when it is one). */
+/** The item an element sits in (itself when it is one) — an accordion item, or a disclosure. */
 declare function closestAccordionItem(el: Element | null | undefined): HTMLElement | null;
 /** Subscribe to an item turning on / off — what the `itemOn` / `itemOff` interaction triggers listen to. The
  *  item is the element's own item (the element itself when it is one). Returns the unsubscribe. */
@@ -370,11 +461,12 @@ declare class AccordionRuntime {
     private behaviourValue;
     /** The builder attaches a root before its items render: the saved default is applied once they do. */
     private awaitingItems;
+    readonly kind: CompositeKind;
     constructor(root: HTMLElement, options?: AccordionRuntimeOptions);
     get behaviour(): AccordionBehaviour;
     /** The behaviour changed in the panel: re-read, and start from the new default. */
     setBehaviour(behaviour: AccordionBehaviour): void;
-    /** THIS accordion's items, in document order (a nested accordion's items are its own). */
+    /** THIS composite's items, in document order (a nested composite's items are its own); a disclosure's is itself. */
     items(): HTMLElement[];
     /** The open keys the live state holds (before anything forced). */
     get liveKeys(): ReadonlySet<string>;
@@ -383,6 +475,9 @@ declare class AccordionRuntime {
     keyOf(item: Element, items?: HTMLElement[]): string;
     toggle(key: string): void;
     open(key: string): void;
+    close(key: string): void;
+    /** Run an item action (`openItem` / `closeItem` / `toggleItem`, T14) on `key`. True when it shows open after. */
+    run(action: CompositeItemAction, key: string): boolean;
     /** Back to the saved default ("Showing on canvas ▸ As saved"). */
     resetLive(): void;
     /** The forced set changed (builder design state): show it. */
@@ -401,13 +496,73 @@ declare class AccordionRuntime {
     private readonly onKeydown;
     private readonly onBeforeMatch;
 }
-/** Attach the runtime to one rendered accordion root, unless it already runs one. Returns the NEW runtime, or
+/** Attach the runtime to one rendered composite root, unless it already runs one. Returns the NEW runtime, or
  *  null when the root already had one (so a caller destroys only what it created). */
 declare function attachAccordionAt(root: HTMLElement, options?: Omit<AccordionRuntimeOptions, 'rootId' | 'behaviour'>): AccordionRuntime | null;
 /** Attach the runtime to every accordion under `container` that has none yet. Returns the new runtimes. */
 declare function attachAccordions(container: ParentNode, options?: Omit<AccordionRuntimeOptions, 'rootId' | 'behaviour'>): AccordionRuntime[];
 /** Detach a runtime `attachAccordions` created. */
 declare function detachAccordion(runtime: AccordionRuntime): void;
+/** The repeated rows an element sits in, outermost first — each row's index as its row wrappers stamp it
+ *  (`data-iox-row-idx`: the builder's Repeater rows, the engine's component path). The builder folds them into a
+ *  composite's scope id (`compositeScopeId`, vectoriox/iox-ui#20); the element itself is not counted. */
+declare function compositeRowKeys(el: Element | null | undefined): string[];
+/** The runtime running a composite root, or null. */
+declare function accordionRuntimeOf(root: Element | null | undefined): AccordionRuntime | null;
+/** What an item action does to its target item (actions-core `openItem` / `closeItem` / `toggleItem`). */
+declare enum CompositeItemAction {
+    Open = "open",
+    Close = "close",
+    Toggle = "toggle"
+}
+/**
+ * Run an item action on the element of an ITEM (an accordion item, or a disclosure) — the `openItem` /
+ * `closeItem` / `toggleItem` interaction actions, on the canvas and on the live site through this one function.
+ * Returns whether the item shows open afterwards, or null when `el` is in no running composite.
+ */
+declare function runCompositeItemAction(el: Element | null | undefined, action: CompositeItemAction): boolean | null;
+/** True when an item an action just opened is out of view and the page should scroll to it (T14: "opens that item
+ *  and scrolls to it") — never when its head is already on screen, so a button beside it does not jolt the page. */
+declare function shouldScrollToItem(top: number, viewportHeight: number): boolean;
+
+/**
+ * DISCLOSURE / "Read more" (CC2.1 — composite T21). Not a component: a recipe of ordinary nodes on the
+ * ACCORDION's machinery — a disclosure is a one-item accordion whose root is its item, so it runs the same
+ * state machine, attribute planners and runtime (`accordion-runtime.ts`), on the canvas and on the live site.
+ *
+ *   Container `box`                         role disclosure          itemKey k1 · trait defaultOn (none | first)
+ *   ├─ LinkedContainer `accordion-trigger`  role disclosure.trigger  → <button aria-expanded aria-controls>
+ *   │   ├─ Text `body` (span)               role disclosure.more     "Read more" — hidden while open
+ *   │   ├─ Text `body` (span)               role disclosure.less     "Read less" — shown only while open
+ *   │   └─ Icon `icon`                      role disclosure.icon     Item open → turns
+ *   └─ Container `accordion-panel`          role disclosure.panel    inside a hidden="until-found" track
+ *       └─ Text `body`                      the rest of the text
+ *
+ * The words swap through the ordinary Item open state (`trigger-on` → the root), so the label an author sees on
+ * the canvas is the one the visitor gets, with no script and nothing to break. The look is the accordion's own
+ * element styles (no `disclosure-*` contract: the boards draw none) — the header's ink, hover ink and focus ring;
+ * the panel's padding and muted ink — and the words are `body` text: the site's body type, with `color: inherit`, so
+ * the toggle's ink and its hover ink reach them.
+ */
+interface DisclosureWords {
+    more: string;
+    less: string;
+    body: string;
+}
+/** The words a fresh disclosure starts with — generic, the author's to replace. */
+declare const DISCLOSURE_WORDS: Readonly<DisclosureWords>;
+interface DisclosureOptions {
+    words?: Partial<DisclosureWords>;
+    /** Open on first render (default: closed). */
+    open?: boolean;
+    icon?: AccordionIcon;
+}
+/** A disclosure's one item key — its root IS its item. */
+declare const DISCLOSURE_ITEM_KEY = "k1";
+/** A fresh Disclosure: "Read more" opens the text below and reads "Read less" while it is open; closed by default. */
+declare function buildDisclosureRecipe(create: CompositeNodeFactory, options?: DisclosureOptions): CompositeNode;
+/** Behaviour ▸ Open by default (a disclosure: on or off). */
+declare function disclosureOpenByDefault(root: CompositeNode): boolean;
 
 /**
  * BADGE + CHIP (composite T25; complex-components board 8). A Badge is a Container wearing
@@ -588,7 +743,11 @@ declare function setCardLinked(card: CompositeNode, on: boolean): boolean;
 interface CompositeRoleSpec {
     /** The role of the part's parent; null for a composite root. */
     readonly parent: string | null;
+    /** The TYPE of the part's parent, for a part whose parent carries no role (a Slider's controls). */
+    readonly parentType?: string;
     readonly locked?: boolean;
+    /** May be deleted, but never moved out of its parent (a Slider's controls work only as its direct children). */
+    readonly pinned?: boolean;
     readonly part?: CardPart;
 }
 declare const COMPOSITE_ROLE_SPECS: Readonly<Record<string, CompositeRoleSpec>>;
@@ -603,17 +762,290 @@ declare enum StructureRefusal {
     /** A locked part can only live directly inside its own parent role. */
     LockedPlacement = "locked-placement"
 }
-interface RoleLike {
+interface RoleLike$1 {
     role?: string | null;
+    type?: string;
 }
 /**
  * Why the structure guard refuses `edit` on `node`, or null when it is allowed. `ancestors` (Move only) =
  * the new parent chain, root first, the direct parent last.
  */
-declare function structureRefusal(node: RoleLike | null | undefined, edit: StructureEdit, ancestors?: ReadonlyArray<RoleLike>): StructureRefusal | null;
+declare function structureRefusal(node: RoleLike$1 | null | undefined, edit: StructureEdit, ancestors?: ReadonlyArray<RoleLike$1>): StructureRefusal | null;
 /** True when `node` is a locked part (shown with a lock and no delete in the layer tree). Deleting a whole
  *  composite is always allowed — only its locked parts are refused. */
-declare function isLockedPart(node: RoleLike | null | undefined): boolean;
+declare function isLockedPart(node: RoleLike$1 | null | undefined): boolean;
+
+/**
+ * THE ACCESSIBLE CAROUSEL (CC3 — complex-components plan §7c, board 6; board 9 Q13). The Slider's controls are no
+ * longer drawn by Swiper: Previous, Next, Pause and Pagination are REAL nodes with roles — selectable on the canvas,
+ * in the layer tree and the breadcrumb, and styled on their own (R2) — handed to Swiper as its navigation and
+ * pagination elements.
+ *
+ *   SliderContainer  (.swiper)
+ *   ├─ ButtonBlock `button-secondary`   role slider.pause       FIRST focus stop; present while Autoplay is on, locked
+ *   ├─ ButtonBlock `button-secondary`   role slider.prev        › Icon caret (points the reading way in RTL)
+ *   ├─ ButtonBlock `button-secondary`   role slider.next        › Icon caret
+ *   ├─ (the slides — `.swiper-wrapper` › SliderSlide …)
+ *   └─ Container                        role slider.pagination  Swiper draws the dots (or "3 / 6") inside it
+ *
+ * The parts render INSIDE the `.swiper` element, never inside `.swiper-wrapper` (slider.md: a `.swiper-slide` must be
+ * the wrapper's direct child): the parts that come before the first slide in the tree render before the wrapper, the
+ * rest after it. By default they sit over the slides like Swiper's own controls (the shared CSS, iox-design.css, at
+ * zero specificity — a part's own styles win), so a saved slider migrated from Swiper-drawn controls keeps its look.
+ *
+ * The Bindings switches stay the source of truth: Navigation arrows ⇔ Previous + Next, Pagination ⇔ Pagination,
+ * Autoplay ⇔ Pause (WCAG 2.2.2 — "added while Autoplay is on, cannot be removed"). `syncSliderParts` is the one edit.
+ */
+declare enum SliderRole {
+    Pause = "slider.pause",
+    Prev = "slider.prev",
+    Next = "slider.next",
+    Pagination = "slider.pagination"
+}
+/** Parts in the order they are stamped: the pause control first (APG: the first focus stop), the dots last. */
+declare const SLIDER_PART_ROLES: ReadonlyArray<SliderRole>;
+declare const SLIDER_TYPE = "SliderContainer";
+declare const SLIDE_TYPE = "SliderSlide";
+/** The Bindings switches that own the parts. */
+declare enum SliderFlag {
+    Navigation = "enableNavigation",
+    Pagination = "enablePagination",
+    Autoplay = "enableAutoplay"
+}
+/** The trait that names the carousel (Slider ▸ Accessibility ▸ Carousel name) — the A11y trait every named part uses. */
+declare const SLIDER_NAME_TRAIT = "ariaLabel";
+interface RoleLike {
+    role?: string | null;
+    type?: string;
+}
+declare function isSliderPart(node: RoleLike | null | undefined): boolean;
+declare function isSlider(node: RoleLike | null | undefined): boolean;
+/** The slider's own part playing `role` (a direct child), or undefined. */
+declare function sliderPart<T extends RoleLike>(slider: {
+    children?: T[] | null;
+}, role: SliderRole): T | undefined;
+/** True when the slider's controls are parts (it was created or migrated in CC3) — Swiper then draws none of its own. */
+declare function hasSliderParts(slider: {
+    children?: ReadonlyArray<RoleLike> | null;
+}): boolean;
+/** A slider's children split as they render: parts before the first slide, the slides (into `.swiper-wrapper`), and
+ *  the parts after it. */
+declare function splitSliderChildren<T extends RoleLike>(children: ReadonlyArray<T> | null | undefined): {
+    lead: T[];
+    slides: T[];
+    trail: T[];
+};
+/** The slides only (the template slide of a bound slider is `sliderSlides(children)[0]`). */
+declare function sliderSlides<T extends RoleLike>(children: ReadonlyArray<T> | null | undefined): T[];
+/** Each part's glyph (Phosphor) and its default accessible name. */
+declare const SLIDER_PART_GLYPH: Readonly<Record<Exclude<SliderRole, SliderRole.Pagination>, string>>;
+declare const SLIDER_PLAY_GLYPH = "ph-fill ph-play";
+/**
+ * What a saved slider drew through Swiper before CC3, carried into its parts by the migration so it looks the same:
+ * bare chevrons in the author's arrow colour and size, the dots in the author's colour. Swiper's own default colour
+ * is its theme blue — what the live site drew, because the engine never applied the colour traits.
+ */
+interface LegacySliderLook {
+    navigationColor?: string;
+    navigationSize?: number;
+    paginationColor?: string;
+}
+declare const SWIPER_THEME_COLOR = "#007aff";
+/** One part, from the recipe (board 6: `button-secondary` controls, token dots) or in a migrated slider's legacy look. */
+declare function buildSliderPart(create: CompositeNodeFactory, role: SliderRole, legacy?: LegacySliderLook): CompositeNode;
+/** The parts the slider's switches call for, in stamping order. */
+declare function wantedSliderParts(slider: CompositeNode): SliderRole[];
+interface SliderPartsChange {
+    added: CompositeNode[];
+    removed: CompositeNode[];
+}
+/**
+ * Make the slider's parts match its switches — ONE edit (a palette switch, the migration, the composer). Missing
+ * parts are stamped from the recipe (or, `legacy`, in the migrated look) at their place: the pause control, Previous
+ * and Next before the first slide, the pagination after the last; parts whose switch is off are removed. Everything
+ * else (the slides, the author's edits to an existing part) is kept.
+ */
+declare function syncSliderParts(slider: CompositeNode, create: CompositeNodeFactory, legacy?: LegacySliderLook): SliderPartsChange;
+/** True when a saved slider still relies on Swiper-drawn controls: a switch is on and no part exists yet. */
+declare function needsSliderMigration(slider: CompositeNode | null | undefined): boolean;
+/**
+ * The migration of a saved slider (board 9 Q13): its Swiper-drawn arrows, dots — and, when Autoplay is on, the pause
+ * control WCAG 2.2.2 requires — become parts, in the place and the colours Swiper drew them. Idempotent: a slider
+ * that already has parts is left alone. True when it changed.
+ */
+declare function migrateSliderControls(slider: CompositeNode, create: CompositeNodeFactory): boolean;
+/**
+ * A switch flipped in the panel: on a slider still on Swiper-drawn controls, migrate it first (so its other controls
+ * keep their look), then stamp / remove the parts the new switch calls for. ONE edit.
+ */
+declare function setSliderFlag(slider: CompositeNode, flag: SliderFlag, on: boolean, create: CompositeNodeFactory): SliderPartsChange;
+interface SliderWords {
+    stop: string;
+    start: string;
+    prev: string;
+    next: string;
+    carousel: string;
+    slide: string;
+    /** `{{index}}` and `{{slidesLength}}`, Swiper's placeholders. */
+    slideLabel: string;
+    goTo: string;
+}
+declare const SLIDER_WORDS: Readonly<Record<'en' | 'he', SliderWords>>;
+declare function sliderWords(lang?: string | null): SliderWords;
+/** The wrapper's live region (APG): silent while the slides move on their own, polite otherwise. */
+declare function sliderLiveRegion(rotating: boolean): 'off' | 'polite';
+/**
+ * The pause control's state (APG carousel): its NAME says what it will do ("Stop automatic slide show" while it
+ * rotates, "Start automatic slide show" when stopped). An author who named the control keeps the name, and the
+ * state is `aria-pressed` instead (pressed = stopped).
+ */
+declare function sliderPauseAttributes(rotating: boolean, words?: SliderWords, authorName?: string | null): Record<string, string>;
+/** The pause control's glyph: pause while it rotates, play when stopped. */
+declare function sliderPauseGlyph(rotating: boolean): string;
+interface CarouselQuote {
+    quote: string;
+    who: string;
+}
+/** Board 6's sample quotes — PLACEHOLDERS: testimonials are facts the studio gives, never invented. */
+declare const CAROUSEL_QUOTES: ReadonlyArray<CarouselQuote>;
+interface CarouselOptions {
+    /** The carousel's accessible name (a `region` landmark). */
+    name?: string;
+    quotes?: ReadonlyArray<CarouselQuote>;
+}
+/**
+ * The testimonial carousel (board 6): a named Slider, one quote per slide (each a `card`), rotating every 5s with its
+ * control parts — the pause control first, Previous · Next, the dots. ONE recipe for the composer and the builder.
+ */
+declare function buildCarouselRecipe(create: CompositeNodeFactory, options?: CarouselOptions): CompositeNode;
+/** The slide a lightbox opens at for the clicked row (clamped to the slides there are). */
+declare function slideIndexForRow(rowIndex: number, slideCount: number): number;
+
+/**
+ * The accessible carousel's RUNTIME (CC3, board 6; closes vectoriox/iox-ui#13) — DOM only, over a running Swiper,
+ * ONE copy for the engine (both paths) and the admin's Preview. Swiper's A11y module gives the container
+ * `aria-roledescription="carousel"`, every slide `role=group` + "slide" + "n of m"; this adds what the APG
+ * carousel needs on top:
+ * - the PAUSE control (role `slider.pause`, rendered first): it stops rotation for good and starts it again; its
+ *   name says what it will do, its glyph swaps;
+ * - rotation PAUSES while focus is anywhere inside (hover is Swiper's `pauseOnMouseEnter`) and resumes when it
+ *   leaves — unless the visitor pressed pause;
+ * - the wrapper's live region is `off` while the slides move on their own and `polite` otherwise;
+ * - slides that are not in view are `inert` (and hidden from assistive technology), so Tab never lands in one.
+ * The builder's EDIT canvas never attaches it (no autoplay there, and a slide must stay clickable).
+ */
+/** The parts of the Swiper instance this runtime reads — a real Swiper, or a stub in a spec. */
+interface CarouselSwiper {
+    el: HTMLElement;
+    wrapperEl: HTMLElement;
+    slides: HTMLElement[];
+    activeIndex: number;
+    destroyed?: boolean;
+    params?: {
+        slidesPerView?: number | 'auto';
+        autoplay?: {
+            pauseOnMouseEnter?: boolean;
+        } | boolean;
+    };
+    autoplay?: {
+        running: boolean;
+        paused?: boolean;
+        start(): void;
+        stop(): void;
+        pause(): void;
+        resume(): void;
+    };
+    on(event: string, handler: (...args: unknown[]) => void): void;
+    off(event: string, handler: (...args: unknown[]) => void): void;
+}
+interface CarouselA11yOptions {
+    words?: SliderWords;
+}
+/** The part of `role` that belongs to THIS slider (never one of a slider nested in a slide). */
+declare function sliderPartElement(sliderEl: Element, role: SliderRole): HTMLElement | null;
+declare class CarouselA11y {
+    private readonly swiper;
+    /** The visitor pressed pause: rotation stays stopped until they press it again. */
+    private stoppedByVisitor;
+    private focusInside;
+    /** The pointer is over the carousel and Swiper holds rotation for it (`pauseOnMouseEnter`). */
+    private hovering;
+    private readonly cleanups;
+    private readonly words;
+    private readonly pause;
+    private readonly authorName;
+    constructor(swiper: CarouselSwiper, options?: CarouselA11yOptions);
+    /** True while the slides move on their own: autoplay runs and nothing holds it — not focus inside, not the
+     *  pointer over it. (Swiper's own `paused` also flips during every transition, so it is not read here.) */
+    get rotating(): boolean;
+    private get hoverPauses();
+    /** The pause control: stop rotation for good, or start it again. */
+    togglePause(): void;
+    destroy(): void;
+    private listen;
+    private onFocusIn;
+    private onFocusOut;
+    /** Re-state the carousel: the live region, the pause control, the slides out of view. */
+    sync(): void;
+    private syncHiddenSlides;
+}
+/** The carousel runtime attached to a slider element, if any. */
+declare function carouselOf(el: Element | null | undefined): CarouselA11y | null;
+/** Attach once per Swiper (a re-init gets a fresh runtime). */
+declare function attachCarouselA11y(swiper: CarouselSwiper, options?: CarouselA11yOptions): CarouselA11y;
+
+/**
+ * THE LIGHTBOX (CC3 — complex-components plan §7d, board 6). Not a component: a Dialog holding a Slider bound to the
+ * SAME source as the grid of thumbnails. The one new thing is `openDialog`'s "Open at the clicked item"
+ * (`slideTo: 'row'`): a thumbnail in a repeater row opens the lightbox at ITS slide.
+ *
+ *   Dialog `dialog` · centre · full viewport · Inverse scheme      "Lightbox" (a free-standing Dialog: board A4)
+ *   ├─ ButtonBlock `button-ghost`  "Close"  › Icon ×                click → closeDialog
+ *   └─ SliderContainer  one slide in view · keyboard · the source's rows
+ *       ├─ Previous · Next (slider.prev / slider.next, button-secondary)   hidden on a phone (swipe)
+ *       ├─ SliderSlide › Image `media` (contain, keeps its alt) + Text `small` caption
+ *       └─ Pagination (slider.pagination) — the counter "3 / 6"
+ *
+ * Keyboard ← → are the Slider's Keyboard module; Esc and the focus trap are the `<dialog>`'s; focus returns to the
+ * thumbnail that opened it (the dialog opener's own rule).
+ */
+declare const SLIDE_TO_ROW = "row";
+/** The attribute a renderer writes on every repeated row (the context-state provenance, both engine paths, the canvas). */
+declare const ROW_INDEX_ATTRIBUTE = "data-iox-row-idx";
+declare const LIGHTBOX_LABEL = "Lightbox";
+interface LightboxOptions {
+    /** The list the slides come from (the grid's own source). Empty = three manual slides. */
+    source?: string;
+    sourcePath?: string;
+    /** The row field each slide's image and caption read (`item` = the row itself, a bare URL). */
+    imageField?: string;
+    captionField?: string;
+    /** The image's alt binding; '' = decorative (a bare URL row has no words of its own). */
+    altField?: string;
+}
+/** On a phone the arrows give way to a swipe (board 6, "the arrows hide on touch-only widths"). */
+declare const LIGHTBOX_ARROWS_HIDE_AT = "mobile";
+/** A fresh lightbox: the Dialog, its Close part and the Slider (bound to `source`, or three manual slides). */
+declare function buildLightboxRecipe(create: CompositeNodeFactory, options?: LightboxOptions): CompositeNode;
+interface RepeatSource {
+    source: string;
+    path: string;
+}
+/** What a Repeater (its `source` binding) or a bound Slider (its `source` / `sourcePath` traits) repeats over. */
+declare function repeatSourceOf(node: CompositeNode | null | undefined): RepeatSource | null;
+declare function sameRepeatSource(a: RepeatSource | null, b: RepeatSource | null): boolean;
+/** The Slider a lightbox Dialog holds (the first one, depth first), or null. */
+declare function lightboxSliderOf(dialog: CompositeNode | null | undefined): CompositeNode | null;
+/** The repeated rows the element is in: the nearest Repeater or bound Slider among its ancestors (`path` = root → the
+ *  element, inclusive). */
+declare function rowSourceOf(path: ReadonlyArray<CompositeNode>): RepeatSource | null;
+/**
+ * Interactions ▸ openDialog ▸ "Open at the clicked item" is offered only when it can work (board 9): the clicked
+ * element sits in a repeater row AND the target Dialog holds a Slider bound to the same source.
+ */
+declare function canOpenAtClickedItem(ownerPath: ReadonlyArray<CompositeNode>, dialog: CompositeNode | null | undefined): boolean;
+/** The repeated row an element sits in (its row index), 0 when it is in none (the canvas' template row). */
+declare function rowIndexOf(el: Element | null | undefined): number;
 
-export { ACCORDION_BIND_PROP, ACCORDION_CONTENT_LIMIT, ACCORDION_DEFAULT_ONS, ACCORDION_ICONS, ACCORDION_ICON_GLYPH, ACCORDION_NEW_ITEM_WORDS, ACCORDION_WORDS, AccordionClass, AccordionDefaultOn, AccordionEditRefusal, AccordionIcon, AccordionKeyAction, AccordionRole, AccordionRuntime, BADGE_TONES, BADGE_TONE_ICONS, BadgeTone, CARD_LAYOUTS, CARD_LAYOUT_CUSTOM, CARD_PARTS, CARD_PART_ROLE, CARD_STACK_BREAKPOINT, CARD_WORDS, CHIP_ICON, CHIP_STYLE, COMPOSITE_ATTRIBUTE, COMPOSITE_ROLE_SPECS, CardLayout, CardPart, CardRole, CompositeBehaviourTrait, DEFAULT_ON_ATTRIBUTE, ITEM_KEY_ATTRIBUTE, ITEM_OFF_EVENT, ITEM_ON_EVENT, ITEM_OPEN_STATE, MULTIPLE_ATTRIBUTE, ON_ATTRIBUTE, ON_STATE, PILL_LABEL_STYLE, StructureEdit, StructureRefusal, UNTIL_FOUND, accordionAnswerOf, accordionBehaviour, accordionDomIds, accordionFocusIndex, accordionHeadingLevel, accordionItemAttributes, accordionItemLabel, accordionItemOf, accordionItemState, accordionItems, accordionKeyAction, accordionPanelAttributes, accordionPanelOf, accordionPartStyle, accordionQuestionOf, accordionRegionAttributes, accordionRemovalRefusal, accordionRootAttributes, accordionRootOf, accordionScope, accordionToContent, accordionToManual, accordionTrackAttributes, accordionTriggerAttributes, accordionTriggerOf, addAccordionItem, applyCardLayout, attachAccordionAt, attachAccordions, badgeStyleId, badgeToneOf, buildAccordionItem, buildAccordionRecipe, buildBadge, buildCardRecipe, buildChip, cardPartsOf, cardRootOf, cardTitleOf, clearLayerStyles, closestAccordion, closestAccordionItem, detachAccordion, detectAccordionIcon, detectCardLayout, domSafeKey, findByRole, initialAccordionOpen, isAccordionFromContent, isAccordionItemOn, isAccordionPart, isAccordionRoot, isCardLinked, isCardRoot, isLockedPart, isPillNode, itemOpenTriggerIds, moveAccordionItem, nextAccordionState, nextItemKey, onAccordionItemState, openAccordionItem, parentInComposite, pickAccordionAutoBinds, readLayerStyle, readProp, readStyle, removeFromComposite, renameAccordionItem, rowItemKey, serializeDomAttributes, setAccordionBehaviour, setAccordionIcon, setBadgeTone, setCardLinked, setCardPart, structureRefusal, walkComposite, writeLayerStyles, writeProp, writeStyles };
-export type { AccordionAutoBinds, AccordionBehaviour, AccordionDomIds, AccordionItemState, AccordionOptions, AccordionRuntimeOptions, AccordionScope, AccordionWords, BaselineStyles, CardEditOptions, CardLayoutResult, CardLayoutState, CardOptions, CardPartChange, CardWords, CompositeBinding, CompositeLayer, CompositeNode, CompositeNodeFactory, CompositeNodeSpec, CompositeRoleSpec, CompositeTrait, ContentFieldLike, DomAttributes, PillOptions };
+export { ACCORDION_BIND_PROP, ACCORDION_CONTENT_LIMIT, ACCORDION_DEFAULT_ONS, ACCORDION_ICONS, ACCORDION_ICON_GLYPH, ACCORDION_NEW_ITEM_WORDS, ACCORDION_WORDS, AccordionClass, AccordionDefaultOn, AccordionEditRefusal, AccordionIcon, AccordionKeyAction, AccordionRole, AccordionRuntime, BADGE_TONES, BADGE_TONE_ICONS, BadgeTone, CARD_LAYOUTS, CARD_LAYOUT_CUSTOM, CARD_PARTS, CARD_PART_ROLE, CARD_STACK_BREAKPOINT, CARD_WORDS, CAROUSEL_QUOTES, CHIP_ICON, CHIP_STYLE, COMPOSITE_ATTRIBUTE, COMPOSITE_KIND_ROLES, COMPOSITE_ROLE_SPECS, CardLayout, CardPart, CardRole, CarouselA11y, CompositeBehaviourTrait, CompositeItemAction, CompositeKind, DEFAULT_ON_ATTRIBUTE, DISCLOSURE_ITEM_KEY, DISCLOSURE_WORDS, DisclosureRole, ITEM_KEY_ATTRIBUTE, ITEM_OFF_EVENT, ITEM_ON_EVENT, ITEM_OPEN_STATE, LIGHTBOX_ARROWS_HIDE_AT, LIGHTBOX_LABEL, MULTIPLE_ATTRIBUTE, NO_ELEMENT_STYLE, ON_ATTRIBUTE, ON_STATE, PILL_LABEL_STYLE, ROW_INDEX_ATTRIBUTE, SCOPE_ATTRIBUTE, SLIDER_NAME_TRAIT, SLIDER_PART_GLYPH, SLIDER_PART_ROLES, SLIDER_PLAY_GLYPH, SLIDER_TYPE, SLIDER_WORDS, SLIDE_TO_ROW, SLIDE_TYPE, SWIPER_THEME_COLOR, SliderFlag, SliderRole, StructureEdit, StructureRefusal, UNTIL_FOUND, accordionAnswerOf, accordionBehaviour, accordionDomIds, accordionFocusIndex, accordionHeadingLevel, accordionItemAttributes, accordionItemLabel, accordionItemOf, accordionItemState, accordionItems, accordionKeyAction, accordionPanelAttributes, accordionPanelOf, accordionPartStyle, accordionQuestionOf, accordionRegionAttributes, accordionRemovalRefusal, accordionRootAttributes, accordionRootOf, accordionRuntimeOf, accordionScope, accordionToContent, accordionToManual, accordionTrackAttributes, accordionTriggerAttributes, accordionTriggerOf, addAccordionItem, applyCardLayout, attachAccordionAt, attachAccordions, attachCarouselA11y, badgeStyleId, badgeToneOf, buildAccordionItem, buildAccordionRecipe, buildBadge, buildCardRecipe, buildCarouselRecipe, buildChip, buildCompositeIcon, buildDisclosureRecipe, buildLightboxRecipe, buildSliderPart, canOpenAtClickedItem, cardPartsOf, cardRootOf, cardTitleOf, carouselOf, clearLayerStyles, closeAccordionItem, closestAccordion, closestAccordionItem, compositeItemOf, compositeItems, compositeKindOfRole, compositeRootOf, compositeRowKeys, compositeScopeId, detachAccordion, detectAccordionIcon, detectCardLayout, disclosureOpenByDefault, domSafeKey, findByRole, hasLabelledRegion, hasSliderParts, initialAccordionOpen, isAccordionFromContent, isAccordionItemOn, isAccordionPart, isAccordionRoot, isCardLinked, isCardRoot, isCompositeItem, isCompositePanel, isCompositeRoot, isCompositeTrigger, isDisclosurePart, isDisclosureRoot, isLockedPart, isPillNode, isSlider, isSliderPart, itemOpenTriggerIds, lightboxSliderOf, makeCompositePart, migrateSliderControls, moveAccordionItem, needsSliderMigration, nextAccordionState, nextItemKey, onAccordionItemState, openAccordionItem, parentInComposite, pickAccordionAutoBinds, readLayerStyle, readProp, readStyle, removeFromComposite, renameAccordionItem, repeatSourceOf, rowIndexOf, rowItemKey, rowSourceOf, runCompositeItemAction, sameRepeatSource, serializeDomAttributes, setAccordionBehaviour, setAccordionIcon, setBadgeTone, setCardLinked, setCardPart, setSliderFlag, shouldScrollToItem, slideIndexForRow, sliderLiveRegion, sliderPart, sliderPartElement, sliderPauseAttributes, sliderPauseGlyph, sliderSlides, sliderWords, splitSliderChildren, structureRefusal, syncSliderParts, walkComposite, wantedSliderParts, writeLayerStyles, writeProp, writeStyles };
+export type { AccordionAutoBinds, AccordionBehaviour, AccordionDomIds, AccordionItemState, AccordionOptions, AccordionRuntimeOptions, AccordionScope, AccordionWords, BaselineStyles, CardEditOptions, CardLayoutResult, CardLayoutState, CardOptions, CardPartChange, CardWords, CarouselA11yOptions, CarouselOptions, CarouselQuote, CarouselSwiper, CompositeBinding, CompositeKindRoles, CompositeLayer, CompositeNode, CompositeNodeFactory, CompositeNodeSpec, CompositeRoleSpec, CompositeTrait, ContentFieldLike, DisclosureOptions, DisclosureWords, DomAttributes, LegacySliderLook, LightboxOptions, PillOptions, RepeatSource, SliderPartsChange, SliderWords };