@aquera/nile-elements 2.0.9 → 2.0.11

package/vscode-html-custom-data.json

@@ -73,7 +73,7 @@
     },
     {
       "name": "nile-app-shell-nav-toggle",
-      "description": "Attributes:\n\n  * `with-rule` {`boolean`} - Draws the vertical rule the shell's own bar puts after the toggle.\n\n  * `shell` {`string | undefined`} - The shell to drive. Defaults to the nearest `nile-app-shell` ancestor, or\nthe element with this id.\n\nProperties:\n\n  * `withRule` {`boolean`} - Draws the vertical rule the shell's own bar puts after the toggle.\n\n  * `shell` {`string | undefined`} - The shell to drive. Defaults to the nearest `nile-app-shell` ancestor, or\nthe element with this id.\n\n  * `_rail` {`boolean`} - \n\n  * `_locked` {`boolean`} - \n\n  * `_observed` - \n\n  * `appShell` - The shell this toggle drives, if it found one.\n\n  * `_onShellToggle` - \n\n  * `_onClick` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Attributes:\n\n  * `with-rule` {`boolean`} - Draws the vertical rule the shell's own bar puts after the toggle.\n\n  * `shell` {`string | undefined`} - The shell to drive. Defaults to the nearest `nile-app-shell` ancestor, or the element with this id.\n\nProperties:\n\n  * `withRule` {`boolean`} - Draws the vertical rule the shell's own bar puts after the toggle.\n\n  * `shell` {`string | undefined`} - The shell to drive. Defaults to the nearest `nile-app-shell` ancestor, or the element with this id.\n\n  * `_rail` {`boolean`} - \n\n  * `_locked` {`boolean`} - \n\n  * `_observed` - \n\n  * `appShell` - The shell this toggle drives, if it found one.\n\n  * `_onShellToggle` - \n\n  * `_onClick` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "with-rule",
@@ -82,14 +82,14 @@
         },
         {
           "name": "shell",
-          "description": "`shell` {`string | undefined`} - The shell to drive. Defaults to the nearest `nile-app-shell` ancestor, or\nthe element with this id.\n\nProperty: shell",
+          "description": "`shell` {`string | undefined`} - The shell to drive. Defaults to the nearest `nile-app-shell` ancestor, or the element with this id.\n\nProperty: shell",
           "values": []
         }
       ]
     },
     {
       "name": "nile-app-shell-panel",
-      "description": "Events:\n\n  * `nile-close` {} - Emitted when the close button is pressed, after the shell\nhas been told to close. Cancelable is not honoured; listen to it to react,\nand use `no-close` to own the control yourself.\n\nSlots:\n\n  * ` ` {} - The panel body. Scrolls.\n\n  * `header` {} - Replaces the default heading (mark plus label).\n\n  * `actions` {} - Controls added before the close button.\n\n  * `footer` {} - A composer, docked below the scroll region.\n\nAttributes:\n\n  * `label` {`string`} - The heading, and the accessible name of the region.\n\n  * `no-header` {`boolean`} - Drops the header bar entirely.\n\n  * `no-close` {`boolean`} - Drops the close button — for a panel the page closes its own way.\n\n  * `no-padding` {`boolean`} - Removes the body's padding, for a full-bleed transcript.\n\n  * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\n  * `mode` {`NileAppShellPanelMode`} - Mirrors the shell's panel mode. Set by the shell; treat it as read-only and\nstyle against it (`nile-app-shell-panel[mode='overlay']`).\n\nProperties:\n\n  * `shellLink` - \n\n  * `label` {`string`} - The heading, and the accessible name of the region.\n\n  * `noHeader` {`boolean`} - Drops the header bar entirely.\n\n  * `noClose` {`boolean`} - Drops the close button — for a panel the page closes its own way.\n\n  * `noPadding` {`boolean`} - Removes the body's padding, for a full-bleed transcript.\n\n  * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\n  * `mode` {`NileAppShellPanelMode`} - Mirrors the shell's panel mode. Set by the shell; treat it as read-only and\nstyle against it (`nile-app-shell-panel[mode='overlay']`).\n\n  * `_hasFooter` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Events:\n\n  * `nile-close` {} - Emitted when the close button is pressed, after the shell has been told to close.\n\n  * `nile-back` {} - Emitted when the back control is pressed; the page swaps its own content back.\n\n  * `nile-panel-back` {} - Emitted right after `nile-back` for the same press, matching the shell's built-in panel chrome, so a page listening on the shell keeps working when it slots this component. Listen for one of the two, not both, or one press is handled twice.\n\nSlots:\n\n  * ` ` {} - The panel body. Scrolls.\n\n  * `header` {} - Replaces the default heading (mark plus label); the back control renders before it.\n\n  * `actions` {} - Controls added before the close button; size and clear their `base` part from page CSS to match the header's bare glyphs.\n\n  * `footer` {} - A composer, docked below the scroll region.\n\nAttributes:\n\n  * `label` {`string`} - The heading, and the accessible name of the region.\n\n  * `no-header` {`boolean`} - Drops the header bar entirely.\n\n  * `back` {`boolean`} - Shows a back control at the start of the header for a sub-view; the panel keeps no view stack and only emits `nile-back`.\n\n  * `backLabel` {`string`} - Accessible name of the back control.\n\n  * `no-close` {`boolean`} - Drops the close button — for a panel the page closes its own way.\n\n  * `no-padding` {`boolean`} - Removes the body's padding, for a full-bleed transcript.\n\n  * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\n  * `mode` {`NileAppShellPanelMode`} - Mirrors the shell's panel mode. Set by the shell; treat it as read-only and style against it (`nile-app-shell-panel[mode='overlay']`).\n\nProperties:\n\n  * `shellLink` - \n\n  * `label` {`string`} - The heading, and the accessible name of the region.\n\n  * `noHeader` {`boolean`} - Drops the header bar entirely.\n\n  * `back` {`boolean`} - Shows a back control at the start of the header for a sub-view; the panel keeps no view stack and only emits `nile-back`.\n\n  * `backLabel` {`string`} - Accessible name of the back control.\n\n  * `noClose` {`boolean`} - Drops the close button — for a panel the page closes its own way.\n\n  * `noPadding` {`boolean`} - Removes the body's padding, for a full-bleed transcript.\n\n  * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\n  * `mode` {`NileAppShellPanelMode`} - Mirrors the shell's panel mode. Set by the shell; treat it as read-only and style against it (`nile-app-shell-panel[mode='overlay']`).\n\n  * `_hasFooter` {`boolean`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "label",
@@ -100,6 +100,15 @@
           "description": "`no-header` {`boolean`} - Drops the header bar entirely.\n\nProperty: noHeader\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "back",
+          "description": "`back` {`boolean`} - Shows a back control at the start of the header for a sub-view; the panel keeps no view stack and only emits `nile-back`.\n\nProperty: back\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "backLabel",
+          "description": "`backLabel` {`string`} - Accessible name of the back control.\n\nProperty: backLabel\n\nDefault: Back"
+        },
         {
           "name": "no-close",
           "description": "`no-close` {`boolean`} - Drops the close button — for a panel the page closes its own way.\n\nProperty: noClose\n\nDefault: false",
@@ -117,7 +126,7 @@
         },
         {
           "name": "mode",
-          "description": "`mode` {`NileAppShellPanelMode`} - Mirrors the shell's panel mode. Set by the shell; treat it as read-only and\nstyle against it (`nile-app-shell-panel[mode='overlay']`).\n\nProperty: mode\n\nDefault: docked",
+          "description": "`mode` {`NileAppShellPanelMode`} - Mirrors the shell's panel mode. Set by the shell; treat it as read-only and style against it (`nile-app-shell-panel[mode='overlay']`).\n\nProperty: mode\n\nDefault: docked",
           "values": [
             {
               "name": "docked"
@@ -129,17 +138,25 @@
         },
         {
           "name": "onnile-close",
-          "description": "`nile-close` {} - Emitted when the close button is pressed, after the shell\nhas been told to close. Cancelable is not honoured; listen to it to react,\nand use `no-close` to own the control yourself."
+          "description": "`nile-close` {} - Emitted when the close button is pressed, after the shell has been told to close."
+        },
+        {
+          "name": "onnile-back",
+          "description": "`nile-back` {} - Emitted when the back control is pressed; the page swaps its own content back."
+        },
+        {
+          "name": "onnile-panel-back",
+          "description": "`nile-panel-back` {} - Emitted right after `nile-back` for the same press, matching the shell's built-in panel chrome, so a page listening on the shell keeps working when it slots this component. Listen for one of the two, not both, or one press is handled twice."
         }
       ]
     },
     {
       "name": "nile-app-shell-side-nav",
-      "description": "Slots:\n\n  * ` ` {} - The nav body. Scrolls.\n\n  * `header` {} - Pinned above the scroll region — a wordmark or product switcher.\n\n  * `footer` {} - Pinned below it — an account row or help link.\n\nAttributes:\n\n  * `collapsed` {`boolean`} - Mirrors the shell's effective rail state — the user's preference, or a rail\nforced by the shell's width. Set by the shell; treat it as read-only and\nstyle against it (`nile-app-shell-side-nav[collapsed] .label`).\n\n  * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\nProperties:\n\n  * `shellLink` - \n\n  * `collapsed` {`boolean`} - Mirrors the shell's effective rail state — the user's preference, or a rail\nforced by the shell's width. Set by the shell; treat it as read-only and\nstyle against it (`nile-app-shell-side-nav[collapsed] .label`).\n\n  * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Slots:\n\n  * ` ` {} - The nav body. Scrolls.\n\n  * `header` {} - Pinned above the scroll region — a wordmark or product switcher.\n\n  * `footer` {} - Pinned below it — an account row or help link.\n\nAttributes:\n\n  * `collapsed` {`boolean`} - Mirrors the shell's effective rail state. Set by the shell; treat it as read-only and style against it (`nile-app-shell-side-nav[collapsed] .label`).\n\n  * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\nProperties:\n\n  * `shellLink` - \n\n  * `collapsed` {`boolean`} - Mirrors the shell's effective rail state. Set by the shell; treat it as read-only and style against it (`nile-app-shell-side-nav[collapsed] .label`).\n\n  * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "collapsed",
-          "description": "`collapsed` {`boolean`} - Mirrors the shell's effective rail state — the user's preference, or a rail\nforced by the shell's width. Set by the shell; treat it as read-only and\nstyle against it (`nile-app-shell-side-nav[collapsed] .label`).\n\nProperty: collapsed\n\nDefault: false",
+          "description": "`collapsed` {`boolean`} - Mirrors the shell's effective rail state. Set by the shell; treat it as read-only and style against it (`nile-app-shell-side-nav[collapsed] .label`).\n\nProperty: collapsed\n\nDefault: false",
           "valueSet": "v"
         },
         {
@@ -151,11 +168,11 @@
     },
     {
       "name": "nile-app-shell",
-      "description": "Events:\n\n  * `nile-nav-toggle` {} - Emitted after the nav's collapsed state or its\nforced-rail lock changes. `detail: { collapsed, locked }`.\n\n  * `nile-panel-toggle` {} - Emitted after the panel opens or closes.\n`detail: { open, mode }`.\n\n  * `nile-panel-mode-change` {} - Emitted when the panel flips between docked\nand overlay. `detail: { mode }`.\n\nSlots:\n\n  * ` ` {} - The page body, inside the content container.\n\n  * `banner` {} - A full-width strip above every other region.\n\n  * `top-bar` {} - The page-title bar. Mounted inside the container by default,\nor spanning the shell when `top-bar-placement=\"shell\"`. The nav toggle is\nrendered before whatever is slotted here.\n\n  * `top-bar-actions` {} - Controls pinned to the end of the top bar.\n\n  * `tabs` {} - A hoisted second-level tab strip, flush under the top bar and\noutside `<main>`'s scroller, so it never scrolls away. The region carries\nthe strip's height, padding and rule, so slot a `<nile-tab-group>` or the\ntab controls themselves.\n\n  * `side-nav` {} - The navigation track. Works best with `<nile-side-bar>`.\n\n  * `aside` {} - A secondary column between the content container and the panel.\n\n  * `panel` {} - The AI panel's body. When nothing is slotted here the panel is\nunmounted and `openPanel()` is a no-op.\n\n  * `panel-header` {} - Replaces the default panel heading (mark plus title).\n\n  * `panel-actions` {} - Controls added before the panel's close button.\n\n  * `panel-footer` {} - A bar docked below the panel's scroll region, for a\ncomposer.\n\nAttributes:\n\n  * `nav-collapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is\nfalse — see `navLocked`.\n\n  * `panel-open` {`boolean`} - Whether the AI panel is open.\n\n  * `no-panel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled.\n`openPanel()` becomes a no-op.\n\n  * `panel-label` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\n  * `no-nav-toggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\n  * `no-panel-shortcut` {`boolean`} - Drops the Cmd/Ctrl+J and Escape panel shortcuts.\n\n  * `no-skip-link` {`boolean`} - Hides the skip-to-content link.\n\n  * `skip-link-label` {`string`} - Label for the skip-to-content link.\n\n  * `top-bar-placement` {`NileAppShellTopBarPlacement`} - Where the top bar is mounted: inside the container, or spanning the shell.\n\n  * `content-align` {`NileAppShellContentAlign`} - `centered` caps the page body at `--nile-app-shell-centered-width`.\n\n  * `content-container` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size\nagainst the content container instead of the viewport. Query it unnamed —\n`@container (min-width: 720px)` — because a container name declared inside\nthe shell's shadow tree is not visible to page CSS. Opt-in, because it\nalso applies layout containment to that element.\n\n  * `flat` {`boolean`} - Drops the container's card chrome for a full-bleed page.\n\n  * `no-padding` {`boolean`} - Removes the container's inner padding.\n\n  * `ask-label` {`string`} - The label on the built-in Ask button.\n\nThe button is the shell's, not the app's: it is the one control that has\nto know whether a panel is mounted for this route and how to open it, and\nslotted content can see neither. Everything else in the bar — the\nbreadcrumb, the page actions, the tab strip — is slotted markup.\n\n  * `no-ask` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\n  * `full-height` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\n  * `overlay-breakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing\nit, and the nav is forced to a rail.\n\nZero — the default — means never: the panel is furniture that squeezes the\npage, at every width. It earns its room from the nav rail first and from\nits own width next (see `--nile-app-shell-panel-min-width`), so it does\nnot have to cover the page to fit. Set a width here to opt back into an\noverlay drawer below it.\n\n  * `docked-rail-breakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\nA floor, not the whole rule: the nav also rails as soon as the expanded\ntrack is what stops the row from fitting. This is the first thing the\npanel takes room from, so it can push rather than cover.\n\n  * `persist-key` {`string | undefined`} - Persists the nav preference and the docked panel state under this key.\nOverlay panel state is never persisted — a reload opens closed.\n\nProperties:\n\n  * `navCollapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is\nfalse — see `navLocked`.\n\n  * `panelOpen` {`boolean`} - Whether the AI panel is open.\n\n  * `noPanel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled.\n`openPanel()` becomes a no-op.\n\n  * `panelLabel` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\n  * `noNavToggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\n  * `noPanelShortcut` {`boolean`} - Drops the Cmd/Ctrl+J and Escape panel shortcuts.\n\n  * `noSkipLink` {`boolean`} - Hides the skip-to-content link.\n\n  * `skipLinkLabel` {`string`} - Label for the skip-to-content link.\n\n  * `topBarPlacement` {`NileAppShellTopBarPlacement`} - Where the top bar is mounted: inside the container, or spanning the shell.\n\n  * `contentAlign` {`NileAppShellContentAlign`} - `centered` caps the page body at `--nile-app-shell-centered-width`.\n\n  * `contentContainer` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size\nagainst the content container instead of the viewport. Query it unnamed —\n`@container (min-width: 720px)` — because a container name declared inside\nthe shell's shadow tree is not visible to page CSS. Opt-in, because it\nalso applies layout containment to that element.\n\n  * `flat` {`boolean`} - Drops the container's card chrome for a full-bleed page.\n\n  * `noPadding` {`boolean`} - Removes the container's inner padding.\n\n  * `askLabel` {`string`} - The label on the built-in Ask button.\n\nThe button is the shell's, not the app's: it is the one control that has\nto know whether a panel is mounted for this route and how to open it, and\nslotted content can see neither. Everything else in the bar — the\nbreadcrumb, the page actions, the tab strip — is slotted markup.\n\n  * `noAsk` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\n  * `fullHeight` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\n  * `overlayBreakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing\nit, and the nav is forced to a rail.\n\nZero — the default — means never: the panel is furniture that squeezes the\npage, at every width. It earns its room from the nav rail first and from\nits own width next (see `--nile-app-shell-panel-min-width`), so it does\nnot have to cover the page to fit. Set a width here to opt back into an\noverlay drawer below it.\n\n  * `dockedRailBreakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\nA floor, not the whole rule: the nav also rails as soon as the expanded\ntrack is what stops the row from fitting. This is the first thing the\npanel takes room from, so it can push rather than cover.\n\n  * `persistKey` {`string | undefined`} - Persists the nav preference and the docked panel state under this key.\nOverlay panel state is never persisted — a reload opens closed.\n\n  * `_panelMode` {`NileAppShellPanelMode`} - The panel's current mode. Derived from the shell's width.\n\n  * `_navLocked` {`boolean`} - Whether the nav is held at a rail by the shell's width.\n\n  * `_hasBanner` {`boolean`} - \n\n  * `_hasSideNav` {`boolean`} - \n\n  * `_hasTopBar` {`boolean`} - \n\n  * `_hasTopBarActions` {`boolean`} - \n\n  * `_hasTabs` {`boolean`} - \n\n  * `_hasPanel` {`boolean`} - \n\n  * `_hasPanelFooter` {`boolean`} - \n\n  * `_panelOwnsChrome` {`boolean`} - True when a `nile-app-shell-panel` is slotted. That component owns the\npanel's heading, actions, close button and footer, so the shell renders a\nbare region and keeps only the geometry and the open state — the same\nhand-off as `no-nav-toggle` plus `nile-app-shell-nav-toggle`.\n\n  * `_hasAside` {`boolean`} - \n\n  * `_main` {`HTMLElement | undefined`} - \n\n  * `_width` {`number`} - \n\n  * `_resizeObserver` - \n\n  * `_restoredPanelOpen` {`boolean | null`} - \n\n  * `panelMode` {`NileAppShellPanelMode`} - The panel's current mode: `docked` or `overlay`.\n\n  * `navLocked` {`boolean`} - Whether the shell is holding the nav at a rail. The toggle is disabled.\n\n  * `panelAvailable` {`boolean`} - Whether a panel is mounted for this route.\n\n  * `askVisible` {`boolean`} - Whether the built-in Ask button is rendered.\n\n  * `rail` {`boolean`} - Whether the nav renders as a rail right now, preference or lock.\n\n  * `_onSideNavToggle` - A slotted sidebar's own expand button is the same toggle.\n\n  * `_onKeyDown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Events:\n\n  * `nile-nav-toggle` {} - Emitted after the nav's collapsed state or forced-rail lock changes. `detail: { collapsed, locked }`.\n\n  * `nile-panel-toggle` {} - Emitted after the panel opens or closes. `detail: { open, mode }`.\n\n  * `nile-panel-mode-change` {} - Emitted when the panel flips between docked and overlay. `detail: { mode }`.\n\n  * `nile-header-back` {} - Emitted when the header's back control is pressed.\n\n  * `nile-panel-back` {} - Emitted when the panel's back control is pressed, whether the shell's built-in panel chrome or a slotted `nile-app-shell-panel` draws it.\n\nSlots:\n\n  * ` ` {} - The page body, inside the content container.\n\n  * `banner` {} - A full-width strip above every other region.\n\n  * `top-bar` {} - The page-title bar, mounted inside the container by default or spanning the shell when `top-bar-placement=\"shell\"`.\n\n  * `top-bar-actions` {} - Controls pinned to the end of the top bar.\n\n  * `tabs` {} - A hoisted second-level tab strip, flush under the top bar and outside `<main>`'s scroller.\n\n  * `app-icon` {} - The mark shown when `leading=\"app-icon\"`, clipped to the shell's box.\n\n  * `side-nav` {} - The navigation track. Works best with `<nile-side-bar>`.\n\n  * `aside` {} - A secondary column between the content container and the panel.\n\n  * `panel` {} - The AI panel's body. When empty the panel is unmounted and `openPanel()` is a no-op.\n\n  * `panel-header` {} - Replaces the default panel heading (mark plus title).\n\n  * `panel-actions` {} - Controls added before the panel's close button.\n\n  * `panel-footer` {} - A bar docked below the panel's scroll region, for a composer.\n\nAttributes:\n\n  * `nav-collapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is false — see `navLocked`.\n\n  * `panel-open` {`boolean`} - Whether the AI panel is open.\n\n  * `no-panel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled; `openPanel()` becomes a no-op.\n\n  * `panel-label` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\n  * `pageTitle` {`string | undefined`} - The page title, rendered as the top bar's own heading (`role=\"heading\"`, level from `headingLevel`) before anything slotted into `top-bar`; leave unset and no title block renders.\n\n  * `headingLevel` {`number`} - The `aria-level` of the `pageTitle` heading, 1–6, so the title can fit the page's own heading outline; e.g. 2 when the page body or banner already has its h1. Out-of-range values clamp to 1–6 and non-numbers fall back to 1.\n\n  * `description` {`string | undefined`} - A second line under the page title; a modifier on `pageTitle` that renders nothing with no title, and takes the bar to 76px.\n\n  * `badge` {`string | undefined`} - A pill after the page title; a modifier on `pageTitle` like `description`, so with no title there is no badge.\n\n  * `leading` {`NileAppShellLeading`} - What sits before the page title: `back` draws a breadcrumb and emits `nile-header-back`; `app-icon` draws a 20px block for the `app-icon` slot.\n\n  * `backLabel` {`string`} - The previous-page label drawn by `leading=\"back\"`.\n\n  * `no-nav-toggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\n  * `no-panel-shortcut` {`boolean`} - Drops the Cmd/Ctrl+J and Escape panel shortcuts.\n\n  * `no-skip-link` {`boolean`} - Hides the skip-to-content link.\n\n  * `skip-link-label` {`string`} - Label for the skip-to-content link.\n\n  * `top-bar-placement` {`NileAppShellTopBarPlacement`} - Where the top bar is mounted: inside the container, or spanning the shell.\n\n  * `content-align` {`NileAppShellContentAlign`} - `centered` caps the page body at `--nile-app-shell-centered-width`.\n\n  * `content-container` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size against the content container instead of the viewport.\n\n  * `flat` {`boolean`} - Drops the container's card chrome for a full-bleed page.\n\n  * `no-padding` {`boolean`} - Removes the container's inner padding.\n\n  * `ask-label` {`string`} - The label on the built-in Ask button.\n\n  * `no-ask` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\n  * `panelBack` {`boolean`} - Shows a back control at the start of the panel header for a panel sub-view; emits `nile-panel-back`.\n\n  * `panelBackLabel` {`string`} - Accessible name of the panel's back control.\n\n  * `noTabs` {`boolean`} - Hides the tab strip for this route even when the `tabs` slot is filled.\n\n  * `full-height` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\n  * `overlay-breakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing it, and the nav is forced to a rail; zero (default) means never.\n\n  * `docked-rail-breakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\n\n  * `persist-key` {`string | undefined`} - Persists the nav preference and docked panel state under this key. Overlay panel state is never persisted.\n\nProperties:\n\n  * `navCollapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is false — see `navLocked`.\n\n  * `panelOpen` {`boolean`} - Whether the AI panel is open.\n\n  * `noPanel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled; `openPanel()` becomes a no-op.\n\n  * `panelLabel` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\n  * `pageTitle` {`string | undefined`} - The page title, rendered as the top bar's own heading (`role=\"heading\"`, level from `headingLevel`) before anything slotted into `top-bar`; leave unset and no title block renders.\n\n  * `headingLevel` {`number`} - The `aria-level` of the `pageTitle` heading, 1–6, so the title can fit the page's own heading outline; e.g. 2 when the page body or banner already has its h1. Out-of-range values clamp to 1–6 and non-numbers fall back to 1.\n\n  * `description` {`string | undefined`} - A second line under the page title; a modifier on `pageTitle` that renders nothing with no title, and takes the bar to 76px.\n\n  * `badge` {`string | undefined`} - A pill after the page title; a modifier on `pageTitle` like `description`, so with no title there is no badge.\n\n  * `leading` {`NileAppShellLeading`} - What sits before the page title: `back` draws a breadcrumb and emits `nile-header-back`; `app-icon` draws a 20px block for the `app-icon` slot.\n\n  * `backLabel` {`string`} - The previous-page label drawn by `leading=\"back\"`.\n\n  * `noNavToggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\n  * `noPanelShortcut` {`boolean`} - Drops the Cmd/Ctrl+J and Escape panel shortcuts.\n\n  * `noSkipLink` {`boolean`} - Hides the skip-to-content link.\n\n  * `skipLinkLabel` {`string`} - Label for the skip-to-content link.\n\n  * `topBarPlacement` {`NileAppShellTopBarPlacement`} - Where the top bar is mounted: inside the container, or spanning the shell.\n\n  * `contentAlign` {`NileAppShellContentAlign`} - `centered` caps the page body at `--nile-app-shell-centered-width`.\n\n  * `contentContainer` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size against the content container instead of the viewport.\n\n  * `flat` {`boolean`} - Drops the container's card chrome for a full-bleed page.\n\n  * `noPadding` {`boolean`} - Removes the container's inner padding.\n\n  * `askLabel` {`string`} - The label on the built-in Ask button.\n\n  * `noAsk` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\n  * `panelBack` {`boolean`} - Shows a back control at the start of the panel header for a panel sub-view; emits `nile-panel-back`.\n\n  * `panelBackLabel` {`string`} - Accessible name of the panel's back control.\n\n  * `noTabs` {`boolean`} - Hides the tab strip for this route even when the `tabs` slot is filled.\n\n  * `fullHeight` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\n  * `overlayBreakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing it, and the nav is forced to a rail; zero (default) means never.\n\n  * `dockedRailBreakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\n\n  * `persistKey` {`string | undefined`} - Persists the nav preference and docked panel state under this key. Overlay panel state is never persisted.\n\n  * `_panelMode` {`NileAppShellPanelMode`} - The panel's current mode. Derived from the shell's width.\n\n  * `_navLocked` {`boolean`} - Whether the nav is held at a rail by the shell's width.\n\n  * `_hasBanner` {`boolean`} - \n\n  * `_hasSideNav` {`boolean`} - \n\n  * `_hasTopBar` {`boolean`} - \n\n  * `_hasTopBarActions` {`boolean`} - \n\n  * `_hasTabs` {`boolean`} - \n\n  * `_hasPanel` {`boolean`} - \n\n  * `_hasPanelFooter` {`boolean`} - \n\n  * `_panelOwnsChrome` {`boolean`} - True when a `nile-app-shell-panel` is slotted, owning the panel's own chrome so the shell renders a bare region.\n\n  * `_hasAside` {`boolean`} - \n\n  * `_main` {`HTMLElement | undefined`} - \n\n  * `_width` {`number`} - \n\n  * `_resizeObserver` - \n\n  * `_restoredPanelOpen` {`boolean | null`} - \n\n  * `panelMode` {`NileAppShellPanelMode`} - The panel's current mode: `docked` or `overlay`.\n\n  * `navLocked` {`boolean`} - Whether the shell is holding the nav at a rail. The toggle is disabled.\n\n  * `panelAvailable` {`boolean`} - Whether a panel is mounted for this route.\n\n  * `tabsVisible` {`boolean`} - Whether the tab strip is rendered: something slotted, and not switched off.\n\n  * `askVisible` {`boolean`} - Whether the built-in Ask button is rendered.\n\n  * `rail` {`boolean`} - Whether the nav renders as a rail right now, preference or lock.\n\n  * `_onSideNavToggle` - A slotted sidebar's own expand button is the same toggle.\n\n  * `_onKeyDown` - \n\n  * `_hasTitleBlock` {`boolean`} - Whether the header has a title block of its own to draw: only a title or a leading control mounts it.\n\n  * `_hasLeading` {`boolean`} - Whether `leading` names a control that renders; an empty or unknown value draws nothing, like `none`.\n\n  * `_headingLevel` {`number`} - `headingLevel` as a safe `aria-level`: a whole number clamped to 1–6, and 1 for anything non-numeric.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "nav-collapsed",
-          "description": "`nav-collapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is\nfalse — see `navLocked`.\n\nProperty: navCollapsed\n\nDefault: false",
+          "description": "`nav-collapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is false — see `navLocked`.\n\nProperty: navCollapsed\n\nDefault: false",
           "valueSet": "v"
         },
         {
@@ -165,13 +182,51 @@
         },
         {
           "name": "no-panel",
-          "description": "`no-panel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled.\n`openPanel()` becomes a no-op.\n\nProperty: noPanel\n\nDefault: false",
+          "description": "`no-panel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled; `openPanel()` becomes a no-op.\n\nProperty: noPanel\n\nDefault: false",
           "valueSet": "v"
         },
         {
           "name": "panel-label",
           "description": "`panel-label` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\nProperty: panelLabel\n\nDefault: Ask Aquera"
         },
+        {
+          "name": "pageTitle",
+          "description": "`pageTitle` {`string | undefined`} - The page title, rendered as the top bar's own heading (`role=\"heading\"`, level from `headingLevel`) before anything slotted into `top-bar`; leave unset and no title block renders.\n\nProperty: pageTitle",
+          "values": []
+        },
+        {
+          "name": "headingLevel",
+          "description": "`headingLevel` {`number`} - The `aria-level` of the `pageTitle` heading, 1–6, so the title can fit the page's own heading outline; e.g. 2 when the page body or banner already has its h1. Out-of-range values clamp to 1–6 and non-numbers fall back to 1.\n\nProperty: headingLevel\n\nDefault: 1"
+        },
+        {
+          "name": "description",
+          "description": "`description` {`string | undefined`} - A second line under the page title; a modifier on `pageTitle` that renders nothing with no title, and takes the bar to 76px.\n\nProperty: description",
+          "values": []
+        },
+        {
+          "name": "badge",
+          "description": "`badge` {`string | undefined`} - A pill after the page title; a modifier on `pageTitle` like `description`, so with no title there is no badge.\n\nProperty: badge",
+          "values": []
+        },
+        {
+          "name": "leading",
+          "description": "`leading` {`NileAppShellLeading`} - What sits before the page title: `back` draws a breadcrumb and emits `nile-header-back`; `app-icon` draws a 20px block for the `app-icon` slot.\n\nProperty: leading\n\nDefault: none",
+          "values": [
+            {
+              "name": "none"
+            },
+            {
+              "name": "back"
+            },
+            {
+              "name": "app-icon"
+            }
+          ]
+        },
+        {
+          "name": "backLabel",
+          "description": "`backLabel` {`string`} - The previous-page label drawn by `leading=\"back\"`.\n\nProperty: backLabel\n\nDefault: Back"
+        },
         {
           "name": "no-nav-toggle",
           "description": "`no-nav-toggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\nProperty: noNavToggle\n\nDefault: false",
@@ -217,7 +272,7 @@
         },
         {
           "name": "content-container",
-          "description": "`content-container` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size\nagainst the content container instead of the viewport. Query it unnamed —\n`@container (min-width: 720px)` — because a container name declared inside\nthe shell's shadow tree is not visible to page CSS. Opt-in, because it\nalso applies layout containment to that element.\n\nProperty: contentContainer\n\nDefault: false",
+          "description": "`content-container` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size against the content container instead of the viewport.\n\nProperty: contentContainer\n\nDefault: false",
           "valueSet": "v"
         },
         {
@@ -232,13 +287,27 @@
         },
         {
           "name": "ask-label",
-          "description": "`ask-label` {`string`} - The label on the built-in Ask button.\n\nThe button is the shell's, not the app's: it is the one control that has\nto know whether a panel is mounted for this route and how to open it, and\nslotted content can see neither. Everything else in the bar — the\nbreadcrumb, the page actions, the tab strip — is slotted markup.\n\nProperty: askLabel\n\nDefault: Ask"
+          "description": "`ask-label` {`string`} - The label on the built-in Ask button.\n\nProperty: askLabel\n\nDefault: Ask"
         },
         {
           "name": "no-ask",
           "description": "`no-ask` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\nProperty: noAsk\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "panelBack",
+          "description": "`panelBack` {`boolean`} - Shows a back control at the start of the panel header for a panel sub-view; emits `nile-panel-back`.\n\nProperty: panelBack\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "panelBackLabel",
+          "description": "`panelBackLabel` {`string`} - Accessible name of the panel's back control.\n\nProperty: panelBackLabel\n\nDefault: Back"
+        },
+        {
+          "name": "noTabs",
+          "description": "`noTabs` {`boolean`} - Hides the tab strip for this route even when the `tabs` slot is filled.\n\nProperty: noTabs\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "full-height",
           "description": "`full-height` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\nProperty: fullHeight\n\nDefault: false",
@@ -246,28 +315,36 @@
         },
         {
           "name": "overlay-breakpoint",
-          "description": "`overlay-breakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing\nit, and the nav is forced to a rail.\n\nZero — the default — means never: the panel is furniture that squeezes the\npage, at every width. It earns its room from the nav rail first and from\nits own width next (see `--nile-app-shell-panel-min-width`), so it does\nnot have to cover the page to fit. Set a width here to opt back into an\noverlay drawer below it.\n\nProperty: overlayBreakpoint\n\nDefault: 0"
+          "description": "`overlay-breakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing it, and the nav is forced to a rail; zero (default) means never.\n\nProperty: overlayBreakpoint\n\nDefault: 0"
         },
         {
           "name": "docked-rail-breakpoint",
-          "description": "`docked-rail-breakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\nA floor, not the whole rule: the nav also rails as soon as the expanded\ntrack is what stops the row from fitting. This is the first thing the\npanel takes room from, so it can push rather than cover.\n\nProperty: dockedRailBreakpoint\n\nDefault: 1440"
+          "description": "`docked-rail-breakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\n\nProperty: dockedRailBreakpoint\n\nDefault: 1440"
         },
         {
           "name": "persist-key",
-          "description": "`persist-key` {`string | undefined`} - Persists the nav preference and the docked panel state under this key.\nOverlay panel state is never persisted — a reload opens closed.\n\nProperty: persistKey",
+          "description": "`persist-key` {`string | undefined`} - Persists the nav preference and docked panel state under this key. Overlay panel state is never persisted.\n\nProperty: persistKey",
           "values": []
         },
         {
           "name": "onnile-nav-toggle",
-          "description": "`nile-nav-toggle` {} - Emitted after the nav's collapsed state or its\nforced-rail lock changes. `detail: { collapsed, locked }`."
+          "description": "`nile-nav-toggle` {} - Emitted after the nav's collapsed state or forced-rail lock changes. `detail: { collapsed, locked }`."
         },
         {
           "name": "onnile-panel-toggle",
-          "description": "`nile-panel-toggle` {} - Emitted after the panel opens or closes.\n`detail: { open, mode }`."
+          "description": "`nile-panel-toggle` {} - Emitted after the panel opens or closes. `detail: { open, mode }`."
         },
         {
           "name": "onnile-panel-mode-change",
-          "description": "`nile-panel-mode-change` {} - Emitted when the panel flips between docked\nand overlay. `detail: { mode }`."
+          "description": "`nile-panel-mode-change` {} - Emitted when the panel flips between docked and overlay. `detail: { mode }`."
+        },
+        {
+          "name": "onnile-header-back",
+          "description": "`nile-header-back` {} - Emitted when the header's back control is pressed."
+        },
+        {
+          "name": "onnile-panel-back",
+          "description": "`nile-panel-back` {} - Emitted when the panel's back control is pressed, whether the shell's built-in panel chrome or a slotted `nile-app-shell-panel` draws it."
         }
       ]
     },
@@ -4133,7 +4210,7 @@
     },
     {
       "name": "nile-input",
-      "description": "Nile icon component.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The input's size.\n\n  * `filled` {`boolean`} - Draws a filled input.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n  * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `password-toggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n  * `password-visible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n  * `no-spin-buttons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n  * `canSavePassword` {`boolean`} - \n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `noOutline` - \n\n  * `noPadding` - \n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `pattern` {`string`} - A regular expression pattern to validate input against.\n\n  * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n  * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n  * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n  * `required` {`boolean`} - Makes the input a required field.\n\n  * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n  * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The input's size.\n\n  * `filled` {`boolean`} - Draws a filled input.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n  * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `passwordToggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n  * `passwordVisible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n  * `noSpinButtons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n  * `canSavePassword` {`boolean`} - \n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `hasPrintableCharacters` {`boolean`} - \n\n  * `markedValue` {`string`} - \n\n  * `noOutline` - \n\n  * `noPadding` - \n\n  * `valueAsDate` {`Date | null`} - Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.\n\n  * `valueAsNumber` {`number`} - Gets or sets the current value as a number. Returns `NaN` if the value can't be converted.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `pattern` {`string`} - A regular expression pattern to validate input against.\n\n  * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n  * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n  * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n  * `required` {`boolean`} - Makes the input a required field.\n\n  * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n  * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\n  * `validity` {`ValidityState`} - Gets the validity state object\n\n  * `validationMessage` {`string`} - Gets the validation message\n\n  * `checkValidity` - \n\n  * `getForm` - \n\n  * `reportValidity` - \n\n  * `setCustomValidity` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile icon component.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The input's size.\n\n  * `filled` {`boolean`} - Draws a filled input.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n  * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `password-toggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n  * `password-visible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n  * `no-spin-buttons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n  * `canSavePassword` {`boolean`} - \n\n  * `inputmode` {`\"none\" | \"text\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `noOutline` - \n\n  * `noPadding` - \n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `pattern` {`string`} - A regular expression pattern to validate input against.\n\n  * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n  * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n  * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n  * `required` {`boolean`} - Makes the input a required field.\n\n  * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n  * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `type` {`\"number\" | \"text\" | \"time\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\"`} - The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.\n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - The input's size.\n\n  * `filled` {`boolean`} - Draws a filled input.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `destructive` {`boolean`} - Sets the input to a Destructive state, changing its visual appearance.\n\n  * `pill` {`boolean`} - Draws a pill-style input with rounded edges.\n\n  * `label` {`string`} - The input's label. If you need to display HTML, use the `label` slot instead.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `clearable` {`boolean`} - Adds a clear button when the input is not empty.\n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `readonly` {`boolean`} - Makes the input readonly.\n\n  * `passwordToggle` {`boolean`} - Adds a button to toggle the password's visibility. Only applies to password types.\n\n  * `passwordVisible` {`boolean`} - Determines whether or not the password is currently visible. Only applies to password input types.\n\n  * `noSpinButtons` {`boolean`} - Hides the browser's built-in increment/decrement spin buttons for number inputs.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`\"off\" | \"on\"`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the input.\n\n  * `canSavePassword` {`boolean`} - \n\n  * `inputmode` {`\"none\" | \"text\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `hasPrintableCharacters` {`boolean`} - \n\n  * `markedValue` {`string`} - \n\n  * `noOutline` - \n\n  * `noPadding` - \n\n  * `valueAsDate` {`Date | null`} - Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.\n\n  * `valueAsNumber` {`number`} - Gets or sets the current value as a number. Returns `NaN` if the value can't be converted.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the input, submitted as a name/value pair with form data.\n\n  * `disabled` {`boolean`} - Disables the input.\n\n  * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `pattern` {`string`} - A regular expression pattern to validate input against.\n\n  * `min` {`string | number`} - The input's minimum value. Only applies to date and number input types.\n\n  * `max` {`string | number`} - The input's maximum value. Only applies to date and number input types.\n\n  * `step` {`number | \"any\"`} - Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.\n\n  * `required` {`boolean`} - Makes the input a required field.\n\n  * `minlength` {`number`} - The minimum length of input that will be considered valid.\n\n  * `maxlength` {`number`} - The maximum length of input that will be considered valid.\n\n  * `validity` {`ValidityState`} - Gets the validity state object\n\n  * `validationMessage` {`string`} - Gets the validation message\n\n  * `checkValidity` - \n\n  * `getForm` - \n\n  * `reportValidity` - \n\n  * `setCustomValidity` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "title",
@@ -4350,13 +4427,13 @@
         },
         {
           "name": "inputmode",
-          "description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\nProperty: inputmode",
+          "description": "`inputmode` {`\"none\" | \"text\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\nProperty: inputmode",
           "values": [
             {
-              "name": "text"
+              "name": "none"
             },
             {
-              "name": "none"
+              "name": "text"
             },
             {
               "name": "numeric"
@@ -4490,7 +4567,7 @@
     },
     {
       "name": "nile-lite-tooltip",
-      "description": "Nile lite-tooltip component.\n\nSupports wrapper, sibling (for), and singleton modes.\nAligns with Tippy.js props and Nile design system.\n\nEvents:\n\n  * `nile-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\n  * `nile-toggle` {`CustomEvent<{ open: boolean; instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\n  * `nile-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\nAttributes:\n\n  * `for` {`string | null`} - ID of the target element (for sibling mode)\n\n  * `content` {`string`} - Tooltip content text or HTML\n\n  * `size` {`\"small\" | \"large\"`} - Tooltip size (applies CSS class)\n\n  * `duration` {`string | number | [number, number]`} - Animation duration for show/hide (ms). Can be a single value or [show, hide].\n\n  * `interactive` {`boolean`} - Interactive mode\n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - Placement of the tooltip\n\n  * `disabled` {`boolean`} - \n\n  * `distance` {`number`} - \n\n  * `skidding` {`number`} - \n\n  * `open` {`boolean`} - \n\n  * `trigger` {`string`} - \n\n  * `allowHTML` {`boolean`} - \n\n  * `followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\n  * `arrow` {`\"small\" | \"none\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\n  * `singleton` {`boolean`} - \n\n  * `enableRecursiveMode` {`boolean`} - \n\n  * `delay` {`number | [number, number]`} - Not added in Doc\n\n  * `maxWidth` {`string | number`} - \n\n  * `zIndex` {`number`} - \n\n  * `hideOnClick` {`boolean | \"toggle\"`} - \n\n  * `inertia` {`boolean`} - \n\n  * `interactiveBorder` {`number`} - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `width` {`string | undefined`} - \n\n  * `height` {`string | undefined`} - \n\nProperties:\n\n  * `for` {`string | null`} - ID of the target element (for sibling mode)\n\n  * `content` {`string`} - Tooltip content text or HTML\n\n  * `size` {`\"small\" | \"large\"`} - Tooltip size (applies CSS class)\n\n  * `duration` {`string | number | [number, number]`} - Animation duration for show/hide (ms). Can be a single value or [show, hide].\n\n  * `interactive` {`boolean`} - Interactive mode\n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - Placement of the tooltip\n\n  * `disabled` {`boolean`} - \n\n  * `distance` {`number`} - \n\n  * `skidding` {`number`} - \n\n  * `open` {`boolean`} - \n\n  * `trigger` {`string`} - \n\n  * `allowHTML` {`boolean`} - \n\n  * `followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\n  * `arrow` {`\"small\" | \"none\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\n  * `singleton` {`boolean`} - \n\n  * `enableRecursiveMode` {`boolean`} - \n\n  * `delay` {`number | [number, number]`} - Not added in Doc\n\n  * `maxWidth` {`string | number`} - \n\n  * `zIndex` {`number`} - \n\n  * `hideOnClick` {`boolean | \"toggle\"`} - \n\n  * `inertia` {`boolean`} - \n\n  * `interactiveBorder` {`number`} - \n\n  * `visibilityManager` - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `width` {`string | undefined`} - \n\n  * `height` {`string | undefined`} - \n\n  * `tooltipInstances` {`Instance<Props>[] | undefined`} - \n\n  * `singleInstance` {`Instance<Props> | undefined`} - \n\n  * `singletonInstance` {`Instance<Props> | undefined`} - \n\n  * `targetEl` {`HTMLElement | null | undefined`} - \n\n  * `generatedId` {`string | undefined`} - \n\n  * `prevDescribedby` {`string | null | undefined`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile lite-tooltip component.\n\nSupports wrapper, sibling (for), and singleton modes.\nAligns with Tippy.js props and Nile design system.\n\nEvents:\n\n  * `nile-show` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\n  * `nile-toggle` {`CustomEvent<{ open: boolean; instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\n  * `nile-hide` {`CustomEvent<{ instance: Instance<Props>; target: ReferenceElement<Props>; }>`} - \n\nAttributes:\n\n  * `for` {`string | null`} - ID of the target element (for sibling mode)\n\n  * `content` {`string`} - Tooltip content text or HTML\n\n  * `size` {`\"small\" | \"large\"`} - Tooltip size (applies CSS class)\n\n  * `duration` {`string | number | [number, number]`} - Animation duration for show/hide (ms). Can be a single value or [show, hide].\n\n  * `interactive` {`boolean`} - Interactive mode\n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - Placement of the tooltip\n\n  * `disabled` {`boolean`} - \n\n  * `distance` {`number`} - \n\n  * `skidding` {`number`} - \n\n  * `open` {`boolean`} - \n\n  * `trigger` {`string`} - \n\n  * `allowHTML` {`boolean`} - \n\n  * `followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\n  * `arrow` {`\"none\" | \"small\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\n  * `singleton` {`boolean`} - \n\n  * `enableRecursiveMode` {`boolean`} - \n\n  * `delay` {`number | [number, number]`} - Not added in Doc\n\n  * `maxWidth` {`string | number`} - \n\n  * `zIndex` {`number`} - \n\n  * `hideOnClick` {`boolean | \"toggle\"`} - \n\n  * `inertia` {`boolean`} - \n\n  * `interactiveBorder` {`number`} - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `width` {`string | undefined`} - \n\n  * `height` {`string | undefined`} - \n\nProperties:\n\n  * `for` {`string | null`} - ID of the target element (for sibling mode)\n\n  * `content` {`string`} - Tooltip content text or HTML\n\n  * `size` {`\"small\" | \"large\"`} - Tooltip size (applies CSS class)\n\n  * `duration` {`string | number | [number, number]`} - Animation duration for show/hide (ms). Can be a single value or [show, hide].\n\n  * `interactive` {`boolean`} - Interactive mode\n\n  * `placement` {`\"left\" | \"right\" | \"top\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"auto\" | \"auto-start\" | \"auto-end\"`} - Placement of the tooltip\n\n  * `disabled` {`boolean`} - \n\n  * `distance` {`number`} - \n\n  * `skidding` {`number`} - \n\n  * `open` {`boolean`} - \n\n  * `trigger` {`string`} - \n\n  * `allowHTML` {`boolean`} - \n\n  * `followCursor` {`boolean | \"vertical\" | \"horizontal\" | \"initial\" | \"true\" | \"false\"`} - \n\n  * `arrow` {`\"none\" | \"small\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\n  * `singleton` {`boolean`} - \n\n  * `enableRecursiveMode` {`boolean`} - \n\n  * `delay` {`number | [number, number]`} - Not added in Doc\n\n  * `maxWidth` {`string | number`} - \n\n  * `zIndex` {`number`} - \n\n  * `hideOnClick` {`boolean | \"toggle\"`} - \n\n  * `inertia` {`boolean`} - \n\n  * `interactiveBorder` {`number`} - \n\n  * `visibilityManager` - \n\n  * `enableVisibilityEffect` {`boolean`} - \n\n  * `enableTabClose` {`boolean`} - \n\n  * `width` {`string | undefined`} - \n\n  * `height` {`string | undefined`} - \n\n  * `tooltipInstances` {`Instance<Props>[] | undefined`} - \n\n  * `singleInstance` {`Instance<Props> | undefined`} - \n\n  * `singletonInstance` {`Instance<Props> | undefined`} - \n\n  * `targetEl` {`HTMLElement | null | undefined`} - \n\n  * `generatedId` {`string | undefined`} - \n\n  * `prevDescribedby` {`string | null | undefined`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "for",
@@ -4624,13 +4701,13 @@
         },
         {
           "name": "arrow",
-          "description": "`arrow` {`\"small\" | \"none\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\nProperty: arrow\n\nDefault: default",
+          "description": "`arrow` {`\"none\" | \"small\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\nProperty: arrow\n\nDefault: default",
           "values": [
             {
-              "name": "small"
+              "name": "none"
             },
             {
-              "name": "none"
+              "name": "small"
             },
             {
               "name": "default"
@@ -5154,7 +5231,7 @@
     },
     {
       "name": "nile-otp-input",
-      "description": "Events:\n\n  * `nile-input` {} - Emitted whenever the OTP value changes from user input.\n\n  * `nile-change` {} - Emitted whenever the OTP value changes from user input.\n\n  * `nile-complete` {} - Emitted when all OTP cells are filled.\n\n  * `nile-focus` {} - Emitted when focus enters the component.\n\n  * `nile-blur` {} - Emitted when focus leaves the component.\n\n  * `nile-paste` {} - Emitted when OTP text is pasted.\n\n  * `nile-invalid` {} - Emitted when the control is invalid.\n\nSlots:\n\n  * `label` {} - The input label. Alternatively, use the `label` attribute.\n\n  * `help-text` {} - Helpful guidance text. Alternatively, use the `help-text` attribute.\n\nAttributes:\n\n  * `length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\n  * `numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\n  * `alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\n  * `label` {`string`} - The input's label.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\n  * `separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\n  * `separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\n  * `separator-positions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\n  * `masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `readonly` {`boolean`} - Makes the control readonly.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\n  * `autocomplete` {`string`} - The autocomplete mode used on the first OTP cell.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the OTP control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`.\n\n  * `pattern` {`string`} - Optional regex pattern for full OTP validation.\n\n  * `required` {`boolean`} - Makes this field required.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `customValidationMessage` {`string`} - \n\n  * `wasComplete` {`boolean`} - \n\n  * `valueInput` {`HTMLInputElement`} - \n\n  * `cellInputs` {`NodeListOf<HTMLInputElement>`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `activeIndex` {`number`} - \n\n  * `cells` {`string[]`} - \n\n  * `length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\n  * `numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\n  * `alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\n  * `label` {`string`} - The input's label.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\n  * `separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\n  * `separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\n  * `separatorPositions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\n  * `masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `readonly` {`boolean`} - Makes the control readonly.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\n  * `autocomplete` {`string`} - The autocomplete mode used on the first OTP cell.\n\n  * `complete` {`boolean`} - Returns true when all OTP cells have values.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the OTP control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`.\n\n  * `pattern` {`string`} - Optional regex pattern for full OTP validation.\n\n  * `min` {`string | number | Date | undefined`} - \n\n  * `max` {`string | number | Date | undefined`} - \n\n  * `step` {`number | \"any\" | undefined`} - \n\n  * `required` {`boolean`} - Makes this field required.\n\n  * `minlength` {`number | undefined`} - \n\n  * `maxlength` {`number | undefined`} - \n\n  * `validity` {`ValidityState`} - Gets the validity state object.\n\n  * `validationMessage` {`string`} - Gets the validation message.\n\n  * `checkValidity` - \n\n  * `getForm` - \n\n  * `reportValidity` - \n\n  * `setCustomValidity` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Events:\n\n  * `nile-input` {} - Emitted whenever the OTP value changes from user input.\n\n  * `nile-change` {} - Emitted whenever the OTP value changes from user input.\n\n  * `nile-complete` {} - Emitted when all OTP cells are filled.\n\n  * `nile-focus` {} - Emitted when focus enters the component.\n\n  * `nile-blur` {} - Emitted when focus leaves the component.\n\n  * `nile-paste` {} - Emitted when OTP text is pasted.\n\n  * `nile-invalid` {} - Emitted when the control is invalid.\n\nSlots:\n\n  * `label` {} - The input label. Alternatively, use the `label` attribute.\n\n  * `help-text` {} - Helpful guidance text. Alternatively, use the `help-text` attribute.\n\nAttributes:\n\n  * `length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\n  * `numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\n  * `alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\n  * `label` {`string`} - The input's label.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\n  * `separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\n  * `separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\n  * `separator-positions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\n  * `masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `readonly` {`boolean`} - Makes the control readonly.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `inputmode` {`\"none\" | \"text\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\n  * `autocomplete` {`string`} - The autocomplete mode used on the first OTP cell.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the OTP control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`.\n\n  * `pattern` {`string`} - Optional regex pattern for full OTP validation.\n\n  * `required` {`boolean`} - Makes this field required.\n\nProperties:\n\n  * `styles` - \n\n  * `formControlController` - \n\n  * `hasSlotController` - \n\n  * `customValidationMessage` {`string`} - \n\n  * `wasComplete` {`boolean`} - \n\n  * `valueInput` {`HTMLInputElement`} - \n\n  * `cellInputs` {`NodeListOf<HTMLInputElement>`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `activeIndex` {`number`} - \n\n  * `cells` {`string[]`} - \n\n  * `length` {`number`} - Number of OTP cells. Values below 4 are clamped to 4.\n\n  * `numericOnly` {`boolean`} - Restricts input to numeric digits when true. Overridden by `alphanumeric`.\n\n  * `alphanumeric` {`boolean`} - Allows both letters and digits. When present, overrides `numeric-only`.\n\n  * `label` {`string`} - The input's label.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder shown inside each OTP cell.\n\n  * `separator` {`string`} - Optional separator text rendered between configured OTP groups (for example \"-\").\n\n  * `separatorEvery` {`number`} - Renders a separator after each N cells when `separator` is set.\n\n  * `separatorPositions` {`string`} - Comma-separated zero-based cell indexes after which separators are rendered.\n\n  * `masked` {`boolean`} - Masks filled cells with dots, showing each character briefly while typing.\n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `readonly` {`boolean`} - Makes the control readonly.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `inputmode` {`\"none\" | \"text\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\n  * `autocomplete` {`string`} - The autocomplete mode used on the first OTP cell.\n\n  * `complete` {`boolean`} - Returns true when all OTP cells have values.\n\n  * `name` {`string`} - The name of the input, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the OTP control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`.\n\n  * `pattern` {`string`} - Optional regex pattern for full OTP validation.\n\n  * `min` {`string | number | Date | undefined`} - \n\n  * `max` {`string | number | Date | undefined`} - \n\n  * `step` {`number | \"any\" | undefined`} - \n\n  * `required` {`boolean`} - Makes this field required.\n\n  * `minlength` {`number | undefined`} - \n\n  * `maxlength` {`number | undefined`} - \n\n  * `validity` {`ValidityState`} - Gets the validity state object.\n\n  * `validationMessage` {`string`} - Gets the validation message.\n\n  * `checkValidity` - \n\n  * `getForm` - \n\n  * `reportValidity` - \n\n  * `setCustomValidity` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "length",
@@ -5230,13 +5307,13 @@
         },
         {
           "name": "inputmode",
-          "description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\nProperty: inputmode",
+          "description": "`inputmode` {`\"none\" | \"text\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\nProperty: inputmode",
           "values": [
             {
-              "name": "text"
+              "name": "none"
             },
             {
-              "name": "none"
+              "name": "text"
             },
             {
               "name": "numeric"
@@ -7266,13 +7343,13 @@
           "description": "`valueLabel` {`ValueLabelMode`} - \n\nProperty: valueLabel\n\nDefault: tooltip",
           "values": [
             {
-              "name": "bottom"
+              "name": "none"
             },
             {
-              "name": "tooltip"
+              "name": "bottom"
             },
             {
-              "name": "none"
+              "name": "tooltip"
             }
           ]
         }
@@ -7728,7 +7805,7 @@
     },
     {
       "name": "nile-textarea",
-      "description": "Events:\n\n  * `nile-blur` {} - Emitted when the control loses focus.\n\n  * `nile-change` {} - Emitted when an alteration to the control's value is committed by the user.\n\n  * `nile-focus` {} - Emitted when the control gains focus.\n\n  * `nile-input` {} - Emitted when the control receives input.\n\nSlots:\n\n  * `label` {} - The textarea's label. Alternatively, you can use the `label` attribute.\n\n  * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\n  * `size` {`string`} - The textarea's size.\n\n  * `filled` {`boolean`} - Draws a filled textarea.\n\n  * `label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `rows` {`number`} - The number of rows to display by default.\n\n  * `resize` {`\"none\" | \"vertical\" | \"auto\"`} - Controls how the textarea can be resized.\n\n  * `disabled` {`boolean`} - Disables the textarea.\n\n  * `readonly` {`boolean`} - Makes the textarea readonly.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `required` {`boolean`} - Makes the textarea a required field.\n\n  * `minlength` {`number`} - \n\n  * `maxlength` {`number`} - \n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `fullHeight` {`boolean`} - \n\n  * `checkNonPrintableChar` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `resizeObserver` - \n\n  * `input` {`HTMLTextAreaElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\n  * `size` {`string`} - The textarea's size.\n\n  * `filled` {`boolean`} - Draws a filled textarea.\n\n  * `label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `rows` {`number`} - The number of rows to display by default.\n\n  * `resize` {`\"none\" | \"vertical\" | \"auto\"`} - Controls how the textarea can be resized.\n\n  * `disabled` {`boolean`} - Disables the textarea.\n\n  * `readonly` {`boolean`} - Makes the textarea readonly.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `required` {`boolean`} - Makes the textarea a required field.\n\n  * `minlength` {`number`} - \n\n  * `maxlength` {`number`} - \n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\n  * `inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `fullHeight` {`boolean`} - \n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `hasPrintableCharacters` {`boolean`} - \n\n  * `markedValue` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Events:\n\n  * `nile-blur` {} - Emitted when the control loses focus.\n\n  * `nile-change` {} - Emitted when an alteration to the control's value is committed by the user.\n\n  * `nile-focus` {} - Emitted when the control gains focus.\n\n  * `nile-input` {} - Emitted when the control receives input.\n\nSlots:\n\n  * `label` {} - The textarea's label. Alternatively, you can use the `label` attribute.\n\n  * `help-text` {} - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\nAttributes:\n\n  * `title` {`string`} - \n\n  * `name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\n  * `size` {`string`} - The textarea's size.\n\n  * `filled` {`boolean`} - Draws a filled textarea.\n\n  * `label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\n  * `help-text` {`string`} - \n\n  * `error-message` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `rows` {`number`} - The number of rows to display by default.\n\n  * `resize` {`\"none\" | \"vertical\" | \"auto\"`} - Controls how the textarea can be resized.\n\n  * `disabled` {`boolean`} - Disables the textarea.\n\n  * `readonly` {`boolean`} - Makes the textarea readonly.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `required` {`boolean`} - Makes the textarea a required field.\n\n  * `minlength` {`number`} - \n\n  * `maxlength` {`number`} - \n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\n  * `inputmode` {`\"none\" | \"text\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `fullHeight` {`boolean`} - \n\n  * `checkNonPrintableChar` {`boolean`} - \n\nProperties:\n\n  * `styles` - \n\n  * `hasSlotController` - \n\n  * `resizeObserver` - \n\n  * `input` {`HTMLTextAreaElement`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `title` {`string`} - \n\n  * `name` {`string`} - The name of the textarea, submitted as a name/value pair with form data.\n\n  * `value` {`string`} - The current value of the textarea, submitted as a name/value pair with form data.\n\n  * `size` {`string`} - The textarea's size.\n\n  * `filled` {`boolean`} - Draws a filled textarea.\n\n  * `label` {`string`} - The textarea's label. If you need to display HTML, use the `label` slot instead.\n\n  * `helpText` {`string`} - \n\n  * `errorMessage` {`string`} - \n\n  * `placeholder` {`string`} - Placeholder text to show as a hint when the input is empty.\n\n  * `rows` {`number`} - The number of rows to display by default.\n\n  * `resize` {`\"none\" | \"vertical\" | \"auto\"`} - Controls how the textarea can be resized.\n\n  * `disabled` {`boolean`} - Disables the textarea.\n\n  * `readonly` {`boolean`} - Makes the textarea readonly.\n\n  * `form` {`string`} - By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.\n\n  * `required` {`boolean`} - Makes the textarea a required field.\n\n  * `minlength` {`number`} - \n\n  * `maxlength` {`number`} - \n\n  * `warning` {`boolean`} - Sets the input to a warning state, changing its visual appearance.\n\n  * `error` {`boolean`} - Sets the input to an error state, changing its visual appearance.\n\n  * `success` {`boolean`} - Sets the input to a success state, changing its visual appearance.\n\n  * `autocapitalize` {`\"none\" | \"off\" | \"on\" | \"sentences\" | \"words\" | \"characters\"`} - Controls whether and how text input is automatically capitalized as it is entered by the user.\n\n  * `autocorrect` {`string`} - Indicates whether the browser's autocorrect feature is on or off.\n\n  * `autocomplete` {`string`} - Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n\n  * `autofocus` {`boolean`} - Indicates that the input should receive focus on page load.\n\n  * `enterkeyhint` {`\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"`} - Used to customize the label or icon of the Enter key on virtual keyboards.\n\n  * `spellcheck` {`boolean`} - Enables spell checking on the textarea.\n\n  * `inputmode` {`\"none\" | \"text\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\n  * `defaultValue` {`string`} - The default value of the form control. Primarily used for resetting the form control.\n\n  * `fullHeight` {`boolean`} - \n\n  * `checkNonPrintableChar` {`boolean`} - \n\n  * `hasPrintableCharacters` {`boolean`} - \n\n  * `markedValue` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "title",
@@ -7899,13 +7976,13 @@
         },
         {
           "name": "inputmode",
-          "description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\nProperty: inputmode",
+          "description": "`inputmode` {`\"none\" | \"text\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.\n\nProperty: inputmode",
           "values": [
             {
-              "name": "text"
+              "name": "none"
             },
             {
-              "name": "none"
+              "name": "text"
             },
             {
               "name": "numeric"