@vielzeug/codex 26.10.11 → 26.10.12

package/data/refine.json

@@ -62,189 +62,211 @@
   },
   {
     "kind": "function",
-    "name": "mapIconifyIcons",
+    "name": "announce",
     "return": {
       "type": {
-        "text": "Record<string, IconDefinition>"
+        "text": "void"
       }
     },
     "parameters": [
       {
-        "name": "icons",
+        "name": "message",
         "type": {
-          "text": "Readonly<Record<string, IconifyIcon>>"
+          "text": "string"
+        }
+      },
+      {
+        "name": "options",
+        "default": "{}",
+        "type": {
+          "text": "AnnounceOptions"
         }
       }
     ],
-    "description": "Keep app keys and the shared Iconify geometry, presentation, and validation contract."
+    "description": "Announces a message to screen readers via a singleton visually-hidden\nlive region. Safe to call outside a component lifecycle (no cleanup needed).\n\nUses latest-value replacement: rapid consecutive calls to the same politeness\ncancel pending writes so only the last message is spoken. The clear-then-set\npattern (short delay) forces AT to re-read even when the message text hasn't\nchanged."
   },
   {
     "kind": "function",
-    "name": "heroiconsIcons",
+    "name": "setAriaReflection",
     "return": {
       "type": {
-        "text": "Record<string, IconDefinition>"
+        "text": "void"
       }
     },
     "parameters": [
       {
-        "name": "icons",
+        "name": "el",
         "type": {
-          "text": "Readonly<Record<string, IconifyIcon>>"
+          "text": "Element"
+        }
+      },
+      {
+        "name": "property",
+        "type": {
+          "text": "AriaReflectionProperty"
+        }
+      },
+      {
+        "name": "targets",
+        "type": {
+          "text": "readonly Element[]"
         }
       }
     ],
-    "description": "Convert caller-named individual `@iconify-icons/heroicons` data, not `@heroicons/react` components.\nPreserves app keys and SVG presentation; requires DOMParser. No imports or registration of icon sets."
+    "description": "Associates `el` with `targets` via the given ARIA relationship. Prefers the\ncross-shadow-root-safe element-reflection property; falls back to a plain IDREF attribute\nbuilt from `targets`' own `id`s when the browser doesn't support element reflection yet.\n\nPass an empty array to clear the relationship."
   },
   {
     "kind": "function",
-    "name": "iconifyIcon",
+    "name": "createAutoResize",
     "return": {
       "type": {
-        "text": "IconDefinition"
+        "text": "AutoResizeControl"
       }
     },
     "parameters": [
       {
-        "name": "data",
+        "name": "options",
+        "default": "{}",
         "type": {
-          "text": "IconifyIcon"
+          "text": "AutoResizeOptions"
         }
       }
     ],
-    "description": "Convert trusted local Iconify data using the browser DOMParser, never HTML injection."
-  },
-  {
-    "kind": "variable",
-    "name": "children",
-    "type": {
-      "text": "readonly IconElement[]"
-    }
+    "description": "Grows a `<textarea>`'s height to fit its content, shared by every component that offers\nauto-resize (`ore-textarea`, `ore-message-composer`) instead of each reimplementing it.\n\nOwns only height: manual-resize cursor/direction is a per-component styling concern, not\nshared behavior, so it stays local to whichever component renders a resize handle."
   },
   {
     "kind": "function",
-    "name": "iconifyIcons",
+    "name": "createCheckable",
     "return": {
       "type": {
-        "text": "Record<string, IconDefinition>"
+        "text": "CheckableHandle"
       }
     },
     "parameters": [
       {
-        "name": "collection",
-        "type": {
-          "text": "IconifyCollection"
-        }
-      },
-      {
-        "name": "names",
-        "optional": true,
+        "name": "options",
         "type": {
-          "text": "readonly string[]"
+          "text": "CheckableOptions"
         }
       }
-    ],
-    "description": "Convert selected names (including aliases), or the entire explicitly imported collection."
+    ]
   },
   {
     "kind": "function",
-    "name": "lucideIcons",
+    "name": "createChoiceField",
     "return": {
       "type": {
-        "text": "Record<string, IconDefinition>"
+        "text": "ChoiceFieldHandle"
       }
     },
     "parameters": [
       {
-        "name": "icons",
+        "name": "options",
         "type": {
-          "text": "Readonly<Record<string, LucideIconData>>"
+          "text": "ChoiceFieldOptions"
         }
       }
     ]
   },
   {
     "kind": "function",
-    "name": "mdiIcons",
+    "name": "createComposerControl",
     "return": {
       "type": {
-        "text": "Record<string, IconDefinition>"
+        "text": "ComposerControl"
       }
     },
     "parameters": [
       {
-        "name": "icons",
+        "name": "options",
         "type": {
-          "text": "Readonly<Record<string, IconifyIcon>>"
+          "text": "ComposerControlOptions"
         }
       }
     ],
-    "description": "Convert caller-named individual `@iconify-icons/mdi` data, not framework components or raw path strings.\nPreserves app keys and SVG presentation; requires DOMParser. No imports or registration of icon sets."
+    "description": "Send-gesture logic for a message/comment composer: decides *when* a send is allowed\nand *whether* a given keydown counts as one. Owns no DOM, value state, or event dispatch;\nthe component wires `handleKeydown`/`send` and decides what a send actually does."
   },
   {
     "kind": "function",
-    "name": "registerIcons",
+    "name": "parseIso",
     "return": {
       "type": {
-        "text": "void"
+        "text": "Temporal.PlainDate | null"
       }
     },
     "parameters": [
       {
-        "name": "icons",
+        "name": "iso",
         "type": {
-          "text": "Readonly<Record<string, IconDefinition>>"
+          "text": "string | undefined | null"
         }
       }
     ],
-    "description": "Register trusted, synchronous SVG data. Re-registration replaces an application icon."
+    "description": "Parses an ISO 8601 date string (`yyyy-MM-dd`) into a `Temporal.PlainDate`.\nReturns `null` for any invalid / empty input: never throws."
   },
   {
     "kind": "function",
-    "name": "registerDefaultIcons",
+    "name": "toIsoString",
     "return": {
       "type": {
-        "text": "void"
+        "text": "string | null"
       }
     },
     "parameters": [
       {
-        "name": "icons",
+        "name": "date",
         "type": {
-          "text": "Readonly<Record<string, IconDefinition>>"
+          "text": "Temporal.PlainDate | null"
         }
       }
     ],
-    "description": "Internal defaults never replace application registrations, in either import order."
+    "description": "Serialises a `Temporal.PlainDate` (or `null`) to an ISO 8601 string (`yyyy-MM-dd`).\nReturns `null` when the input is `null`."
   },
   {
     "kind": "function",
-    "name": "resolveIcon",
+    "name": "formatDisplayDate",
     "return": {
       "type": {
-        "text": "IconDefinition | undefined"
+        "text": "string"
       }
     },
     "parameters": [
       {
-        "name": "name",
+        "name": "date",
+        "type": {
+          "text": "Temporal.PlainDate"
+        }
+      },
+      {
+        "name": "locale",
         "type": {
           "text": "string"
         }
       }
-    ]
+    ],
+    "description": "Formats a `Temporal.PlainDate` for display in a given locale.\ne.g. \"15 Jun 2025\" (default medium pattern)."
   },
   {
-    "kind": "variable",
-    "name": "SVG_NS",
-    "type": {
-      "text": "string"
+    "kind": "function",
+    "name": "createDatePickerControl",
+    "return": {
+      "type": {
+        "text": "DatePickerControl"
+      }
     },
-    "default": "'http://www.w3.org/2000/svg'"
+    "parameters": [
+      {
+        "name": "options",
+        "type": {
+          "text": "DatePickerControlOptions"
+        }
+      }
+    ],
+    "description": "Pure, framework-agnostic date-picker state machine backed by `Temporal.PlainDate`.\n\nAll state is held in plain mutable variables: suitable for wrapping in any\nreactive layer (ore `signal`, Vue ref, etc.). The factory returns a stable\nhandle object; callers are responsible for reactivity.\n\nOptions with getter-based live bindings (e.g. `get min() { ... }`) are read\non every call so the control always reflects the latest reactive state."
   },
   {
     "kind": "function",
-    "name": "validateAttributes",
+    "name": "handleCalendarGridKeydown",
     "return": {
       "type": {
         "text": "void"
@@ -252,255 +274,253 @@
     },
     "parameters": [
       {
-        "name": "attrs",
-        "default": "{}",
+        "name": "event",
         "type": {
-          "text": "IconAttributes"
+          "text": "KeyboardEvent"
+        }
+      },
+      {
+        "name": "cellSelector",
+        "type": {
+          "text": "string"
+        }
+      },
+      {
+        "name": "columns",
+        "type": {
+          "text": "number"
+        }
+      },
+      {
+        "name": "onSelect",
+        "type": {
+          "text": "(cell: HTMLElement) => void"
         }
       }
-    ]
+    ],
+    "description": "Roving-arrow keyboard navigation for a calendar grid, implementing the ARIA `grid` cell pattern:\nArrow keys move by one cell / one row (`columns` wide), Home/End jump to the row's first/last\ncell, and Enter/Space activate the focused cell. Every calendar grid: days (7 columns) and\nmonths/years (4 columns): carries the base `.cal-grid` class, so `closest('.cal-grid')` scopes\nthe movement to the grid the event fired in regardless of view.\n\n`onSelect` receives the activated cell element so the day view can read its `data-iso` while the\nmonth/year views ignore the argument and use their own closure value."
   },
   {
     "kind": "function",
-    "name": "validateElement",
+    "name": "elementDirection",
     "return": {
       "type": {
-        "text": "void"
+        "text": "'ltr' | 'rtl'"
       }
     },
     "parameters": [
       {
-        "name": "node",
+        "name": "el",
         "type": {
-          "text": "IconElement"
+          "text": "Element | null"
         }
       }
-    ]
+    ],
+    "description": "Resolves the effective text direction for an element.\n\nThe closest ancestor with an explicit `dir=\"ltr\"` or `dir=\"rtl\"` attribute wins: this\nsupports locally-scoped RTL sections (e.g. a single `dir=\"rtl\"` panel inside an otherwise\nLTR page). When no explicit `dir` attribute is found up the tree, falls back to the\ncomputed `direction` CSS property (e.g. set via a `direction: rtl` style rule with no\n`dir` attribute). Defaults to `'ltr'` when `el` is `null`."
   },
   {
     "kind": "function",
-    "name": "validateIcon",
+    "name": "createErrorHelperState",
     "return": {
       "type": {
-        "text": "void"
+        "text": "Readable<ErrorHelperState>"
       }
     },
     "parameters": [
       {
-        "name": "icon",
+        "name": "options",
         "type": {
-          "text": "IconDefinition"
+          "text": "ErrorHelperOptions"
         }
       }
     ]
   },
   {
     "kind": "function",
-    "name": "createIconChildren",
+    "name": "createCounterState",
     "return": {
       "type": {
-        "text": "SVGElement[]"
+        "text": "Readable<CounterState>"
       }
     },
     "parameters": [
       {
-        "name": "icon",
-        "type": {
-          "text": "IconDefinition"
-        }
-      },
-      {
-        "name": "prefix",
+        "name": "options",
         "type": {
-          "text": "string"
+          "text": "CounterOptions"
         }
       }
     ],
-    "description": "Prefix local IDs and references per rendered instance, including nested gradients/masks."
+    "description": "Creates a reactive counter state signal for text fields with `maxLength`.\nOnly call this when `maxLength` may be set: the state is genuinely opt-in."
   },
   {
     "kind": "function",
-    "name": "tablerIcons",
+    "name": "counterClassName",
     "return": {
       "type": {
-        "text": "Record<string, IconDefinition>"
+        "text": "string"
       }
     },
     "parameters": [
       {
-        "name": "icons",
+        "name": "counter",
         "type": {
-          "text": "Readonly<Record<string, IconifyIcon>>"
+          "text": "CounterState | undefined"
         }
+      },
+      {
+        "name": "base",
+        "default": "'counter'"
       }
     ],
-    "description": "Convert caller-named individual `@iconify-icons/tabler` data, not native Tabler framework components.\nPreserves app keys and SVG presentation; requires DOMParser. No imports or registration of icon sets."
+    "description": "The single implementation of \"which modifier class does this counter state map to\" :\nevery field with a character counter (`ore-input`, `ore-textarea`, `ore-message-composer`)\nrenders the identical near-limit/at-limit styling, so this is the one place that decides it."
   },
   {
     "kind": "function",
-    "name": "announce",
+    "name": "createDirtyTracker",
     "return": {
       "type": {
-        "text": "void"
+        "text": "DirtyTracker"
+      }
+    }
+  },
+  {
+    "kind": "function",
+    "name": "createAssistiveState",
+    "return": {
+      "type": {
+        "text": "AssistiveStateHandle"
       }
     },
     "parameters": [
-      {
-        "name": "message",
-        "type": {
-          "text": "string"
-        }
-      },
       {
         "name": "options",
-        "default": "{}",
         "type": {
-          "text": "AnnounceOptions"
+          "text": "AssistiveStateOptions"
         }
       }
-    ],
-    "description": "Announces a message to screen readers via a singleton visually-hidden\nlive region. Safe to call outside a component lifecycle (no cleanup needed).\n\nUses latest-value replacement: rapid consecutive calls to the same politeness\ncancel pending writes so only the last message is spoken. The clear-then-set\npattern (short delay) forces AT to re-read even when the message text hasn't\nchanged."
+    ]
   },
   {
     "kind": "function",
-    "name": "setAriaReflection",
+    "name": "createLabelState",
     "return": {
       "type": {
-        "text": "void"
+        "text": "LabelStateHandle"
       }
     },
     "parameters": [
       {
-        "name": "el",
+        "name": "options",
         "type": {
-          "text": "Element"
-        }
-      },
-      {
-        "name": "property",
-        "type": {
-          "text": "AriaReflectionProperty"
-        }
-      },
-      {
-        "name": "targets",
-        "type": {
-          "text": "readonly Element[]"
+          "text": "LabelStateOptions"
         }
       }
-    ],
-    "description": "Associates `el` with `targets` via the given ARIA relationship. Prefers the\ncross-shadow-root-safe element-reflection property; falls back to a plain IDREF attribute\nbuilt from `targets`' own `id`s when the browser doesn't support element reflection yet.\n\nPass an empty array to clear the relationship."
+    ]
   },
   {
     "kind": "function",
-    "name": "createAutoResize",
+    "name": "createField",
     "return": {
       "type": {
-        "text": "AutoResizeControl"
+        "text": "FieldHandle"
       }
     },
     "parameters": [
       {
         "name": "options",
-        "default": "{}",
         "type": {
-          "text": "AutoResizeOptions"
+          "text": "FieldOptions"
         }
       }
-    ],
-    "description": "Grows a `<textarea>`'s height to fit its content, shared by every component that offers\nauto-resize (`ore-textarea`, `ore-message-composer`) instead of each reimplementing it.\n\nOwns only height: manual-resize cursor/direction is a per-component styling concern, not\nshared behavior, so it stays local to whichever component renders a resize handle."
+    ]
   },
   {
     "kind": "function",
-    "name": "createCheckable",
+    "name": "createFocusManager",
     "return": {
       "type": {
-        "text": "CheckableHandle"
+        "text": "FocusManager"
       }
     },
     "parameters": [
       {
         "name": "options",
         "type": {
-          "text": "CheckableOptions"
+          "text": "FocusManagerOptions"
         }
       }
-    ]
+    ],
+    "description": "Encapsulates the three-step focus lifecycle used by dialogs and drawers:\n1. Capture the element that triggered the open.\n2. Move focus inside the overlay (optionally to a specific element).\n3. Restore focus when the overlay closes."
   },
   {
     "kind": "function",
-    "name": "createChoiceField",
+    "name": "dispatchKeyboardAction",
     "return": {
       "type": {
-        "text": "ChoiceFieldHandle"
+        "text": "boolean"
       }
     },
     "parameters": [
+      {
+        "name": "event",
+        "type": {
+          "text": "KeyboardEvent"
+        }
+      },
       {
         "name": "options",
         "type": {
-          "text": "ChoiceFieldOptions"
+          "text": "KeyboardDispatchOptions"
         }
       }
     ]
   },
   {
     "kind": "function",
-    "name": "createComposerControl",
+    "name": "createInteraction",
     "return": {
       "type": {
-        "text": "ComposerControl"
+        "text": "Interaction"
       }
     },
     "parameters": [
       {
         "name": "options",
         "type": {
-          "text": "ComposerControlOptions"
+          "text": "InteractionOptions"
         }
       }
     ],
-    "description": "Send-gesture logic for a message/comment composer: decides *when* a send is allowed\nand *whether* a given keydown counts as one. Owns no DOM, value state, or event dispatch;\nthe component wires `handleKeydown`/`send` and decides what a send actually does."
+    "description": "Creates a set of event handlers for an interactive element that responds to\nkeyboard and pointer presses, and optionally focus/blur events."
   },
   {
     "kind": "function",
-    "name": "parseIso",
+    "name": "getLightChildrenByTag",
     "return": {
       "type": {
-        "text": "Temporal.PlainDate | null"
+        "text": "HTMLElement[]"
       }
     },
     "parameters": [
       {
-        "name": "iso",
+        "name": "host",
         "type": {
-          "text": "string | undefined | null"
+          "text": "HTMLElement"
         }
-      }
-    ],
-    "description": "Parses an ISO 8601 date string (`yyyy-MM-dd`) into a `Temporal.PlainDate`.\nReturns `null` for any invalid / empty input: never throws."
-  },
-  {
-    "kind": "function",
-    "name": "toIsoString",
-    "return": {
-      "type": {
-        "text": "string | null"
-      }
-    },
-    "parameters": [
+      },
       {
-        "name": "date",
+        "name": "tag",
         "type": {
-          "text": "Temporal.PlainDate | null"
+          "text": "string"
         }
       }
     ],
