@threadlabs/looma 0.31.3 → 0.31.4

package/styles/ui-dialog.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -253,3 +253,234 @@
     @media (pointer: coarse) {
     }
 }
+@scope ([data-slotted~="ui-dialog"]:not([data-component])) to ([data-component], [data-slotted]) {
+/* This component's hooks style the element they are set on, and never a nested one. */
+    @property --ui-dialog-duration {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-dialog-surface {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-dialog-border {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-dialog-radius {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-dialog-shadow {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-dialog-max-width {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-dialog-viewport-gap {
+      syntax: "*";
+      inherits: false;
+    }
+
+    :where([data-component~="ui-dialog"]):where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"]))) {
+      /* Hooks do not inherit, so the parts below read them from the root. */
+      --_ui-dialog-duration: var(--ui-dialog-duration);
+
+      position: fixed;
+      inset: 0;
+      box-sizing: border-box;
+      inline-size: min(
+        calc(100% - var(--ui-dialog-viewport-gap, var(--ui-space-4)) * 2),
+        var(--ui-dialog-max-width, var(--_ui-dialog-size, 440px))
+      );
+      max-inline-size: none;
+      max-block-size: calc(100dvh - var(--ui-dialog-viewport-gap, var(--ui-space-4)) * 2);
+      margin: auto;
+      padding: 0;
+      overflow: hidden;
+      flex-direction: column;
+      background: var(--ui-dialog-surface, var(--ui-overlay-surface, var(--ui-surface-elevated)));
+      border: var(--ui-border-width) solid var(--ui-dialog-border, var(--ui-overlay-border, var(--ui-border-strong)));
+      border-radius: var(--ui-dialog-radius, var(--ui-overlay-radius, var(--ui-radius-dialog)));
+      box-shadow: var(--ui-dialog-shadow, var(--ui-overlay-shadow, var(--ui-elevation-dialog, var(--ui-shadow-xl))));
+      visibility: hidden;
+      pointer-events: none;
+      opacity: 0;
+      transform: scale(0.96);
+      transition:
+        opacity var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease),
+        transform var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease),
+        visibility var(--ui-dialog-duration, var(--ui-motion-base)),
+        display var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease) allow-discrete,
+        overlay var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease) allow-discrete;
+    }
+
+    :where([data-component~="ui-dialog"])[open]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"]))) {
+      display: flex;
+      visibility: visible;
+      pointer-events: auto;
+      opacity: 1;
+      transform: scale(1);
+      animation: ui-dialog-enter var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease);
+    }
+
+    :where([data-component~="ui-dialog"])[data-ui-dialog-state~="size=sm"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"]))) {
+      --_ui-dialog-size: 360px;
+    }
+
+    :where([data-component~="ui-dialog"])[data-ui-dialog-state~="size=lg"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"]))) {
+      --_ui-dialog-size: 640px;
+    }
+
+    :where([data-component~="ui-dialog"])[data-ui-dialog-state~="size=fullscreen"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"]))) {
+      inset: 0;
+      inline-size: 100%;
+      block-size: 100dvh;
+      max-block-size: none;
+      margin: 0;
+      border-radius: var(--ui-dialog-radius, 0);
+    }
+
+    :where([data-component~="ui-dialog"])[data-ui-dialog-state~="alert"] .close:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"]))) {
+      display: none;
+    }
+
+    /* Own the layout wrapper; nested component roots are outside these scoped rules. */
+    header:where(:scope, :scope *) {
+      display: flex;
+      align-items: center;
+      gap: var(--ui-space-3);
+      flex: none;
+      /* The title's ink sits inside its line box and the taller close target. Balance that
+         visible top inset against the action row's bottom inset, not just the boxes. */
+      padding: calc(var(--ui-space-3) + var(--ui-space-1) / 2) var(--ui-space-3) var(--ui-space-3) var(--ui-space-5);
+    }
+
+    /* Alerts have no close target to add height above the title. */
+    :where([data-component~="ui-dialog"])[data-ui-dialog-state~="alert"] header:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"]))) {
+      padding: var(--ui-space-5) var(--ui-space-5) var(--ui-space-3);
+    }
+
+    /* :host-qualified so page heading rules that reach in cannot outrank the dialog chrome. */
+    :where([data-component~="ui-dialog"]) .title:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"]))) {
+      flex: 1;
+      min-inline-size: 0;
+      margin: 0;
+      padding: 0;
+      border: 0;
+      color: var(--ui-text-primary);
+      letter-spacing: normal;
+      font-size: var(--ui-font-size-lg);
+      font-weight: var(--ui-font-semibold);
+      line-height: var(--ui-line-height-tight);
+    }
+
+    .close:where(:scope, :scope *) {
+      display: inline-grid;
+      place-items: center;
+      flex: none;
+      margin-inline-start: auto;
+      inline-size: var(--ui-control-size-sm);
+      block-size: var(--ui-control-size-sm);
+      padding: 0;
+      border: 0;
+      border-radius: var(--ui-radius-round);
+      background: transparent;
+      color: var(--ui-text-secondary);
+      cursor: pointer;
+      transition: background-color var(--ui-motion-fast) var(--ui-motion-ease), color var(--ui-motion-fast) var(--ui-motion-ease);
+    }
+
+    /* A CSS-drawn X. */
+    .close:where(:not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"]))):where(:scope, :scope *)::before, .close:where(:not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"]))):where(:scope, :scope *)::after {
+      content: "";
+      grid-area: 1 / 1;
+      inline-size: 0.875rem;
+      block-size: 1.5px;
+      border-radius: 1px;
+      background: currentColor;
+      transform: rotate(45deg);
+    }
+
+    .close:where(:not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"]))):where(:scope, :scope *)::after {
+      transform: rotate(-45deg);
+    }
+
+    .close:hover:where(:scope, :scope *) {
+      background: var(--ui-surface-muted);
+      color: var(--ui-text-primary);
+    }
+
+    .close:focus-visible:where(:scope, :scope *) {
+      outline: var(--ui-focus-width) solid var(--ui-focus-ring);
+      outline-offset: var(--ui-focus-width);
+    }
+
+    /* A touch target, like Button on coarse pointers. */
+    @media (pointer: coarse) {
+      .close:where(:scope, :scope *) {
+        inline-size: var(--ui-control-min-block-size);
+        block-size: var(--ui-control-min-block-size);
+      }
+    }
+
+    html[data-ui-input-modality="touch"] :where([data-component~="ui-dialog"]) .close:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"]))) {
+      inline-size: var(--ui-control-min-block-size);
+      block-size: var(--ui-control-min-block-size);
+    }
+
+    .body:where(:scope, :scope *) {
+      display: flex;
+      flex-direction: column;
+      flex: 1 1 auto;
+      min-block-size: 0;
+      padding: var(--ui-space-3) var(--ui-space-5) var(--ui-space-5);
+    }
+
+    footer:where(:scope, :scope *) {
+      display: flex;
+      flex: none;
+      flex-wrap: wrap;
+      justify-content: flex-end;
+      gap: var(--ui-space-2);
+      padding: 0 var(--ui-space-5) var(--ui-space-5);
+    }
+
+    footer:empty:where(:scope, :scope *) {
+      display: none;
+    }
+
+    @keyframes ui-dialog-enter {
+      from {
+        opacity: 0;
+        transform: scale(0.96);
+      }
+    }
+
+    :where([data-component~="ui-dialog"]):where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"])))::backdrop {
+      background-color: transparent;
+      transition:
+        background-color var(--_ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease),
+        display var(--_ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease) allow-discrete,
+        overlay var(--_ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease) allow-discrete;
+    }
+
+    :where([data-component~="ui-dialog"])[open]:modal:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"])))::backdrop {
+      background-color: var(--ui-overlay-backdrop);
+      animation: ui-dialog-backdrop-enter var(--_ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease);
+    }
+
+    :where([data-component~="ui-dialog"])[open][data-ui-backdrop-hidden]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-dialog"])))::backdrop {
+      background-color: transparent;
+      animation: none;
+      transition: none;
+    }
+
+    @keyframes ui-dialog-backdrop-enter {
+      from {
+        background-color: transparent;
+      }
+    }
+}

