@threadlabs/looma 0.13.1 → 0.13.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.13.1",
+  "version": "0.13.3",
   "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.5",
+    "@nextwebwg/html-next": "1.0.0-alpha.7",
     "lowlight": "^3.3.0",
     "markdown-it": "14.3.1",
     "lucide": "~0.554.0"

package/styles/ui-action-bar.css

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

package/styles/ui-affordance-scope.css

@@ -1,19 +1,27 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @scope ([data-component~="ui-affordance-scope"]) to ([data-component], [data-slotted]) {
 :scope {
       display: contents;
       --ui-affordance-scope-engaged: 0;
+      --ui-affordance-scope-guide: 1;
     }
 
     :scope[data-ui-affordance-scope-state~="engaged"] {
       --ui-affordance-scope-engaged: 1;
     }
 
+    /* Published to descendants: each guide multiplies its opacity by it, so none reaches them all. */
+    :scope[data-ui-affordance-scope-state~="guide=none"] {
+      --ui-affordance-scope-guide: 0;
+    }
+
     /* A component that sets its display still honours the hidden attribute on its root. */
     :scope[hidden] {
       display: none;
     }
 }
 @scope ([data-component~="ui-affordance-scope"]) to ([data-component]) {
-/* A component that sets its display still honours the hidden attribute on its root. */
+/* Published to descendants: each guide multiplies its opacity by it, so none reaches them all. */
+
+    /* A component that sets its display still honours the hidden attribute on its root. */
 }

