@editora/ui-core 0.2.1 → 0.3.0

package/dist/preload.css

@@ -0,0 +1,220 @@
+@layer editora-preload {
+  ui-alert:not(:defined),
+  ui-alert-dialog:not(:defined),
+  ui-app-header:not(:defined),
+  ui-aspect-ratio:not(:defined),
+  ui-box:not(:defined),
+  ui-breadcrumb:not(:defined),
+  ui-calendar:not(:defined),
+  ui-card:not(:defined),
+  ui-chart:not(:defined),
+  ui-collapsible:not(:defined),
+  ui-container:not(:defined),
+  ui-context-menu:not(:defined),
+  ui-control-group:not(:defined),
+  ui-data-table:not(:defined),
+  ui-date-field:not(:defined),
+  ui-description:not(:defined),
+  ui-dialog:not(:defined),
+  ui-drawer:not(:defined),
+  ui-empty-state:not(:defined),
+  ui-field:not(:defined),
+  ui-field-error:not(:defined),
+  ui-fieldset:not(:defined),
+  ui-file-upload:not(:defined),
+  ui-form:not(:defined),
+  ui-gantt:not(:defined),
+  ui-inline-edit:not(:defined),
+  ui-input:not(:defined),
+  ui-layout:not(:defined),
+  ui-masonry-grid:not(:defined),
+  ui-meter:not(:defined),
+  ui-multi-select:not(:defined),
+  ui-navigation-menu:not(:defined),
+  ui-number-field:not(:defined),
+  ui-otp-input:not(:defined),
+  ui-panel:not(:defined),
+  ui-panel-group:not(:defined),
+  ui-password-field:not(:defined),
+  ui-pin-input:not(:defined),
+  ui-plugin-panel:not(:defined),
+  ui-progress:not(:defined),
+  ui-quick-actions:not(:defined),
+  ui-radio-group:not(:defined),
+  ui-scroll-area:not(:defined),
+  ui-section:not(:defined),
+  ui-separator:not(:defined),
+  ui-sidebar:not(:defined),
+  ui-skeleton:not(:defined),
+  ui-sortable:not(:defined),
+  ui-splitter:not(:defined),
+  ui-stepper:not(:defined),
+  ui-table:not(:defined),
+  ui-tabs:not(:defined),
+  ui-tags-input:not(:defined),
+  ui-time-field:not(:defined),
+  ui-timeline:not(:defined),
+  ui-toast:not(:defined),
+  ui-toolbar:not(:defined),
+  ui-transfer-list:not(:defined),
+  ui-tree:not(:defined),
+  ui-tree-item:not(:defined) {
+    display: block;
+  }
+
+  ui-flex:not(:defined) {
+    display: flex;
+  }
+
+  ui-command:not(:defined),
+  ui-grid:not(:defined),
+  ui-placement-grid:not(:defined) {
+    display: grid;
+  }
+
+  ui-avatar:not(:defined),
+  ui-color-picker:not(:defined),
+  ui-combobox:not(:defined),
+  ui-menu:not(:defined),
+  ui-menubar:not(:defined) {
+    display: inline-block;
+  }
+
+  ui-anchor:not(:defined),
+  ui-badge:not(:defined),
+  ui-block-controls:not(:defined),
+  ui-button:not(:defined),
+  ui-checkbox:not(:defined),
+  ui-hover-card:not(:defined),
+  ui-label:not(:defined),
+  ui-odometer:not(:defined),
+  ui-pagination:not(:defined),
+  ui-radio:not(:defined),
+  ui-rating:not(:defined),
+  ui-slot:not(:defined),
+  ui-switch:not(:defined),
+  ui-toggle:not(:defined),
+  ui-toggle-group:not(:defined) {
+    display: inline-flex;
+  }
+
+  ui-date-picker:not(:defined),
+  ui-date-range-picker:not(:defined),
+  ui-date-range-time-picker:not(:defined),
+  ui-date-time-picker:not(:defined),
+  ui-dropdown:not(:defined),
+  ui-icon:not(:defined),
+  ui-select:not(:defined),
+  ui-slider:not(:defined),
+  ui-textarea:not(:defined),
+  ui-time-picker:not(:defined) {
+    display: inline-grid;
+  }
+
+  ui-direction-provider:not(:defined),
+  ui-dismissable-layer:not(:defined),
+  ui-focus-scope:not(:defined),
+  ui-portal:not(:defined),
+  ui-positioner:not(:defined),
+  ui-presence:not(:defined),
+  ui-visually-hidden:not(:defined) {
+    display: contents;
+  }
+
+  ui-command-palette:not(:defined),
+  ui-floating-toolbar:not(:defined),
+  ui-selection-popup:not(:defined) {
+    display: none;
+  }
+
+  /* Spacing the elements draw around slotted content (default size; approximate for others). */
+  ui-tabs:not(:defined) > [slot="panel"] {
+    display: block;
+    margin-block-start: 12px;
+    padding-block: 8px;
+  }
+
+  ui-card:not(:defined) {
+    display: grid;
+    gap: var(--ui-card-gap, 8px);
+    padding: var(--ui-card-padding, 16px) var(--ui-card-padding, 16px) 0;
+    border: 1px solid transparent;
+  }
+
+  /* Content the element renders itself, or only shows on demand. */
+  ui-dialog:not(:defined),
+  ui-alert-dialog:not(:defined),
+  ui-drawer:not(:defined),
+  ui-toast:not(:defined) {
+    display: none;
+  }
+
+  ui-dropdown:not(:defined) > [slot="content"],
+  ui-menu:not(:defined) > [slot="content"],
+  ui-menu:not(:defined) > [slot="item"],
+  ui-menubar:not(:defined) > [slot="content"],
+  ui-context-menu:not(:defined) > [slot="content"],
+  ui-popover:not(:defined) > [slot="content"],
+  ui-hover-card:not(:defined) > [slot="card"],
+  ui-navigation-menu:not(:defined) > [slot="panel"],
+  ui-split-button:not(:defined) > [slot="menuitem"],
+  ui-select:not(:defined) > :is(option, optgroup),
+  ui-multi-select:not(:defined) > :is(option, optgroup),
+  ui-combobox:not(:defined) > :is(option, optgroup),
+  ui-tabs:not(:defined) > [slot="panel"] ~ [slot="panel"] {
+    display: none;
+  }
+
+  /* Form controls draw their field in the shadow root, so they take no space until defined: reserve
+     the height they will have (measured: 32px control, about 26px more with a label and another
+     24px with a description). */
+  :is(ui-input, ui-password-field, ui-number-field, ui-select, ui-multi-select, ui-combobox, ui-tags-input, ui-date-field, ui-time-field, ui-date-picker, ui-time-picker, ui-date-time-picker, ui-date-range-picker, ui-date-range-time-picker):not(:defined),
+  ui-button:not(:defined),
+  ui-pagination:not(:defined) {
+    min-block-size: var(--ui-control-height-2, 32px);
+  }
+
+  :is(ui-input, ui-password-field, ui-number-field, ui-select, ui-multi-select, ui-combobox, ui-tags-input, ui-date-field, ui-time-field, ui-date-picker, ui-time-picker, ui-date-time-picker, ui-date-range-picker, ui-date-range-time-picker)[label]:not(:defined) {
+    min-block-size: calc(var(--ui-control-height-2, 32px) + 26px);
+  }
+
+  :is(ui-input, ui-password-field, ui-number-field, ui-select, ui-multi-select, ui-combobox, ui-tags-input, ui-date-field, ui-time-field, ui-date-picker, ui-time-picker, ui-date-time-picker, ui-date-range-picker, ui-date-range-time-picker)[label][description]:not(:defined) {
+    min-block-size: calc(var(--ui-control-height-2, 32px) + 50px);
+  }
+
+  ui-textarea:not(:defined) {
+    min-block-size: 122px;
+  }
+
+  ui-textarea[label]:not(:defined) {
+    min-block-size: 148px;
+  }
+
+  /* The selected panel (a server-rendered selected attribute), not the first. Browsers without
+     :nth-child(… of S) drop these rules and keep showing the first panel. */
+  ui-tabs[selected="1"]:not(:defined) > [slot="panel"]:not(:nth-child(2 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="1"]:not(:defined) > :nth-child(2 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="2"]:not(:defined) > [slot="panel"]:not(:nth-child(3 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="2"]:not(:defined) > :nth-child(3 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="3"]:not(:defined) > [slot="panel"]:not(:nth-child(4 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="3"]:not(:defined) > :nth-child(4 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="4"]:not(:defined) > [slot="panel"]:not(:nth-child(5 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="4"]:not(:defined) > :nth-child(5 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="5"]:not(:defined) > [slot="panel"]:not(:nth-child(6 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="5"]:not(:defined) > :nth-child(6 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="6"]:not(:defined) > [slot="panel"]:not(:nth-child(7 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="6"]:not(:defined) > :nth-child(7 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="7"]:not(:defined) > [slot="panel"]:not(:nth-child(8 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="7"]:not(:defined) > :nth-child(8 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="8"]:not(:defined) > [slot="panel"]:not(:nth-child(9 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="8"]:not(:defined) > :nth-child(9 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="9"]:not(:defined) > [slot="panel"]:not(:nth-child(10 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="9"]:not(:defined) > :nth-child(10 of [slot="panel"]) { display: block; }
+
+  /* Tab labels in a row of about the strip's height, instead of stacked blocks. */
+  ui-tabs:not(:defined) > [slot="tab"] {
+    display: inline-block;
+    padding: 8px 12px;
+    line-height: 20px;
+  }
+}

package/dist/preload.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Styles for the moment between server-rendered HTML and the custom elements being defined.
+ *
+ * Before `customElements.define()` runs, a ui-tabs element is an unknown inline element: every panel
+ * shows, a closed dialog's content sits in the page, a select lists its raw `<option>` text and
+ * inputs take no space, then everything jumps when the script loads. These rules (all scoped to
+ * `:not(:defined)`, so they stop applying the moment an element upgrades) give each element the
+ * display it will have, hide what it will hide, and reserve the height of form controls.
+ *
+ * Shipped as `@editora/ui-core/preload.css` and as this string (`PRELOAD_CSS`) for frameworks that
+ * inline styles; `@editora/ui-react` renders it with `<EditoraPreloadStyle />`.
+ *
+ * The display block is generated from each component's `:host` rule; preload-styles.test.ts fails
+ * when a component's display changes or a new element is missing here.
+ */
+export declare const PRELOAD_CSS = "@layer editora-preload {\n  ui-alert:not(:defined),\n  ui-alert-dialog:not(:defined),\n  ui-app-header:not(:defined),\n  ui-aspect-ratio:not(:defined),\n  ui-box:not(:defined),\n  ui-breadcrumb:not(:defined),\n  ui-calendar:not(:defined),\n  ui-card:not(:defined),\n  ui-chart:not(:defined),\n  ui-collapsible:not(:defined),\n  ui-container:not(:defined),\n  ui-context-menu:not(:defined),\n  ui-control-group:not(:defined),\n  ui-data-table:not(:defined),\n  ui-date-field:not(:defined),\n  ui-description:not(:defined),\n  ui-dialog:not(:defined),\n  ui-drawer:not(:defined),\n  ui-empty-state:not(:defined),\n  ui-field:not(:defined),\n  ui-field-error:not(:defined),\n  ui-fieldset:not(:defined),\n  ui-file-upload:not(:defined),\n  ui-form:not(:defined),\n  ui-gantt:not(:defined),\n  ui-inline-edit:not(:defined),\n  ui-input:not(:defined),\n  ui-layout:not(:defined),\n  ui-masonry-grid:not(:defined),\n  ui-meter:not(:defined),\n  ui-multi-select:not(:defined),\n  ui-navigation-menu:not(:defined),\n  ui-number-field:not(:defined),\n  ui-otp-input:not(:defined),\n  ui-panel:not(:defined),\n  ui-panel-group:not(:defined),\n  ui-password-field:not(:defined),\n  ui-pin-input:not(:defined),\n  ui-plugin-panel:not(:defined),\n  ui-progress:not(:defined),\n  ui-quick-actions:not(:defined),\n  ui-radio-group:not(:defined),\n  ui-scroll-area:not(:defined),\n  ui-section:not(:defined),\n  ui-separator:not(:defined),\n  ui-sidebar:not(:defined),\n  ui-skeleton:not(:defined),\n  ui-sortable:not(:defined),\n  ui-splitter:not(:defined),\n  ui-stepper:not(:defined),\n  ui-table:not(:defined),\n  ui-tabs:not(:defined),\n  ui-tags-input:not(:defined),\n  ui-time-field:not(:defined),\n  ui-timeline:not(:defined),\n  ui-toast:not(:defined),\n  ui-toolbar:not(:defined),\n  ui-transfer-list:not(:defined),\n  ui-tree:not(:defined),\n  ui-tree-item:not(:defined) {\n    display: block;\n  }\n\n  ui-flex:not(:defined) {\n    display: flex;\n  }\n\n  ui-command:not(:defined),\n  ui-grid:not(:defined),\n  ui-placement-grid:not(:defined) {\n    display: grid;\n  }\n\n  ui-avatar:not(:defined),\n  ui-color-picker:not(:defined),\n  ui-combobox:not(:defined),\n  ui-menu:not(:defined),\n  ui-menubar:not(:defined) {\n    display: inline-block;\n  }\n\n  ui-anchor:not(:defined),\n  ui-badge:not(:defined),\n  ui-block-controls:not(:defined),\n  ui-button:not(:defined),\n  ui-checkbox:not(:defined),\n  ui-hover-card:not(:defined),\n  ui-label:not(:defined),\n  ui-odometer:not(:defined),\n  ui-pagination:not(:defined),\n  ui-radio:not(:defined),\n  ui-rating:not(:defined),\n  ui-slot:not(:defined),\n  ui-switch:not(:defined),\n  ui-toggle:not(:defined),\n  ui-toggle-group:not(:defined) {\n    display: inline-flex;\n  }\n\n  ui-date-picker:not(:defined),\n  ui-date-range-picker:not(:defined),\n  ui-date-range-time-picker:not(:defined),\n  ui-date-time-picker:not(:defined),\n  ui-dropdown:not(:defined),\n  ui-icon:not(:defined),\n  ui-select:not(:defined),\n  ui-slider:not(:defined),\n  ui-textarea:not(:defined),\n  ui-time-picker:not(:defined) {\n    display: inline-grid;\n  }\n\n  ui-direction-provider:not(:defined),\n  ui-dismissable-layer:not(:defined),\n  ui-focus-scope:not(:defined),\n  ui-portal:not(:defined),\n  ui-positioner:not(:defined),\n  ui-presence:not(:defined),\n  ui-visually-hidden:not(:defined) {\n    display: contents;\n  }\n\n  ui-command-palette:not(:defined),\n  ui-floating-toolbar:not(:defined),\n  ui-selection-popup:not(:defined) {\n    display: none;\n  }\n\n  /* Spacing the elements draw around slotted content (default size; approximate for others). */\n  ui-tabs:not(:defined) > [slot=\"panel\"] {\n    display: block;\n    margin-block-start: 12px;\n    padding-block: 8px;\n  }\n\n  ui-card:not(:defined) {\n    display: grid;\n    gap: var(--ui-card-gap, 8px);\n    padding: var(--ui-card-padding, 16px) var(--ui-card-padding, 16px) 0;\n    border: 1px solid transparent;\n  }\n\n  /* Content the element renders itself, or only shows on demand. */\n  ui-dialog:not(:defined),\n  ui-alert-dialog:not(:defined),\n  ui-drawer:not(:defined),\n  ui-toast:not(:defined) {\n    display: none;\n  }\n\n  ui-dropdown:not(:defined) > [slot=\"content\"],\n  ui-menu:not(:defined) > [slot=\"content\"],\n  ui-menu:not(:defined) > [slot=\"item\"],\n  ui-menubar:not(:defined) > [slot=\"content\"],\n  ui-context-menu:not(:defined) > [slot=\"content\"],\n  ui-popover:not(:defined) > [slot=\"content\"],\n  ui-hover-card:not(:defined) > [slot=\"card\"],\n  ui-navigation-menu:not(:defined) > [slot=\"panel\"],\n  ui-split-button:not(:defined) > [slot=\"menuitem\"],\n  ui-select:not(:defined) > :is(option, optgroup),\n  ui-multi-select:not(:defined) > :is(option, optgroup),\n  ui-combobox:not(:defined) > :is(option, optgroup),\n  ui-tabs:not(:defined) > [slot=\"panel\"] ~ [slot=\"panel\"] {\n    display: none;\n  }\n\n  /* Form controls draw their field in the shadow root, so they take no space until defined: reserve\n     the height they will have (measured: 32px control, about 26px more with a label and another\n     24px with a description). */\n  :is(ui-input, ui-password-field, ui-number-field, ui-select, ui-multi-select, ui-combobox, ui-tags-input, ui-date-field, ui-time-field, ui-date-picker, ui-time-picker, ui-date-time-picker, ui-date-range-picker, ui-date-range-time-picker):not(:defined),\n  ui-button:not(:defined),\n  ui-pagination:not(:defined) {\n    min-block-size: var(--ui-control-height-2, 32px);\n  }\n\n  :is(ui-input, ui-password-field, ui-number-field, ui-select, ui-multi-select, ui-combobox, ui-tags-input, ui-date-field, ui-time-field, ui-date-picker, ui-time-picker, ui-date-time-picker, ui-date-range-picker, ui-date-range-time-picker)[label]:not(:defined) {\n    min-block-size: calc(var(--ui-control-height-2, 32px) + 26px);\n  }\n\n  :is(ui-input, ui-password-field, ui-number-field, ui-select, ui-multi-select, ui-combobox, ui-tags-input, ui-date-field, ui-time-field, ui-date-picker, ui-time-picker, ui-date-time-picker, ui-date-range-picker, ui-date-range-time-picker)[label][description]:not(:defined) {\n    min-block-size: calc(var(--ui-control-height-2, 32px) + 50px);\n  }\n\n  ui-textarea:not(:defined) {\n    min-block-size: 122px;\n  }\n\n  ui-textarea[label]:not(:defined) {\n    min-block-size: 148px;\n  }\n\n  /* The selected panel (a server-rendered selected attribute), not the first. Browsers without\n     :nth-child(\u2026 of S) drop these rules and keep showing the first panel. */\n  ui-tabs[selected=\"1\"]:not(:defined) > [slot=\"panel\"]:not(:nth-child(2 of [slot=\"panel\"])) { display: none; }\n  ui-tabs[selected=\"1\"]:not(:defined) > :nth-child(2 of [slot=\"panel\"]) { display: block; }\n  ui-tabs[selected=\"2\"]:not(:defined) > [slot=\"panel\"]:not(:nth-child(3 of [slot=\"panel\"])) { display: none; }\n  ui-tabs[selected=\"2\"]:not(:defined) > :nth-child(3 of [slot=\"panel\"]) { display: block; }\n  ui-tabs[selected=\"3\"]:not(:defined) > [slot=\"panel\"]:not(:nth-child(4 of [slot=\"panel\"])) { display: none; }\n  ui-tabs[selected=\"3\"]:not(:defined) > :nth-child(4 of [slot=\"panel\"]) { display: block; }\n  ui-tabs[selected=\"4\"]:not(:defined) > [slot=\"panel\"]:not(:nth-child(5 of [slot=\"panel\"])) { display: none; }\n  ui-tabs[selected=\"4\"]:not(:defined) > :nth-child(5 of [slot=\"panel\"]) { display: block; }\n  ui-tabs[selected=\"5\"]:not(:defined) > [slot=\"panel\"]:not(:nth-child(6 of [slot=\"panel\"])) { display: none; }\n  ui-tabs[selected=\"5\"]:not(:defined) > :nth-child(6 of [slot=\"panel\"]) { display: block; }\n  ui-tabs[selected=\"6\"]:not(:defined) > [slot=\"panel\"]:not(:nth-child(7 of [slot=\"panel\"])) { display: none; }\n  ui-tabs[selected=\"6\"]:not(:defined) > :nth-child(7 of [slot=\"panel\"]) { display: block; }\n  ui-tabs[selected=\"7\"]:not(:defined) > [slot=\"panel\"]:not(:nth-child(8 of [slot=\"panel\"])) { display: none; }\n  ui-tabs[selected=\"7\"]:not(:defined) > :nth-child(8 of [slot=\"panel\"]) { display: block; }\n  ui-tabs[selected=\"8\"]:not(:defined) > [slot=\"panel\"]:not(:nth-child(9 of [slot=\"panel\"])) { display: none; }\n  ui-tabs[selected=\"8\"]:not(:defined) > :nth-child(9 of [slot=\"panel\"]) { display: block; }\n  ui-tabs[selected=\"9\"]:not(:defined) > [slot=\"panel\"]:not(:nth-child(10 of [slot=\"panel\"])) { display: none; }\n  ui-tabs[selected=\"9\"]:not(:defined) > :nth-child(10 of [slot=\"panel\"]) { display: block; }\n\n  /* Tab labels in a row of about the strip's height, instead of stacked blocks. */\n  ui-tabs:not(:defined) > [slot=\"tab\"] {\n    display: inline-block;\n    padding: 8px 12px;\n    line-height: 20px;\n  }\n}\n";
+//# sourceMappingURL=preload.d.ts.map

package/dist/preload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preload.d.ts","sourceRoot":"","sources":["../src/preload.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,o8QA4NvB,CAAC"}

package/dist/preload.esm.js

@@ -0,0 +1,224 @@
+const e = `@layer editora-preload {
+  ui-alert:not(:defined),
+  ui-alert-dialog:not(:defined),
+  ui-app-header:not(:defined),
+  ui-aspect-ratio:not(:defined),
+  ui-box:not(:defined),
+  ui-breadcrumb:not(:defined),
+  ui-calendar:not(:defined),
+  ui-card:not(:defined),
+  ui-chart:not(:defined),
+  ui-collapsible:not(:defined),
+  ui-container:not(:defined),
+  ui-context-menu:not(:defined),
+  ui-control-group:not(:defined),
+  ui-data-table:not(:defined),
+  ui-date-field:not(:defined),
+  ui-description:not(:defined),
+  ui-dialog:not(:defined),
+  ui-drawer:not(:defined),
+  ui-empty-state:not(:defined),
+  ui-field:not(:defined),
+  ui-field-error:not(:defined),
+  ui-fieldset:not(:defined),
+  ui-file-upload:not(:defined),
+  ui-form:not(:defined),
+  ui-gantt:not(:defined),
+  ui-inline-edit:not(:defined),
+  ui-input:not(:defined),
+  ui-layout:not(:defined),
+  ui-masonry-grid:not(:defined),
+  ui-meter:not(:defined),
+  ui-multi-select:not(:defined),
+  ui-navigation-menu:not(:defined),
+  ui-number-field:not(:defined),
+  ui-otp-input:not(:defined),
+  ui-panel:not(:defined),
+  ui-panel-group:not(:defined),
+  ui-password-field:not(:defined),
+  ui-pin-input:not(:defined),
+  ui-plugin-panel:not(:defined),
+  ui-progress:not(:defined),
+  ui-quick-actions:not(:defined),
+  ui-radio-group:not(:defined),
+  ui-scroll-area:not(:defined),
+  ui-section:not(:defined),
+  ui-separator:not(:defined),
+  ui-sidebar:not(:defined),
+  ui-skeleton:not(:defined),
+  ui-sortable:not(:defined),
+  ui-splitter:not(:defined),
+  ui-stepper:not(:defined),
+  ui-table:not(:defined),
+  ui-tabs:not(:defined),
+  ui-tags-input:not(:defined),
+  ui-time-field:not(:defined),
+  ui-timeline:not(:defined),
+  ui-toast:not(:defined),
+  ui-toolbar:not(:defined),
+  ui-transfer-list:not(:defined),
+  ui-tree:not(:defined),
+  ui-tree-item:not(:defined) {
+    display: block;
+  }
+
+  ui-flex:not(:defined) {
+    display: flex;
+  }
+
+  ui-command:not(:defined),
+  ui-grid:not(:defined),
+  ui-placement-grid:not(:defined) {
+    display: grid;
+  }
+
+  ui-avatar:not(:defined),
+  ui-color-picker:not(:defined),
+  ui-combobox:not(:defined),
+  ui-menu:not(:defined),
+  ui-menubar:not(:defined) {
+    display: inline-block;
+  }
+
+  ui-anchor:not(:defined),
+  ui-badge:not(:defined),
+  ui-block-controls:not(:defined),
+  ui-button:not(:defined),
+  ui-checkbox:not(:defined),
+  ui-hover-card:not(:defined),
+  ui-label:not(:defined),
+  ui-odometer:not(:defined),
+  ui-pagination:not(:defined),
+  ui-radio:not(:defined),
+  ui-rating:not(:defined),
+  ui-slot:not(:defined),
+  ui-switch:not(:defined),
+  ui-toggle:not(:defined),
+  ui-toggle-group:not(:defined) {
+    display: inline-flex;
+  }
+
+  ui-date-picker:not(:defined),
+  ui-date-range-picker:not(:defined),
+  ui-date-range-time-picker:not(:defined),
+  ui-date-time-picker:not(:defined),
+  ui-dropdown:not(:defined),
+  ui-icon:not(:defined),
+  ui-select:not(:defined),
+  ui-slider:not(:defined),
+  ui-textarea:not(:defined),
+  ui-time-picker:not(:defined) {
+    display: inline-grid;
+  }
+
+  ui-direction-provider:not(:defined),
+  ui-dismissable-layer:not(:defined),
+  ui-focus-scope:not(:defined),
+  ui-portal:not(:defined),
+  ui-positioner:not(:defined),
+  ui-presence:not(:defined),
+  ui-visually-hidden:not(:defined) {
+    display: contents;
+  }
+
+  ui-command-palette:not(:defined),
+  ui-floating-toolbar:not(:defined),
+  ui-selection-popup:not(:defined) {
+    display: none;
+  }
+
+  /* Spacing the elements draw around slotted content (default size; approximate for others). */
+  ui-tabs:not(:defined) > [slot="panel"] {
+    display: block;
+    margin-block-start: 12px;
+    padding-block: 8px;
+  }
+
+  ui-card:not(:defined) {
+    display: grid;
+    gap: var(--ui-card-gap, 8px);
+    padding: var(--ui-card-padding, 16px) var(--ui-card-padding, 16px) 0;
+    border: 1px solid transparent;
+  }
+
+  /* Content the element renders itself, or only shows on demand. */
+  ui-dialog:not(:defined),
+  ui-alert-dialog:not(:defined),
+  ui-drawer:not(:defined),
+  ui-toast:not(:defined) {
+    display: none;
+  }
+
+  ui-dropdown:not(:defined) > [slot="content"],
+  ui-menu:not(:defined) > [slot="content"],
+  ui-menu:not(:defined) > [slot="item"],
+  ui-menubar:not(:defined) > [slot="content"],
+  ui-context-menu:not(:defined) > [slot="content"],
+  ui-popover:not(:defined) > [slot="content"],
+  ui-hover-card:not(:defined) > [slot="card"],
+  ui-navigation-menu:not(:defined) > [slot="panel"],
+  ui-split-button:not(:defined) > [slot="menuitem"],
+  ui-select:not(:defined) > :is(option, optgroup),
+  ui-multi-select:not(:defined) > :is(option, optgroup),
+  ui-combobox:not(:defined) > :is(option, optgroup),
+  ui-tabs:not(:defined) > [slot="panel"] ~ [slot="panel"] {
+    display: none;
+  }
+
+  /* Form controls draw their field in the shadow root, so they take no space until defined: reserve
+     the height they will have (measured: 32px control, about 26px more with a label and another
+     24px with a description). */
+  :is(ui-input, ui-password-field, ui-number-field, ui-select, ui-multi-select, ui-combobox, ui-tags-input, ui-date-field, ui-time-field, ui-date-picker, ui-time-picker, ui-date-time-picker, ui-date-range-picker, ui-date-range-time-picker):not(:defined),
+  ui-button:not(:defined),
+  ui-pagination:not(:defined) {
+    min-block-size: var(--ui-control-height-2, 32px);
+  }
+
+  :is(ui-input, ui-password-field, ui-number-field, ui-select, ui-multi-select, ui-combobox, ui-tags-input, ui-date-field, ui-time-field, ui-date-picker, ui-time-picker, ui-date-time-picker, ui-date-range-picker, ui-date-range-time-picker)[label]:not(:defined) {
+    min-block-size: calc(var(--ui-control-height-2, 32px) + 26px);
+  }
+
+  :is(ui-input, ui-password-field, ui-number-field, ui-select, ui-multi-select, ui-combobox, ui-tags-input, ui-date-field, ui-time-field, ui-date-picker, ui-time-picker, ui-date-time-picker, ui-date-range-picker, ui-date-range-time-picker)[label][description]:not(:defined) {
+    min-block-size: calc(var(--ui-control-height-2, 32px) + 50px);
+  }
+
+  ui-textarea:not(:defined) {
+    min-block-size: 122px;
+  }
+
+  ui-textarea[label]:not(:defined) {
+    min-block-size: 148px;
+  }
+
+  /* The selected panel (a server-rendered selected attribute), not the first. Browsers without
+     :nth-child(… of S) drop these rules and keep showing the first panel. */
+  ui-tabs[selected="1"]:not(:defined) > [slot="panel"]:not(:nth-child(2 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="1"]:not(:defined) > :nth-child(2 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="2"]:not(:defined) > [slot="panel"]:not(:nth-child(3 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="2"]:not(:defined) > :nth-child(3 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="3"]:not(:defined) > [slot="panel"]:not(:nth-child(4 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="3"]:not(:defined) > :nth-child(4 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="4"]:not(:defined) > [slot="panel"]:not(:nth-child(5 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="4"]:not(:defined) > :nth-child(5 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="5"]:not(:defined) > [slot="panel"]:not(:nth-child(6 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="5"]:not(:defined) > :nth-child(6 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="6"]:not(:defined) > [slot="panel"]:not(:nth-child(7 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="6"]:not(:defined) > :nth-child(7 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="7"]:not(:defined) > [slot="panel"]:not(:nth-child(8 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="7"]:not(:defined) > :nth-child(8 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="8"]:not(:defined) > [slot="panel"]:not(:nth-child(9 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="8"]:not(:defined) > :nth-child(9 of [slot="panel"]) { display: block; }
+  ui-tabs[selected="9"]:not(:defined) > [slot="panel"]:not(:nth-child(10 of [slot="panel"])) { display: none; }
+  ui-tabs[selected="9"]:not(:defined) > :nth-child(10 of [slot="panel"]) { display: block; }
+
+  /* Tab labels in a row of about the strip's height, instead of stacked blocks. */
+  ui-tabs:not(:defined) > [slot="tab"] {
+    display: inline-block;
+    padding: 8px 12px;
+    line-height: 20px;
+  }
+}
+`;
+export {
+  e as PRELOAD_CSS
+};

package/dist/presence.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-DxbvhLJs.js"),l=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-CbUsP3D6.js"),l=`
   :host {
     --ui-presence-duration-enter: 180ms;
     --ui-presence-duration-exit: 150ms;

package/dist/presence.esm.js

@@ -1,4 +1,4 @@
-import { E as c } from "./ElementBase-BeZT54Hj.mjs";
+import { E as c } from "./ElementBase-D5QsC5Vw.mjs";
 const d = `
   :host {
     --ui-presence-duration-enter: 180ms;

package/dist/primitives/clone-source.d.ts

@@ -0,0 +1,3 @@
+export declare function hideCloneSource(source: Element | null | undefined): void;
+export declare function revealClone<T extends Element>(clone: T): T;
+//# sourceMappingURL=clone-source.d.ts.map

package/dist/primitives/clone-source.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clone-source.d.ts","sourceRoot":"","sources":["../../src/primitives/clone-source.ts"],"names":[],"mappings":"AAWA,wBAAgB,eAAe,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAKxE;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAM1D"}

package/dist/primitives/focus-scope.d.ts

@@ -16,5 +16,11 @@ export interface FocusScopeHandle {
     pause(): void;
     resume(): void;
 }
+/** Focusable elements inside `node`, in flat-tree (rendered) order, across slots and shadow roots. */
+export declare function getFocusable(node: HTMLElement): HTMLElement[];
+/** The focused element, looking through open shadow roots. */
+export declare function deepActiveElement(): HTMLElement | null;
+/** Whether `node` is inside `container` in the composed tree (through slots and shadow hosts). */
+export declare function composedContains(container: Node, node: Node | null): boolean;
 export declare function createFocusScope(options: FocusScopeOptions): FocusScopeHandle;
 //# sourceMappingURL=focus-scope.d.ts.map

package/dist/primitives/focus-scope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focus-scope.d.ts","sourceRoot":"","sources":["../../src/primitives/focus-scope.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC;IACxD,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAC/D,UAAU,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,IAAI,IAAI,CAAC;IAChB,UAAU,IAAI,IAAI,CAAC;IACnB,SAAS,IAAI,IAAI,CAAC;IAClB,YAAY,IAAI,IAAI,CAAC;IACrB,KAAK,IAAI,IAAI,CAAC;IACd,MAAM,IAAI,IAAI,CAAC;CAChB;AA0FD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAkI7E"}
+{"version":3,"file":"focus-scope.d.ts","sourceRoot":"","sources":["../../src/primitives/focus-scope.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC;IACxD,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAC/D,UAAU,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,IAAI,IAAI,CAAC;IAChB,UAAU,IAAI,IAAI,CAAC;IACnB,SAAS,IAAI,IAAI,CAAC;IAClB,YAAY,IAAI,IAAI,CAAC;IACrB,KAAK,IAAI,IAAI,CAAC;IACd,MAAM,IAAI,IAAI,CAAC;CAChB;AA2DD,sGAAsG;AACtG,wBAAgB,YAAY,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW,EAAE,CAa7D;AAED,8DAA8D;AAC9D,wBAAgB,iBAAiB,IAAI,WAAW,GAAG,IAAI,CAItD;AAED,kGAAkG;AAClG,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAY5E;AAkDD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAkI7E"}

package/dist/primitives/form-control.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Form association for elements whose real control lives in a shadow root (or is drawn entirely by
+ * the element). Without it a surrounding <form> never sees the field: FormData has no entry,
+ * form.reset() does nothing, a disabled <fieldset> does not disable it and `required` does not
+ * block submission.
+ *
+ * The element declares `static formAssociated = true`, creates one of these in its constructor and
+ * forwards `formResetCallback` / `formDisabledCallback`. Everything else is observed from the host:
+ * its attributes and the `input` / `change` events it dispatches, so a component does not have to
+ * call into this from every place its value changes.
+ */
+export type FormControlValue = string | string[] | null;
+export type FormControlValidity = {
+    /** A native control in the shadow root whose validity is reported as the element's. */
+    control?: (HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement) | null;
+    /** Otherwise: true when the element is `required` and empty. */
+    valueMissing?: boolean;
+    message?: string;
+    /** Focusable element the browser points its validation message at. */
+    anchor?: HTMLElement | null;
+};
+export type FormControlOptions = {
+    /** The submitted value: a string, several strings (one entry each), or null for "no entry". */
+    getValue: () => FormControlValue;
+    getValidity?: () => FormControlValidity;
+    /**
+     * The attribute that holds the state form.reset() restores (`value`, or `checked` as a presence
+     * attribute). Its value is remembered until the user changes the field, as `defaultValue` is.
+     */
+    defaultAttribute: string;
+    /** Called when a disabled <fieldset> (or form owner) disables or re-enables the element. */
+    onFormDisabled?: (disabled: boolean) => void;
+    /** Extra host attributes that affect the value or validity (besides name/required/disabled). */
+    observe?: string[];
+};
+type Internals = ElementInternals & {
+    form?: HTMLFormElement | null;
+    setFormValue?: (value: string | FormData | null) => void;
+    setValidity?: (flags: ValidityStateFlags, message?: string, anchor?: HTMLElement) => void;
+};
+export declare class FormControl {
+    private readonly host;
+    private readonly options;
+    readonly internals: Internals | null;
+    private _default;
+    private _dirty;
+    private _restoring;
+    private _formDisabled;
+    private _observer;
+    private _queued;
+    constructor(host: HTMLElement, options: FormControlOptions);
+    get form(): HTMLFormElement | null;
+    /** True while a disabled fieldset disables the element (its own `disabled` attribute aside). */
+    get disabledByForm(): boolean;
+    /** Call from connectedCallback. */
+    connect(): void;
+    /** Call from disconnectedCallback. */
+    disconnect(): void;
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
+    /** Re-reads value and validity on the next microtask (several changes usually come together). */
+    sync(): void;
+    syncNow(): void;
+    private _onUserChange;
+}
+export declare function isRequired(host: HTMLElement): boolean;
+export {};
+//# sourceMappingURL=form-control.d.ts.map

package/dist/primitives/form-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../src/primitives/form-control.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG;IAChC,uFAAuF;IACvF,OAAO,CAAC,EAAE,CAAC,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC,GAAG,IAAI,CAAC;IAC9E,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,+FAA+F;IAC/F,QAAQ,EAAE,MAAM,gBAAgB,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,mBAAmB,CAAC;IACxC;;;OAGG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,gGAAgG;IAChG,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,KAAK,SAAS,GAAG,gBAAgB,GAAG;IAClC,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3F,CAAC;AAEF,qBAAa,WAAW;IASV,OAAO,CAAC,QAAQ,CAAC,IAAI;IAAe,OAAO,CAAC,QAAQ,CAAC,OAAO;IARxE,QAAQ,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IACrC,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,OAAO,CAAS;gBAEK,IAAI,EAAE,WAAW,EAAmB,OAAO,EAAE,kBAAkB;IAW5F,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAMjC;IAED,gGAAgG;IAChG,IAAI,cAAc,IAAI,OAAO,CAE5B;IAED,mCAAmC;IACnC,OAAO,IAAI,IAAI;IAmBf,sCAAsC;IACtC,UAAU,IAAI,IAAI;IAOlB,iBAAiB,IAAI,IAAI;IAazB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAM7C,iGAAiG;IACjG,IAAI,IAAI,IAAI;IASZ,OAAO,IAAI,IAAI;IAiCf,OAAO,CAAC,aAAa;CAMtB;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAGrD"}

package/dist/primitives/implicit-submit.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Implicit form submission for text fields that render their `<input>` inside a shadow root.
+ *
+ * A browser only submits a form on Enter when the focused input belongs to that form, and an input
+ * in a shadow root never does, so pressing Enter in a ui-input inside a `<form>` did nothing.
+ * This reproduces the native behaviour: activate the form's default button (its first submit
+ * button) when there is one and it is enabled, otherwise request a submit. Inside a ui-form element
+ * (whose `<form>` lives in its own shadow root) it calls that element's `requestSubmit()`.
+ */
+export declare function submitImplicitly(host: HTMLElement, form?: HTMLFormElement | null): void;
+/**
+ * Call from the inner input's `keydown`. Submission waits until the event has finished
+ * dispatching, so any keydown listener (on the field, the host or the page) can still cancel it
+ * with `preventDefault()`, as it could cancel the native default action.
+ */
+export declare function scheduleImplicitSubmit(event: KeyboardEvent, host: HTMLElement, form?: () => HTMLFormElement | null): void;
+//# sourceMappingURL=implicit-submit.d.ts.map

package/dist/primitives/implicit-submit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"implicit-submit.d.ts","sourceRoot":"","sources":["../../src/primitives/implicit-submit.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA8BH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI,CAgBvF;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAOzH"}

package/dist/primitives/navigate.d.ts

@@ -0,0 +1,27 @@
+/**
+ * One link contract for every component that renders links (Sidebar, Breadcrumb, Tabs, Pagination).
+ *
+ * Before the browser follows a link the element dispatches a cancelable `navigate` event:
+ *   detail: { href, ...component-specific fields }
+ * Calling `preventDefault()` keeps the page so the app's router can handle `href`
+ * (React: `onNavigate`, or one `<NavigationProvider navigate={…}>` for the whole app). Setting
+ * `navigation="client"` on the element always keeps the page. Clicks that open a new tab or window
+ * (a modifier key, the middle button, a `target` other than `_self`) are left to the browser and
+ * dispatch nothing.
+ */
+export type NavigateDetail = {
+    href: string;
+} & Record<string, unknown>;
+/**
+ * Dispatches `navigate` for a link activation. Returns true when the page should be kept (the
+ * listener prevented it, or the element is `navigation="client"`); the caller then prevents the
+ * native navigation (`originalEvent.preventDefault()` for an <a>, or simply does not navigate).
+ * Returns false, without dispatching, for clicks that open a new tab or window.
+ */
+export declare function requestNavigate(host: HTMLElement, detail: NavigateDetail, originalEvent?: Event | null, linkTarget?: string): boolean;
+/**
+ * For components whose links are not <a> elements (tab buttons): ask, and follow the link with
+ * a full navigation only if nothing kept the page.
+ */
+export declare function navigateTo(host: HTMLElement, detail: NavigateDetail): void;
+//# sourceMappingURL=navigate.d.ts.map

package/dist/primitives/navigate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigate.d.ts","sourceRoot":"","sources":["../../src/primitives/navigate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AASxE;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,cAAc,EACtB,aAAa,CAAC,EAAE,KAAK,GAAG,IAAI,EAC5B,UAAU,SAAK,GACd,OAAO,CAKT;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,GAAG,IAAI,CAG1E"}

package/dist/primitives/number-attribute.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Reads a numeric attribute value. A missing or blank attribute, or one that is not a number,
+ * gives `fallback`. (`Number(null)` and `Number('')` are 0, so a bare `Number(getAttribute(x))`
+ * silently turned "not set" into 0 and bypassed the documented default.)
+ */
+export declare function numberAttribute(raw: string | null, fallback: number): number;
+//# sourceMappingURL=number-attribute.d.ts.map