@adia-ai/web-components 0.0.28 → 0.0.33

package/components/index.js

@@ -9,90 +9,93 @@
    list-ui). See packages/web-components/core/data-stream.js. */
 import '../core/data-stream.js';
 
-export { AdiaIcon } from './icon/icon.js';
-export { AdiaButton } from './button/button.js';
-export { AdiaInput } from './input/input.js';
-export { AdiaTextarea } from './textarea/textarea.js';
-export { AdiaCheck } from './check/check.js';
-export { AdiaRadio } from './radio/radio.js';
-export { AdiaOptionCard } from './option-card/option-card.js';
-export { AdiaSwitch } from './switch/switch.js';
-export { AdiaSlider } from './slider/slider.js';
-export { AdiaSelect } from './select/select.js';
-export { AdiaSegment } from './segment/segment.js';
-export { AdiaSegmented } from './segmented/segmented.js';
-export { AdiaRange } from './range/range.js';
-export { AdiaTree, AdiaTreeItem } from './tree/tree.js';
-export { AdiaPane } from './pane/pane.js';
-export { AdiaPage } from './page/page.js';
-export { AdiaChatInput } from './chat/chat-input.js';
-export { AdiaChat } from './chat/chat.js';
-export { AdiaDrawer } from './drawer/drawer.js';
-export { AdiaModal } from './modal/modal.js';
-export { AdiaToast } from './toast/toast.js';
-export { AdiaFeedContainer, AdiaFeedItem, AdiaFeed } from './feed/feed.js';
-export { AdiaTabs } from './tabs/tabs.js';
-export { AdiaTab } from './tabs/tab.js';
-export { AdiaTooltip } from './tooltip/tooltip.js';
-export { AdiaBadge } from './badge/badge.js';
-export { AdiaBreadcrumb } from './breadcrumb/breadcrumb.js';
-export { AdiaCommand } from './command/command.js';
-export { AdiaColorPicker } from './color-picker/color-picker.js';
-export { AdiaNoodles } from './noodles/noodles.js';
-export { AdiaTable } from './table/table.js';
-export { AdiaTableToolbar } from './table-toolbar/table-toolbar.js';
-export { AdiaTimeline, AdiaTimelineItem } from './timeline/timeline.js';
-export { AdiaStepper, AdiaStepperItem } from './stepper/stepper.js';
-export { AdiaSwiper } from './swiper/swiper.js';
-export { AdiaUpload } from './upload/upload.js';
-export { AdiaCard } from './card/card.js';
-export { AdiaAvatar, AdiaAvatarGroup } from './avatar/avatar.js';
-export { AdiaProgress } from './progress/progress.js';
-export { AdiaSkeleton } from './skeleton/skeleton.js';
-export { AdiaAlert } from './alert/alert.js';
-export { AdiaKbd } from './kbd/kbd.js';
-export { AdiaTag } from './tag/tag.js';
-export { AdiaSwatch } from './swatch/swatch.js';
-export { AdiaCol }   from './col/col.js';
-export { AdiaField } from './field/field.js';
-export { AdiaRow }   from './row/row.js';
-export { AdiaGrid }  from './grid/grid.js';
-export { AdiaStack } from './stack/stack.js';
-export { AdiaChart } from './chart/chart.js';
-export { AdiaChartLegend } from './chart-legend/chart-legend.js';
-export { AdiaPopover } from './popover/popover.js';
-export { AdiaAccordion, AdiaAccordionItem } from './accordion/accordion.js';
-export { AdiaDivider } from './divider/divider.js';
-export { AdiaPagination } from './pagination/pagination.js';
-export { AdiaCode } from './code/code.js';
-export { AdiaList, AdiaListItem } from './list/list.js';
-export { AdiaMenu, AdiaMenuItem, AdiaMenuDivider } from './menu/menu.js';
-export { AdiaToolbar, AdiaToolbarGroup } from './toolbar/toolbar.js';
-export { AdiaOtpInput } from './otp-input/otp-input.js';
-export { AdiaImage } from './image/image.js';
-export { AdiaSearch } from './search/search.js';
-export { AdiaStat } from './stat/stat.js';
-export { AdiaProgressRow } from './progress-row/progress-row.js';
-export { AdiaActionList, AdiaActionItem } from './action-list/action-list.js';
-export { AdiaEmptyState } from './empty-state/empty-state.js';
-export { AdiaCalendarPicker } from './calendar-picker/calendar-picker.js';
-export { AdiaEmbed } from './embed/embed.js';
-export { AdiaBlock } from './block/block.js';
-export { AdiaText } from './text/text.js';
-export { AdiaToggleGroup, AdiaToggleOption } from './toggle-group/toggle-group.js';
-export { AdiaRichText } from './richtext/richtext.js';
-export { AdiaStream } from './stream/stream.js';
-export { AdiaCanvas } from './canvas/canvas.js';
-export { AdiaInspector } from './inspector/inspector.js';
-export { AdiaPipelineStatus } from './pipeline-status/pipeline-status.js';
-export { AdiaRating } from './rating/rating.js';
-export { AdiaDescriptionList } from './description-list/description-list.js';
-export { AdiaHeatmap } from './heatmap/heatmap.js';
+export { UIIcon } from './icon/icon.js';
+export { UIButton } from './button/button.js';
+export { UIInput } from './input/input.js';
+export { UITextarea } from './textarea/textarea.js';
+export { UICheck } from './check/check.js';
+export { UIRadio } from './radio/radio.js';
+export { UIOptionCard } from './option-card/option-card.js';
+export { UISwitch } from './switch/switch.js';
+export { UISlider } from './slider/slider.js';
+export { UISelect } from './select/select.js';
+export { UISegment } from './segment/segment.js';
+export { UISegmented } from './segmented/segmented.js';
+export { UIRange } from './range/range.js';
+export { UITree, UITreeItem } from './tree/tree.js';
+export { UIPane } from './pane/pane.js';
+export { UIPage } from './page/page.js';
+export { UIChatInput } from './chat-thread/chat-input.js';
+export { UIChatThread } from './chat-thread/chat-thread.js';
+export { UIDrawer } from './drawer/drawer.js';
+export { UIModal } from './modal/modal.js';
+export { UIToast } from './toast/toast.js';
+export { UIFeedContainer, UIFeedItem, UIFeed } from './feed/feed.js';
+export { UITabs } from './tabs/tabs.js';
+export { UITab } from './tabs/tab.js';
+export { UITooltip } from './tooltip/tooltip.js';
+export { UIBadge } from './badge/badge.js';
+export { UIBreadcrumb } from './breadcrumb/breadcrumb.js';
+export { UICommand } from './command/command.js';
+export { UIColorPicker } from './color-picker/color-picker.js';
+export { UINoodles } from './noodles/noodles.js';
+export { UITable } from './table/table.js';
+export { UITableToolbar } from './table-toolbar/table-toolbar.js';
+export { UITimeline, UITimelineItem } from './timeline/timeline.js';
+export { UIStepper, UIStepperItem } from './stepper/stepper.js';
+export { UISwiper } from './swiper/swiper.js';
+export { UIUpload } from './upload/upload.js';
+export { UICard } from './card/card.js';
+export { UIAvatar, UIAvatarGroup } from './avatar/avatar.js';
+export { UIProgress } from './progress/progress.js';
+export { UISkeleton } from './skeleton/skeleton.js';
+export { UIAlert } from './alert/alert.js';
+export { UIKbd } from './kbd/kbd.js';
+export { UITag } from './tag/tag.js';
+export { UISwatch } from './swatch/swatch.js';
+export { UICol }   from './col/col.js';
+export { UIField } from './field/field.js';
+export { UIRow }   from './row/row.js';
+export { UIGrid }  from './grid/grid.js';
+export { UIStack } from './stack/stack.js';
+export { UIChart } from './chart/chart.js';
+export { UIChartLegend } from './chart-legend/chart-legend.js';
+export { UIPopover } from './popover/popover.js';
+export { UIAccordion, UIAccordionItem } from './accordion/accordion.js';
+export { UIDivider } from './divider/divider.js';
+export { UIPagination } from './pagination/pagination.js';
+export { UICode } from './code/code.js';
+export { UIList, UIListItem } from './list/list.js';
+export { UIMenu, UIMenuItem, UIMenuDivider } from './menu/menu.js';
+export { UIToolbar, UIToolbarGroup } from './toolbar/toolbar.js';
+export { UINav } from './nav/nav.js';
+export { UINavGroup } from './nav-group/nav-group.js';
+export { UINavItem } from './nav-item/nav-item.js';
+export { UIOtpInput } from './otp-input/otp-input.js';
+export { UIImage } from './image/image.js';
+export { UISearch } from './search/search.js';
+export { UIStat } from './stat/stat.js';
+export { UIProgressRow } from './progress-row/progress-row.js';
+export { UIActionList, UIActionItem } from './action-list/action-list.js';
+export { UIEmptyState } from './empty-state/empty-state.js';
+export { UICalendarPicker } from './calendar-picker/calendar-picker.js';
+export { UIEmbed } from './embed/embed.js';
+export { UIBlock } from './block/block.js';
+export { UIText } from './text/text.js';
+export { UIToggleGroup, UIToggleOption } from './toggle-group/toggle-group.js';
+export { UIRichText } from './richtext/richtext.js';
+export { UIStream } from './stream/stream.js';
+export { UICanvas } from './canvas/canvas.js';
+export { UIInspector } from './inspector/inspector.js';
+export { UIPipelineStatus } from './pipeline-status/pipeline-status.js';
+export { UIRating } from './rating/rating.js';
+export { UIDescriptionList } from './description-list/description-list.js';
+export { UIHeatmap } from './heatmap/heatmap.js';
 
 // Agent-family: trailing artifacts and reasoning viewers for agent turns