-    "description": "Serialises a `Temporal.PlainDate` (or `null`) to an ISO 8601 string (`yyyy-MM-dd`).\nReturns `null` when the input is `null`."
+    "description": "Returns all light-DOM descendants matching `tag` inside `host`.\nUses `getElementsByTagName` on the host's light DOM \\u2014 not Shadow DOM slot assignment."
   },
   {
     "kind": "function",
-    "name": "formatDisplayDate",
+    "name": "getChoiceLabel",
     "return": {
       "type": {
         "text": "string"
@@ -508,623 +528,603 @@
     },
     "parameters": [
       {
-        "name": "date",
+        "name": "items",
         "type": {
-          "text": "Temporal.PlainDate"
+          "text": "HTMLElement[]"
         }
       },
       {
-        "name": "locale",
+        "name": "value",
         "type": {
           "text": "string"
         }
       }
     ],
-    "description": "Formats a `Temporal.PlainDate` for display in a given locale.\ne.g. \"15 Jun 2025\" (default medium pattern)."
+    "description": "Returns the `textContent` of the item whose `value` attribute matches `value`,\nfalling back to `value` itself when no match is found.\nUsed by choice-field components to derive labels for emitted change events."
   },
   {
     "kind": "function",
-    "name": "createDatePickerControl",
+    "name": "createListControl",
     "return": {
       "type": {
-        "text": "DatePickerControl"
+        "text": "ListControl<T>"
       }
     },
     "parameters": [
       {
         "name": "options",
         "type": {
-          "text": "DatePickerControlOptions"
+          "text": "ListNavigationOptions<T>"
         }
       }
-    ],
-    "description": "Pure, framework-agnostic date-picker state machine backed by `Temporal.PlainDate`.\n\nAll state is held in plain mutable variables: suitable for wrapping in any\nreactive layer (ore `signal`, Vue ref, etc.). The factory returns a stable\nhandle object; callers are responsible for reactivity.\n\nOptions with getter-based live bindings (e.g. `get min() { ... }`) are read\non every call so the control always reflects the latest reactive state."
+    ]
   },
   {
     "kind": "function",
-    "name": "handleCalendarGridKeydown",
+    "name": "toFiniteNumber",
     "return": {
       "type": {
-        "text": "void"
+        "text": "number | undefined"
       }
     },
     "parameters": [
       {
-        "name": "event",
-        "type": {
-          "text": "KeyboardEvent"
-        }
-      },
-      {
-        "name": "cellSelector",
-        "type": {
-          "text": "string"
-        }
-      },
-      {
-        "name": "columns",
-        "type": {
-          "text": "number"
-        }
-      },
-      {
-        "name": "onSelect",
+        "name": "value",
         "type": {
-          "text": "(cell: HTMLElement) => void"
+          "text": "unknown"
         }
       }
     ],
-    "description": "Roving-arrow keyboard navigation for a calendar grid, implementing the ARIA `grid` cell pattern:\nArrow keys move by one cell / one row (`columns` wide), Home/End jump to the row's first/last\ncell, and Enter/Space activate the focused cell. Every calendar grid: days (7 columns) and\nmonths/years (4 columns): carries the base `.cal-grid` class, so `closest('.cal-grid')` scopes\nthe movement to the grid the event fired in regardless of view.\n\n`onSelect` receives the activated cell element so the day view can read its `data-iso` while the\nmonth/year views ignore the argument and use their own closure value."
+    "description": "Coerces `value` via `Number()` and returns it when finite, `undefined` otherwise.\n\nCaveat: `null` and `''` both coerce to `0` in JavaScript (`Number(null) === 0`,\n`Number('') === 0`) and are therefore returned as the finite number `0`, not\n`undefined`: this function does not treat \"absent\" values specially. Only\ngenuinely non-numeric input (`undefined`, `NaN`, non-numeric strings) yields\n`undefined`. Callers that mean \"no bound set\" should pass `undefined`\nexplicitly rather than `null` or `''`."
   },
   {
     "kind": "function",
-    "name": "elementDirection",
+    "name": "toFiniteNumberOr",
     "return": {
       "type": {
-        "text": "'ltr' | 'rtl'"
+        "text": "number"
       }
     },
     "parameters": [
       {
-        "name": "el",
+        "name": "value",
         "type": {
-          "text": "Element | null"
+          "text": "unknown"
+        }
+      },
+      {
+        "name": "fallback",
+        "type": {
+          "text": "number"
         }
       }
-    ],
-    "description": "Resolves the effective text direction for an element.\n\nThe closest ancestor with an explicit `dir=\"ltr\"` or `dir=\"rtl\"` attribute wins: this\nsupports locally-scoped RTL sections (e.g. a single `dir=\"rtl\"` panel inside an otherwise\nLTR page). When no explicit `dir` attribute is found up the tree, falls back to the\ncomputed `direction` CSS property (e.g. set via a `direction: rtl` style rule with no\n`dir` attribute). Defaults to `'ltr'` when `el` is `null`."
+    ]
   },
   {
     "kind": "function",
-    "name": "createErrorHelperState",
+    "name": "toPositiveStep",
     "return": {
       "type": {
-        "text": "Readable<ErrorHelperState>"
+        "text": "number"
       }
     },
     "parameters": [
       {
-        "name": "options",
+        "name": "value",
         "type": {
-          "text": "ErrorHelperOptions"
+          "text": "unknown"
+        }
+      },
+      {
+        "name": "fallback",
+        "type": {
+          "text": "number"
         }
       }
     ]
   },
   {
     "kind": "function",
-    "name": "createCounterState",
+    "name": "createListboxDropdown",
     "return": {
       "type": {
-        "text": "Readable<CounterState>"
+        "text": "ListboxDropdown<T>"
       }
     },
     "parameters": [
       {
         "name": "options",
         "type": {
-          "text": "CounterOptions"
+          "text": "ListboxDropdownOptions<T>"
         }
       }
     ],
-    "description": "Creates a reactive counter state signal for text fields with `maxLength`.\nOnly call this when `maxLength` may be set: the state is genuinely opt-in."
+    "description": "Internal listbox dropdown behavior for select and combobox. It owns only\nlistbox interactions; menu and other overlay families keep their own logic."
   },
   {
     "kind": "function",
-    "name": "counterClassName",
+    "name": "lifecycleSignal",
     "return": {
       "type": {
-        "text": "string"
+        "text": "AbortSignal"
       }
     },
     "parameters": [
       {
-        "name": "counter",
+        "name": "onCleanup",
         "type": {
-          "text": "CounterState | undefined"
+          "text": "(fn: () => void) => void"
         }
-      },
-      {
-        "name": "base",
-        "default": "'counter'"
       }
     ],
-    "description": "The single implementation of \"which modifier class does this counter state map to\" :\nevery field with a character counter (`ore-input`, `ore-textarea`, `ore-message-composer`)\nrenders the identical near-limit/at-limit styling, so this is the one place that decides it."
-  },
-  {
-    "kind": "function",
-    "name": "createDirtyTracker",
-    "return": {
-      "type": {
-        "text": "DirtyTracker"
-      }
-    }
+    "description": "Creates an `AbortSignal` tied to the component's Ore lifecycle.\n\nCall once at the top of a `setup()` function and pass the resulting signal\nas the required `signal` option to any stateful core primitive\n(`createTextField`, `createCheckable`, `createListboxDropdown`, etc.).\n\nWhen Ore disconnects the component, `onCleanup` fires, aborting the\nsignal and triggering cleanup in every primitive that received it."
   },
   {
     "kind": "function",
-    "name": "createAssistiveState",
+    "name": "createOutsidePointerDismissal",
     "return": {
       "type": {
-        "text": "AssistiveStateHandle"
+        "text": "(() => void)"
       }
     },
     "parameters": [
       {
         "name": "options",
         "type": {
-          "text": "AssistiveStateOptions"
+          "text": "OutsidePointerDismissalOptions"
         }
       }
-    ]
+    ],
+    "description": "Dismisses an active floating surface when a pointer begins outside all of its\nsupplied boundary elements. Components retain ownership of their open state."
   },
   {
     "kind": "function",
-    "name": "createLabelState",
+    "name": "parseStringTriggers",
     "return": {
       "type": {
-        "text": "LabelStateHandle"
+        "text": "T[]"
       }
     },
     "parameters": [
       {
-        "name": "options",
+        "name": "value",
         "type": {
-          "text": "LabelStateOptions"
+          "text": "string | null | undefined"
+        }
+      },
+      {
+        "name": "valid",
+        "type": {
+          "text": "ReadonlySet<T>"
+        }
+      },
+      {
+        "name": "defaults",
+        "type": {
+          "text": "T[]"
         }
       }
-    ]
+    ],
+    "description": "Parses a comma-separated trigger string into a typed array, filtering against\na valid set and falling back to `defaults` when the input is empty or invalid.\n\nUsed by tooltip and popover to normalise their `trigger` prop values."
   },
   {
     "kind": "function",
-    "name": "createField",
+    "name": "parseOptionalBool",
     "return": {
       "type": {
-        "text": "FieldHandle"
+        "text": "boolean | undefined"
       }
     },
     "parameters": [
       {
-        "name": "options",
+        "name": "value",
         "type": {
-          "text": "FieldOptions"
+          "text": "string | null"
         }
       }
-    ]
+    ],
+    "description": "Parses a boolean HTML attribute value into `true | false | undefined`, where\n`undefined` means \"attribute absent\": the signal controlled components (`open`)\nuse to distinguish uncontrolled from controlled mode.\n\nThe grammar is the standard attribute one: presence with no value (`open`) or\nthe literal `\"true\"` is true; anything else, including `\"false\"`, is false.\nEvery controlled overlay (dialog, drawer, menu, popover, tooltip,\ncommand-palette) parses its `open` prop with this exact contract."
   },
   {
     "kind": "function",
-    "name": "createFocusManager",
+    "name": "createDropdownPositioner",
     "return": {
       "type": {
-        "text": "FocusManager"
+        "text": "OverlayPositioner"
       }
     },
     "parameters": [
       {
-        "name": "options",
+        "name": "{\n  boundary,\n  getDir,\n  getFloating,\n  getOffsetPx = () => 0,\n  getPlacement,\n  getReference,\n  matchWidth = true,\n  onPlacementChange,\n  padding = 6,\n  useClippingAncestor = true,\n}",
         "type": {
-          "text": "FocusManagerOptions"
+          "text": "DropdownPositionerOptions"
         }
       }
     ],
-    "description": "Encapsulates the three-step focus lifecycle used by dialogs and drawers:\n1. Capture the element that triggered the open.\n2. Move focus inside the overlay (optionally to a specific element).\n3. Restore focus when the overlay closes."
+    "description": "Creates an Orbit-powered positioner for dropdown overlays (select, combobox, menu).\n\nUses flip + shift + optional width-matching middleware. Supports continuous\nauto-update for repositioning on scroll or resize.\n\nRTL-aware: start/end placements are automatically mirrored so dropdowns open on the\ncorrect side, based on `getDir` (or the reference element's resolved direction when\n`getDir` is omitted)."
   },
   {
     "kind": "function",
-    "name": "dispatchKeyboardAction",
+    "name": "bindRefCallback",
     "return": {
       "type": {
-        "text": "boolean"
+        "text": "(() => void)"
       }
     },
     "parameters": [
       {
-        "name": "event",
+        "name": "ref",
         "type": {
-          "text": "KeyboardEvent"
+          "text": "Readable<RefCallback<T>>"
         }
       },
       {
-        "name": "options",
+        "name": "el",
         "type": {
-          "text": "KeyboardDispatchOptions"
+          "text": "T"
         }
       }
-    ]
+    ],
+    "description": "Forwards a mounted element to a JS-only `ref` callback prop, and keeps forwarding to a\n*new* callback if the prop is set again after mount (e.g. a parent sets it via a ref\ncallback after render, rather than at initial mount). Every text-entry-style component\nwith a `ref` escape-hatch prop (`ore-input`, `ore-textarea`, `ore-message-composer`,\n`ore-file-input`) wires this identically: call it once from inside `onElement()`, alongside\nwhatever else that element needs wired."
   },
   {
     "kind": "function",
-    "name": "createInteraction",
+    "name": "syncedSignal",
     "return": {
       "type": {
-        "text": "Interaction"
+        "text": "Signal<TOut>"
       }
     },
     "parameters": [
       {
-        "name": "options",
+        "name": "source",
         "type": {
-          "text": "InteractionOptions"
+          "text": "Readable<TIn>"
+        }
+      },
+      {
+        "name": "abortSignal",
+        "optional": true,
+        "type": {
+          "text": "AbortSignal"
+        }
+      },
+      {
+        "name": "transform",
+        "default": "(v) => v as unknown as TOut",
+        "type": {
+          "text": "(value: TIn) => TOut"
         }
       }
     ],
-    "description": "Creates a set of event handlers for an interactive element that responds to\nkeyboard and pointer presses, and optionally focus/blur events."
+    "description": "Creates a local writable `Signal<T>` that stays in sync with an external\n`Reactive<T>`. When `abortSignal` is provided the watcher subscription\nis disposed automatically on abort; otherwise the caller is responsible for\ndisposal.\n\nInitialised synchronously via `untrack` so the first render never reads a\nstale value. The optional `transform` coerces each incoming value (e.g.\n`Boolean`, `String`)."
   },
   {
     "kind": "function",
-    "name": "getLightChildrenByTag",
+    "name": "createSliderControl",
     "return": {
       "type": {
-        "text": "HTMLElement[]"
+        "text": "SliderControl"
       }
     },
     "parameters": [
       {
-        "name": "host",
+        "name": "options",
         "type": {
-          "text": "HTMLElement"
+          "text": "SliderControlOptions"
         }
-      },
+      }
+    ]
+  },
+  {
+    "kind": "function",
+    "name": "createSpinnerControl",
+    "return": {
+      "type": {
+        "text": "SpinnerControl"
+      }
+    },
+    "parameters": [
       {
-        "name": "tag",
+        "name": "options",
         "type": {
-          "text": "string"
+          "text": "SpinnerControlOptions"
         }
       }
-    ],
-    "description": "Returns all light-DOM descendants matching `tag` inside `host`.\nUses `getElementsByTagName` on the host's light DOM \\u2014 not Shadow DOM slot assignment."
+    ]
   },
   {
     "kind": "function",
-    "name": "getChoiceLabel",
+    "name": "createTextField",
     "return": {
       "type": {
-        "text": "string"
+        "text": "TextFieldHandle"
       }
     },
     "parameters": [
       {
-        "name": "items",
+        "name": "options",
         "type": {
-          "text": "HTMLElement[]"
+          "text": "TextFieldOptions"
         }
-      },
+      }
+    ]
+  },
+  {
+    "kind": "function",
+    "name": "mapIconifyIcons",
+    "return": {
+      "type": {
+        "text": "Record<string, IconDefinition>"
+      }
+    },
+    "parameters": [
       {
-        "name": "value",
+        "name": "icons",
         "type": {
-          "text": "string"
+          "text": "Readonly<Record<string, IconifyIcon>>"
         }
       }
     ],
-    "description": "Returns the `textContent` of the item whose `value` attribute matches `value`,\nfalling back to `value` itself when no match is found.\nUsed by choice-field components to derive labels for emitted change events."
+    "description": "Keep app keys and the shared Iconify geometry, presentation, and validation contract."
   },
   {
     "kind": "function",
-    "name": "createListControl",
+    "name": "heroiconsIcons",
     "return": {
       "type": {
-        "text": "ListControl<T>"
+        "text": "Record<string, IconDefinition>"
       }
     },
     "parameters": [
       {
-        "name": "options",
+        "name": "icons",
         "type": {
-          "text": "ListNavigationOptions<T>"
+          "text": "Readonly<Record<string, IconifyIcon>>"
         }
       }
-    ]
+    ],
+    "description": "Convert caller-named individual `@iconify-icons/heroicons` data, not `@heroicons/react` components.\nPreserves app keys and SVG presentation; requires DOMParser. No imports or registration of icon sets."
   },
   {
     "kind": "function",
-    "name": "toFiniteNumber",
+    "name": "iconifyIcon",
     "return": {
       "type": {
-        "text": "number | undefined"
+        "text": "IconDefinition"
       }
     },
     "parameters": [
       {
-        "name": "value",
+        "name": "data",
         "type": {
-          "text": "unknown"
+          "text": "IconifyIcon"
         }
       }
     ],
-    "description": "Coerces `value` via `Number()` and returns it when finite, `undefined` otherwise.\n\nCaveat: `null` and `''` both coerce to `0` in JavaScript (`Number(null) === 0`,\n`Number('') === 0`) and are therefore returned as the finite number `0`, not\n`undefined`: this function does not treat \"absent\" values specially. Only\ngenuinely non-numeric input (`undefined`, `NaN`, non-numeric strings) yields\n`undefined`. Callers that mean \"no bound set\" should pass `undefined`\nexplicitly rather than `null` or `''`."
+    "description": "Convert trusted local Iconify data using the browser DOMParser, never HTML injection."
+  },
+  {
+    "kind": "variable",
+    "name": "children",
+    "type": {
+      "text": "readonly IconElement[]"
+    }
   },
   {
     "kind": "function",
-    "name": "toFiniteNumberOr",
+    "name": "iconifyIcons",
     "return": {
       "type": {
-        "text": "number"
+        "text": "Record<string, IconDefinition>"
       }
     },
     "parameters": [
       {
-        "name": "value",
+        "name": "collection",
         "type": {
-          "text": "unknown"
+          "text": "IconifyCollection"
         }
       },
       {
-        "name": "fallback",
+        "name": "names",
+        "optional": true,
         "type": {
-          "text": "number"
+          "text": "readonly string[]"
         }
       }
-    ]
+    ],
+    "description": "Convert selected names (including aliases), or the entire explicitly imported collection."
   },
   {
     "kind": "function",
-    "name": "toPositiveStep",
+    "name": "lucideIcons",
     "return": {
       "type": {
-        "text": "number"
+        "text": "Record<string, IconDefinition>"
       }
     },
     "parameters": [
       {
-        "name": "value",
-        "type": {
-          "text": "unknown"
-        }
-      },
-      {
-        "name": "fallback",
+        "name": "icons",
         "type": {
-          "text": "number"
+          "text": "Readonly<Record<string, LucideIconData>>"
         }
       }
     ]
   },
   {
     "kind": "function",
-    "name": "createListboxDropdown",
+    "name": "mdiIcons",
     "return": {
       "type": {
-        "text": "ListboxDropdown<T>"
+        "text": "Record<string, IconDefinition>"
       }
     },
     "parameters": [
       {
-        "name": "options",
+        "name": "icons",
         "type": {
-          "text": "ListboxDropdownOptions<T>"
+          "text": "Readonly<Record<string, IconifyIcon>>"
         }
       }
     ],
-    "description": "Internal listbox dropdown behavior for select and combobox. It owns only\nlistbox interactions; menu and other overlay families keep their own logic."
+    "description": "Convert caller-named individual `@iconify-icons/mdi` data, not framework components or raw path strings.\nPreserves app keys and SVG presentation; requires DOMParser. No imports or registration of icon sets."
   },
   {
     "kind": "function",
-    "name": "lifecycleSignal",
+    "name": "registerIcons",
     "return": {
       "type": {
-        "text": "AbortSignal"
+        "text": "void"
       }
     },
     "parameters": [
       {
-        "name": "onCleanup",
+        "name": "icons",
         "type": {
-          "text": "(fn: () => void) => void"
+          "text": "Readonly<Record<string, IconDefinition>>"
         }
       }
     ],
-    "description": "Creates an `AbortSignal` tied to the component's Ore lifecycle.\n\nCall once at the top of a `setup()` function and pass the resulting signal\nas the required `signal` option to any stateful core primitive\n(`createTextField`, `createCheckable`, `createListboxDropdown`, etc.).\n\nWhen Ore disconnects the component, `onCleanup` fires, aborting the\nsignal and triggering cleanup in every primitive that received it."
+    "description": "Register trusted, synchronous SVG data. Re-registration replaces an application icon."
   },
   {
     "kind": "function",
-    "name": "createOutsidePointerDismissal",
+    "name": "registerDefaultIcons",
     "return": {
       "type": {
-        "text": "(() => void)"
+        "text": "void"
       }
     },
     "parameters": [
       {
-        "name": "options",
+        "name": "icons",
         "type": {
-          "text": "OutsidePointerDismissalOptions"
+          "text": "Readonly<Record<string, IconDefinition>>"
         }
       }
     ],
-    "description": "Dismisses an active floating surface when a pointer begins outside all of its\nsupplied boundary elements. Components retain ownership of their open state."
+    "description": "Internal defaults never replace application registrations, in either import order."
   },
   {
     "kind": "function",
-    "name": "parseStringTriggers",
+    "name": "resolveIcon",
     "return": {
       "type": {
-        "text": "T[]"
+        "text": "IconDefinition | undefined"
       }
     },
     "parameters": [
       {
-        "name": "value",
-        "type": {
-          "text": "string | null | undefined"
-        }
-      },
-      {
-        "name": "valid",
+        "name": "name",
         "type": {
-          "text": "ReadonlySet<T>"
+          "text": "string"
         }
-      },
+      }
+    ]
+  },
+  {
+    "kind": "variable",
+    "name": "SVG_NS",
+    "type": {
+      "text": "string"
+    },
+    "default": "'http://www.w3.org/2000/svg'"
+  },
+  {
+    "kind": "function",
+    "name": "validateAttributes",
+    "return": {
+      "type": {
+        "text": "void"
+      }
+    },
+    "parameters": [
       {
-        "name": "defaults",
+        "name": "attrs",
+        "default": "{}",
         "type": {
-          "text": "T[]"
+          "text": "IconAttributes"
         }
       }
-    ],
-    "description": "Parses a comma-separated trigger string into a typed array, filtering against\na valid set and falling back to `defaults` when the input is empty or invalid.\n\nUsed by tooltip and popover to normalise their `trigger` prop values."
+    ]
   },
   {
     "kind": "function",
-    "name": "parseOptionalBool",
+    "name": "validateElement",
     "return": {
       "type": {
-        "text": "boolean | undefined"
+        "text": "void"
       }
     },
     "parameters": [
       {
-        "name": "value",
+        "name": "node",
         "type": {
-          "text": "string | null"
+          "text": "IconElement"
         }
       }
-    ],
-    "description": "Parses a boolean HTML attribute value into `true | false | undefined`, where\n`undefined` means \"attribute absent\": the signal controlled components (`open`)\nuse to distinguish uncontrolled from controlled mode.\n\nThe grammar is the standard attribute one: presence with no value (`open`) or\nthe literal `\"true\"` is true; anything else, including `\"false\"`, is false.\nEvery controlled overlay (dialog, drawer, menu, popover, tooltip,\ncommand-palette) parses its `open` prop with this exact contract."
+    ]
   },
   {
     "kind": "function",
-    "name": "createDropdownPositioner",
+    "name": "validateIcon",
     "return": {
       "type": {
-        "text": "OverlayPositioner"
+        "text": "void"
       }
     },
     "parameters": [
       {
-        "name": "{\n  boundary,\n  getDir,\n  getFloating,\n  getOffsetPx = () => 0,\n  getPlacement,\n  getReference,\n  matchWidth = true,\n  onPlacementChange,\n  padding = 6,\n  useClippingAncestor = true,\n}",
+        "name": "icon",
         "type": {
-          "text": "DropdownPositionerOptions"
+          "text": "IconDefinition"
         }
       }
-    ],
-    "description": "Creates an Orbit-powered positioner for dropdown overlays (select, combobox, menu).\n\nUses flip + shift + optional width-matching middleware. Supports continuous\nauto-update for repositioning on scroll or resize.\n\nRTL-aware: start/end placements are automatically mirrored so dropdowns open on the\ncorrect side, based on `getDir` (or the reference element's resolved direction when\n`getDir` is omitted)."
+    ]
   },
   {
     "kind": "function",
-    "name": "bindRefCallback",
+    "name": "createIconChildren",
     "return": {
       "type": {
-        "text": "(() => void)"
+        "text": "SVGElement[]"
       }
     },
     "parameters": [
       {
-        "name": "ref",
+        "name": "icon",
         "type": {
-          "text": "Readable<RefCallback<T>>"
+          "text": "IconDefinition"
         }
       },
       {
-        "name": "el",
+        "name": "prefix",
         "type": {
-          "text": "T"
+          "text": "string"
         }
       }
     ],
-    "description": "Forwards a mounted element to a JS-only `ref` callback prop, and keeps forwarding to a\n*new* callback if the prop is set again after mount (e.g. a parent sets it via a ref\ncallback after render, rather than at initial mount). Every text-entry-style component\nwith a `ref` escape-hatch prop (`ore-input`, `ore-textarea`, `ore-message-composer`,\n`ore-file-input`) wires this identically: call it once from inside `onElement()`, alongside\nwhatever else that element needs wired."
+    "description": "Prefix local IDs and references per rendered instance, including nested gradients/masks."
   },
   {
     "kind": "function",
-    "name": "syncedSignal",
+    "name": "tablerIcons",
     "return": {
       "type": {
-        "text": "Signal<TOut>"
+        "text": "Record<string, IconDefinition>"
       }
     },
     "parameters": [
       {
-        "name": "source",
-        "type": {
-          "text": "Readable<TIn>"
-        }
-      },
-      {
-        "name": "abortSignal",
-        "optional": true,
-        "type": {
-          "text": "AbortSignal"
-        }
-      },
-      {
-        "name": "transform",
-        "default": "(v) => v as unknown as TOut",
+        "name": "icons",
         "type": {
-          "text": "(value: TIn) => TOut"
+          "text": "Readonly<Record<string, IconifyIcon>>"
         }
       }
     ],
-    "description": "Creates a local writable `Signal<T>` that stays in sync with an external\n`Reactive<T>`. When `abortSignal` is provided the watcher subscription\nis disposed automatically on abort; otherwise the caller is responsible for\ndisposal.\n\nInitialised synchronously via `untrack` so the first render never reads a\nstale value. The optional `transform` coerces each incoming value (e.g.\n`Boolean`, `String`)."
-  },
-  {
-    "kind": "function",
-    "name": "createSliderControl",
-    "return": {
-      "type": {
-        "text": "SliderControl"
-      }
-    },
-    "parameters": [
-      {
-        "name": "options",
-        "type": {
-          "text": "SliderControlOptions"
-        }
-      }
-    ]
-  },
-  {
-    "kind": "function",
-    "name": "createSpinnerControl",
-    "return": {
-      "type": {
-        "text": "SpinnerControl"
-      }
-    },
-    "parameters": [
-      {
-        "name": "options",
-        "type": {
-          "text": "SpinnerControlOptions"
-        }
-      }
-    ]
-  },
-  {
-    "kind": "function",
-    "name": "createTextField",
-    "return": {
-      "type": {
-        "text": "TextFieldHandle"
-      }
-    },
-    "parameters": [
-      {
-        "name": "options",
-        "type": {
-          "text": "TextFieldOptions"
-        }
-      }
-    ]
+    "description": "Convert caller-named individual `@iconify-icons/tabler` data, not native Tabler framework components.\nPreserves app keys and SVG presentation; requires DOMParser. No imports or registration of icon sets."
   },
   {
     "kind": "function",
@@ -1405,544 +1405,407 @@
   },
   {
     "kind": "variable",
-    "name": "ACCORDION_CTX",
-    "description": "Injection key for the accordion context."
-  },
-  {
-    "kind": "variable",
-    "name": "ACCORDION_TAG",
+    "name": "AVATAR_GROUP_TAG",
     "type": {
-      "text": "'ore-accordion'"
+      "text": "'ore-avatar-group'"
     },
-    "default": "'ore-accordion'",
-    "description": "A container for accordion items with single or multiple selection modes."
+    "default": "'ore-avatar-group'",
+    "description": "Groups multiple `ore-avatar` elements in a stacked, overlapping row."
   },
   {
     "kind": "class",
-    "name": "OreAccordionElement",
-    "tagName": "ore-accordion",
+    "name": "OreAvatarGroupElement",
+    "tagName": "ore-avatar-group",
     "customElement": true,
-    "description": "A container for accordion items with single or multiple selection modes.",
+    "description": "Groups multiple `ore-avatar` elements in a stacked, overlapping row.",
     "summary": "",
     "attributes": [
       {
-        "name": "selection-mode",
-        "type": {
-          "text": "'single' | 'multiple'"
-        },
-        "description": "Selection mode: 'single' | 'multiple'"
-      },
-      {
-        "name": "size",
+        "name": "max",
         "type": {
-          "text": "'sm' | 'md' | 'lg'"
+          "text": "number"
         },
-        "description": "Size for all items: 'sm' | 'md' | 'lg' (propagated to children)"
+        "description": "Max visible avatars before overflow badge (default: 5)",
+        "default": "5"
       },
       {
-        "name": "variant",
+        "name": "total",
         "type": {
-          "text": "'solid' | 'flat' | 'bordered' | 'text' | 'frost'"
+          "text": "number"
         },
-        "description": "Visual variant: 'solid' | 'flat' | 'bordered' | 'text' | 'frost' (propagated to children)"
+        "description": "Override the total count displayed in the badge"
       }
     ],
-    "events": [
-      {
-        "name": "expand",
-        "description": "Emitted when an item expands. detail: { expanded: boolean; item: HTMLElement }",
-        "type": {
-          "text": "CustomEvent"
-        }
-      },
+    "slots": [
       {
-        "name": "change",
-        "description": "Emitted when selection changes (single mode). detail: { expandedItem: HTMLElement }",
-        "type": {
-          "text": "CustomEvent"
-        }
+        "name": "",
+        "description": "`ore-avatar` elements"
       }
     ],
-    "slots": [
+    "cssParts": [
       {
-        "name": "",
-        "description": "`ore-accordion-item` elements"
+        "name": "overflow",
+        "description": "Overflow count badge shown when avatars exceed `max`."
       }
     ],
     "cssProperties": [
       {
-        "name": "--accordion-bg",
-        "description": "Container background color (solid/flat/frost variants)"
-      },
-      {
-        "name": "--accordion-border-color",
-        "description": "Container border color (solid/flat variants)"
-      },
-      {
-        "name": "--accordion-divider-color",
-        "description": "Divider color between items (text variant)"
-      },
-      {
-        "name": "--accordion-shadow",
-        "description": "Container box shadow"
+        "name": "--avatar-group-overlap",
+        "description": "Negative margin creating the overlap (default: -0.75rem)"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-accordion selection-mode=\"single\">\n  <ore-accordion-item>\n    <span slot=\"title\">What is Refine?</span>\n    <p>Refine is a headless web component library.</p>\n  </ore-accordion-item>\n  <ore-accordion-item>\n    <span slot=\"title\">How do I install it?</span>\n    <p>Run <code>npm install @vielzeug/refine</code>.</p>\n  </ore-accordion-item>\n</ore-accordion>\n<ore-accordion variant=\"bordered\" selection-mode=\"multiple\">\n  <ore-accordion-item expanded><span slot=\"title\">Open by default</span><p>Content</p></ore-accordion-item>\n</ore-accordion>\n```"
+        "description": "```html\n<ore-avatar-group max=\"3\">\n  <ore-avatar src=\"/a.jpg\" alt=\"Alice\"></ore-avatar>\n  <ore-avatar src=\"/b.jpg\" alt=\"Bob\"></ore-avatar>\n  <ore-avatar src=\"/c.jpg\" alt=\"Carol\"></ore-avatar>\n  <ore-avatar src=\"/d.jpg\" alt=\"Dave\"></ore-avatar>\n</ore-avatar-group>\n```"
       }
     ]
   },
   {
     "kind": "variable",
-    "name": "ACCORDION_ITEM_TAG",
+    "name": "AVATAR_STATUSES",
     "type": {
-      "text": "'ore-accordion-item'"
+      "text": "['online', 'offline', 'busy', 'away']"
     },
-    "default": "'ore-accordion-item'",
-    "description": "An individual accordion item with expand/collapse functionality using native details/summary."
+    "default": "['online', 'offline', 'busy', 'away']"
+  },
+  {
+    "kind": "variable",
+    "name": "AVATAR_TAG",
+    "type": {
+      "text": "'ore-avatar'"
+    },
+    "default": "'ore-avatar'",
+    "description": "Displays a user avatar: image → initials → generic fallback icon, in that priority order."
   },
   {
     "kind": "class",
-    "name": "OreAccordionItemElement",
-    "tagName": "ore-accordion-item",
+    "name": "OreAvatarElement",
+    "tagName": "ore-avatar",
     "customElement": true,
-    "description": "An individual accordion item with expand/collapse functionality using native details/summary.",
+    "description": "Displays a user avatar: image → initials → generic fallback icon, in that priority order.",
     "summary": "",
     "attributes": [
       {
-        "name": "expanded",
+        "name": "src",
         "type": {
-          "text": "boolean"
+          "text": "string"
         },
-        "description": "Whether the item is expanded/open"
+        "description": "Image source URL"
       },
       {
-        "name": "disabled",
+        "name": "alt",
         "type": {
-          "text": "boolean"
+          "text": "string"
         },
-        "description": "Disable accordion item interaction"
+        "description": "Image alt text (also used to derive initials)"
       },
       {
-        "name": "size",
+        "name": "initials",
         "type": {
-          "text": "'sm' | 'md' | 'lg'"
+          "text": "string"
         },
-        "description": "Item size: 'sm' | 'md' | 'lg'"
+        "description": "Explicit initials (up to 2 chars)"
       },
       {
-        "name": "variant",
+        "name": "color",
         "type": {
-          "text": "'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text' | 'frost'"
+          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
         },
-        "description": "Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text' | 'frost'"
-      }
-    ],
-    "events": [
+        "description": "Theme color for initials background: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+      },
       {
-        "name": "expand",
-        "description": "Emitted when item expands. detail: { expanded: boolean; item: HTMLElement }",
+        "name": "size",
         "type": {
-          "text": "CustomEvent"
-        }
+          "text": "'sm' | 'md' | 'lg'"
+        },
+        "description": "'sm' | 'md' | 'lg'"
       },
       {
-        "name": "collapse",
-        "description": "Emitted when item collapses. detail: { expanded: boolean; item: HTMLElement }",
+        "name": "rounded",
         "type": {
-          "text": "CustomEvent"
-        }
+          "text": "'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
+        },
+        "description": "Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
+      },
+      {
+        "name": "status",
+        "type": {
+          "text": "'online' | 'offline' | 'busy' | 'away'"
+        },
+        "description": "'online' | 'offline' | 'busy' | 'away'"
       }
     ],
     "slots": [
-      {
-        "name": "prefix",
-        "description": "Content before the title (e.g., icons)"
-      },
-      {
-        "name": "title",
-        "description": "Main accordion item title"
-      },
-      {
-        "name": "subtitle",
-        "description": "Optional subtitle text"
-      },
-      {
-        "name": "suffix",
-        "description": "Content after the title (e.g., badges)"
-      },
       {
         "name": "",
-        "description": "Accordion item content (shown when expanded)"
+        "description": "Fallback content shown when image and initials are unavailable."
       }
     ],
     "cssParts": [
       {
-        "name": "item",
-        "description": "Item root element."
+        "name": "avatar",
+        "description": "Avatar root container."
       },
       {
-        "name": "summary",
-        "description": "Summary trigger row."
+        "name": "img",
+        "description": "Image element."
       },
       {
-        "name": "header",
-        "description": "Header container."
+        "name": "initials",
+        "description": "Initials fallback element."
       },
       {
-        "name": "title",
-        "description": "Title text element."
+        "name": "fallback",
+        "description": "Shadow part for the `fallback` element."
       },
       {
-        "name": "subtitle",
-        "description": "Subtitle text element."
+        "name": "status",
+        "description": "Status indicator element."
       },
       {
-        "name": "content",
-        "description": "Content container."
+        "name": "overflow",
+        "description": "Overflow indicator element."
       }
     ],
     "cssProperties": [
       {
-        "name": "--accordion-item-bg",
-        "description": "Background color"
-      },
-      {
-        "name": "--accordion-item-hover-bg",
-        "description": "Background color on hover"
-      },
-      {
-        "name": "--accordion-item-border-color",
-        "description": "Border color"
-      },
-      {
-        "name": "--accordion-item-title-color",
-        "description": "Title text color"
+        "name": "--avatar-size",
+        "description": "Diameter of the avatar"
       },
       {
-        "name": "--accordion-item-subtitle-color",
-        "description": "Subtitle text color"
+        "name": "--avatar-bg",
+        "description": "Background color"
       },
       {
-        "name": "--accordion-item-body-color",
-        "description": "Body text color"
+        "name": "--avatar-color",
+        "description": "Text/icon color"
       },
       {
-        "name": "--accordion-item-radius",
+        "name": "--avatar-radius",
         "description": "Border radius"
       },
       {
-        "name": "--accordion-item-transition",
-        "description": "Transition duration"
-      },
-      {
-        "name": "--accordion-item-title",
-        "description": "Title font size"
-      },
-      {
-        "name": "--accordion-item-subtitle-size",
-        "description": "Subtitle font size"
-      },
-      {
-        "name": "--accordion-item-body",
-        "description": "Body font size"
-      },
-      {
-        "name": "--accordion-item-details-padding",
-        "description": "Summary/header padding"
-      },
-      {
-        "name": "--accordion-item-summary-padding",
-        "description": "Content padding"
-      },
-      {
-        "name": "--accordion-item-row-duration",
-        "description": "Expand/collapse row transition duration (default 200ms)"
-      },
-      {
-        "name": "--accordion-item-fade-duration",
-        "description": "Content fade duration (default 200ms)"
-      },
-      {
-        "name": "--accordion-item-fade-delay",
-        "description": "Content fade delay after the row starts (default 60ms)"
+        "name": "--avatar-border",
+        "description": "Border shorthand"
       },
       {
-        "name": "--accordion-item-collapse-delay",
-        "description": "Delay before the row collapses after the close fade (default 120ms)"
+        "name": "--avatar-border-color",
+        "description": "Border color (also controls status dot border)"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-accordion-item><span slot=\"title\">Click to expand</span><p>Content</p></ore-accordion-item>\n<ore-accordion-item expanded variant=\"bordered\"><span slot=\"title\">Title</span><p>Content</p></ore-accordion-item>\n```"
+        "description": "```html\n<ore-avatar src=\"/jane.jpg\" alt=\"Jane Doe\"></ore-avatar>\n<ore-avatar initials=\"JD\" color=\"primary\"></ore-avatar>\n<ore-avatar alt=\"John Smith\" status=\"online\"></ore-avatar>\n```"
       }
     ]
   },
   {
     "kind": "variable",
-    "name": "TAB_ITEM_TAG",
+    "name": "BREADCRUMB_ITEM_TAG",
     "type": {
-      "text": "'ore-tab-item'"
+      "text": "'ore-breadcrumb-item'"
     },
-    "default": "'ore-tab-item'",
-    "description": "Individual tab trigger. Must be placed in the `tabs` slot of `ore-tabs`."
+    "default": "'ore-breadcrumb-item'",
+    "description": "A single breadcrumb entry rendered inside `<ore-breadcrumb>`."
   },
   {
     "kind": "class",
-    "name": "OreTabItemElement",
-    "tagName": "ore-tab-item",
+    "name": "OreBreadcrumbItemElement",
+    "tagName": "ore-breadcrumb-item",
     "customElement": true,
-    "description": "Individual tab trigger. Must be placed in the `tabs` slot of `ore-tabs`.",
+    "description": "A single breadcrumb entry rendered inside `<ore-breadcrumb>`.",
     "summary": "",
     "attributes": [
-      {
-        "name": "value",
-        "type": {
-          "text": "string"
-        },
-        "description": "Unique identifier, matches the corresponding ore-tab-panel value"
-      },
       {
         "name": "active",
         "type": {
           "text": "boolean"
         },
-        "description": "Set by the parent ore-tabs when this tab is selected"
-      },
-      {
-        "name": "disabled",
-        "type": {
-          "text": "boolean"
-        },
-        "description": "Prevents selection"
-      },
-      {
-        "name": "density",
-        "type": {
-          "text": "'default' | 'compact'"
-        },
-        "description": "Inherited spatial density: 'default' | 'compact'"
-      },
-      {
-        "name": "size",
-        "type": {
-          "text": "'sm' | 'md' | 'lg'"
-        },
-        "description": "'sm' | 'md' | 'lg'"
+        "description": "Marks this item as the current page (`aria-current=\"page\"`)"
       },
       {
-        "name": "variant",
+        "name": "href",
         "type": {
-          "text": "'solid' | 'flat' | 'bordered' | 'ghost' | 'frost'"
+          "text": "string"
         },
-        "description": "Inherited from ore-tabs: 'solid' | 'flat' | 'bordered' | 'ghost' | 'frost'"
+        "description": "Link target for this breadcrumb item"
       },
       {
-        "name": "color",
+        "name": "separator",
         "type": {
-          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+          "text": "string"
         },
-        "description": "Inherited from ore-tabs: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+        "description": "Separator text shown before the item (except first item)"
       }
     ],
     "slots": [
-      {
-        "name": "prefix",
-        "description": "Icon or content before the label"
-      },
       {
         "name": "",
-        "description": "Tab label"
+        "description": "Item label/content"
       },
       {
-        "name": "suffix",
-        "description": "Badge or count after the label"
+        "name": "icon",
+        "description": "Optional leading icon for the crumb"
       }
     ],
     "cssParts": [
       {
-        "name": "tab",
-        "description": "Tab trigger element."
-      }
-    ],
-    "cssProperties": [
-      {
-        "name": "--tab-item-radius",
-        "description": "Button border radius"
-      },
-      {
-        "name": "--tab-item-transition",
-        "description": "Transition duration/easing"
-      },
-      {
-        "name": "--tab-item-padding",
-        "description": "Button padding"
-      },
-      {
-        "name": "--tab-item-font-size",
-        "description": "Button font size"
-      },
-      {
-        "name": "--tab-item-color",
-        "description": "Default text color"
-      },
-      {
-        "name": "--tab-item-hover-bg",
-        "description": "Background on hover"
-      },
-      {
-        "name": "--tab-item-active-bg",
-        "description": "Background when active/selected"
-      },
-      {
-        "name": "--tab-item-active-color",
-        "description": "Text color when active/selected"
+        "name": "separator",
+        "description": "Separator element before the item label"
       },
       {
-        "name": "--tab-item-active-shadow",
-        "description": "Box shadow when active/selected"
+        "name": "link",
+        "description": "The interactive anchor element"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-tab-item slot=\"tabs\" value=\"overview\">Overview</ore-tab-item>\n<ore-tab-item slot=\"tabs\" value=\"settings\" disabled>Settings</ore-tab-item>\n```"
+        "description": "```html\n<ore-breadcrumb-item href=\"/\">Home</ore-breadcrumb-item>\n<ore-breadcrumb-item active>Current Page</ore-breadcrumb-item>\n```"
       }
     ]
   },
   {
     "kind": "variable",
-    "name": "TAB_PANEL_TAG",
+    "name": "BREADCRUMB_TAG",
     "type": {
-      "text": "'ore-tab-panel'"
+      "text": "'ore-breadcrumb'"
     },
-    "default": "'ore-tab-panel'",
-    "description": "Content panel for a tab. Shown when its `value` matches the selected tab."
+    "default": "'ore-breadcrumb'",
+    "description": "Accessible breadcrumb navigation container."
   },
   {
     "kind": "class",
-    "name": "OreTabPanelElement",
-    "tagName": "ore-tab-panel",
+    "name": "OreBreadcrumbElement",
+    "tagName": "ore-breadcrumb",
     "customElement": true,
-    "description": "Content panel for a tab. Shown when its `value` matches the selected tab.",
+    "description": "Accessible breadcrumb navigation container.",
     "summary": "",
     "attributes": [
       {
-        "name": "value",
+        "name": "label",
         "type": {
           "text": "string"
         },
-        "description": "Must match the corresponding ore-tab-item value"
-      },
-      {
-        "name": "active",
-        "type": {
-          "text": "boolean"
-        },
-        "description": "Toggled by the parent ore-tabs"
+        "description": "Accessible label for the internal `<nav>` landmark"
       },
       {
-        "name": "padding",
+        "name": "separator",
         "type": {
-          "text": "'none' | 'xs' | 'sm' | 'md'"
+          "text": "string"
         },
-        "description": "Panel padding: 'none' | 'xs' | 'sm' | 'md' (default) | 'lg' | 'xl' | '2xl'"
+        "description": "Separator text propagated to child `<ore-breadcrumb-item>` elements"
       }
     ],
     "slots": [
       {
         "name": "",
-        "description": "Panel content"
+        "description": "One or more `<ore-breadcrumb-item>` children"
       }
     ],
     "cssParts": [
       {
-        "name": "panel",
-        "description": "Panel container."
+        "name": "nav",
+        "description": "Internal navigation landmark element"
+      },
+      {
+        "name": "list",
+        "description": "Internal ordered list container"
       }
     ],
     "cssProperties": [
       {
-        "name": "--tab-panel-padding",
-        "description": "Inner padding of the panel content area"
-      },
-      {
-        "name": "--tab-panel-font-size",
-        "description": "Font size of the panel content"
+        "name": "--breadcrumb-separator",
+        "description": "Optional custom separator text synced to child items"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-tab-panel value=\"overview\"><p>Overview content here</p></ore-tab-panel>\n<ore-tab-panel value=\"settings\" padding=\"lg\"><p>Large padding</p></ore-tab-panel>\n<ore-tab-panel value=\"code\" padding=\"none\"><pre>No padding for code</pre></ore-tab-panel>\n```"
+        "description": "```html\n<ore-breadcrumb label=\"Page breadcrumb\">\n  <ore-breadcrumb-item href=\"/\">Home</ore-breadcrumb-item>\n  <ore-breadcrumb-item href=\"/blog\">Blog</ore-breadcrumb-item>\n  <ore-breadcrumb-item active>My Post</ore-breadcrumb-item>\n</ore-breadcrumb>\n```"
       }
     ]
   },
   {
     "kind": "variable",
-    "name": "TABS_CTX",
-    "description": "Injection key for the tabs context."
-  },
-  {
-    "kind": "variable",
-    "name": "TABS_TAG",
+    "name": "CARD_TAG",
     "type": {
-      "text": "'ore-tabs'"
+      "text": "'ore-card'"
     },
-    "default": "'ore-tabs'",
-    "description": "Tabs container. Manages tab selection and syncs state to child tab items and panels."
+    "default": "'ore-card'",
+    "description": "A versatile card container with semantic slots for media, header, body, footer, and actions."
   },
   {
     "kind": "class",
-    "name": "OreTabsElement",
-    "tagName": "ore-tabs",
+    "name": "OreCardElement",
+    "tagName": "ore-card",
     "customElement": true,
-    "description": "Tabs container. Manages tab selection and syncs state to child tab items and panels.",
+    "description": "A versatile card container with semantic slots for media, header, body, footer, and actions.",
     "summary": "",
     "attributes": [
       {
-        "name": "value",
+        "name": "variant",
         "type": {
-          "text": "string"
+          "text": "'solid' | 'flat' | 'frost'"
         },
-        "description": "The value of the currently selected tab"
+        "description": "Visual variant: 'solid' | 'flat' | 'frost'"
       },
       {
-        "name": "variant",
+        "name": "color",
         "type": {
-          "text": "'solid' | 'flat' | 'bordered' | 'ghost' | 'frost'"
+          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
         },
-        "description": "Visual variant: 'solid' | 'flat' | 'bordered' | 'ghost' | 'frost'"
+        "description": "Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
       },
       {
-        "name": "size",
+        "name": "padding",
         "type": {
-          "text": "'sm' | 'md' | 'lg'"
+          "text": "'none' | 'sm' | 'md' | 'lg' | 'xl'"
         },
-        "description": "Size: 'sm' | 'md' | 'lg'"
+        "description": "Internal padding: 'none' | 'sm' | 'md' | 'lg' | 'xl'"
       },
       {
-        "name": "density",
+        "name": "elevation",
         "type": {
-          "text": "'default' | 'compact'"
+          "text": "'0' | '1' | '2' | '3' | '4' | '5'"
         },
-        "description": "Spatial density: 'default' | 'compact'"
+        "description": "Shadow elevation: '0' | '1' | '2' | '3' | '4' | '5'"
       },
       {
-        "name": "color",
+        "name": "orientation",
         "type": {
-          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+          "text": "string"
         },
-        "description": "Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+        "description": "Card layout: 'horizontal'"
+      },
+      {
+        "name": "interactive",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Enable pointer/keyboard activation"
+      },
+      {
+        "name": "disabled",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Disable card interaction"
+      },
+      {
+        "name": "loading",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Show loading progress bar"
       }
     ],
     "events": [
       {
-        "name": "change",
-        "description": "Emitted when the active tab changes with detail: { value: string }",
+        "name": "activate",
+        "description": "Emitted when an interactive card is activated. detail: { originalEvent: MouseEvent | KeyboardEvent; trigger: 'pointer' | 'keyboard' }",
         "type": {
           "text": "CustomEvent"
         }
@@ -1950,691 +1813,557 @@
     ],
     "slots": [
       {
-        "name": "tabs",
-        "description": "Place `ore-tab-item` elements here"
+        "name": "media",
+        "description": "Media content displayed at top/left"
+      },
+      {
+        "name": "header",
+        "description": "Card header (title, subtitle)"
       },
       {
         "name": "",
-        "description": "Place `ore-tab-panel` elements here"
+        "description": "Main card content"
+      },
+      {
+        "name": "footer",
+        "description": "Card footer content"
+      },
+      {
+        "name": "actions",
+        "description": "Action buttons or links"
       }
     ],
     "cssParts": [
       {
-        "name": "tablist",
-        "description": "Container that holds the slotted tab items"
+        "name": "card",
+        "description": "Card root container."
       },
       {
-        "name": "indicator",
-        "description": "Active tab indicator element"
+        "name": "loading-bar",
+        "description": "Loading progress bar."
       },
       {
-        "name": "panels",
-        "description": "Container that holds tab panel content"
+        "name": "media",
+        "description": "Media slot container."
+      },
+      {
+        "name": "body",
+        "description": "Body content container."
+      },
+      {
+        "name": "header",
+        "description": "Header container."
+      },
+      {
+        "name": "content",
+        "description": "Content container."
+      },
+      {
+        "name": "footer",
+        "description": "Footer container."
+      },
+      {
+        "name": "actions",
+        "description": "Actions slot container."
       }
     ],
     "cssProperties": [
       {
-        "name": "--tabs-radius",
-        "description": "Border radius of the tablist container and panels"
+        "name": "--card-bg",
+        "description": "Background color"
       },
       {
-        "name": "--tabs-transition",
-        "description": "Transition duration/easing for the active indicator"
+        "name": "--card-color",
+        "description": "Text color"
       },
       {
-        "name": "--tabs-indicator-color",
-        "description": "Color of the sliding active indicator line"
+        "name": "--card-border",
+        "description": "Border width"
       },
       {
-        "name": "--tabs-bg",
-        "description": "Background of the host element (flat variant)"
+        "name": "--card-border-color",
+        "description": "Border color"
       },
       {
-        "name": "--tabs-tablist-bg",
-        "description": "Tablist container background (solid/frost variants)"
+        "name": "--card-radius",
+        "description": "Border radius"
       },
       {
-        "name": "--tabs-tablist-border-color",
-        "description": "Tablist container border color"
+        "name": "--card-padding",
+        "description": "Internal padding"
+      },
+      {
+        "name": "--card-shadow",
+        "description": "Box shadow"
+      },
+      {
+        "name": "--card-hover-shadow",
+        "description": "Shadow on hover"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-tabs value=\"tab1\" variant=\"bordered\">\n  <ore-tab-item slot=\"tabs\" value=\"tab1\">Overview</ore-tab-item>\n  <ore-tab-item slot=\"tabs\" value=\"tab2\">Settings</ore-tab-item>\n  <ore-tab-panel value=\"tab1\"><p>Overview content</p></ore-tab-panel>\n  <ore-tab-panel value=\"tab2\"><p>Settings content</p></ore-tab-panel>\n</ore-tabs>\n```"
+        "description": "```html\n<ore-card elevation=\"2\"><h3 slot=\"header\">Title</h3><p>Content</p></ore-card>\n<ore-card interactive color=\"primary\"><h3 slot=\"header\">Click me</h3></ore-card>\n<ore-card variant=\"frost\" color=\"secondary\">Frosted card</ore-card>\n```"
       }
     ]
   },
   {
     "kind": "variable",
-    "name": "AVATAR_GROUP_TAG",
+    "name": "CAROUSEL_SLIDE_TAG",
     "type": {
-      "text": "'ore-avatar-group'"
+      "text": "'ore-carousel-slide'"
     },
-    "default": "'ore-avatar-group'",
-    "description": "Groups multiple `ore-avatar` elements in a stacked, overlapping row."
+    "default": "'ore-carousel-slide'"
   },
   {
     "kind": "class",
-    "name": "OreAvatarGroupElement",
-    "tagName": "ore-avatar-group",
+    "name": "OreCarouselSlideElement",
+    "tagName": "ore-carousel-slide",
     "customElement": true,
-    "description": "Groups multiple `ore-avatar` elements in a stacked, overlapping row.",
+    "description": "",
     "summary": "",
-    "attributes": [
-      {
-        "name": "max",
-        "type": {
-          "text": "number"
-        },
-        "description": "Max visible avatars before overflow badge (default: 5)",
-        "default": "5"
-      },
-      {
-        "name": "total",
-        "type": {
-          "text": "number"
-        },
-        "description": "Override the total count displayed in the badge"
-      }
-    ],
-    "slots": [
-      {
-        "name": "",
-        "description": "`ore-avatar` elements"
-      }
-    ],
-    "cssParts": [
-      {
-        "name": "overflow",
-        "description": "Overflow count badge shown when avatars exceed `max`."
-      }
-    ],
-    "cssProperties": [
-      {
-        "name": "--avatar-group-overlap",
-        "description": "Negative margin creating the overlap (default: -0.75rem)"
-      }
-    ],
-    "demos": [
-      {
-        "url": "",
-        "description": "```html\n<ore-avatar-group max=\"3\">\n  <ore-avatar src=\"/a.jpg\" alt=\"Alice\"></ore-avatar>\n  <ore-avatar src=\"/b.jpg\" alt=\"Bob\"></ore-avatar>\n  <ore-avatar src=\"/c.jpg\" alt=\"Carol\"></ore-avatar>\n  <ore-avatar src=\"/d.jpg\" alt=\"Dave\"></ore-avatar>\n</ore-avatar-group>\n```"
-      }
-    ]
+    "demos": []
   },
   {
     "kind": "variable",
-    "name": "AVATAR_STATUSES",
+    "name": "CAROUSEL_ORIENTATIONS",
     "type": {
-      "text": "['online', 'offline', 'busy', 'away']"
+      "text": "['horizontal', 'vertical']"
     },
-    "default": "['online', 'offline', 'busy', 'away']"
+    "default": "['horizontal', 'vertical']"
   },
   {
     "kind": "variable",
-    "name": "AVATAR_TAG",
+    "name": "CAROUSEL_VARIANTS",
     "type": {
-      "text": "'ore-avatar'"
+      "text": "['default', 'fade', 'filmstrip', 'gallery']"
     },
-    "default": "'ore-avatar'",
-    "description": "Displays a user avatar: image → initials → generic fallback icon, in that priority order."
+    "default": "['default', 'fade', 'filmstrip', 'gallery']"
+  },
+  {
+    "kind": "variable",
+    "name": "CAROUSEL_TAG",
+    "type": {
+      "text": "'ore-carousel'"
+    },
+    "default": "'ore-carousel'",
+    "description": "An accessible, keyboard-navigable carousel / slideshow with optional\nautoplay, swipe support, and indicator dots.\n\nPlace `<ore-carousel-slide>` elements as direct children."
   },
   {
     "kind": "class",
-    "name": "OreAvatarElement",
-    "tagName": "ore-avatar",
+    "name": "OreCarouselElement",
+    "tagName": "ore-carousel",
     "customElement": true,
-    "description": "Displays a user avatar: image → initials → generic fallback icon, in that priority order.",
+    "description": "An accessible, keyboard-navigable carousel / slideshow with optional\nautoplay, swipe support, and indicator dots.\nPlace `<ore-carousel-slide>` elements as direct children.",
     "summary": "",
     "attributes": [
       {
-        "name": "src",
+        "name": "color",
         "type": {
-          "text": "string"
+          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
         },
-        "description": "Image source URL"
+        "description": "Theme color for navigation buttons: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
       },
       {
-        "name": "alt",
+        "name": "autoplay",
         "type": {
-          "text": "string"
+          "text": "boolean"
         },
-        "description": "Image alt text (also used to derive initials)"
+        "description": "Advance slides automatically (default false)"
       },
       {
-        "name": "initials",
+        "name": "autoplay-interval",
         "type": {
-          "text": "string"
+          "text": "number"
         },
-        "description": "Explicit initials (up to 2 chars)"
+        "description": "Milliseconds between automatic advances (default 5000)"
       },
       {
-        "name": "color",
+        "name": "label",
         "type": {
-          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+          "text": "string"
         },
-        "description": "Theme color for initials background: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+        "description": "Accessible label for the carousel region"
       },
       {
-        "name": "size",
+        "name": "loop",
         "type": {
-          "text": "'sm' | 'md' | 'lg'"
+          "text": "boolean"
         },
-        "description": "'sm' | 'md' | 'lg'"
+        "description": "Loop from last slide to first (default true)"
       },
       {
-        "name": "rounded",
+        "name": "orientation",
         "type": {
-          "text": "'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
+          "text": "string"
         },
-        "description": "Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'"
+        "description": "'horizontal' (default) | 'vertical'"
       },
       {
-        "name": "status",
+        "name": "variant",
         "type": {
-          "text": "'online' | 'offline' | 'busy' | 'away'"
+          "text": "'default' | 'fade' | 'filmstrip' | 'gallery'"
         },
-        "description": "'online' | 'offline' | 'busy' | 'away'"
+        "description": "'default' | 'fade' | 'filmstrip' | 'gallery'"
+      },
+      {
+        "name": "show-controls",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Show prev/next buttons (default true)"
+      },
+      {
+        "name": "show-indicators",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Show indicator dots (default true)"
+      },
+      {
+        "name": "slide-index",
+        "type": {
+          "text": "number"
+        },
+        "description": "Active slide index (zero-based, default 0)"
+      }
+    ],
+    "events": [
+      {
+        "name": "change",
+        "description": "Fires when the active slide changes. detail: { index: number }",
+        "type": {
+          "text": "CustomEvent"
+        }
       }
     ],
     "slots": [
       {
         "name": "",
-        "description": "Fallback content shown when image and initials are unavailable."
+        "description": "Place `<ore-carousel-slide>` elements here"
       }
     ],
     "cssParts": [
       {
-        "name": "avatar",
-        "description": "Avatar root container."
-      },
-      {
-        "name": "img",
-        "description": "Image element."
+        "name": "track",
+        "description": "The scrolling slide track element"
       },
       {
-        "name": "initials",
-        "description": "Initials fallback element."
+        "name": "controls",
+        "description": "The prev/next button container"
       },
       {
-        "name": "fallback",
-        "description": "Shadow part for the `fallback` element."
+        "name": "indicators",
+        "description": "The indicator dots container"
       },
       {
-        "name": "status",
-        "description": "Status indicator element."
+        "name": "prev-btn",
+        "description": "The previous-slide button"
       },
       {
-        "name": "overflow",
-        "description": "Overflow indicator element."
+        "name": "next-btn",
+        "description": "The next-slide button"
       }
     ],
     "cssProperties": [
       {
-        "name": "--avatar-size",
-        "description": "Diameter of the avatar"
+        "name": "--carousel-bg",
+        "description": "Slide area background"
       },
       {
-        "name": "--avatar-bg",
-        "description": "Background color"
+        "name": "--carousel-radius",
+        "description": "Border radius of the carousel"
       },
       {
-        "name": "--avatar-color",
-        "description": "Text/icon color"
+        "name": "--carousel-dot-bg",
+        "description": "Inactive indicator color (default: var(--color-contrast-300))"
       },
       {
-        "name": "--avatar-radius",
-        "description": "Border radius"
+        "name": "--carousel-dot-active-bg",
+        "description": "Active indicator / fill color (default: var(--color-contrast-700))"
       },
       {
-        "name": "--avatar-border",
-        "description": "Border shorthand"
+        "name": "--carousel-transition-duration",
+        "description": "Slide transition duration (default 0.35s; 0s under prefers-reduced-motion)."
       },
       {
-        "name": "--avatar-border-color",
-        "description": "Border color (also controls status dot border)"
+        "name": "--carousel-min-height",
+        "description": "Minimum height when no explicit height is set (default 240px)"
+      },
+      {
+        "name": "--carousel-filmstrip-inactive",
+        "description": "Width (horizontal) or height (vertical) of inactive slides in filmstrip mode"
+      },
+      {
+        "name": "--carousel-filmstrip-gap",
+        "description": "Gap between slides in filmstrip mode"
+      },
+      {
+        "name": "--carousel-gallery-thumbnail",
+        "description": "Width (horizontal) or height (vertical) of thumbnail slides in gallery mode (default var(--size-24))"
+      },
+      {
+        "name": "--carousel-gallery-gap",
+        "description": "Gap between slides in gallery mode (default var(--size-2))"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-avatar src=\"/jane.jpg\" alt=\"Jane Doe\"></ore-avatar>\n<ore-avatar initials=\"JD\" color=\"primary\"></ore-avatar>\n<ore-avatar alt=\"John Smith\" status=\"online\"></ore-avatar>\n```"
+        "description": "```html\n<ore-carousel label=\"Product highlights\" loop>\n  <ore-carousel-slide>Slide 1</ore-carousel-slide>\n  <ore-carousel-slide>Slide 2</ore-carousel-slide>\n  <ore-carousel-slide>Slide 3</ore-carousel-slide>\n</ore-carousel>\n```"
       }
     ]
   },
   {
     "kind": "variable",
-    "name": "BREADCRUMB_ITEM_TAG",
+    "name": "CHAT_MESSAGE_STATUSES",
     "type": {
-      "text": "'ore-breadcrumb-item'"
+      "text": "['error', 'sending', 'sent']"
     },
-    "default": "'ore-breadcrumb-item'",
-    "description": "A single breadcrumb entry rendered inside `<ore-breadcrumb>`."
+    "default": "['error', 'sending', 'sent']"
+  },
+  {
+    "kind": "variable",
+    "name": "CHAT_MESSAGE_TAG",
+    "type": {
+      "text": "'ore-chat-message'"
+    },
+    "default": "'ore-chat-message'",
+    "description": "A single message bubble for chat/conversation UIs: sender-aware alignment, an optional\navatar slot, delivery status (sending/sent/error with retry), and a streaming cursor for\nassistant messages still generating. Content is provided via the default slot, so any\nmarkdown-to-HTML rendering stays the consumer's choice.\n\nThe default slot's leading/trailing whitespace-only text nodes are trimmed in place once\nper slot assignment (mount, and again on `slotchange`): pretty-printed HTML's\nindentation would otherwise render as blank lines, since the bubble preserves line breaks\n(`white-space: pre-wrap`) for genuine multi-paragraph replies. This mutates those specific\ntext nodes' `textContent` directly; it never touches nodes appended afterward (e.g. by\n`el.textContent += token` while streaming), only the ones present at assignment time."
   },
   {
     "kind": "class",
-    "name": "OreBreadcrumbItemElement",
-    "tagName": "ore-breadcrumb-item",
+    "name": "OreChatMessageElement",
+    "tagName": "ore-chat-message",
     "customElement": true,
-    "description": "A single breadcrumb entry rendered inside `<ore-breadcrumb>`.",
+    "description": "A single message bubble for chat/conversation UIs: sender-aware alignment, an optional\navatar slot, delivery status (sending/sent/error with retry), and a streaming cursor for\nassistant messages still generating. Content is provided via the default slot, so any\nmarkdown-to-HTML rendering stays the consumer's choice.\nThe default slot's leading/trailing whitespace-only text nodes are trimmed in place once\nper slot assignment (mount, and again on `slotchange`): pretty-printed HTML's\nindentation would otherwise render as blank lines, since the bubble preserves line breaks\n(`white-space: pre-wrap`) for genuine multi-paragraph replies. This mutates those specific\ntext nodes' `textContent` directly; it never touches nodes appended afterward (e.g. by\n`el.textContent += token` while streaming), only the ones present at assignment time.",
     "summary": "",
     "attributes": [
       {
-        "name": "active",
+        "name": "sender",
         "type": {
-          "text": "boolean"
+          "text": "'user' | 'assistant' | 'system'"
         },
-        "description": "Marks this item as the current page (`aria-current=\"page\"`)"
+        "description": "Who sent the message: 'user' | 'assistant' | 'system' (default 'assistant')"
       },
       {
-        "name": "href",
+        "name": "name",
         "type": {
           "text": "string"
         },
-        "description": "Link target for this breadcrumb item"
+        "description": "Display name shown above the bubble"
       },
       {
-        "name": "separator",
+        "name": "timestamp",
         "type": {
           "text": "string"
         },
-        "description": "Separator text shown before the item (except first item)"
-      }
-    ],
-    "slots": [
-      {
-        "name": "",
-        "description": "Item label/content"
+        "description": "ISO 8601 timestamp, rendered as a localized short time"
       },
       {
-        "name": "icon",
-        "description": "Optional leading icon for the crumb"
-      }
-    ],
-    "cssParts": [
-      {
-        "name": "separator",
-        "description": "Separator element before the item label"
+        "name": "status",
+        "type": {
+          "text": "'sending' | 'sent' | 'error'"
+        },
+        "description": "Delivery status: 'sending' | 'sent' | 'error'"
       },
       {
-        "name": "link",
-        "description": "The interactive anchor element"
-      }
-    ],
-    "demos": [
-      {
-        "url": "",
-        "description": "```html\n<ore-breadcrumb-item href=\"/\">Home</ore-breadcrumb-item>\n<ore-breadcrumb-item active>Current Page</ore-breadcrumb-item>\n```"
-      }
-    ]
-  },
-  {
-    "kind": "variable",
-    "name": "BREADCRUMB_TAG",
-    "type": {
-      "text": "'ore-breadcrumb'"
-    },
-    "default": "'ore-breadcrumb'",
-    "description": "Accessible breadcrumb navigation container."
-  },
-  {
-    "kind": "class",
-    "name": "OreBreadcrumbElement",
-    "tagName": "ore-breadcrumb",
-    "customElement": true,
-    "description": "Accessible breadcrumb navigation container.",
-    "summary": "",
-    "attributes": [
-      {
-        "name": "label",
+        "name": "error",
         "type": {
           "text": "string"
         },
-        "description": "Accessible label for the internal `<nav>` landmark"
+        "description": "Error detail shown beneath the bubble when status=\"error\""
       },
       {
-        "name": "separator",
+        "name": "streaming",
         "type": {
-          "text": "string"
+          "text": "boolean"
         },
-        "description": "Separator text propagated to child `<ore-breadcrumb-item>` elements"
+        "description": "Append a blinking cursor after the content"
       }
     ],
-    "slots": [
+    "events": [
       {
-        "name": "",
-        "description": "One or more `<ore-breadcrumb-item>` children"
+        "name": "retry",
+        "description": "Fired when the retry action is activated. detail: { originalEvent }",
+        "type": {
+          "text": "CustomEvent"
+        }
       }
     ],
-    "cssParts": [
+    "slots": [
       {
-        "name": "nav",
-        "description": "Internal navigation landmark element"
+        "name": "",
+        "description": "Message content"
       },
       {
-        "name": "list",
-        "description": "Internal ordered list container"
-      }
-    ],
-    "cssProperties": [
+        "name": "avatar",
+        "description": "Avatar element (e.g. `<ore-avatar>`)"
+      },
       {
-        "name": "--breadcrumb-separator",
-        "description": "Optional custom separator text synced to child items"
+        "name": "actions",
+        "description": "Action buttons shown beneath the message (copy, regenerate, feedback, …)"
       }
     ],
-    "demos": [
+    "cssParts": [
       {
-        "url": "",
-        "description": "```html\n<ore-breadcrumb label=\"Page breadcrumb\">\n  <ore-breadcrumb-item href=\"/\">Home</ore-breadcrumb-item>\n  <ore-breadcrumb-item href=\"/blog\">Blog</ore-breadcrumb-item>\n  <ore-breadcrumb-item active>My Post</ore-breadcrumb-item>\n</ore-breadcrumb>\n```"
-      }
-    ]
-  },
-  {
-    "kind": "variable",
-    "name": "CARD_TAG",
-    "type": {
-      "text": "'ore-card'"
-    },
-    "default": "'ore-card'",
-    "description": "A versatile card container with semantic slots for media, header, body, footer, and actions."
-  },
-  {
-    "kind": "class",
-    "name": "OreCardElement",
-    "tagName": "ore-card",
-    "customElement": true,
-    "description": "A versatile card container with semantic slots for media, header, body, footer, and actions.",
-    "summary": "",
-    "attributes": [
+        "name": "row",
+        "description": "Root row container (avatar + column)"
+      },
       {
-        "name": "variant",
-        "type": {
-          "text": "'solid' | 'flat' | 'frost'"
-        },
-        "description": "Visual variant: 'solid' | 'flat' | 'frost'"
-      },
-      {
-        "name": "color",
-        "type": {
-          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
-        },
-        "description": "Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
-      },
-      {
-        "name": "padding",
-        "type": {
-          "text": "'none' | 'sm' | 'md' | 'lg' | 'xl'"
-        },
-        "description": "Internal padding: 'none' | 'sm' | 'md' | 'lg' | 'xl'"
-      },
-      {
-        "name": "elevation",
-        "type": {
-          "text": "'0' | '1' | '2' | '3' | '4' | '5'"
-        },
-        "description": "Shadow elevation: '0' | '1' | '2' | '3' | '4' | '5'"
-      },
-      {
-        "name": "orientation",
-        "type": {
-          "text": "string"
-        },
-        "description": "Card layout: 'horizontal'"
-      },
-      {
-        "name": "interactive",
-        "type": {
-          "text": "boolean"
-        },
-        "description": "Enable pointer/keyboard activation"
-      },
-      {
-        "name": "disabled",
-        "type": {
-          "text": "boolean"
-        },
-        "description": "Disable card interaction"
-      },
-      {
-        "name": "loading",
-        "type": {
-          "text": "boolean"
-        },
-        "description": "Show loading progress bar"
-      }
-    ],
-    "events": [
-      {
-        "name": "activate",
-        "description": "Emitted when an interactive card is activated. detail: { originalEvent: MouseEvent | KeyboardEvent; trigger: 'pointer' | 'keyboard' }",
-        "type": {
-          "text": "CustomEvent"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "media",
-        "description": "Media content displayed at top/left"
+        "name": "avatar",
+        "description": "Avatar slot container"
       },
       {
-        "name": "header",
-        "description": "Card header (title, subtitle)"
+        "name": "column",
+        "description": "Column containing name, bubble, meta, and actions"
       },
       {
-        "name": "",
-        "description": "Main card content"
+        "name": "name",
+        "description": "Sender display name"
       },
       {
-        "name": "footer",
-        "description": "Card footer content"
+        "name": "bubble",
+        "description": "Message bubble container"
       },
       {
-        "name": "actions",
-        "description": "Action buttons or links"
-      }
-    ],
-    "cssParts": [
-      {
-        "name": "card",
-        "description": "Card root container."
+        "name": "content",
+        "description": "Content container inside the bubble"
       },
       {
-        "name": "loading-bar",
-        "description": "Loading progress bar."
+        "name": "cursor",
+        "description": "Blinking streaming cursor"
       },
       {
-        "name": "media",
-        "description": "Media slot container."
+        "name": "meta",
+        "description": "Row of timestamp, status, and error text below the bubble"
       },
       {
-        "name": "body",
-        "description": "Body content container."
+        "name": "timestamp",
+        "description": "Timestamp `<time>` element"
       },
       {
-        "name": "header",
-        "description": "Header container."
+        "name": "status",
+        "description": "Status indicator"
       },
       {
-        "name": "content",
-        "description": "Content container."
+        "name": "error",
+        "description": "Error text"
       },
       {
-        "name": "footer",
-        "description": "Footer container."
+        "name": "retry",
+        "description": "Retry button (status=\"error\" only)"
       },
       {
         "name": "actions",
-        "description": "Actions slot container."
+        "description": "Actions slot container"
       }
     ],
     "cssProperties": [
       {
-        "name": "--card-bg",
-        "description": "Background color"
-      },
-      {
-        "name": "--card-color",
-        "description": "Text color"
-      },
-      {
-        "name": "--card-border",
-        "description": "Border width"
+        "name": "--chat-message-bg",
+        "description": "Bubble background color (assistant/system)"
       },
       {
-        "name": "--card-border-color",
-        "description": "Border color"
+        "name": "--chat-message-color",
+        "description": "Bubble text color (assistant/system)"
       },
       {
-        "name": "--card-radius",
-        "description": "Border radius"
+        "name": "--chat-message-user-bg",
+        "description": "Bubble background color (user)"
       },
       {
-        "name": "--card-padding",
-        "description": "Internal padding"
+        "name": "--chat-message-user-color",
+        "description": "Bubble text color (user)"
       },
       {
-        "name": "--card-shadow",
-        "description": "Box shadow"
+        "name": "--chat-message-radius",
+        "description": "Bubble border radius"
       },
       {
-        "name": "--card-hover-shadow",
-        "description": "Shadow on hover"
+        "name": "--chat-message-max-width",
+        "description": "Maximum bubble width"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-card elevation=\"2\"><h3 slot=\"header\">Title</h3><p>Content</p></ore-card>\n<ore-card interactive color=\"primary\"><h3 slot=\"header\">Click me</h3></ore-card>\n<ore-card variant=\"frost\" color=\"secondary\">Frosted card</ore-card>\n```"
+        "description": "```html\n<ore-chat-message sender=\"user\" timestamp=\"2024-01-01T12:00:00Z\" status=\"sent\">\n  What's the weather like today?\n</ore-chat-message>\n<ore-chat-message sender=\"assistant\" name=\"Assistant\" streaming>\n  Let me check that for you\n</ore-chat-message>\n```"
       }
     ]
   },
   {
     "kind": "variable",
-    "name": "CAROUSEL_SLIDE_TAG",
-    "type": {
-      "text": "'ore-carousel-slide'"
-    },
-    "default": "'ore-carousel-slide'"
-  },
-  {
-    "kind": "class",
-    "name": "OreCarouselSlideElement",
-    "tagName": "ore-carousel-slide",
-    "customElement": true,
-    "description": "",
-    "summary": "",
-    "demos": []
-  },
-  {
-    "kind": "variable",
-    "name": "CAROUSEL_ORIENTATIONS",
-    "type": {
-      "text": "['horizontal', 'vertical']"
-    },
-    "default": "['horizontal', 'vertical']"
-  },
-  {
-    "kind": "variable",
-    "name": "CAROUSEL_VARIANTS",
-    "type": {
-      "text": "['default', 'fade', 'filmstrip', 'gallery']"
-    },
-    "default": "['default', 'fade', 'filmstrip', 'gallery']"
-  },
-  {
-    "kind": "variable",
-    "name": "CAROUSEL_TAG",
+    "name": "CHAT_PANEL_TAG",
     "type": {
-      "text": "'ore-carousel'"
+      "text": "'ore-chat-panel'"
     },
-    "default": "'ore-carousel'",
-    "description": "An accessible, keyboard-navigable carousel / slideshow with optional\nautoplay, swipe support, and indicator dots.\n\nPlace `<ore-carousel-slide>` elements as direct children."
+    "default": "'ore-chat-panel'",
+    "description": "A self-contained assistant chat surface: the fixed corner window a demo or support\nflow needs: header with title, status, Start over and close; a live-region message\ntranscript built from `ore-chat-message`; suggested questions while the transcript\nholds only the greeting; and an `ore-message-composer` footer.\n\nThe panel owns presentation and interaction only. Reply generation, persistence, and\naction semantics stay with the consumer: listen for `send`, append the assistant reply\nto `messages`, and reassign the array; handle `action` for whatever a message's action\npayload means in your app."
   },
   {
     "kind": "class",
-    "name": "OreCarouselElement",
-    "tagName": "ore-carousel",
+    "name": "OreChatPanelElement",
+    "tagName": "ore-chat-panel",
     "customElement": true,
-    "description": "An accessible, keyboard-navigable carousel / slideshow with optional\nautoplay, swipe support, and indicator dots.\nPlace `<ore-carousel-slide>` elements as direct children.",
+    "description": "A self-contained assistant chat surface: the fixed corner window a demo or support\nflow needs: header with title, status, Start over and close; a live-region message\ntranscript built from `ore-chat-message`; suggested questions while the transcript\nholds only the greeting; and an `ore-message-composer` footer.\nThe panel owns presentation and interaction only. Reply generation, persistence, and\naction semantics stay with the consumer: listen for `send`, append the assistant reply\nto `messages`, and reassign the array; handle `action` for whatever a message's action\npayload means in your app.",
     "summary": "",
     "attributes": [
       {
-        "name": "color",
+        "name": "label",
         "type": {
-          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+          "text": "string"
         },
-        "description": "Theme color for navigation buttons: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+        "description": "Accessible name for the panel region"
       },
       {
-        "name": "autoplay",
+        "name": "open",
         "type": {
           "text": "boolean"
         },
-        "description": "Advance slides automatically (default false)"
-      },
-      {
-        "name": "autoplay-interval",
-        "type": {
-          "text": "number"
-        },
-        "description": "Milliseconds between automatic advances (default 5000)"
+        "description": "Open state"
       },
       {
-        "name": "label",
+        "name": "initials",
         "type": {
           "text": "string"
         },
-        "description": "Accessible label for the carousel region"
+        "description": "Assistant avatar initials (default 'V')"
       },
       {
-        "name": "loop",
+        "name": "maxlength",
         "type": {
-          "text": "boolean"
+          "text": "number"
         },
-        "description": "Loop from last slide to first (default true)"
-      },
+        "description": "Composer character limit (default 240)"
+      }
+    ],
+    "events": [
       {
-        "name": "orientation",
+        "name": "send",
+        "description": "A send or suggestion was submitted. detail: { text }",
         "type": {
-          "text": "string"
-        },
-        "description": "'horizontal' (default) | 'vertical'"
+          "text": "CustomEvent"
+        }
       },
       {
-        "name": "variant",
+        "name": "action",
+        "description": "A message action button was activated. detail: { payload }",
         "type": {
-          "text": "'default' | 'fade' | 'filmstrip' | 'gallery'"
-        },
-        "description": "'default' | 'fade' | 'filmstrip' | 'gallery'"
+          "text": "CustomEvent"
+        }
       },
       {
-        "name": "show-controls",
+        "name": "reset",
+        "description": "The transcript was cleared via Start over.",
         "type": {
-          "text": "boolean"
-        },
-        "description": "Show prev/next buttons (default true)"
+          "text": "CustomEvent"
+        }
       },
       {
-        "name": "show-indicators",
-        "type": {
-          "text": "boolean"
-        },
-        "description": "Show indicator dots (default true)"
-      },
-      {
-        "name": "slide-index",
-        "type": {
-          "text": "number"
-        },
-        "description": "Active slide index (zero-based, default 0)"
-      }
-    ],
-    "events": [
-      {
-        "name": "change",
-        "description": "Fires when the active slide changes. detail: { index: number }",
+        "name": "open-change",
+        "description": "Open state changed. detail: { open, reason }",
         "type": {
           "text": "CustomEvent"
         }
@@ -2642,534 +2371,203 @@
     ],
     "slots": [
       {
-        "name": "",
-        "description": "Place `<ore-carousel-slide>` elements here"
+        "name": "header",
+        "description": "Replaces the default title/status header content"
       }
     ],
     "cssParts": [
       {
-        "name": "track",
-        "description": "The scrolling slide track element"
+        "name": "window",
+        "description": "The fixed panel window"
       },
       {
-        "name": "controls",
-        "description": "The prev/next button container"
+        "name": "header",
+        "description": "Header row"
       },
       {
-        "name": "indicators",
-        "description": "The indicator dots container"
+        "name": "body",
+        "description": "Scrollable transcript area"
       },
       {
-        "name": "prev-btn",
-        "description": "The previous-slide button"
+        "name": "messages",
+        "description": "Message list (role=log)"
       },
       {
-        "name": "next-btn",
-        "description": "The next-slide button"
+        "name": "suggestions",
+        "description": "Suggestion chips row"
+      },
+      {
+        "name": "composer",
+        "description": "Composer footer"
       }
     ],
     "cssProperties": [
       {
-        "name": "--carousel-bg",
-        "description": "Slide area background"
-      },
-      {
-        "name": "--carousel-radius",
-        "description": "Border radius of the carousel"
-      },
-      {
-        "name": "--carousel-dot-bg",
-        "description": "Inactive indicator color (default: var(--color-contrast-300))"
-      },
-      {
-        "name": "--carousel-dot-active-bg",
-        "description": "Active indicator / fill color (default: var(--color-contrast-700))"
-      },
-      {
-        "name": "--carousel-transition-duration",
-        "description": "Slide transition duration (default 0.35s; 0s under prefers-reduced-motion)."
-      },
-      {
-        "name": "--carousel-min-height",
-        "description": "Minimum height when no explicit height is set (default 240px)"
-      },
-      {
-        "name": "--carousel-filmstrip-inactive",
-        "description": "Width (horizontal) or height (vertical) of inactive slides in filmstrip mode"
+        "name": "--chat-panel-width",
+        "description": "Panel width (default min(420px, viewport-fit))"
       },
       {
-        "name": "--carousel-filmstrip-gap",
-        "description": "Gap between slides in filmstrip mode"
+        "name": "--chat-panel-height",
+        "description": "Panel height (default min(640px, viewport-fit))"
       },
       {
-        "name": "--carousel-gallery-thumbnail",
-        "description": "Width (horizontal) or height (vertical) of thumbnail slides in gallery mode (default var(--size-24))"
+        "name": "--chat-panel-inset",
+        "description": "Distance from the viewport corner (default --size-6)"
       },
       {
-        "name": "--carousel-gallery-gap",
-        "description": "Gap between slides in gallery mode (default var(--size-2))"
+        "name": "--chat-panel-z-index",
+        "description": "Stacking order (default --z-fixed)"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-carousel label=\"Product highlights\" loop>\n  <ore-carousel-slide>Slide 1</ore-carousel-slide>\n  <ore-carousel-slide>Slide 2</ore-carousel-slide>\n  <ore-carousel-slide>Slide 3</ore-carousel-slide>\n</ore-carousel>\n```"
+        "description": "```html\n<ore-chat-panel id=\"advisor\" label=\"Model advisor\"></ore-chat-panel>\n<script type=\"module\">\n  import '@vielzeug/refine/chat-panel';\n  const panel = document.getElementById('advisor');\n  panel.messages = [{ sender: 'assistant', text: 'Hi! What can I help with?' }];\n  panel.addEventListener('send', (event) => {\n    panel.messages = [\n      ...panel.messages,\n      { sender: 'user', text: event.detail.text },\n      { sender: 'assistant', text: 'Let me look into that.' },\n    ];\n  });\n  panel.show();\n</script>\n```"
       }
     ]
   },
   {
     "kind": "variable",
-    "name": "CHAT_MESSAGE_STATUSES",
-    "type": {
-      "text": "['error', 'sending', 'sent']"
-    },
-    "default": "['error', 'sending', 'sent']"
-  },
-  {
-    "kind": "variable",
-    "name": "CHAT_MESSAGE_TAG",
+    "name": "CODE_WINDOW_TAG",
     "type": {
-      "text": "'ore-chat-message'"
+      "text": "'ore-code-window'"
     },
-    "default": "'ore-chat-message'",
-    "description": "A single message bubble for chat/conversation UIs: sender-aware alignment, an optional\navatar slot, delivery status (sending/sent/error with retry), and a streaming cursor for\nassistant messages still generating. Content is provided via the default slot, so any\nmarkdown-to-HTML rendering stays the consumer's choice.\n\nThe default slot's leading/trailing whitespace-only text nodes are trimmed in place once\nper slot assignment (mount, and again on `slotchange`): pretty-printed HTML's\nindentation would otherwise render as blank lines, since the bubble preserves line breaks\n(`white-space: pre-wrap`) for genuine multi-paragraph replies. This mutates those specific\ntext nodes' `textContent` directly; it never touches nodes appended afterward (e.g. by\n`el.textContent += token` while streaming), only the ones present at assignment time."
+    "default": "'ore-code-window'",
+    "description": "A styled window chrome for code blocks and AI/MCP conversation flows.\n\nTwo variants:\n- `variant=\"code\"` (default): language badge + optional filename header.\n- `variant=\"chat\"`: traffic-light dots + title header."
   },
   {
     "kind": "class",
-    "name": "OreChatMessageElement",
-    "tagName": "ore-chat-message",
+    "name": "OreCodeWindowElement",
+    "tagName": "ore-code-window",
     "customElement": true,
-    "description": "A single message bubble for chat/conversation UIs: sender-aware alignment, an optional\navatar slot, delivery status (sending/sent/error with retry), and a streaming cursor for\nassistant messages still generating. Content is provided via the default slot, so any\nmarkdown-to-HTML rendering stays the consumer's choice.\nThe default slot's leading/trailing whitespace-only text nodes are trimmed in place once\nper slot assignment (mount, and again on `slotchange`): pretty-printed HTML's\nindentation would otherwise render as blank lines, since the bubble preserves line breaks\n(`white-space: pre-wrap`) for genuine multi-paragraph replies. This mutates those specific\ntext nodes' `textContent` directly; it never touches nodes appended afterward (e.g. by\n`el.textContent += token` while streaming), only the ones present at assignment time.",
+    "description": "A styled window chrome for code blocks and AI/MCP conversation flows.\nTwo variants:\n- `variant=\"code\"` (default): language badge + optional filename header.\n- `variant=\"chat\"`: traffic-light dots + title header.",
     "summary": "",
     "attributes": [
       {
-        "name": "sender",
+        "name": "variant",
         "type": {
-          "text": "'user' | 'assistant' | 'system'"
+          "text": "'code'|'chat'"
         },
-        "description": "Who sent the message: 'user' | 'assistant' | 'system' (default 'assistant')"
+        "description": "Window style variant"
       },
       {
-        "name": "name",
+        "name": "lang",
         "type": {
           "text": "string"
         },
-        "description": "Display name shown above the bubble"
+        "description": "Language badge label (variant=\"code\" only)"
       },
       {
-        "name": "timestamp",
+        "name": "filename",
         "type": {
           "text": "string"
         },
-        "description": "ISO 8601 timestamp, rendered as a localized short time"
-      },
-      {
-        "name": "status",
-        "type": {
-          "text": "'sending' | 'sent' | 'error'"
-        },
-        "description": "Delivery status: 'sending' | 'sent' | 'error'"
+        "description": "Filename shown next to the badge (variant=\"code\" only)"
       },
       {
-        "name": "error",
+        "name": "title",
         "type": {
           "text": "string"
         },
-        "description": "Error detail shown beneath the bubble when status=\"error\""
-      },
-      {
-        "name": "streaming",
-        "type": {
-          "text": "boolean"
-        },
-        "description": "Append a blinking cursor after the content"
-      }
-    ],
-    "events": [
-      {
-        "name": "retry",
-        "description": "Fired when the retry action is activated. detail: { originalEvent }",
-        "type": {
-          "text": "CustomEvent"
-        }
+        "description": "Label beside the dots (variant=\"chat\" only)"
       }
     ],
     "slots": [
       {
         "name": "",
-        "description": "Message content"
-      },
-      {
-        "name": "avatar",
-        "description": "Avatar element (e.g. `<ore-avatar>`)"
+        "description": "Main body content (code, conversation turns, or any markup)"
       },
       {
-        "name": "actions",
-        "description": "Action buttons shown beneath the message (copy, regenerate, feedback, …)"
+        "name": "header-end",
+        "description": "Optional content appended to the trailing edge of the header"
       }
     ],
     "cssParts": [
       {
-        "name": "row",
-        "description": "Root row container (avatar + column)"
-      },
-      {
-        "name": "avatar",
-        "description": "Avatar slot container"
-      },
-      {
-        "name": "column",
-        "description": "Column containing name, bubble, meta, and actions"
-      },
-      {
-        "name": "name",
-        "description": "Sender display name"
-      },
-      {
-        "name": "bubble",
-        "description": "Message bubble container"
-      },
-      {
-        "name": "content",
-        "description": "Content container inside the bubble"
-      },
-      {
-        "name": "cursor",
-        "description": "Blinking streaming cursor"
+        "name": "window",
+        "description": "The root window element"
       },
       {
-        "name": "meta",
-        "description": "Row of timestamp, status, and error text below the bubble"
+        "name": "header",
+        "description": "The header bar"
       },
       {
-        "name": "timestamp",
-        "description": "Timestamp `<time>` element"
+        "name": "lang",
+        "description": "The language badge (`variant=\"code\"`)"
       },
       {
-        "name": "status",
-        "description": "Status indicator"
+        "name": "filename",
+        "description": "The filename label (`variant=\"code\"`)"
       },
       {
-        "name": "error",
-        "description": "Error text"
+        "name": "dots",
+        "description": "The traffic-light dot container (`variant=\"chat\"`)"
       },
       {
-        "name": "retry",
-        "description": "Retry button (status=\"error\" only)"
+        "name": "title",
+        "description": "The title label (`variant=\"chat\"`)"
       },
       {
-        "name": "actions",
-        "description": "Actions slot container"
+        "name": "body",
+        "description": "The body container wrapping the default slot"
       }
     ],
     "cssProperties": [
       {
-        "name": "--chat-message-bg",
-        "description": "Bubble background color (assistant/system)"
+        "name": "--code-window-bg",
+        "description": "Window background color"
       },
       {
-        "name": "--chat-message-color",
-        "description": "Bubble text color (assistant/system)"
+        "name": "--code-window-header-bg",
+        "description": "Header background color"
       },
       {
-        "name": "--chat-message-user-bg",
-        "description": "Bubble background color (user)"
+        "name": "--code-window-border-color",
+        "description": "Border color"
       },
       {
-        "name": "--chat-message-user-color",
-        "description": "Bubble text color (user)"
+        "name": "--code-window-radius",
+        "description": "Border radius"
       },
       {
-        "name": "--chat-message-radius",
-        "description": "Bubble border radius"
+        "name": "--code-window-shadow",
+        "description": "Box shadow"
       },
       {
-        "name": "--chat-message-max-width",
-        "description": "Maximum bubble width"
+        "name": "--code-window-body-padding",
+        "description": "Body slot padding"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-chat-message sender=\"user\" timestamp=\"2024-01-01T12:00:00Z\" status=\"sent\">\n  What's the weather like today?\n</ore-chat-message>\n<ore-chat-message sender=\"assistant\" name=\"Assistant\" streaming>\n  Let me check that for you\n</ore-chat-message>\n```"
+        "description": "```html\n<ore-code-window lang=\"ts\" filename=\"app.ts\">\n  <pre>const x = 1;</pre>\n</ore-code-window>\n<ore-code-window variant=\"chat\" title=\"MCP tool call\">\n  <!-- conversation turns go here -->\n</ore-code-window>\n```"
       }
     ]
   },
   {
     "kind": "variable",
-    "name": "CHAT_PANEL_TAG",
+    "name": "COPY_COMMAND_TAG",
     "type": {
-      "text": "'ore-chat-panel'"
+      "text": "'ore-copy-command'"
     },
-    "default": "'ore-chat-panel'",
-    "description": "A self-contained assistant chat surface: the fixed corner window a demo or support\nflow needs: header with title, status, Start over and close; a live-region message\ntranscript built from `ore-chat-message`; suggested questions while the transcript\nholds only the greeting; and an `ore-message-composer` footer.\n\nThe panel owns presentation and interaction only. Reply generation, persistence, and\naction semantics stay with the consumer: listen for `send`, append the assistant reply\nto `messages`, and reassign the array; handle `action` for whatever a message's action\npayload means in your app."
+    "default": "'ore-copy-command'",
+    "description": "A styled, copy-to-clipboard command display component.\nShows a command string in a monospace code block with a copy button.\nClicking the component copies the value to the clipboard, shows a transient\ncheck-mark confirmation, and emits a `copy` event."
   },
   {
     "kind": "class",
-    "name": "OreChatPanelElement",
-    "tagName": "ore-chat-panel",
+    "name": "OreCopyCommandElement",
+    "tagName": "ore-copy-command",
     "customElement": true,
-    "description": "A self-contained assistant chat surface: the fixed corner window a demo or support\nflow needs: header with title, status, Start over and close; a live-region message\ntranscript built from `ore-chat-message`; suggested questions while the transcript\nholds only the greeting; and an `ore-message-composer` footer.\nThe panel owns presentation and interaction only. Reply generation, persistence, and\naction semantics stay with the consumer: listen for `send`, append the assistant reply\nto `messages`, and reassign the array; handle `action` for whatever a message's action\npayload means in your app.",
+    "description": "A styled, copy-to-clipboard command display component.\nShows a command string in a monospace code block with a copy button.\nClicking the component copies the value to the clipboard, shows a transient\ncheck-mark confirmation, and emits a `copy` event.",
     "summary": "",
     "attributes": [
       {
-        "name": "label",
+        "name": "value",
         "type": {
           "text": "string"
         },
-        "description": "Accessible name for the panel region"
-      },
-      {
-        "name": "open",
-        "type": {
-          "text": "boolean"
-        },
-        "description": "Open state"
-      },
-      {
-        "name": "initials",
-        "type": {
-          "text": "string"
-        },
-        "description": "Assistant avatar initials (default 'V')"
-      },
-      {
-        "name": "maxlength",
-        "type": {
-          "text": "number"
-        },
-        "description": "Composer character limit (default 240)"
-      }
-    ],
-    "events": [
-      {
-        "name": "send",
-        "description": "A send or suggestion was submitted. detail: { text }",
-        "type": {
-          "text": "CustomEvent"
-        }
-      },
-      {
-        "name": "action",
-        "description": "A message action button was activated. detail: { payload }",
-        "type": {
-          "text": "CustomEvent"
-        }
-      },
-      {
-        "name": "reset",
-        "description": "The transcript was cleared via Start over.",
-        "type": {
-          "text": "CustomEvent"
-        }
-      },
-      {
-        "name": "open-change",
-        "description": "Open state changed. detail: { open, reason }",
-        "type": {
-          "text": "CustomEvent"
-        }
-      }
-    ],
-    "slots": [
-      {
-        "name": "header",
-        "description": "Replaces the default title/status header content"
-      }
-    ],
-    "cssParts": [
-      {
-        "name": "window",
-        "description": "The fixed panel window"
-      },
-      {
-        "name": "header",
-        "description": "Header row"
-      },
-      {
-        "name": "body",
-        "description": "Scrollable transcript area"
-      },
-      {
-        "name": "messages",
-        "description": "Message list (role=log)"
-      },
-      {
-        "name": "suggestions",
-        "description": "Suggestion chips row"
-      },
-      {
-        "name": "composer",
-        "description": "Composer footer"
-      }
-    ],
-    "cssProperties": [
-      {
-        "name": "--chat-panel-width",
-        "description": "Panel width (default min(420px, viewport-fit))"
-      },
-      {
-        "name": "--chat-panel-height",
-        "description": "Panel height (default min(640px, viewport-fit))"
-      },
-      {
-        "name": "--chat-panel-inset",
-        "description": "Distance from the viewport corner (default --size-6)"
-      },
-      {
-        "name": "--chat-panel-z-index",
-        "description": "Stacking order (default --z-fixed)"
-      }
-    ],
-    "demos": [
-      {
-        "url": "",
-        "description": "```html\n<ore-chat-panel id=\"advisor\" label=\"Model advisor\"></ore-chat-panel>\n<script type=\"module\">\n  import '@vielzeug/refine/chat-panel';\n  const panel = document.getElementById('advisor');\n  panel.messages = [{ sender: 'assistant', text: 'Hi! What can I help with?' }];\n  panel.addEventListener('send', (event) => {\n    panel.messages = [\n      ...panel.messages,\n      { sender: 'user', text: event.detail.text },\n      { sender: 'assistant', text: 'Let me look into that.' },\n    ];\n  });\n  panel.show();\n</script>\n```"
-      }
-    ]
-  },
-  {
-    "kind": "variable",
-    "name": "CODE_WINDOW_TAG",
-    "type": {
-      "text": "'ore-code-window'"
-    },
-    "default": "'ore-code-window'",
-    "description": "A styled window chrome for code blocks and AI/MCP conversation flows.\n\nTwo variants:\n- `variant=\"code\"` (default): language badge + optional filename header.\n- `variant=\"chat\"`: traffic-light dots + title header."
-  },
-  {
-    "kind": "class",
-    "name": "OreCodeWindowElement",
-    "tagName": "ore-code-window",
-    "customElement": true,
-    "description": "A styled window chrome for code blocks and AI/MCP conversation flows.\nTwo variants:\n- `variant=\"code\"` (default): language badge + optional filename header.\n- `variant=\"chat\"`: traffic-light dots + title header.",
-    "summary": "",
-    "attributes": [
-      {
-        "name": "variant",
-        "type": {
-          "text": "'code'|'chat'"
-        },
-        "description": "Window style variant"
-      },
-      {
-        "name": "lang",
-        "type": {
-          "text": "string"
-        },
-        "description": "Language badge label (variant=\"code\" only)"
-      },
-      {
-        "name": "filename",
-        "type": {
-          "text": "string"
-        },
-        "description": "Filename shown next to the badge (variant=\"code\" only)"
-      },
-      {
-        "name": "title",
-        "type": {
-          "text": "string"
-        },
-        "description": "Label beside the dots (variant=\"chat\" only)"
-      }
-    ],
-    "slots": [
-      {
-        "name": "",
-        "description": "Main body content (code, conversation turns, or any markup)"
-      },
-      {
-        "name": "header-end",
-        "description": "Optional content appended to the trailing edge of the header"
-      }
-    ],
-    "cssParts": [
-      {
-        "name": "window",
-        "description": "The root window element"
-      },
-      {
-        "name": "header",
-        "description": "The header bar"
-      },
-      {
-        "name": "lang",
-        "description": "The language badge (`variant=\"code\"`)"
-      },
-      {
-        "name": "filename",
-        "description": "The filename label (`variant=\"code\"`)"
-      },
-      {
-        "name": "dots",
-        "description": "The traffic-light dot container (`variant=\"chat\"`)"
-      },
-      {
-        "name": "title",
-        "description": "The title label (`variant=\"chat\"`)"
-      },
-      {
-        "name": "body",
-        "description": "The body container wrapping the default slot"
-      }
-    ],
-    "cssProperties": [
-      {
-        "name": "--code-window-bg",
-        "description": "Window background color"
-      },
-      {
-        "name": "--code-window-header-bg",
-        "description": "Header background color"
-      },
-      {
-        "name": "--code-window-border-color",
-        "description": "Border color"
-      },
-      {
-        "name": "--code-window-radius",
-        "description": "Border radius"
-      },
-      {
-        "name": "--code-window-shadow",
-        "description": "Box shadow"
-      },
-      {
-        "name": "--code-window-body-padding",
-        "description": "Body slot padding"
-      }
-    ],
-    "demos": [
-      {
-        "url": "",
-        "description": "```html\n<ore-code-window lang=\"ts\" filename=\"app.ts\">\n  <pre>const x = 1;</pre>\n</ore-code-window>\n<ore-code-window variant=\"chat\" title=\"MCP tool call\">\n  <!-- conversation turns go here -->\n</ore-code-window>\n```"
-      }
-    ]
-  },
-  {
-    "kind": "variable",
-    "name": "COPY_COMMAND_TAG",
-    "type": {
-      "text": "'ore-copy-command'"
-    },
-    "default": "'ore-copy-command'",
-    "description": "A styled, copy-to-clipboard command display component.\nShows a command string in a monospace code block with a copy button.\nClicking the component copies the value to the clipboard, shows a transient\ncheck-mark confirmation, and emits a `copy` event."
-  },
-  {
-    "kind": "class",
-    "name": "OreCopyCommandElement",
-    "tagName": "ore-copy-command",
-    "customElement": true,
-    "description": "A styled, copy-to-clipboard command display component.\nShows a command string in a monospace code block with a copy button.\nClicking the component copies the value to the clipboard, shows a transient\ncheck-mark confirmation, and emits a `copy` event.",
-    "summary": "",
-    "attributes": [
-      {
-        "name": "value",
-        "type": {
-          "text": "string"
-        },
-        "description": "The command string to display and copy"
+        "description": "The command string to display and copy"
       },
       {
         "name": "size",
@@ -5071,192 +4469,794 @@
         "description": "Generated native `<tfoot>` section"
       },
       {
-        "name": "cell",
-        "description": "Every native `<td>` in `<tbody>` rows"
+        "name": "cell",
+        "description": "Every native `<td>` in `<tbody>` rows"
+      },
+      {
+        "name": "header-cell",
+        "description": "Every native `<th>` / `<td>` in `<thead>` and `<tfoot>` rows"
+      }
+    ],
+    "cssProperties": [
+      {
+        "name": "--table-bg",
+        "description": "Table background color"
+      },
+      {
+        "name": "--table-border-color",
+        "description": "Cell separator and outer border color"
+      },
+      {
+        "name": "--table-radius",
+        "description": "Corner radius of the table container"
+      },
+      {
+        "name": "--table-shadow",
+        "description": "Box shadow of the table container"
+      },
+      {
+        "name": "--table-header-bg",
+        "description": "Background of header and footer rows"
+      },
+      {
+        "name": "--table-accent",
+        "description": "Accent color for interactive states"
+      },
+      {
+        "name": "--table-row-hover-bg",
+        "description": "Row hover background"
+      },
+      {
+        "name": "--table-stripe-bg",
+        "description": "Even-row stripe background"
+      },
+      {
+        "name": "--table-cell-padding-x",
+        "description": "Cell horizontal padding"
+      },
+      {
+        "name": "--table-cell-padding-y",
+        "description": "Cell vertical padding"
+      },
+      {
+        "name": "--table-font-size",
+        "description": "Base font size for cells"
+      },
+      {
+        "name": "--table-sticky-max-height",
+        "description": "Max height of the sticky scroll container"
+      },
+      {
+        "name": "--table-sticky-header-bg",
+        "description": "Background of sticky header cells"
+      },
+      {
+        "name": "--table-sticky-blur",
+        "description": "Backdrop blur applied to sticky headers"
+      }
+    ],
+    "demos": [
+      {
+        "url": "",
+        "description": "```html\n<ore-table caption=\"Top repositories\" striped bordered sticky>\n  <ore-tr head>\n    <ore-th>Repository</ore-th>\n    <ore-th>Stars</ore-th>\n  </ore-tr>\n  <ore-tr>\n    <ore-td>vielzeug/refine</ore-td>\n    <ore-td>1 200</ore-td>\n  </ore-tr>\n</ore-table>\n```"
+      }
+    ]
+  },
+  {
+    "kind": "variable",
+    "name": "TEXT_TAG",
+    "type": {
+      "text": "'ore-text'"
+    },
+    "default": "'ore-text'",
+    "description": "A typography component with semantic variants and responsive sizing."
+  },
+  {
+    "kind": "class",
+    "name": "OreTextElement",
+    "tagName": "ore-text",
+    "customElement": true,
+    "description": "A typography component with semantic variants and responsive sizing.",
+    "summary": "",
+    "attributes": [
+      {
+        "name": "variant",
+        "type": {
+          "text": "'body' | 'heading' | 'label' | 'caption' | 'overline' | 'code'"
+        },
+        "description": "Text variant: 'body' | 'heading' | 'label' | 'caption' | 'overline' | 'code'"
+      },
+      {
+        "name": "size",
+        "type": {
+          "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'"
+        },
+        "description": "Font size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'. Maps to --text-* tokens for body variants and --heading-* tokens for the heading variant."
+      },
+      {
+        "name": "weight",
+        "type": {
+          "text": "'normal' | 'medium' | 'semibold' | 'bold'"
+        },
+        "description": "Font weight: 'normal' | 'medium' | 'semibold' | 'bold'"
+      },
+      {
+        "name": "color",
+        "type": {
+          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'heading' | 'body' | 'muted' | 'tertiary' | 'disabled' | 'contrast'"
+        },
+        "description": "Text color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'heading' | 'body' | 'muted' | 'tertiary' | 'disabled' | 'contrast'"
+      },
+      {
+        "name": "align",
+        "type": {
+          "text": "'left' | 'center' | 'right' | 'justify'"
+        },
+        "description": "Text alignment: 'left' | 'center' | 'right' | 'justify'"
+      },
+      {
+        "name": "truncate",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Truncate text with ellipsis when it overflows (single-line)"
+      },
+      {
+        "name": "lines",
+        "type": {
+          "text": "number"
+        },
+        "description": "Clamp to N lines with ellipsis (multi-line truncation)"
+      },
+      {
+        "name": "italic",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Italic text style"
+      },
+      {
+        "name": "as",
+        "type": {
+          "text": "'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'code'"
+        },
+        "description": "Semantic HTML element: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'code'"
+      }
+    ],
+    "slots": [
+      {
+        "name": "",
+        "description": "Text content"
+      }
+    ],
+    "cssProperties": [
+      {
+        "name": "--text-size",
+        "description": "Font size"
+      },
+      {
+        "name": "--text-weight",
+        "description": "Font weight"
+      },
+      {
+        "name": "--text-color",
+        "description": "Text color"
+      },
+      {
+        "name": "--text-line-height",
+        "description": "Line height"
+      },
+      {
+        "name": "--text-letter-spacing",
+        "description": "Letter spacing"
+      }
+    ],
+    "demos": [
+      {
+        "url": "",
+        "description": "```html\n<ore-text variant=\"heading\" size=\"2xl\" weight=\"bold\">Welcome</ore-text>\n<ore-text as=\"h2\" variant=\"heading\" size=\"xl\">Section title</ore-text>\n<ore-text color=\"primary\" weight=\"semibold\">Important notice</ore-text>\n<ore-text variant=\"code\">npm install</ore-text>\n<ore-text lines=\"2\">Long paragraph that clamps at two lines…</ore-text>\n```"
+      }
+    ]
+  },
+  {
+    "kind": "variable",
+    "name": "ACCORDION_CTX",
+    "description": "Injection key for the accordion context."
+  },
+  {
+    "kind": "variable",
+    "name": "ACCORDION_TAG",
+    "type": {
+      "text": "'ore-accordion'"
+    },
+    "default": "'ore-accordion'",
+    "description": "A container for accordion items with single or multiple selection modes."
+  },
+  {
+    "kind": "class",
+    "name": "OreAccordionElement",
+    "tagName": "ore-accordion",
+    "customElement": true,
+    "description": "A container for accordion items with single or multiple selection modes.",
+    "summary": "",
+    "attributes": [
+      {
+        "name": "selection-mode",
+        "type": {
+          "text": "'single' | 'multiple'"
+        },
+        "description": "Selection mode: 'single' | 'multiple'"
+      },
+      {
+        "name": "size",
+        "type": {
+          "text": "'sm' | 'md' | 'lg'"
+        },
+        "description": "Size for all items: 'sm' | 'md' | 'lg' (propagated to children)"
+      },
+      {
+        "name": "variant",
+        "type": {
+          "text": "'solid' | 'flat' | 'bordered' | 'text' | 'frost'"
+        },
+        "description": "Visual variant: 'solid' | 'flat' | 'bordered' | 'text' | 'frost' (propagated to children)"
+      }
+    ],
+    "events": [
+      {
+        "name": "expand",
+        "description": "Emitted when an item expands. detail: { expanded: boolean; item: HTMLElement }",
+        "type": {
+          "text": "CustomEvent"
+        }
+      },
+      {
+        "name": "change",
+        "description": "Emitted when selection changes (single mode). detail: { expandedItem: HTMLElement }",
+        "type": {
+          "text": "CustomEvent"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "",
+        "description": "`ore-accordion-item` elements"
+      }
+    ],
+    "cssProperties": [
+      {
+        "name": "--accordion-bg",
+        "description": "Container background color (solid/flat/frost variants)"
+      },
+      {
+        "name": "--accordion-border-color",
+        "description": "Container border color (solid/flat variants)"
+      },
+      {
+        "name": "--accordion-divider-color",
+        "description": "Divider color between items (text variant)"
+      },
+      {
+        "name": "--accordion-shadow",
+        "description": "Container box shadow"
+      }
+    ],
+    "demos": [
+      {
+        "url": "",
+        "description": "```html\n<ore-accordion selection-mode=\"single\">\n  <ore-accordion-item>\n    <span slot=\"title\">What is Refine?</span>\n    <p>Refine is a headless web component library.</p>\n  </ore-accordion-item>\n  <ore-accordion-item>\n    <span slot=\"title\">How do I install it?</span>\n    <p>Run <code>npm install @vielzeug/refine</code>.</p>\n  </ore-accordion-item>\n</ore-accordion>\n<ore-accordion variant=\"bordered\" selection-mode=\"multiple\">\n  <ore-accordion-item expanded><span slot=\"title\">Open by default</span><p>Content</p></ore-accordion-item>\n</ore-accordion>\n```"
+      }
+    ]
+  },
+  {
+    "kind": "variable",
+    "name": "ACCORDION_ITEM_TAG",
+    "type": {
+      "text": "'ore-accordion-item'"
+    },
+    "default": "'ore-accordion-item'",
+    "description": "An individual accordion item with expand/collapse functionality using native details/summary."
+  },
+  {
+    "kind": "class",
+    "name": "OreAccordionItemElement",
+    "tagName": "ore-accordion-item",
+    "customElement": true,
+    "description": "An individual accordion item with expand/collapse functionality using native details/summary.",
+    "summary": "",
+    "attributes": [
+      {
+        "name": "expanded",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Whether the item is expanded/open"
+      },
+      {
+        "name": "disabled",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Disable accordion item interaction"
+      },
+      {
+        "name": "size",
+        "type": {
+          "text": "'sm' | 'md' | 'lg'"
+        },
+        "description": "Item size: 'sm' | 'md' | 'lg'"
+      },
+      {
+        "name": "variant",
+        "type": {
+          "text": "'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text' | 'frost'"
+        },
+        "description": "Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text' | 'frost'"
+      }
+    ],
+    "events": [
+      {
+        "name": "expand",
+        "description": "Emitted when item expands. detail: { expanded: boolean; item: HTMLElement }",
+        "type": {
+          "text": "CustomEvent"
+        }
+      },
+      {
+        "name": "collapse",
+        "description": "Emitted when item collapses. detail: { expanded: boolean; item: HTMLElement }",
+        "type": {
+          "text": "CustomEvent"
+        }
+      }
+    ],
+    "slots": [
+      {
+        "name": "prefix",
+        "description": "Content before the title (e.g., icons)"
+      },
+      {
+        "name": "title",
+        "description": "Main accordion item title"
+      },
+      {
+        "name": "subtitle",
+        "description": "Optional subtitle text"
+      },
+      {
+        "name": "suffix",
+        "description": "Content after the title (e.g., badges)"
+      },
+      {
+        "name": "",
+        "description": "Accordion item content (shown when expanded)"
+      }
+    ],
+    "cssParts": [
+      {
+        "name": "item",
+        "description": "Item root element."
+      },
+      {
+        "name": "summary",
+        "description": "Summary trigger row."
+      },
+      {
+        "name": "header",
+        "description": "Header container."
+      },
+      {
+        "name": "title",
+        "description": "Title text element."
+      },
+      {
+        "name": "subtitle",
+        "description": "Subtitle text element."
+      },
+      {
+        "name": "content",
+        "description": "Content container."
+      }
+    ],
+    "cssProperties": [
+      {
+        "name": "--accordion-item-bg",
+        "description": "Background color"
+      },
+      {
+        "name": "--accordion-item-hover-bg",
+        "description": "Background color on hover"
+      },
+      {
+        "name": "--accordion-item-border-color",
+        "description": "Border color"
+      },
+      {
+        "name": "--accordion-item-title-color",
+        "description": "Title text color"
+      },
+      {
+        "name": "--accordion-item-subtitle-color",
+        "description": "Subtitle text color"
+      },
+      {
+        "name": "--accordion-item-body-color",
+        "description": "Body text color"
+      },
+      {
+        "name": "--accordion-item-radius",
+        "description": "Border radius"
+      },
+      {
+        "name": "--accordion-item-transition",
+        "description": "Transition duration"
+      },
+      {
+        "name": "--accordion-item-title",
+        "description": "Title font size"
+      },
+      {
+        "name": "--accordion-item-subtitle-size",
+        "description": "Subtitle font size"
+      },
+      {
+        "name": "--accordion-item-body",
+        "description": "Body font size"
+      },
+      {
+        "name": "--accordion-item-details-padding",
+        "description": "Summary/header padding"
+      },
+      {
+        "name": "--accordion-item-summary-padding",
+        "description": "Content padding"
+      },
+      {
+        "name": "--accordion-item-row-duration",
+        "description": "Expand/collapse row transition duration (default 200ms)"
+      },
+      {
+        "name": "--accordion-item-fade-duration",
+        "description": "Content fade duration (default 200ms)"
+      },
+      {
+        "name": "--accordion-item-fade-delay",
+        "description": "Content fade delay after the row starts (default 60ms)"
+      },
+      {
+        "name": "--accordion-item-collapse-delay",
+        "description": "Delay before the row collapses after the close fade (default 120ms)"
+      }
+    ],
+    "demos": [
+      {
+        "url": "",
+        "description": "```html\n<ore-accordion-item><span slot=\"title\">Click to expand</span><p>Content</p></ore-accordion-item>\n<ore-accordion-item expanded variant=\"bordered\"><span slot=\"title\">Title</span><p>Content</p></ore-accordion-item>\n```"
+      }
+    ]
+  },
+  {
+    "kind": "variable",
+    "name": "TAB_ITEM_TAG",
+    "type": {
+      "text": "'ore-tab-item'"
+    },
+    "default": "'ore-tab-item'",
+    "description": "Individual tab trigger. Must be placed in the `tabs` slot of `ore-tabs`."
+  },
+  {
+    "kind": "class",
+    "name": "OreTabItemElement",
+    "tagName": "ore-tab-item",
+    "customElement": true,
+    "description": "Individual tab trigger. Must be placed in the `tabs` slot of `ore-tabs`.",
+    "summary": "",
+    "attributes": [
+      {
+        "name": "value",
+        "type": {
+          "text": "string"
+        },
+        "description": "Unique identifier, matches the corresponding ore-tab-panel value"
+      },
+      {
+        "name": "active",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Set by the parent ore-tabs when this tab is selected"
+      },
+      {
+        "name": "disabled",
+        "type": {
+          "text": "boolean"
+        },
+        "description": "Prevents selection"
+      },
+      {
+        "name": "density",
+        "type": {
+          "text": "'default' | 'compact'"
+        },
+        "description": "Inherited spatial density: 'default' | 'compact'"
+      },
+      {
+        "name": "size",
+        "type": {
+          "text": "'sm' | 'md' | 'lg'"
+        },
+        "description": "'sm' | 'md' | 'lg'"
+      },
+      {
+        "name": "variant",
+        "type": {
+          "text": "'solid' | 'flat' | 'bordered' | 'ghost' | 'frost'"
+        },
+        "description": "Inherited from ore-tabs: 'solid' | 'flat' | 'bordered' | 'ghost' | 'frost'"
       },
       {
-        "name": "header-cell",
-        "description": "Every native `<th>` / `<td>` in `<thead>` and `<tfoot>` rows"
+        "name": "color",
+        "type": {
+          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+        },
+        "description": "Inherited from ore-tabs: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
       }
     ],
-    "cssProperties": [
-      {
-        "name": "--table-bg",
-        "description": "Table background color"
-      },
+    "slots": [
       {
-        "name": "--table-border-color",
-        "description": "Cell separator and outer border color"
+        "name": "prefix",
+        "description": "Icon or content before the label"
       },
       {
-        "name": "--table-radius",
-        "description": "Corner radius of the table container"
+        "name": "",
+        "description": "Tab label"
       },
       {
-        "name": "--table-shadow",
-        "description": "Box shadow of the table container"
-      },
+        "name": "suffix",
+        "description": "Badge or count after the label"
+      }
+    ],
+    "cssParts": [
       {
-        "name": "--table-header-bg",
-        "description": "Background of header and footer rows"
-      },
+        "name": "tab",
+        "description": "Tab trigger element."
+      }
+    ],
+    "cssProperties": [
       {
-        "name": "--table-accent",
-        "description": "Accent color for interactive states"
+        "name": "--tab-item-radius",
+        "description": "Button border radius"
       },
       {
-        "name": "--table-row-hover-bg",
-        "description": "Row hover background"
+        "name": "--tab-item-transition",
+        "description": "Transition duration/easing"
       },
       {
-        "name": "--table-stripe-bg",
-        "description": "Even-row stripe background"
+        "name": "--tab-item-padding",
+        "description": "Button padding"
       },
       {
-        "name": "--table-cell-padding-x",
-        "description": "Cell horizontal padding"
+        "name": "--tab-item-font-size",
+        "description": "Button font size"
       },
       {
-        "name": "--table-cell-padding-y",
-        "description": "Cell vertical padding"
+        "name": "--tab-item-color",
+        "description": "Default text color"
       },
       {
-        "name": "--table-font-size",
-        "description": "Base font size for cells"
+        "name": "--tab-item-hover-bg",
+        "description": "Background on hover"
       },
       {
-        "name": "--table-sticky-max-height",
-        "description": "Max height of the sticky scroll container"
+        "name": "--tab-item-active-bg",
+        "description": "Background when active/selected"
       },
       {
-        "name": "--table-sticky-header-bg",
-        "description": "Background of sticky header cells"
+        "name": "--tab-item-active-color",
+        "description": "Text color when active/selected"
       },
       {
-        "name": "--table-sticky-blur",
-        "description": "Backdrop blur applied to sticky headers"
+        "name": "--tab-item-active-shadow",
+        "description": "Box shadow when active/selected"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-table caption=\"Top repositories\" striped bordered sticky>\n  <ore-tr head>\n    <ore-th>Repository</ore-th>\n    <ore-th>Stars</ore-th>\n  </ore-tr>\n  <ore-tr>\n    <ore-td>vielzeug/refine</ore-td>\n    <ore-td>1 200</ore-td>\n  </ore-tr>\n</ore-table>\n```"
+        "description": "```html\n<ore-tab-item slot=\"tabs\" value=\"overview\">Overview</ore-tab-item>\n<ore-tab-item slot=\"tabs\" value=\"settings\" disabled>Settings</ore-tab-item>\n```"
       }
     ]
   },
   {
     "kind": "variable",
-    "name": "TEXT_TAG",
+    "name": "TAB_PANEL_TAG",
     "type": {
-      "text": "'ore-text'"
+      "text": "'ore-tab-panel'"
     },
-    "default": "'ore-text'",
-    "description": "A typography component with semantic variants and responsive sizing."
+    "default": "'ore-tab-panel'",
+    "description": "Content panel for a tab. Shown when its `value` matches the selected tab."
   },
   {
     "kind": "class",
-    "name": "OreTextElement",
-    "tagName": "ore-text",
+    "name": "OreTabPanelElement",
+    "tagName": "ore-tab-panel",
     "customElement": true,
-    "description": "A typography component with semantic variants and responsive sizing.",
+    "description": "Content panel for a tab. Shown when its `value` matches the selected tab.",
     "summary": "",
     "attributes": [
       {
-        "name": "variant",
+        "name": "value",
         "type": {
-          "text": "'body' | 'heading' | 'label' | 'caption' | 'overline' | 'code'"
+          "text": "string"
         },
-        "description": "Text variant: 'body' | 'heading' | 'label' | 'caption' | 'overline' | 'code'"
+        "description": "Must match the corresponding ore-tab-item value"
       },
       {
-        "name": "size",
+        "name": "active",
         "type": {
-          "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'"
+          "text": "boolean"
         },
-        "description": "Font size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'. Maps to --text-* tokens for body variants and --heading-* tokens for the heading variant."
+        "description": "Toggled by the parent ore-tabs"
       },
       {
-        "name": "weight",
+        "name": "padding",
         "type": {
-          "text": "'normal' | 'medium' | 'semibold' | 'bold'"
+          "text": "'none' | 'xs' | 'sm' | 'md'"
         },
-        "description": "Font weight: 'normal' | 'medium' | 'semibold' | 'bold'"
+        "description": "Panel padding: 'none' | 'xs' | 'sm' | 'md' (default) | 'lg' | 'xl' | '2xl'"
+      }
+    ],
+    "slots": [
+      {
+        "name": "",
+        "description": "Panel content"
+      }
+    ],
+    "cssParts": [
+      {
+        "name": "panel",
+        "description": "Panel container."
+      }
+    ],
+    "cssProperties": [
+      {
+        "name": "--tab-panel-padding",
+        "description": "Inner padding of the panel content area"
       },
       {
-        "name": "color",
+        "name": "--tab-panel-font-size",
+        "description": "Font size of the panel content"
+      }
+    ],
+    "demos": [
+      {
+        "url": "",
+        "description": "```html\n<ore-tab-panel value=\"overview\"><p>Overview content here</p></ore-tab-panel>\n<ore-tab-panel value=\"settings\" padding=\"lg\"><p>Large padding</p></ore-tab-panel>\n<ore-tab-panel value=\"code\" padding=\"none\"><pre>No padding for code</pre></ore-tab-panel>\n```"
+      }
+    ]
+  },
+  {
+    "kind": "variable",
+    "name": "TABS_CTX",
+    "description": "Injection key for the tabs context."
+  },
+  {
+    "kind": "variable",
+    "name": "TABS_TAG",
+    "type": {
+      "text": "'ore-tabs'"
+    },
+    "default": "'ore-tabs'",
+    "description": "Tabs container. Manages tab selection and syncs state to child tab items and panels."
+  },
+  {
+    "kind": "class",
+    "name": "OreTabsElement",
+    "tagName": "ore-tabs",
+    "customElement": true,
+    "description": "Tabs container. Manages tab selection and syncs state to child tab items and panels.",
+    "summary": "",
+    "attributes": [
+      {
+        "name": "value",
         "type": {
-          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'heading' | 'body' | 'muted' | 'tertiary' | 'disabled' | 'contrast'"
+          "text": "string"
         },
-        "description": "Text color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'heading' | 'body' | 'muted' | 'tertiary' | 'disabled' | 'contrast'"
+        "description": "The value of the currently selected tab"
       },
       {
-        "name": "align",
+        "name": "variant",
         "type": {
-          "text": "'left' | 'center' | 'right' | 'justify'"
+          "text": "'solid' | 'flat' | 'bordered' | 'ghost' | 'frost'"
         },
-        "description": "Text alignment: 'left' | 'center' | 'right' | 'justify'"
+        "description": "Visual variant: 'solid' | 'flat' | 'bordered' | 'ghost' | 'frost'"
       },
       {
-        "name": "truncate",
+        "name": "size",
         "type": {
-          "text": "boolean"
+          "text": "'sm' | 'md' | 'lg'"
         },
-        "description": "Truncate text with ellipsis when it overflows (single-line)"
+        "description": "Size: 'sm' | 'md' | 'lg'"
       },
       {
-        "name": "lines",
+        "name": "density",
         "type": {
-          "text": "number"
+          "text": "'default' | 'compact'"
         },
-        "description": "Clamp to N lines with ellipsis (multi-line truncation)"
+        "description": "Spatial density: 'default' | 'compact'"
       },
       {
-        "name": "italic",
+        "name": "color",
         "type": {
-          "text": "boolean"
+          "text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
         },
-        "description": "Italic text style"
-      },
+        "description": "Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'"
+      }
+    ],
+    "events": [
       {
-        "name": "as",
+        "name": "change",
+        "description": "Emitted when the active tab changes with detail: { value: string }",
         "type": {
-          "text": "'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'code'"
-        },
-        "description": "Semantic HTML element: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'code'"
+          "text": "CustomEvent"
+        }
       }
     ],
     "slots": [
+      {
+        "name": "tabs",
+        "description": "Place `ore-tab-item` elements here"
+      },
       {
         "name": "",
-        "description": "Text content"
+        "description": "Place `ore-tab-panel` elements here"
+      }
+    ],
+    "cssParts": [
+      {
+        "name": "tablist",
+        "description": "Container that holds the slotted tab items"
+      },
+      {
+        "name": "indicator",
+        "description": "Active tab indicator element"
+      },
+      {
+        "name": "panels",
+        "description": "Container that holds tab panel content"
       }
     ],
     "cssProperties": [
       {
-        "name": "--text-size",
-        "description": "Font size"
+        "name": "--tabs-radius",
+        "description": "Border radius of the tablist container and panels"
       },
       {
-        "name": "--text-weight",
-        "description": "Font weight"
+        "name": "--tabs-transition",
+        "description": "Transition duration/easing for the active indicator"
       },
       {
-        "name": "--text-color",
-        "description": "Text color"
+        "name": "--tabs-indicator-color",
+        "description": "Color of the sliding active indicator line"
       },
       {
-        "name": "--text-line-height",
-        "description": "Line height"
+        "name": "--tabs-bg",
+        "description": "Background of the host element (flat variant)"
       },
       {
-        "name": "--text-letter-spacing",
-        "description": "Letter spacing"
+        "name": "--tabs-tablist-bg",
+        "description": "Tablist container background (solid/frost variants)"
+      },
+      {
+        "name": "--tabs-tablist-border-color",
+        "description": "Tablist container border color"
       }
     ],
     "demos": [
       {
         "url": "",
-        "description": "```html\n<ore-text variant=\"heading\" size=\"2xl\" weight=\"bold\">Welcome</ore-text>\n<ore-text as=\"h2\" variant=\"heading\" size=\"xl\">Section title</ore-text>\n<ore-text color=\"primary\" weight=\"semibold\">Important notice</ore-text>\n<ore-text variant=\"code\">npm install</ore-text>\n<ore-text lines=\"2\">Long paragraph that clamps at two lines…</ore-text>\n```"
+        "description": "```html\n<ore-tabs value=\"tab1\" variant=\"bordered\">\n  <ore-tab-item slot=\"tabs\" value=\"tab1\">Overview</ore-tab-item>\n  <ore-tab-item slot=\"tabs\" value=\"tab2\">Settings</ore-tab-item>\n  <ore-tab-panel value=\"tab1\"><p>Overview content</p></ore-tab-panel>\n  <ore-tab-panel value=\"tab2\"><p>Settings content</p></ore-tab-panel>\n</ore-tabs>\n```"
       }
     ]
   },