package/styles/ui-avatar-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-context-menu-z-index {
       syntax: "*";
       inherits: false;

package/styles/ui-cover.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-disclosure-trigger-min-block-size {
       syntax: "*";
       inherits: false;

package/styles/ui-editable.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @scope ([data-component~="ui-editor-table-overlay"]) to ([data-component], [data-slotted]) {
 :scope {
       display: block;
@@ -142,7 +142,7 @@
       height: var(--ui-affordance-guide-size);
       border-radius: var(--ui-radius-round);
       background: var(--ui-affordance-guide-color, var(--ui-border-strong));
-      opacity: var(--ui-affordance-guide-opacity);
+      opacity: calc(var(--ui-affordance-guide-opacity) * var(--ui-affordance-scope-guide, 1));
       transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
     }
 
@@ -231,7 +231,7 @@
       inset: 50% auto auto 50%;
       border-radius: var(--ui-radius-round);
       background: var(--ui-affordance-guide-color, var(--ui-border-strong));
-      opacity: var(--ui-affordance-guide-opacity);
+      opacity: calc(var(--ui-affordance-guide-opacity) * var(--ui-affordance-scope-guide, 1));
       transform: translate(-50%, -50%);
       transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
       pointer-events: none;

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-form-field-help-min-block-size {
       syntax: "*";
       inherits: false;

package/styles/ui-grid.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-icon-button-active-scale {
       syntax: "*";
       inherits: false;
@@ -96,7 +96,7 @@
       block-size: var(--ui-affordance-guide-size);
       border-radius: var(--ui-radius-round);
       background: var(--ui-affordance-guide-color, var(--ui-border-strong));
-      opacity: var(--ui-affordance-guide-opacity);
+      opacity: calc(var(--ui-affordance-guide-opacity) * var(--ui-affordance-scope-guide, 1));
       transform: translate(-50%, -50%);
       transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
       pointer-events: none;

package/styles/ui-icon.css

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

package/styles/ui-input-group.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @scope ([data-component~="ui-input-group"]) to ([data-component], [data-slotted]) {
 /* An input with fixed text before or after it, such as a domain after a site's name
        ("acme" + ".example.com") or slashes around a path. The group draws the field's border and

package/styles/ui-input.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-list-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-menu-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-menu-viewport-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-nav-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-popover-viewport-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-radio-group.css

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

package/styles/ui-radio.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @scope ([data-component~="ui-scroll-area"]) to ([data-component], [data-slotted]) {
 /* A region that scrolls when its content outgrows it. Each edge that hides content fades, growing
        in as the content leaves that edge (the scroll fade in tokens.css), so the reader can tell there

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

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-select-focus-shadow {
       syntax: "*";
       inherits: false;

package/styles/ui-separator.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-sidebar-backdrop {
       syntax: "*";
       inherits: false;
@@ -99,7 +99,7 @@
       inset-inline-start: 3px;
       inline-size: 2px;
       background: color-mix(in srgb, var(--ui-affordance-guide-color, var(--ui-border-strong)) 45%, transparent);
-      opacity: var(--ui-affordance-guide-opacity);
+      opacity: calc(var(--ui-affordance-guide-opacity) * var(--ui-affordance-scope-guide, 1));
       transition:
         background-color var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
         opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);

package/styles/ui-spinner.css

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

package/styles/ui-stack.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-switcher-gap {
       syntax: "*";
       inherits: false;

package/styles/ui-tabs.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. 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, or label. */

package/styles/ui-textarea.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-textarea-focus-shadow {
       syntax: "*";
       inherits: false;

package/styles/ui-toast-region.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-toast-region-enter-duration {
       syntax: "*";
       inherits: false;

package/styles/ui-tooltip.css

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

package/styles/ui-top-bar.css

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

package/styles/ui-tree-item.css

@@ -1,4 +1,4 @@
-/* Generated by HTML Next 1.0.0-alpha.5. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.7. Do not edit. */
 @property --ui-tree-item-depth {
       syntax: "*";
       inherits: false;

package/styles/ui-tree.css

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

package/vanilla/UiActionBar.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.7 for Vanilla DOM. Do not edit.
 export interface UiActionBarEventMap {
 }
 export interface UiActionBarElement extends HTMLDivElement {

package/vanilla/UiActionBar.js

@@ -1,8 +1,8 @@
-// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.7 for Vanilla DOM. Do not edit.
 import "../styles/ui-action-bar.css";
 
 export function createUiActionBar(options = {}) {
-  const { attributes = {}, children = [], slots = {}, as } = options;
+  const { attributes = {}, children = [], slots = {} } = options;
   const projected = [];
   const element = document.createElement("div");
   for (const [name, value] of Object.entries(attributes)) {

package/vanilla/UiAffordanceScope.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.7 for Vanilla DOM. Do not edit.
 export interface UiAffordanceScopeEventMap {
 }
 export interface UiAffordanceScopeElement extends HTMLSpanElement {
@@ -6,6 +6,7 @@ export interface UiAffordanceScopeElement extends HTMLSpanElement {
   removeEventListener<K extends keyof UiAffordanceScopeEventMap>(type: K, listener: (this: UiAffordanceScopeElement, event: UiAffordanceScopeEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
 }
 export interface UiAffordanceScopeProps {
+  guide?: "dot" | "none" | null;
   nearRadius?: number | null;
   attributes?: Readonly<Record<string, string | number | boolean | null | undefined>>;
   children?: readonly (string | Node)[];

package/vanilla/UiAffordanceScope.js

@@ -1,12 +1,12 @@
-// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.7 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-affordance-scope/ui-affordance-scope.js";
 import "../styles/ui-affordance-scope.css";
 
-const definition = {...{"contract":{"tag":"ui-affordance-scope","props":{"nearRadius":{"type":"number","required":false,"target":{"attribute":"nearradius"},"default":16}}},"template":{"kind":"element","name":"span","attributes":[],"children":[{"kind":"slot"}]},"declarations":[{"kind":"state","name":"engaged","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}}],"root":{"kind":"native","element":"span","choices":["span"]}},source:{file:import.meta.url},css:""};
+const definition = {...{"contract":{"tag":"ui-affordance-scope","props":{"guide":{"type":{"enum":["dot","none"]},"required":false,"target":{"attribute":"guide"},"default":"dot"},"nearRadius":{"type":"number","required":false,"target":{"attribute":"nearradius"},"default":16}}},"template":{"kind":"element","name":"span","attributes":[],"children":[{"kind":"slot"}]},"declarations":[{"kind":"state","name":"engaged","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}}],"root":{"kind":"native","element":"span","choices":["span"]}},source:{file:import.meta.url},css:""};
 
 export function createUiAffordanceScope(options = {}) {
-  const { attributes = {}, children = [], slots = {}, as, ...componentProps } = options;
+  const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
   const projected = [];
   const element = document.createElement("span");
   for (const [name, value] of Object.entries(attributes)) {

package/vanilla/UiAvatar.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.5 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.7 for Vanilla DOM. Do not edit.
 export interface UiAvatarEventMap {
 }
 export interface UiAvatarElement extends HTMLSpanElement {