-export { AdiaAgentReasoning } from './agent-reasoning/agent-reasoning.js';
-export { AdiaAgentTrace } from './agent-trace/agent-trace.js';
-export { AdiaAgentFeedbackBar } from './agent-feedback-bar/agent-feedback-bar.js';
-export { AdiaAgentSuggestions } from './agent-suggestions/agent-suggestions.js';
-export { AdiaAgentQuestions } from './agent-questions/agent-questions.js';
-export { AdiaAgentArtifact } from './agent-artifact/agent-artifact.js';
+export { UIAgentReasoning } from './agent-reasoning/agent-reasoning.js';
+export { UIAgentTrace } from './agent-trace/agent-trace.js';
+export { UIAgentFeedbackBar } from './agent-feedback-bar/agent-feedback-bar.js';
+export { UIAgentSuggestions } from './agent-suggestions/agent-suggestions.js';
+export { UIAgentQuestions } from './agent-questions/agent-questions.js';
+export { UIAgentArtifact } from './agent-artifact/agent-artifact.js';

package/components/input/input.a2ui.json

@@ -143,7 +143,7 @@
       "chip",
       "tag"
     ],
-    "name": "AdiaInput",
+    "name": "UIInput",
     "related": [
       "avatar",
       "button",

package/components/input/input.js

@@ -15,15 +15,15 @@
  * compositions, wrap with field-ui.
  */
 
-import { AdiaFormElement } from '../../core/form.js';
+import { UIFormElement } from '../../core/form.js';
 import { isIconName, whenIconRegistryReady } from '../../core/icons.js';
 
 const renderAffix = (v) => isIconName(v)
   ? `<icon-ui name="${v}"></icon-ui>`
   : v;
 
-class AdiaInput extends AdiaFormElement {
-  // Opt out of AdiaFormElement's per-control `label` deprecation warning.
+class UIInput extends UIFormElement {
+  // Opt out of UIFormElement's per-control `label` deprecation warning.
   // input-ui's `label` is a first-class API rendering an inline-leading
   // caption inside the chrome with `aria-labelledby` wiring on the
   // editable surface — not the inert above-the-field rendering that
@@ -31,7 +31,7 @@ class AdiaInput extends AdiaFormElement {
   static labelDeprecated = false;
 
   static properties = {
-    ...AdiaFormElement.properties,
+    ...UIFormElement.properties,
     placeholder: { type: String,  default: '', reflect: true },
     type:        { type: String,  default: 'text', reflect: true },
     label:       { type: String,  default: '', reflect: true },
@@ -56,7 +56,7 @@ class AdiaInput extends AdiaFormElement {
 
     if (!this.querySelector('[slot="text"]')) {
       const useNative = this.#isNativeInput;
-      const labelId = this.label ? `input-label-${++AdiaInput.#labelSeq}` : '';
+      const labelId = this.label ? `input-label-${++UIInput.#labelSeq}` : '';
       this.innerHTML = `
         <div slot="field">
           ${this.prefix ? `<span slot="prefix">${renderAffix(this.prefix)}</span>` : ''}
@@ -199,6 +199,6 @@ class AdiaInput extends AdiaFormElement {
     this.#labelEl = null;
   }
 }
-customElements.define('input-ui', AdiaInput);
+customElements.define('input-ui', UIInput);
 
-export { AdiaInput };
+export { UIInput };

package/components/input/input.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaInput
+name: UIInput
 tag: input-ui
 component: Input
 category: input

package/components/inspector/inspector.a2ui.json

@@ -40,7 +40,7 @@
     "keywords": [
       "inspector"
     ],
-    "name": "AdiaInspector",
+    "name": "UIInspector",
     "related": [],
     "slots": {
       "default": {

package/components/inspector/inspector.js

@@ -1,4 +1,4 @@
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 import { registry } from '@adia-ai/a2ui-utils';
 import '../tabs/tabs.js';
 import '../tabs/tab.js';
@@ -27,7 +27,7 @@ import '../code/code.js';
  *   value — active tab: 'catalog' | 'surface' | 'messages' | 'code'
  *           (default: 'surface')
  */
-class AdiaInspector extends AdiaElement {
+class UIInspector extends UIElement {
   static properties = {
     value: { type: String, default: 'surface', reflect: true },
   };
@@ -128,6 +128,6 @@ class AdiaInspector extends AdiaElement {
   }
 }
 
-customElements.define('inspector-ui', AdiaInspector);
+customElements.define('inspector-ui', UIInspector);
 
-export { AdiaInspector };
+export { UIInspector };

package/components/inspector/inspector.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaInspector
+name: UIInspector
 tag: inspector-ui
 component: Inspector
 category: agent

package/components/kbd/kbd.a2ui.json

@@ -49,7 +49,7 @@
       "keyboard",
       "keybinding"
     ],
-    "name": "AdiaKbd",
+    "name": "UIKbd",
     "related": [
       "grid"
     ],

package/components/kbd/kbd.js

@@ -6,9 +6,9 @@
  * Em-relative sizing so it scales with surrounding text.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaKbd extends AdiaElement {
+class UIKbd extends UIElement {
   static properties = {
     size: { type: String, default: '', reflect: true },
   };
@@ -19,6 +19,6 @@ class AdiaKbd extends AdiaElement {
     this.setAttribute('role', 'presentation');
   }
 }
-customElements.define('kbd-ui', AdiaKbd);
+customElements.define('kbd-ui', UIKbd);
 
-export { AdiaKbd };
+export { UIKbd };

package/components/kbd/kbd.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaKbd
+name: UIKbd
 tag: kbd-ui
 component: Kbd
 category: display

package/components/list/list.a2ui.json

@@ -65,7 +65,7 @@
       "pin",
       "star"
     ],
-    "name": "AdiaList",
+    "name": "UIList",
     "related": [],
     "slots": {},
     "states": [

package/components/list/list.js

@@ -19,9 +19,9 @@
  *   - Fires `selection-change` with { key, previousKey }.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaList extends AdiaElement {
+class UIList extends UIElement {
   static properties = {
     divider:     { type: Boolean, default: false, reflect: true },
     spacing:     { type: String,  default: 'md',  reflect: true },
@@ -135,9 +135,9 @@ class AdiaList extends AdiaElement {
     }
   };
 }
-customElements.define('list-ui', AdiaList);
+customElements.define('list-ui', UIList);
 
-class AdiaListItem extends AdiaElement {
+class UIListItem extends UIElement {
   static properties = {
     icon:        { type: String, default: '', reflect: true },
     text:        { type: String, default: '', reflect: true },
@@ -235,6 +235,6 @@ class AdiaListItem extends AdiaElement {
     }
   }
 }
-customElements.define('list-item-ui', AdiaListItem);
+customElements.define('list-item-ui', UIListItem);
 
-export { AdiaList, AdiaListItem };
+export { UIList, UIListItem };

package/components/list/list.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaList
+name: UIList
 tag: list-ui
 component: List
 category: layout

package/components/menu/menu.a2ui.json

@@ -67,7 +67,7 @@
       "context-menu",
       "right-click"
     ],
-    "name": "AdiaMenu",
+    "name": "UIMenu",
     "related": [],
     "slots": {
       "default": {

package/components/menu/menu.js

@@ -15,10 +15,10 @@
  *   • Roving focus + arrow/Home/End/Enter/Escape keyboard nav.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 import { anchorPopover } from '../../core/anchor.js';
 
-class AdiaMenu extends AdiaElement {
+class UIMenu extends UIElement {
   static properties = {
     open:      { type: Boolean, default: false, reflect: true },
     placement: { type: String,  default: 'bottom-start', reflect: true },
@@ -231,9 +231,9 @@ class AdiaMenu extends AdiaElement {
     this.#bound = false;
   }
 }
-customElements.define('menu-ui', AdiaMenu);
+customElements.define('menu-ui', UIMenu);
 
-class AdiaMenuItem extends AdiaElement {
+class UIMenuItem extends UIElement {
   static properties = {
     icon:     { type: String,  default: '', reflect: true },
     text:     { type: String,  default: '', reflect: true },
@@ -309,9 +309,9 @@ class AdiaMenuItem extends AdiaElement {
     this.#syncAria();
   }
 }
-customElements.define('menu-item-ui', AdiaMenuItem);
+customElements.define('menu-item-ui', UIMenuItem);
 
-class AdiaMenuDivider extends AdiaElement {
+class UIMenuDivider extends UIElement {
   static properties = {};
   static template = () => null;
 
@@ -319,6 +319,6 @@ class AdiaMenuDivider extends AdiaElement {
     this.setAttribute('role', 'separator');
   }
 }
-customElements.define('menu-divider-ui', AdiaMenuDivider);
+customElements.define('menu-divider-ui', UIMenuDivider);
 
-export { AdiaMenu, AdiaMenuItem, AdiaMenuDivider };
+export { UIMenu, UIMenuItem, UIMenuDivider };

package/components/menu/menu.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaMenu
+name: UIMenu
 tag: menu-ui
 component: Menu
 category: container

package/components/modal/modal.a2ui.json

@@ -65,7 +65,7 @@
     "keywords": [
       "modal"
     ],
-    "name": "AdiaModal",
+    "name": "UIModal",
     "related": [],
     "slots": {
       "default": {

package/components/modal/modal.js

@@ -29,9 +29,9 @@
  *   close — fired after the modal finishes closing
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaModal extends AdiaElement {
+class UIModal extends UIElement {
   #bound = false;
   #closing = false;
   #previousFocus = null;
@@ -216,6 +216,6 @@ class AdiaModal extends AdiaElement {
   show() { this.open = true; }
   hide() { this.open = false; }
 }
-customElements.define('modal-ui', AdiaModal);
+customElements.define('modal-ui', UIModal);
 
-export { AdiaModal };
+export { UIModal };

package/components/modal/modal.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaModal
+name: UIModal
 tag: modal-ui
 component: Modal
 category: container

package/components/nav/nav.a2ui.json

@@ -0,0 +1,98 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://adiaui.dev/a2ui/v0_9/components/Nav.json",
+  "title": "Nav",
+  "description": "Navigation rail. Consolidates the prior `app-nav-ui` + `section-nav-ui`\npair per ADR-0015 § Nav consolidation. [variant] drives visual\ntreatment; behavior is unified.\n\nDefault variant (\"primary\") is the app-sidebar nav: ResizeObserver\ncollapses to icon-only below 96px, groups open a popover when\ncollapsed. [variant=\"section\"] is a subnav rail with quieter chrome\nand a [heading] kicker rendered via CSS.\n",
+  "type": "object",
+  "allOf": [
+    {
+      "$ref": "common_types.json#/$defs/ComponentCommon"
+    },
+    {
+      "$ref": "common_types.json#/$defs/CatalogComponentCommon"
+    }
+  ],
+  "properties": {
+    "collapsed": {
+      "description": "Primary-variant only. Force icon-only collapse regardless of viewport width.",
+      "type": "boolean",
+      "default": false
+    },
+    "component": {
+      "const": "Nav"
+    },
+    "divider": {
+      "description": "Auto-place dividers between adjacent groups + items.",
+      "type": "boolean",
+      "default": false
+    },
+    "heading": {
+      "description": "Optional kicker label. Section variant renders it via ::before; primary uses it as aria-label only.",
+      "type": "string",
+      "default": ""
+    },
+    "variant": {
+      "description": "Visual treatment. primary = app sidebar; section = subnav rail.",
+      "type": "string",
+      "enum": [
+        "primary",
+        "section"
+      ],
+      "default": "primary"
+    }
+  },
+  "required": [
+    "component"
+  ],
+  "unevaluatedProperties": false,
+  "x-adiaui": {
+    "anti_patterns": [],
+    "category": "layout",
+    "events": {
+      "nav-select": {
+        "description": "Bubbles from <nav-item-ui> children when one is selected. Detail: { item, text, value }."
+      }
+    },
+    "examples": [
+      {
+        "description": "App sidebar nav with groups + items.",
+        "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Nav\",\n    \"children\": [\"g1\", \"i1\"]\n  },\n  {\n    \"id\": \"g1\",\n    \"component\": \"NavGroup\",\n    \"text\": \"Settings\",\n    \"icon\": \"gear\",\n    \"children\": [\"g1i1\"]\n  },\n  {\n    \"id\": \"g1i1\",\n    \"component\": \"NavItem\",\n    \"text\": \"General\",\n    \"value\": \"/settings/general\"\n  },\n  {\n    \"id\": \"i1\",\n    \"component\": \"NavItem\",\n    \"text\": \"Profile\",\n    \"icon\": \"user\",\n    \"value\": \"/profile\"\n  }\n]",
+        "name": "primary"
+      },
+      {
+        "description": "Subnav rail with heading.",
+        "a2ui": "[\n  {\n    \"id\": \"root\",\n    \"component\": \"Nav\",\n    \"variant\": \"section\",\n    \"heading\": \"On this page\",\n    \"children\": [\"i1\", \"i2\"]\n  },\n  {\n    \"id\": \"i1\",\n    \"component\": \"NavItem\",\n    \"text\": \"Overview\",\n    \"value\": \"#overview\"\n  },\n  {\n    \"id\": \"i2\",\n    \"component\": \"NavItem\",\n    \"text\": \"API\",\n    \"value\": \"#api\"\n  }\n]",
+        "name": "section"
+      }
+    ],
+    "keywords": [
+      "nav",
+      "navigation",
+      "sidebar",
+      "menu",
+      "links"
+    ],
+    "name": "UINav",
+    "related": [],
+    "slots": {
+      "default": {
+        "description": "Primary slot — accepts <nav-group-ui> + <nav-item-ui> children, plus <hr data-nav-divider> for hand-placed dividers."
+      }
+    },
+    "states": [
+      {
+        "description": "Default, not collapsed.",
+        "name": "idle"
+      },
+      {
+        "description": "Primary variant when [collapsed] or container width <= 96px.",
+        "name": "collapsed"
+      }
+    ],
+    "synonyms": {},
+    "tag": "nav-ui",
+    "tokens": {},
+    "traits": [],
+    "version": 1
+  }
+}