@threadlabs/looma 0.24.1 → 0.25.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.24.1",
+  "version": "0.25.1",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",
@@ -77,7 +77,7 @@
     "./*.css"
   ],
   "dependencies": {
-    "@nextwebwg/html-next": "1.0.0-alpha.26",
+    "@nextwebwg/html-next": "1.0.0-alpha.29",
     "dompurify": "3.4.15",
     "highlight.js": "11.11.2",
     "lowlight": "^3.3.0",
@@ -88,7 +88,7 @@
     "@tiptap/core": ">=2 <3",
     "@tiptap/pm": ">=2 <3",
     "@tiptap/vue-3": ">=2 <3",
-    "vue": "^3.5.0"
+    "vue": "^3.5.43"
   },
   "peerDependenciesMeta": {
     "@tiptap/core": {

package/styles/ui-action-bar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-action-bar-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-affordance-scope.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-affordance-scope"]) to ([data-component], [data-slotted]) {
 :scope {
       display: contents;

package/styles/ui-avatar-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-avatar-group-edge-ring {
       syntax: "*";
       inherits: false;

package/styles/ui-avatar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-avatar-border {
       syntax: "*";
       inherits: false;

package/styles/ui-badge.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-badge-border {
       syntax: "*";
       inherits: false;

package/styles/ui-breadcrumb-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-breadcrumb-item"]) to ([data-component], [data-slotted]) {
 /* One step in a ui-breadcrumbs trail: a link up to that place, or the current view. A chevron leads
        every step but the first. An icon slotted before the name sits with it. */

package/styles/ui-breadcrumbs.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-breadcrumbs"]) to ([data-component], [data-slotted]) {
 /* Where a view sits: a trail of ui-breadcrumb-item, from the top down to the current view. It wraps
        rather than scrolls, so every step stays reachable. */

package/styles/ui-button.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-button-active-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-callout.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-callout-border {
       syntax: "*";
       inherits: false;

package/styles/ui-card.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-card"]) to ([data-component], [data-slotted]) {
 /* A surface that groups content. Its children stack with even space between them, so a card
        needs no layout of its own. */

package/styles/ui-checkbox.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-checkbox-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-cluster.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-cluster-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-combobox.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-combobox-affordance-text {
       syntax: "*";
       inherits: false;

package/styles/ui-container.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-container-gutters {
       syntax: "*";
       inherits: false;

package/styles/ui-context-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-context-menu-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-cover.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-cover"]) to ([data-component], [data-slotted]) {
 /* A layout primitive that centres its content in the space, both ways, with room around it: the
        frame for a view that is one card or one message. */

package/styles/ui-description-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-description-item"]) to ([data-component], [data-slotted]) {
 /* One term and its value in a ui-description-list, laid out by the list's layout. */
     :scope {

package/styles/ui-description-list.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-description-list"]) to ([data-component], [data-slotted]) {
 /* Named values: a term and what it is, for each item (ui-description-item). */
     /* Rows line every term up in one column and every value in the next, through subgrid. */

package/styles/ui-dialog.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-dialog-duration {
       syntax: "*";
       inherits: false;

package/styles/ui-disclosure.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-disclosure-trigger-min-block-size {
       syntax: "*";
       inherits: false;
@@ -133,7 +133,7 @@
       border-block-end: 0;
       border-block-start: var(--ui-border-width) solid var(--ui-border-divider);
     }
-    :scope[data-ui-disclosure-state~="fill"][data-ui-disclosure-state~="internalOpen"] {
+    :scope[data-ui-disclosure-state~="fill"]:scope[data-ui-disclosure-state~="internalOpen"] {
       flex-grow: 1;
     }
     :scope[data-ui-disclosure-state~="fill"] .heading {

package/styles/ui-editable.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-editable"]) to ([data-component], [data-slotted]) {
 :scope {
       display: flex;

package/styles/ui-editor-insert-table-grid.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-editor-insert-table-grid"]) to ([data-component], [data-slotted]) {
 :scope {
       padding: var(--ui-space-3);

package/styles/ui-editor-mention-menu-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-editor-mention-menu-item"]) to ([data-component], [data-slotted]) {
 :scope {
       display: flex;

package/styles/ui-editor-mention-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-editor-mention-menu"]) to ([data-component], [data-slotted]) {
 :scope {
       user-select: none;

package/styles/ui-editor-slash-menu-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-editor-slash-menu-group"]) to ([data-component], [data-slotted]) {
 :scope {
       display: block;

package/styles/ui-editor-slash-menu-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-editor-slash-menu-item"]) to ([data-component], [data-slotted]) {
 :scope {
       display: flex;

package/styles/ui-editor-slash-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-editor-slash-menu"]) to ([data-component], [data-slotted]) {
 :scope {
       user-select: none;

package/styles/ui-editor-table-context-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-editor-table-context-menu"]) to ([data-component], [data-slotted]) {
 :scope {
       /* The max-width is a promise about the menu's footprint, so it counts padding and border. */

package/styles/ui-editor-table-overlay.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-editor-table-overlay"]) to ([data-component], [data-slotted]) {
 :scope {
       display: block;

package/styles/ui-editor-table-toolbar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-editor-table-toolbar"]) to ([data-component], [data-slotted]) {
 .looma-editor__mobile-toolbar-shell :scope {
       min-width: max-content;

package/styles/ui-editor-toolbar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-editor-toolbar"]) to ([data-component], [data-slotted]) {
 :scope {
       position: sticky;

package/styles/ui-floating-action-button.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-floating-action-button-inset-block-end {
       syntax: "*";
       inherits: false;

package/styles/ui-form-field.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-form-field-danger {
       syntax: "*";
       inherits: false;

package/styles/ui-grid.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-grid-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-icon-button.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-icon-button-active-scale {
       syntax: "*";
       inherits: false;

package/styles/ui-icon.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-icon-size {
       syntax: "*";
       inherits: false;

package/styles/ui-image.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-image"]) to ([data-component], [data-slotted]) {
 :scope {
       display: flex;

package/styles/ui-input-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-input-group-radius {
       syntax: "*";
       inherits: false;
@@ -35,6 +35,17 @@
       --_ui-default-input-focus-outline: none;
       --_ui-default-input-radius: 0;
       --_ui-default-input-surface: transparent;
+      --_ui-default-textarea-border-width: 0;
+      --_ui-default-textarea-border: transparent;
+      --_ui-default-textarea-border-hover: transparent;
+      --_ui-default-textarea-focus-border: transparent;
+      --_ui-default-textarea-invalid-border: transparent;
+      --_ui-default-textarea-invalid-focus-shadow: none;
+      --_ui-default-textarea-shadow: none;
+      --_ui-default-textarea-focus-shadow: none;
+      --_ui-default-textarea-focus-outline: none;
+      --_ui-default-textarea-radius: 0;
+      --_ui-default-textarea-surface: transparent;
 
       display: flex;
       align-items: stretch;
@@ -68,13 +79,13 @@
       }
     }
 
-    :scope:hover:not(:has(input:focus, input:disabled, input:read-only, [aria-invalid="true"], :is(:user-invalid, [data-user-invalid]))) {
+    :scope:hover:not(:has(:is(input, textarea):focus, :is(input, textarea):disabled, :is(input, textarea):read-only, [aria-invalid="true"], :is(:user-invalid, [data-user-invalid]))) {
       border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
     }
 
     /* The ring shows when the field's input would show its own: when it is focus-visible, which a
        text input is for a pointer as well as a keyboard. A focused action button draws its own. */
-    :scope:has(.field input:focus-visible) {
+    :scope:has(.field :is(input, textarea):focus-visible) {
       border-color: var(--ui-control-focus, var(--ui-accent-solid));
       box-shadow:
         var(--ui-control-inset),
@@ -85,7 +96,7 @@
       border-color: var(--ui-input-group-invalid-border, var(--ui-field-danger, var(--ui-danger-solid)));
     }
 
-    :scope:has(input:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible) {
+    :scope:has(:is(input, textarea):is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible) {
       box-shadow: var(
         --ui-input-group-invalid-focus-shadow,
         var(--ui-control-inset),
@@ -99,14 +110,14 @@
 
     /* Forced colors drop box shadows, so the focus ring becomes an outline. */
     @media (forced-colors: active) {
-      :scope:has(input:focus-visible) {
+      :scope:has(:is(input, textarea):focus-visible) {
         outline: var(--ui-focus-width) solid Highlight;
         outline-offset: var(--ui-border-width);
       }
     }
 
     :scope[data-ui-input-group-state~="disabled"],
-    :scope:has(input:disabled) {
+    :scope:has(:is(input, textarea):disabled) {
       background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
       box-shadow: none;
       cursor: not-allowed;
@@ -161,6 +172,23 @@
       padding-inline: var(--ui-space-1);
     }
 
+    /* Multiline text owns the first row; its action remains inside the same frame below it. */
+    :scope[data-ui-input-group-state~="multiline"] {
+      display: grid;
+      grid-template-columns: auto minmax(0, 1fr) auto;
+    }
+
+    :scope[data-ui-input-group-state~="multiline"] .field {
+      grid-column: 2;
+    }
+
+    :scope[data-ui-input-group-state~="multiline"] .action {
+      grid-column: 1 / -1;
+      justify-content: end;
+      padding: var(--ui-space-2);
+      padding-block-start: 0;
+    }
+
     .affix:empty,
     .action:empty {
       display: none;
@@ -198,5 +226,7 @@
     /* Centred rather than padded above and below: the group is exactly a lone Input's height, so a
        small button sits inside it with the difference split evenly, and the field keeps its height. */
 
+    /* Multiline text owns the first row; its action remains inside the same frame below it. */
+
     /* A component that sets its display still honours the hidden attribute on its root. */
 }

package/styles/ui-input.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-input-border {
       syntax: "*";
       inherits: false;

package/styles/ui-list-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-list-item-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-list.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-list-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-listbox.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-listbox-radius {
       syntax: "*";
       inherits: false;

package/styles/ui-menu-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-menu-group"]) to ([data-component], [data-slotted]) {
 :scope {
       display: flex;

package/styles/ui-menu-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-menu-item-font-size {
       syntax: "*";
       inherits: false;

package/styles/ui-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-menu-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-meter.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-meter-inline-size {
       syntax: "*";
       inherits: false;

package/styles/ui-nav-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-nav-item-current-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-page-header.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-page-header"]) to ([data-component], [data-slotted]) {
 /* The top of a view: its title (the page's one h1), with an optional icon or mark before it, a
        short eyebrow above it, a line or two of description under it, and the view's own actions at

package/styles/ui-popover.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-popover-surface {
       syntax: "*";
       inherits: false;

package/styles/ui-radio-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-radio-group-invalid-text {
       syntax: "*";
       inherits: false;

package/styles/ui-radio.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-radio-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-reel.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-reel-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-scroll-area.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-scroll-area"]) to ([data-component], [data-slotted]) {
 /* The controller sets each fade length from overflow and scroll position. The mask blends
        into whatever is behind the area without needing to know its colour. Before upgrade, its

package/styles/ui-search-result-row.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-search-result-row-border {
       syntax: "*";
       inherits: false;

package/styles/ui-search-shell.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-search-shell-border {
       syntax: "*";
       inherits: false;

package/styles/ui-section.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-section"]) to ([data-component], [data-slotted]) {
 /* A part of a view: a heading, an optional line under it, actions for the whole section at its
        end, and the content. Sections space themselves out through the Stack around them. */

package/styles/ui-select.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-select-border {
       syntax: "*";
       inherits: false;

package/styles/ui-separator.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-separator-color {
       syntax: "*";
       inherits: false;

package/styles/ui-sidebar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-sidebar-backdrop {
       syntax: "*";
       inherits: false;
@@ -87,7 +87,7 @@
     :scope[data-ui-sidebar-state~="internalCollapsed"]:not([popover]) .content {
       transform: translateX(-100%);
     }
-    :scope[data-ui-sidebar-state~="side=end"][data-ui-sidebar-state~="internalCollapsed"]:not([popover]) .content {
+    :scope[data-ui-sidebar-state~="side=end"]:scope[data-ui-sidebar-state~="internalCollapsed"]:not([popover]) .content {
       transform: translateX(100%);
     }
 

package/styles/ui-spinner.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @keyframes ui-spinner-rotate {
       100% {
         transform: rotate(1turn);

package/styles/ui-stack.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-stack-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-status-message.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-status-message"]) to ([data-component], [data-slotted]) {
 /* The one way a view says it is loading, has nothing yet, or failed, with an optional next step.
        Every view says it the same way, in the same place, at the same size. */

package/styles/ui-switch.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-switch-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-switcher.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-switcher-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-table.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-table"]) to ([data-component], [data-slotted]) {
 /* Styles an authored <table> (caption, thead, tbody, th scope) without replacing it: the table is
        meaningful before JavaScript, and a screen reader reads it as a table. The root scrolls a table

package/styles/ui-tabs.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @property --ui-tabs-tab-min-block-size {
       syntax: "*";
       inherits: false;

package/styles/ui-text.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.26. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.29. Do not edit. */
 @scope ([data-component~="ui-text"]) to ([data-component], [data-slotted]) {
 /* Running text, set on the type scale and in a tone that says what it is, so a view never styles
        text of its own. The root is a paragraph unless as= names a span, div, small, strong, label, or