@aquera/nile-elements 2.0.11 → 2.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/README.md +3 -0
  2. package/demo/app-shell.html +21 -21
  3. package/dist/index.js +76 -66
  4. package/dist/nile-app-shell/nile-app-shell.cjs.js +1 -1
  5. package/dist/nile-app-shell/nile-app-shell.cjs.js.map +1 -1
  6. package/dist/nile-app-shell/nile-app-shell.css.cjs.js +1 -1
  7. package/dist/nile-app-shell/nile-app-shell.css.cjs.js.map +1 -1
  8. package/dist/nile-app-shell/nile-app-shell.css.esm.js +35 -32
  9. package/dist/nile-app-shell/nile-app-shell.esm.js +39 -34
  10. package/dist/nile-app-shell-panel/nile-app-shell-panel.css.cjs.js +1 -1
  11. package/dist/nile-app-shell-panel/nile-app-shell-panel.css.cjs.js.map +1 -1
  12. package/dist/nile-app-shell-panel/nile-app-shell-panel.css.esm.js +3 -1
  13. package/dist/src/nile-app-shell/nile-app-shell-regions.test.js +9 -5
  14. package/dist/src/nile-app-shell/nile-app-shell-regions.test.js.map +1 -1
  15. package/dist/src/nile-app-shell/nile-app-shell.css.js +33 -30
  16. package/dist/src/nile-app-shell/nile-app-shell.css.js.map +1 -1
  17. package/dist/src/nile-app-shell/nile-app-shell.d.ts +22 -22
  18. package/dist/src/nile-app-shell/nile-app-shell.js +86 -76
  19. package/dist/src/nile-app-shell/nile-app-shell.js.map +1 -1
  20. package/dist/src/nile-app-shell/nile-app-shell.test.d.ts +1 -0
  21. package/dist/src/nile-app-shell/nile-app-shell.test.js +307 -89
  22. package/dist/src/nile-app-shell/nile-app-shell.test.js.map +1 -1
  23. package/dist/src/nile-app-shell-panel/nile-app-shell-panel.css.js +3 -1
  24. package/dist/src/nile-app-shell-panel/nile-app-shell-panel.css.js.map +1 -1
  25. package/dist/src/version.js +1 -1
  26. package/dist/src/version.js.map +1 -1
  27. package/dist/tsconfig.tsbuildinfo +1 -1
  28. package/package.json +1 -1
  29. package/src/nile-app-shell/nile-app-shell-regions.test.ts +9 -5
  30. package/src/nile-app-shell/nile-app-shell.css.ts +33 -30
  31. package/src/nile-app-shell/nile-app-shell.test.ts +348 -105
  32. package/src/nile-app-shell/nile-app-shell.ts +89 -82
  33. package/src/nile-app-shell-panel/nile-app-shell-panel.css.ts +3 -1
  34. package/vscode-html-custom-data.json +27 -37
@@ -168,7 +168,7 @@
168
168
  },
169
169
  {
170
170
  "name": "nile-app-shell",
171
- "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`} - ",
171
+ "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-click` {} - Emitted when the header's back control is pressed, or `goBackHeader()` is called. `detail: { value: 'back' }`. Emitted on the shell itself, so check `event.target === shell` as well as the value: a `nile-click` from page content bubbles through the shell too.\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 before the page title whenever this slot has content, 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 * `headerBack` {`boolean`} - Shows the back arrow before the page title; pressing it emits `nile-click` with `{ value: 'back' }`. Independent of the `app-icon` slot.\n\n * `headerBackLabel` {`string`} - Accessible name of the header back control. Never rendered as visible text.\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 * `headerBack` {`boolean`} - Shows the back arrow before the page title; pressing it emits `nile-click` with `{ value: 'back' }`. Independent of the `app-icon` slot.\n\n * `headerBackLabel` {`string`} - Accessible name of the header back control. Never rendered as visible text.\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 * `_hasAppIcon` {`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: a title, the back arrow or a slotted app icon mounts it.\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`} - ",
172
172
  "attributes": [
173
173
  {
174
174
  "name": "nav-collapsed",
@@ -209,23 +209,13 @@
209
209
  "values": []
210
210
  },
211
211
  {
212
- "name": "leading",
213
- "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",
214
- "values": [
215
- {
216
- "name": "none"
217
- },
218
- {
219
- "name": "back"
220
- },
221
- {
222
- "name": "app-icon"
223
- }
224
- ]
212
+ "name": "headerBack",
213
+ "description": "`headerBack` {`boolean`} - Shows the back arrow before the page title; pressing it emits `nile-click` with `{ value: 'back' }`. Independent of the `app-icon` slot.\n\nProperty: headerBack\n\nDefault: false",
214
+ "valueSet": "v"
225
215
  },
226
216
  {
227
- "name": "backLabel",
228
- "description": "`backLabel` {`string`} - The previous-page label drawn by `leading=\"back\"`.\n\nProperty: backLabel\n\nDefault: Back"
217
+ "name": "headerBackLabel",
218
+ "description": "`headerBackLabel` {`string`} - Accessible name of the header back control. Never rendered as visible text.\n\nProperty: headerBackLabel\n\nDefault: Back"
229
219
  },
230
220
  {
231
221
  "name": "no-nav-toggle",
@@ -339,8 +329,8 @@
339
329
  "description": "`nile-panel-mode-change` {} - Emitted when the panel flips between docked and overlay. `detail: { mode }`."
340
330
  },
341
331
  {
342
- "name": "onnile-header-back",
343
- "description": "`nile-header-back` {} - Emitted when the header's back control is pressed."
332
+ "name": "onnile-click",
333
+ "description": "`nile-click` {} - Emitted when the header's back control is pressed, or `goBackHeader()` is called. `detail: { value: 'back' }`. Emitted on the shell itself, so check `event.target === shell` as well as the value: a `nile-click` from page content bubbles through the shell too."
344
334
  },
345
335
  {
346
336
  "name": "onnile-panel-back",
@@ -4210,7 +4200,7 @@
4210
4200
  },
4211
4201
  {
4212
4202
  "name": "nile-input",
4213
- "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`} - ",
4203
+ "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`} - ",
4214
4204
  "attributes": [
4215
4205
  {
4216
4206
  "name": "title",
@@ -4427,13 +4417,13 @@
4427
4417
  },
4428
4418
  {
4429
4419
  "name": "inputmode",
4430
- "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",
4420
+ "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",
4431
4421
  "values": [
4432
4422
  {
4433
- "name": "none"
4423
+ "name": "text"
4434
4424
  },
4435
4425
  {
4436
- "name": "text"
4426
+ "name": "none"
4437
4427
  },
4438
4428
  {
4439
4429
  "name": "numeric"
@@ -4567,7 +4557,7 @@
4567
4557
  },
4568
4558
  {
4569
4559
  "name": "nile-lite-tooltip",
4570
- "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`} - ",
4560
+ "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`} - ",
4571
4561
  "attributes": [
4572
4562
  {
4573
4563
  "name": "for",
@@ -4701,13 +4691,13 @@
4701
4691
  },
4702
4692
  {
4703
4693
  "name": "arrow",
4704
- "description": "`arrow` {`\"none\" | \"small\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\nProperty: arrow\n\nDefault: default",
4694
+ "description": "`arrow` {`\"small\" | \"none\" | \"default\" | \"large\" | \"round\" | \"narrow\" | \"wide\"`} - \n\nProperty: arrow\n\nDefault: default",
4705
4695
  "values": [
4706
4696
  {
4707
- "name": "none"
4697
+ "name": "small"
4708
4698
  },
4709
4699
  {
4710
- "name": "small"
4700
+ "name": "none"
4711
4701
  },
4712
4702
  {
4713
4703
  "name": "default"
@@ -5231,7 +5221,7 @@
5231
5221
  },
5232
5222
  {
5233
5223
  "name": "nile-otp-input",
5234
- "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`} - ",
5224
+ "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`} - ",
5235
5225
  "attributes": [
5236
5226
  {
5237
5227
  "name": "length",
@@ -5307,13 +5297,13 @@
5307
5297
  },
5308
5298
  {
5309
5299
  "name": "inputmode",
5310
- "description": "`inputmode` {`\"none\" | \"text\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\nProperty: inputmode",
5300
+ "description": "`inputmode` {`\"text\" | \"none\" | \"numeric\" | \"email\" | \"search\" | \"tel\" | \"url\" | \"decimal\"`} - Controls keyboard type shown on supporting virtual keyboards.\n\nProperty: inputmode",
5311
5301
  "values": [
5312
5302
  {
5313
- "name": "none"
5303
+ "name": "text"
5314
5304
  },
5315
5305
  {
5316
- "name": "text"
5306
+ "name": "none"
5317
5307
  },
5318
5308
  {
5319
5309
  "name": "numeric"
@@ -7342,14 +7332,14 @@
7342
7332
  "name": "valueLabel",
7343
7333
  "description": "`valueLabel` {`ValueLabelMode`} - \n\nProperty: valueLabel\n\nDefault: tooltip",
7344
7334
  "values": [
7345
- {
7346
- "name": "none"
7347
- },
7348
7335
  {
7349
7336
  "name": "bottom"
7350
7337
  },
7351
7338
  {
7352
7339
  "name": "tooltip"
7340
+ },
7341
+ {
7342
+ "name": "none"
7353
7343
  }
7354
7344
  ]
7355
7345
  }
@@ -7805,7 +7795,7 @@
7805
7795
  },
7806
7796
  {
7807
7797
  "name": "nile-textarea",
7808
- "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`} - ",
7798
+ "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`} - ",
7809
7799
  "attributes": [
7810
7800
  {
7811
7801
  "name": "title",
@@ -7976,13 +7966,13 @@
7976
7966
  },
7977
7967
  {
7978
7968
  "name": "inputmode",
7979
- "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",
7969
+ "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",
7980
7970
  "values": [
7981
7971
  {
7982
- "name": "none"
7972
+ "name": "text"
7983
7973
  },
7984
7974
  {
7985
- "name": "text"
7975
+ "name": "none"
7986
7976
  },
7987
7977
  {
7988
7978
  "name": "numeric"