package/styles/ui-disclosure.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-editable.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-editor-block-actions.css

@@ -1 +1 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */

package/styles/ui-editor-chip-editor.css

@@ -1 +1 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */

package/styles/ui-editor-code-language.css

@@ -1 +1 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */

package/styles/ui-editor-footnote-editor.css

@@ -1 +1 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */

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

@@ -1 +1 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-editor-link-card.css

@@ -1 +1 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */

package/styles/ui-editor-link-form.css

@@ -1 +1 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-editor-surface.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-editor-toolbar.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-form-field.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-grid.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-icon-button.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-icon.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-image.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-input-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-input.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-list-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-list.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-listbox.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -106,3 +106,99 @@
 @scope ([data-component~="ui-listbox"]) to ([data-component]) {
 /* Its own box around the nested Scroll Area, which it shrinks into so the choices scroll. */
 }
+@scope ([data-slotted~="ui-listbox"]:not([data-component])) to ([data-component], [data-slotted]) {
+@property --ui-listbox-radius {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-listbox-border {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-listbox-surface {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-listbox-focus-shadow {
+      syntax: "*";
+      inherits: false;
+    }
+    @property --ui-listbox-invalid-border {
+      syntax: "*";
+      inherits: false;
+    }
+
+    :where([data-component~="ui-listbox"]):where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-listbox"]))) {
+      position: relative;
+      box-sizing: border-box;
+      display: block;
+      inline-size: 100%;
+      min-inline-size: 0;
+      margin: 0;
+      padding: var(--ui-space-1);
+      border: var(--ui-border-width) solid var(--ui-listbox-border, var(--ui-control-border));
+      border-radius: var(--ui-listbox-radius, var(--ui-field-radius, var(--ui-radius-md)));
+      background: var(--ui-listbox-surface, var(--ui-control-surface));
+      color: var(--ui-text-primary);
+      font: inherit;
+      line-height: var(--ui-line-height-md);
+      box-shadow: var(--ui-control-inset);
+      outline: none;
+    }
+
+    /* Its own box around the nested Scroll Area, which it shrinks into so the choices scroll. */
+    .choices:where(:scope, :scope *) {
+      display: flex;
+      flex-direction: column;
+      max-block-size: calc(max(2, var(--_rows, 5)) * var(--ui-control-size-md));
+    }
+
+    :where([data-component~="ui-listbox"]):not([data-enhanced]):where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-listbox"]))) {
+      padding: 0;
+      border: 0;
+      background: transparent;
+      box-shadow: none;
+    }
+
+    :where([data-component~="ui-listbox"]):not([data-enhanced]) .choices:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-listbox"]))), :where([data-component~="ui-listbox"])[data-enhanced] .fallback:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-listbox"]))) {
+      display: none;
+    }
+
+    .fallback:where(:scope, :scope *) {
+      box-sizing: border-box;
+      inline-size: 100%;
+      font: inherit;
+    }
+
+    .validity:where(:scope, :scope *) {
+      position: absolute;
+      inline-size: 1px;
+      block-size: 1px;
+      overflow: hidden;
+      clip-path: inset(50%);
+      opacity: 0;
+      pointer-events: none;
+    }
+
+    :where([data-component~="ui-listbox"]):focus-visible:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-listbox"]))) {
+      border-color: var(--ui-control-focus);
+      outline: var(--ui-focus-width) solid var(--ui-focus-ring);
+      outline-offset: var(--ui-focus-width);
+      box-shadow: var(--ui-listbox-focus-shadow, var(--ui-focus-halo));
+    }
+
+    :where([data-component~="ui-listbox"])[aria-invalid="true"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-listbox"]))) {
+      border-color: var(--ui-listbox-invalid-border, var(--ui-field-danger, var(--ui-danger)));
+    }
+
+    :where([data-component~="ui-listbox"])[aria-disabled="true"]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-listbox"]))) {
+      background: var(--ui-control-surface-disabled);
+      color: var(--ui-disabled-text);
+      box-shadow: none;
+      cursor: not-allowed;
+    }
+
+    :where([data-component~="ui-listbox"])[hidden]:where(:scope, :not([data-component], [data-slotted]:not([data-slotted~="ui-listbox"]))) {
+      display: none;
+    }
+}

package/styles/ui-menu-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-menu-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-menu.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-meter.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-nav-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-page-header.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-popover.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-radio-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-radio.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-reel.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-scroll-area.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }

package/styles/ui-search-shell.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.67. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.69. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }