npm - @threadlabs/looma - Versions diffs - 0.1.26 → 0.1.28 - Mend

@threadlabs/looma 0.1.26 → 0.1.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (199) hide show

package/dist/{chunk-XRJRF3MM.js → chunk-G5AWV77V.js} RENAMED Viewed

@@ -6,39 +6,39 @@ var __glob = (map) => (path) => {
 // import("./**/*.entry.js") in dist/esm/index-8BGiMGQ0.js
 var globImport_entry_js = __glob({
-  "./ui-affordance-scope.entry.js": () => import("./ui-affordance-scope.entry-6N4ZQ5FM.js"),
-  "./ui-avatar-group.entry.js": () => import("./ui-avatar-group.entry-FTZVEFGI.js"),
-  "./ui-avatar.entry.js": () => import("./ui-avatar.entry-SST735OH.js"),
-  "./ui-badge.entry.js": () => import("./ui-badge.entry-DZGS7MUT.js"),
-  "./ui-button.entry.js": () => import("./ui-button.entry-5WX56ARJ.js"),
-  "./ui-callout.entry.js": () => import("./ui-callout.entry-OI5RNRXV.js"),
-  "./ui-checkbox.entry.js": () => import("./ui-checkbox.entry-HCGIQPSE.js"),
-  "./ui-chip_2.entry.js": () => import("./ui-chip_2.entry-G2IGWJTL.js"),
-  "./ui-context-menu.entry.js": () => import("./ui-context-menu.entry-K2LRT2WV.js"),
-  "./ui-dialog.entry.js": () => import("./ui-dialog.entry-4W2T27R6.js"),
-  "./ui-disclosure.entry.js": () => import("./ui-disclosure.entry-ONYMXRKR.js"),
-  "./ui-editable.entry.js": () => import("./ui-editable.entry-4ZHXIOER.js"),
-  "./ui-floating-action-button.entry.js": () => import("./ui-floating-action-button.entry-XU4JO2ZV.js"),
-  "./ui-form-field.entry.js": () => import("./ui-form-field.entry-BZSEWR4A.js"),
-  "./ui-icon-button.entry.js": () => import("./ui-icon-button.entry-MHJKL5OZ.js"),
-  "./ui-input.entry.js": () => import("./ui-input.entry-BL6EX3GC.js"),
-  "./ui-menu-item.entry.js": () => import("./ui-menu-item.entry-LERF3A4G.js"),
-  "./ui-menu.entry.js": () => import("./ui-menu.entry-WXDYGFJE.js"),
-  "./ui-multi-combobox.entry.js": () => import("./ui-multi-combobox.entry-WSNWVRXE.js"),
-  "./ui-popover.entry.js": () => import("./ui-popover.entry-P6STTQVS.js"),
-  "./ui-radio-group.entry.js": () => import("./ui-radio-group.entry-GZLHOY2M.js"),
-  "./ui-radio.entry.js": () => import("./ui-radio.entry-4PXIRDKT.js"),
-  "./ui-search-result-row.entry.js": () => import("./ui-search-result-row.entry-LHNOT7MK.js"),
-  "./ui-search-shell.entry.js": () => import("./ui-search-shell.entry-GQCMEU2Z.js"),
-  "./ui-select.entry.js": () => import("./ui-select.entry-TZU7XX4U.js"),
-  "./ui-switch.entry.js": () => import("./ui-switch.entry-QFH3YDYP.js"),
-  "./ui-tabs.entry.js": () => import("./ui-tabs.entry-A57JVDT2.js"),
-  "./ui-textarea.entry.js": () => import("./ui-textarea.entry-L3RLZIGO.js"),
-  "./ui-toast-region.entry.js": () => import("./ui-toast-region.entry-XKKEY4K7.js"),
-  "./ui-tooltip.entry.js": () => import("./ui-tooltip.entry-5WQTX7XF.js"),
-  "./ui-top-bar.entry.js": () => import("./ui-top-bar.entry-KMJEFYOM.js"),
-  "./ui-tree-item.entry.js": () => import("./ui-tree-item.entry-TUBC57FI.js"),
-  "./ui-tree.entry.js": () => import("./ui-tree.entry-Y75CRURL.js")
+  "./ui-affordance-scope.entry.js": () => import("./ui-affordance-scope.entry-X5526PRP.js"),
+  "./ui-avatar-group.entry.js": () => import("./ui-avatar-group.entry-U72MPB5K.js"),
+  "./ui-avatar.entry.js": () => import("./ui-avatar.entry-OC4J3LTV.js"),
+  "./ui-badge.entry.js": () => import("./ui-badge.entry-4MSUQRQV.js"),
+  "./ui-button.entry.js": () => import("./ui-button.entry-22DESWN4.js"),
+  "./ui-callout.entry.js": () => import("./ui-callout.entry-LOGODDM5.js"),
+  "./ui-checkbox.entry.js": () => import("./ui-checkbox.entry-XAGW3BW4.js"),
+  "./ui-chip_2.entry.js": () => import("./ui-chip_2.entry-JCPHPXAG.js"),
+  "./ui-context-menu.entry.js": () => import("./ui-context-menu.entry-24YOHF7L.js"),
+  "./ui-dialog.entry.js": () => import("./ui-dialog.entry-XKNYDWOQ.js"),
+  "./ui-disclosure.entry.js": () => import("./ui-disclosure.entry-2AWCGZ4C.js"),
+  "./ui-editable.entry.js": () => import("./ui-editable.entry-HLEWO7BN.js"),
+  "./ui-floating-action-button.entry.js": () => import("./ui-floating-action-button.entry-2NJDB4YN.js"),
+  "./ui-form-field.entry.js": () => import("./ui-form-field.entry-FJ5HYCTN.js"),
+  "./ui-icon-button.entry.js": () => import("./ui-icon-button.entry-YZHJQ5YR.js"),
+  "./ui-input.entry.js": () => import("./ui-input.entry-JMBLMNP6.js"),
+  "./ui-menu-item.entry.js": () => import("./ui-menu-item.entry-VBGXM66D.js"),
+  "./ui-menu.entry.js": () => import("./ui-menu.entry-I2N5H3YC.js"),
+  "./ui-multi-combobox.entry.js": () => import("./ui-multi-combobox.entry-MEX7MU7P.js"),
+  "./ui-popover.entry.js": () => import("./ui-popover.entry-7JRSJM5S.js"),
+  "./ui-radio-group.entry.js": () => import("./ui-radio-group.entry-Q2XB7P3B.js"),
+  "./ui-radio.entry.js": () => import("./ui-radio.entry-NJO4NA4M.js"),
+  "./ui-search-result-row.entry.js": () => import("./ui-search-result-row.entry-RPMNDSRN.js"),
+  "./ui-search-shell.entry.js": () => import("./ui-search-shell.entry-FMIMYD3B.js"),
+  "./ui-select.entry.js": () => import("./ui-select.entry-7NDBWNAU.js"),
+  "./ui-switch.entry.js": () => import("./ui-switch.entry-YUCPIZE4.js"),
+  "./ui-tabs.entry.js": () => import("./ui-tabs.entry-FXZWV665.js"),
+  "./ui-textarea.entry.js": () => import("./ui-textarea.entry-HHLQR5GG.js"),
+  "./ui-toast-region.entry.js": () => import("./ui-toast-region.entry-PIIBHNYA.js"),
+  "./ui-tooltip.entry.js": () => import("./ui-tooltip.entry-AQ6UPBUP.js"),
+  "./ui-top-bar.entry.js": () => import("./ui-top-bar.entry-S2L7ZM4U.js"),
+  "./ui-tree-item.entry.js": () => import("./ui-tree-item.entry-UID7IJPA.js"),
+  "./ui-tree.entry.js": () => import("./ui-tree.entry-UMD3DNG5.js")
 });
 // dist/esm/index-8BGiMGQ0.js

package/dist/{chunk-YHXJC5M5.js → chunk-M7FPK6GN.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-// dist/esm/positioning-Bu0dmLBE.js
+// dist/esm/positioning-Drmwg-C1.js
 var DEFAULT_AFFORDANCE_NEAR_RADIUS = 16;
 var anchorSequence = 0;
 var anchorBindings = /* @__PURE__ */ new WeakMap();
@@ -73,22 +73,21 @@ function createViewportSurface(surface) {
     }
   };
 }
-function fallbackPosition(surface, anchor, placement, gap, viewportGap) {
+function fallbackPosition(surface, anchor, placement, gap, viewportGap, surfaceRect = surface.getBoundingClientRect()) {
   const owner = surface.ownerDocument.defaultView ?? window;
   const viewport = getVisualViewportRect(owner);
-  const rect = surface.getBoundingClientRect();
   const preferTop = placement.startsWith("top");
   const preferEnd = placement.endsWith("end");
   const spaceBelow = viewport.bottom - anchor.bottom - viewportGap;
   const spaceAbove = anchor.top - viewport.top - viewportGap;
-  const useTop = preferTop ? !(spaceAbove < rect.height + gap && spaceBelow > spaceAbove) : spaceBelow < rect.height + gap && spaceAbove > spaceBelow;
-  const unclampedTop = useTop ? anchor.top - rect.height - gap : anchor.bottom + gap;
-  const unclampedLeft = preferEnd ? anchor.right - rect.width : anchor.left;
+  const useTop = preferTop ? !(spaceAbove < surfaceRect.height + gap && spaceBelow > spaceAbove) : spaceBelow < surfaceRect.height + gap && spaceAbove > spaceBelow;
+  const unclampedTop = useTop ? anchor.top - surfaceRect.height - gap : anchor.bottom + gap;
+  const unclampedLeft = preferEnd ? anchor.right - surfaceRect.width : anchor.left;
   const shifted = clampRectToViewport({
     left: unclampedLeft,
     top: unclampedTop,
-    width: rect.width,
-    height: rect.height
+    width: surfaceRect.width,
+    height: surfaceRect.height
   }, viewport, viewportGap);
   surface.style.left = `${Math.round(unclampedLeft + shifted.x)}px`;
   surface.style.top = `${Math.round(unclampedTop + shifted.y)}px`;
@@ -146,10 +145,16 @@ function createAnchoredSurface(surface, options = {}) {
     }
     if (!anchor)
       return;
-    if (nativeAnchor)
+    let surfaceRect;
+    if (nativeAnchor) {
       positionNative();
-    else
-      fallbackPosition(surface, anchor.getBoundingClientRect(), placement, gap, viewportGap);
+      const viewport = getVisualViewportRect(owner);
+      surfaceRect = surface.getBoundingClientRect();
+      const shift = clampRectToViewport(surfaceRect, viewport, viewportGap);
+      if (shift.x === 0 && shift.y === 0)
+        return;
+    }
+    fallbackPosition(surface, anchor.getBoundingClientRect(), placement, gap, viewportGap, surfaceRect);
   };
   const schedule = () => {
     if (!open || frame !== null)
@@ -157,7 +162,7 @@ function createAnchoredSurface(surface, options = {}) {
     frame = owner.requestAnimationFrame(position);
   };
   const syncFallbackListeners = () => {
-    const needsListeners = open && (point !== null || !nativeAnchor);
+    const needsListeners = open && (point !== null || anchor !== null);
     if (!needsListeners) {
       listenerAbort?.abort();
       listenerAbort = null;

package/dist/cjs/{positioning-i0WrCAdF.js → positioning-D5q9DM-0.js} RENAMED Viewed

@@ -88,28 +88,27 @@ function createViewportSurface(surface) {
         },
     };
 }
-function fallbackPosition(surface, anchor, placement, gap, viewportGap) {
+function fallbackPosition(surface, anchor, placement, gap, viewportGap, surfaceRect = surface.getBoundingClientRect()) {
     const owner = surface.ownerDocument.defaultView ?? window;
     const viewport = getVisualViewportRect(owner);
-    const rect = surface.getBoundingClientRect();
     const preferTop = placement.startsWith("top");
     const preferEnd = placement.endsWith("end");
     const spaceBelow = viewport.bottom - anchor.bottom - viewportGap;
     const spaceAbove = anchor.top - viewport.top - viewportGap;
     const useTop = preferTop
-        ? !(spaceAbove < rect.height + gap && spaceBelow > spaceAbove)
-        : spaceBelow < rect.height + gap && spaceAbove > spaceBelow;
+        ? !(spaceAbove < surfaceRect.height + gap && spaceBelow > spaceAbove)
+        : spaceBelow < surfaceRect.height + gap && spaceAbove > spaceBelow;
     const unclampedTop = useTop
-        ? anchor.top - rect.height - gap
+        ? anchor.top - surfaceRect.height - gap
         : anchor.bottom + gap;
     const unclampedLeft = preferEnd
-        ? anchor.right - rect.width
+        ? anchor.right - surfaceRect.width
         : anchor.left;
     const shifted = clampRectToViewport({
         left: unclampedLeft,
         top: unclampedTop,
-        width: rect.width,
-        height: rect.height,
+        width: surfaceRect.width,
+        height: surfaceRect.height,
     }, viewport, viewportGap);
     surface.style.left = `${Math.round(unclampedLeft + shifted.x)}px`;
     surface.style.top = `${Math.round(unclampedTop + shifted.y)}px`;
@@ -172,10 +171,16 @@ function createAnchoredSurface(surface, options = {}) {
         }
         if (!anchor)
             return;
-        if (nativeAnchor)
+        let surfaceRect;
+        if (nativeAnchor) {
             positionNative();
-        else
-            fallbackPosition(surface, anchor.getBoundingClientRect(), placement, gap, viewportGap);
+            const viewport = getVisualViewportRect(owner);
+            surfaceRect = surface.getBoundingClientRect();
+            const shift = clampRectToViewport(surfaceRect, viewport, viewportGap);
+            if (shift.x === 0 && shift.y === 0)
+                return;
+        }
+        fallbackPosition(surface, anchor.getBoundingClientRect(), placement, gap, viewportGap, surfaceRect);
     };
     const schedule = () => {
         if (!open || frame !== null)
@@ -183,7 +188,9 @@ function createAnchoredSurface(surface, options = {}) {
         frame = owner.requestAnimationFrame(position);
     };
     const syncFallbackListeners = () => {
-        const needsListeners = open && (point !== null || !nativeAnchor);
+        // Native anchor positioning handles ordinary placement, but the shared
+        // controller still owns viewport containment when neither side can fit.
+        const needsListeners = open && (point !== null || anchor !== null);
         if (!needsListeners) {
             listenerAbort?.abort();
             listenerAbort = null;

package/dist/cjs/ui-affordance-scope.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-BHG9Rpil.js');
-var positioning = require('./positioning-i0WrCAdF.js');
+var positioning = require('./positioning-D5q9DM-0.js');
 const uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;

package/dist/cjs/ui-chip_2.cjs.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 'use strict';
 var index = require('./index-BHG9Rpil.js');
-var positioning = require('./positioning-i0WrCAdF.js');
+var positioning = require('./positioning-D5q9DM-0.js');
 var manager = require('./manager-Ce25WRtl.js');
-const uiChipCss = () => `:host{--ui-chip-surface:var(--ui-surface-subtle);--ui-chip-text:var(--ui-text-secondary);--ui-chip-border:var(--ui-border-default);--ui-chip-font-size:var(--ui-font-size-xs);--ui-chip-font-weight:var(--ui-font-normal);--ui-chip-line-height:var(--ui-line-height-tight);--ui-chip-padding-block:var(--ui-space-0-5);--ui-chip-padding-inline:var(--ui-space-2);--ui-chip-notch:var(--ui-space-1);display:inline-flex;max-width:100%}:host([data-size='sm']){--ui-chip-font-size:var(--ui-font-size-sm)}.chip__surface{display:inline-flex;align-items:center;max-width:100%;padding:var(--ui-chip-padding-block) var(--ui-chip-padding-inline);border:1px solid var(--ui-chip-border);background:var(--ui-chip-surface);color:var(--ui-chip-text) !important;font-family:var(--ui-font-family-sans) !important;font-size:var(--ui-chip-font-size) !important;font-weight:var(--ui-chip-font-weight) !important;line-height:var(--ui-chip-line-height) !important;white-space:nowrap}:host([data-appearance='pill']) .chip__surface{border-radius:var(--ui-radius-round)}:host([data-appearance='tag']) .chip__surface{border:0;padding-inline-end:calc(var(--ui-chip-padding-inline) + var(--ui-chip-notch));clip-path:polygon(0 0, calc(100% - var(--ui-chip-notch)) 0, 100% 50%, calc(100% - var(--ui-chip-notch)) 100%, 0 100%)}`;
+const uiChipCss = () => `:host{--ui-chip-surface:var(--ui-surface-subtle);--ui-chip-text:var(--ui-text-secondary);--ui-chip-border:var(--ui-border-default);--ui-chip-font-size:var(--ui-font-size-xs);--ui-chip-font-weight:var(--ui-font-normal);--ui-chip-line-height:var(--ui-line-height-tight);--ui-chip-padding-block:var(--ui-space-0-5);--ui-chip-padding-inline:var(--ui-space-2);--ui-chip-notch:var(--ui-space-1);display:inline-flex;min-width:0;max-width:100%}:host([data-size='sm']){--ui-chip-font-size:var(--ui-font-size-sm)}.chip__surface{display:inline-flex;align-items:center;box-sizing:border-box;min-width:0;max-width:100%;padding:var(--ui-chip-padding-block) var(--ui-chip-padding-inline);border:1px solid var(--ui-chip-border);background:var(--ui-chip-surface);color:var(--ui-chip-text) !important;font-family:var(--ui-font-family-sans) !important;font-size:var(--ui-chip-font-size) !important;font-weight:var(--ui-chip-font-weight) !important;line-height:var(--ui-chip-line-height) !important}.chip__label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([data-appearance='pill']) .chip__surface{border-radius:var(--ui-radius-round)}:host([data-appearance='tag']) .chip__surface{border:0;padding-inline-end:calc(var(--ui-chip-padding-inline) + var(--ui-chip-notch));clip-path:polygon(0 0, calc(100% - var(--ui-chip-notch)) 0, 100% 50%, calc(100% - var(--ui-chip-notch)) 100%, 0 100%)}`;
 const UIChip = class {
     constructor(hostRef) {
@@ -15,7 +15,7 @@ const UIChip = class {
     /** Compact typography size. */
     size = 'xs';
     render() {
-        return (index.h(index.Host, { key: '970cb48cf8d70c47feaab90fe428c09f0d052a03', "data-appearance": this.appearance, "data-size": this.size }, index.h("span", { key: '6d8c6104d2869520097a2a61bd2a887b363b4912', class: "chip__surface" }, index.h("slot", { key: 'b61c50a8060d8a2684aed6f87dc859b1c9e99858' }))));
+        return (index.h(index.Host, { key: '970cb48cf8d70c47feaab90fe428c09f0d052a03', "data-appearance": this.appearance, "data-size": this.size }, index.h("span", { key: '6d8c6104d2869520097a2a61bd2a887b363b4912', class: "chip__surface" }, index.h("span", { key: '638fb68ff5dffa629576c9e1079bb3169f2adb4f', class: "chip__label" }, index.h("slot", { key: '8b31f2130e202e18d7717aee6add6bc6e7f119b5' })))));
     }
 };
 UIChip.style = uiChipCss();
@@ -529,18 +529,18 @@ const UICombobox = class {
         const description = [this.helpOpen ? 'help-text' : '', this.validation.issues.length ? 'validation' : ''].filter(Boolean).join(' ') || undefined;
         const status = this.loading ? 'Loading suggestions…' : this.lookupError || (this.expanded ? `${this.rows.length} suggestions available.` : '');
         const groups = [...new Set(this.rows.map(row => row.group ?? ''))];
-        return index.h(index.Host, { key: 'a33890c2824f29dfea5e22edddca4480a6d1d032', "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, index.h("label", { key: 'c936530cf696c1d14245fd83895e9c58c908df12', htmlFor: "input", part: "label", class: this.labelVisibility === 'sr-only' ? 'sr-only' : undefined }, this.label, this.required ? ' *' : ''), index.h("div", { key: '0fe0ed9b15a3e256867e071ca7e4fa3abc66f27c', class: "field", part: "field", ref: element => this.field = element, onClick: event => {
+        return index.h(index.Host, { key: '1f00d9a83729d9c2147ced7e5006b928d1b5e51d', "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, index.h("label", { key: '10353b147cc68ef1d67be0988849af1527fcf9ba', htmlFor: "input", part: "label", class: this.labelVisibility === 'sr-only' ? 'sr-only' : undefined }, this.label, this.required ? ' *' : ''), index.h("div", { key: '74bb53137d9343add37c22f3ac503eccf41807a9', class: "field", part: "field", ref: element => this.field = element, onClick: event => {
                 if (!event.composedPath().some(node => node instanceof HTMLButtonElement))
                     this.input?.focus();
-            } }, index.h("slot", { key: '9cc4c22eb7776e415792fbdf3c17c962c7107f70', name: "start" }), index.h("input", { key: '0898e8ec5af57c7ba8ad227164f7955ef4011729', id: "input", ref: element => this.input = element, role: "combobox", "aria-autocomplete": "list", "aria-expanded": String(this.expanded), "aria-controls": "listbox", "aria-activedescendant": this.expanded && this.active >= 0 ? `option-${this.active}` : undefined, "aria-describedby": description, "aria-invalid": String(this.validation.status === 'error'), "aria-busy": String(this.validation.status === 'pending'), value: this.display, placeholder: this.placeholder, name: this.name || undefined, disabled: this.disabled, readOnly: this.readOnly, required: this.required, autoComplete: "off", part: "input", onInput: this.onInput, onKeyDown: this.onKeydown, onCompositionstart: () => this.composing = true, onCompositionend: () => { this.composing = false; this.onInput(new InputEvent('input')); } }), this.clearable && index.h("button", { key: 'f9a49484ae9bcc4ace72a46d0c59202040ff39d8', type: "button", part: "affordance", "aria-label": `Clear ${this.label}`, disabled: this.disabled || this.readOnly, onClick: () => { this.commit(null, '', null, 'clear', 'pointer'); this.close(); this.input?.focus(); } }, "\u00D7"), this.help && index.h("button", { key: '597106eda4dcc68aa9fb2eaa99c1edad0d68a892', id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, index.h("span", { key: 'd26085a52b16d65e26dc20ef8afacb5defec5f7b', "aria-hidden": "true" }, "?")), this.disclosure && index.h("button", { key: '391d1c987eb8e868b2846eafd0627cfc78ab7478', type: "button", part: "affordance", "aria-label": `Suggestions for ${this.label}`, "aria-controls": "listbox", "aria-expanded": String(this.expanded), disabled: this.disabled || this.readOnly, onClick: () => {
+            } }, index.h("slot", { key: '24c26916365013faa4a78bd4fe0d01f6c129c703', name: "start" }), index.h("input", { key: '835d19e66ec4a24c1a83f43bbc256fa2a9e3332f', id: "input", ref: element => this.input = element, role: "combobox", "aria-autocomplete": "list", "aria-expanded": String(this.expanded), "aria-controls": "listbox", "aria-activedescendant": this.expanded && this.active >= 0 ? `option-${this.active}` : undefined, "aria-describedby": description, "aria-invalid": String(this.validation.status === 'error'), "aria-busy": String(this.validation.status === 'pending'), value: this.display, placeholder: this.placeholder, name: this.name || undefined, disabled: this.disabled, readOnly: this.readOnly, required: this.required, autoComplete: "off", part: "input", onInput: this.onInput, onKeyDown: this.onKeydown, onCompositionstart: () => this.composing = true, onCompositionend: () => { this.composing = false; this.onInput(new InputEvent('input')); } }), this.clearable && index.h("button", { key: '326c1e24d3c417c3a72acd8234a53937b388ba79', type: "button", part: "affordance", "aria-label": `Clear ${this.label}`, disabled: this.disabled || this.readOnly, onClick: () => { this.commit(null, '', null, 'clear', 'pointer'); this.close(); this.input?.focus(); } }, "\u00D7"), this.help && index.h("button", { key: '6aeb62dc2935eb95670caa1d2028c0931dc362b2', id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, index.h("span", { key: '9317be0fbb0c1bbb91061be69f38037a97a4c36b', "aria-hidden": "true" }, "?")), this.disclosure && index.h("button", { key: '1cd2a0ea92df1144ff2297fcf64df7b3d0f4713a', type: "button", part: "affordance", "aria-label": `Suggestions for ${this.label}`, "aria-controls": "listbox", "aria-expanded": String(this.expanded), disabled: this.disabled || this.readOnly, onClick: () => {
                 if (this.expanded)
                     this.close();
                 else
                     this.open('disclosure');
                 this.input?.focus();
-            } }, index.h("span", { key: '45678ce468fd7944306d4542e3c6af0fe211af14', "aria-hidden": "true" }, "\u2304"))), this.help && index.h("ui-tooltip", { key: 'a8dc037639a60aff5a12b4651ffa10fc5ccd33eb', id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), index.h("div", { key: 'f13fc7a11c3d22995035b6701ea24637a048a5b8', class: "popup", part: "popup", hidden: !this.expanded, ref: element => this.popup = element }, index.h("div", { key: '9d2bdfcc558f8e7de87f2915ea5607a8f32c1762', id: "listbox", role: "listbox", "aria-label": `${this.label} suggestions`, "aria-busy": String(this.loading) }, groups.map(group => index.h("div", { role: group ? 'group' : 'presentation', "aria-label": group || undefined }, group && index.h("div", { class: "group", part: "group" }, group), this.rows.map((row, index$1) => (row.group ?? '') !== group ? null : index.h("div", { id: `option-${index$1}`, role: "option", "aria-selected": String(this.selected === row.value), "aria-disabled": String(Boolean(row.disabled)), "data-active": this.active === index$1 ? '' : undefined, part: "option", class: "option", onPointerDown: event => event.preventDefault(), onClick: () => this.choose(index$1, 'pointer') }, index.h("slot", { name: `option-${row.id}` }, index.h("span", { class: "primary", part: "option-primary" }, row.label), row.description && index.h("span", { class: "secondary", part: "option-secondary" }, row.description)))))), this.canCreate && index.h("div", { key: '9495fd43a721c84621b8083cb8eac776f843ab59', id: `option-${this.rows.length}`, role: "option", "aria-selected": "false", class: "option", part: "option", "data-active": this.active === this.rows.length ? '' : undefined, onPointerDown: event => event.preventDefault(), onClick: () => this.choose(this.rows.length, 'pointer') }, index.h("slot", { key: 'f0407c5622dcf3b325985c136657f8b9ac8a4ab5', name: "create" }, "Create \u201C", this.raw, "\u201D"))), this.loading ? index.h("div", { class: "message" }, index.h("slot", { name: "loading" }, "Loading suggestions\u2026"))
+            } }, index.h("span", { key: '0188b2d0e8cc7b7ff4d1a2175a0ff0b47d9c7d98', "aria-hidden": "true" }, "\u2304"))), this.help && index.h("ui-tooltip", { key: 'e09fd35274c3e1fa6e408850d72f7a07c2bb4baf', id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), index.h("div", { key: 'ddf83a5944dd03fc7eb580b81fcf291e06c03601', class: "popup", part: "popup", hidden: !this.expanded, ref: element => this.popup = element }, index.h("div", { key: '1d73de1dabb6eaa95af12f2af88dac74e3f163ea', id: "listbox", role: "listbox", "aria-label": `${this.label} suggestions`, "aria-busy": String(this.loading) }, groups.map(group => index.h("div", { role: group ? 'group' : 'presentation', "aria-label": group || undefined }, group && index.h("div", { class: "group", part: "group" }, group), this.rows.map((row, index$1) => (row.group ?? '') !== group ? null : index.h("div", { id: `option-${index$1}`, role: "option", "aria-selected": String(this.selected === row.value), "aria-disabled": String(Boolean(row.disabled)), "data-active": this.active === index$1 ? '' : undefined, part: "option", class: "option", onPointerDown: event => event.preventDefault(), onClick: () => this.choose(index$1, 'pointer') }, index.h("slot", { name: `option-${row.id}` }, index.h("span", { class: "primary", part: "option-primary" }, row.label), row.description && index.h("span", { class: "secondary", part: "option-secondary" }, row.description)))))), this.canCreate && index.h("div", { key: 'a0aaafa2f4ff79efa954ed780f3a7bd81d4b2ecd', id: `option-${this.rows.length}`, role: "option", "aria-selected": "false", class: "option", part: "option", "data-active": this.active === this.rows.length ? '' : undefined, onPointerDown: event => event.preventDefault(), onClick: () => this.choose(this.rows.length, 'pointer') }, index.h("slot", { key: '53a6706fc2c26097948b08cf0a7ee6040e37fe57', name: "create" }, "Create \u201C", this.raw, "\u201D"))), this.loading ? index.h("div", { class: "message" }, index.h("slot", { name: "loading" }, "Loading suggestions\u2026"))
             : this.lookupError ? index.h("div", { class: "message" }, index.h("slot", { name: "error" }, this.lookupError))
-                : !this.rows.length && !this.canCreate ? index.h("div", { class: "message" }, index.h("slot", { name: "empty" }, "No suggestions.")) : null, index.h("slot", { key: 'efcaee3efb029a9e0bb4e033ab61b251331c1c93', name: "footer" })), index.h("div", { key: 'b44ccb319f94ebc9e6ac3204a8c1771d49485a58', id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map(issue => index.h("div", null, issue.message))), index.h("div", { key: 'c3cb51dd4603734af4c7a02d8fe0bb42ac69083a', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, status, " ", this.validation.status === 'pending' ? 'Checking value…' : this.validation.issues.map(issue => issue.message).join(' ')));
+                : !this.rows.length && !this.canCreate ? index.h("div", { class: "message" }, index.h("slot", { name: "empty" }, "No suggestions.")) : null, index.h("slot", { key: '7997a0233a3c1a560b820c846645405ec4ceec1d', name: "footer" })), index.h("div", { key: '9143eb79141f5f3660a63f7a2471d1eecd8e9332', id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map(issue => index.h("div", null, issue.message))), index.h("div", { key: '21f310613b058f528f8c4df329864fd8a2a94b55', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, status, " ", this.validation.status === 'pending' ? 'Checking value…' : this.validation.issues.map(issue => issue.message).join(' ')));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/ui-context-menu.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-BHG9Rpil.js');
 var manager = require('./manager-Ce25WRtl.js');
 var events = require('./events-TcQIzpNv.js');
-var positioning = require('./positioning-i0WrCAdF.js');
+var positioning = require('./positioning-D5q9DM-0.js');
 const uiContextMenuCss = () => `:host{display:contents}:host([data-focus-trigger='pointer']) ::slotted(ui-menu-item:focus){outline:none}.menu{position:fixed;inset:auto;margin:0;z-index:var(--ui-z-overlay, 1000);min-width:12rem;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}.menu:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-4px) scale(0.99)}}.menu[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){.menu{transition:none}}`;
@@ -220,7 +220,7 @@ const UIContextMenu = class {
         this.closeMenu('action', 'pointer');
     };
     render() {
-        return (index.h(index.Host, { key: '171e647667bab4a9f905f2b531aa2db182fc426f', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, index.h("slot", { key: 'f1a15e54ab3b14515553e05b4b3cf60ed7a99f8b', name: "trigger" }), index.h("div", { key: '450aaacf3f75a71ecce86300c0d824452ceec4a0', class: "menu", "data-open": this.internalOpen ? '' : undefined }, index.h("ui-menu", { key: '667003b7c6ab3ccbaa888b25cb87d921036ab827', open: this.internalOpen }, index.h("slot", { key: 'c0731115bc3dbd02c4125ef8208269dd97e124bf' })))));
+        return (index.h(index.Host, { key: '292937da8010dc741e3e845b6f7fd0fef6b8bda3', "data-open": this.internalOpen ? '' : undefined, "data-focus-trigger": this.internalOpen ? this.focusTrigger : undefined, onKeyDown: this.onKeydown, onClick: this.onItemClick }, index.h("slot", { key: '4f08876237d1919803200226d956e67de35fffab', name: "trigger" }), index.h("div", { key: 'c2cc0218165d02cc4c7fd11bdc52a51d39897546', class: "menu", "data-open": this.internalOpen ? '' : undefined }, index.h("ui-menu", { key: '1c2c6e62c86f3a38f014976843f3354d312d0744', open: this.internalOpen }, index.h("slot", { key: 'baeca960ac6d2277a60dc567f6e4110904d67b5e' })))));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-dialog.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ var manager = require('./manager-Ce25WRtl.js');
 var events = require('./events-TcQIzpNv.js');
 var controlledState = require('./controlled-state-BFya8rAX.js');
-const uiDialogCss = () => `:host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;inline-size:min(     calc(100% - (var(--ui-dialog-viewport-gap) * 2)),     var(--ui-dialog-max-width, 440px)   );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease),     transform var(--ui-dialog-duration) var(--ui-motion-ease),     visibility var(--ui-dialog-duration),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}`;
+const uiDialogCss = () => `:host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;box-sizing:border-box;inline-size:min(     calc(100% - (var(--ui-dialog-viewport-gap) * 2)),     var(--ui-dialog-max-width, 440px)   );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease),     transform var(--ui-dialog-duration) var(--ui-motion-ease),     visibility var(--ui-dialog-duration),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}`;
 const UIDialog = class {
     constructor(hostRef) {
@@ -112,7 +112,7 @@ const UIDialog = class {
             this.accessibleLabel = nextLabel;
     };
     render() {
-        return (index.h(index.Host, { key: '6e12a287866c76305c791c0ae538dcde63da3044', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("dialog", { key: '99ba3815e8a8c70ce50ff08d9a8b162aa9c1011f', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.accessibleLabel }, index.h("slot", { key: 'e72b001877d2dfad1bcee9af87167c66d77fc952' }))));
+        return (index.h(index.Host, { key: 'f5b4441f54505e40851dd239d12cf8ed09daabfe', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("dialog", { key: '6896de6166cc085d9bd581dc053705fbce6328d8', ref: (el) => (this.dialogRef = el), open: this.internalOpen, "aria-label": this.accessibleLabel }, index.h("slot", { key: '07515a7b8da25ccbd18bcde226129a569c999af7' }))));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-disclosure.cjs.entry.js CHANGED Viewed

@@ -96,7 +96,7 @@ const UIDisclosure = class {
         this.setOpen(!this.internalOpen, { reason: 'action', trigger: 'keyboard' });
     };
     render() {
-        return (index.h(index.Host, { key: '55f998f8e47ebe01fd5832d6c3dac310dda34b8d' }, index.h("slot", { key: '0d88728151901e1e412d7f5a3ae78b06aa7548fb' })));
+        return (index.h(index.Host, { key: '5c49c41703850437e8b3a1476f3333da83a4f133' }, index.h("slot", { key: '9a4856ad2ab237331b8485f6c3a423a43ddceb8d' })));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-editable.cjs.entry.js CHANGED Viewed

@@ -87,7 +87,7 @@ const UIEditable = class {
         this.requestEdit(false, 'light-dismiss', 'pointer');
     };
     render() {
-        return index.h(index.Host, { key: 'f350400d4ebf897fb657b83b7cba9d309c5067bd', "data-edit": this.internalEdit ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("div", { key: 'f365ac61f59e9aaa1516121e3d6e2a42187e1d7b', part: "preview", hidden: this.internalEdit }, index.h("slot", { key: 'ea234b437cc4eb530f2994d695429be91d874ef7', name: "preview" })), index.h("div", { key: 'dacf0e74e72c47868986c80aaa60f55942fd9505', part: "edit", hidden: !this.internalEdit }, index.h("slot", { key: '54a943bc290335181a23b4cfa6055e4acfd8a62b', name: "edit" })));
+        return index.h(index.Host, { key: '7f0c77aa06281c94407af1f060f5f2b2c34af394', "data-edit": this.internalEdit ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("div", { key: '4dc13c26dc4080ed0ad972aa677d9e844a0e7597', part: "preview", hidden: this.internalEdit }, index.h("slot", { key: '8332efed99f05173030d379088e8e97746f32ce6', name: "preview" })), index.h("div", { key: 'ec3e11ec9218077da5f17a0c724cfab17d56fb17', part: "edit", hidden: !this.internalEdit }, index.h("slot", { key: '46a4618614c6e55c0015d97e687a0f28e05eef38', name: "edit" })));
     }
     static get watchers() { return {
         "edit": [{

package/dist/cjs/ui-floating-action-button.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const UIFloatingActionButton = class {
     mobileOnly = false;
     label = '';
     render() {
-        return (index.h(index.Host, { key: '9e917e07efcef5c0a96b8b09af8934f336a521bd', "data-disabled": this.disabled ? '' : undefined }, index.h("button", { key: '940daac4c2ff1144d7e82b36727205f286325a8e', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: '382c70aa4836f6e799f98e1f0e4bc6e3104430fc' }))));
+        return (index.h(index.Host, { key: '86f7c100efe7fdf900de7abbcc1a01c475b0da1d', "data-disabled": this.disabled ? '' : undefined }, index.h("button", { key: '91398faeb693dcbe11d58e59a183391ce6e4876c', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: 'd11b6f638b045d6835279f3381442983b40472d9' }))));
     }
 };
 UIFloatingActionButton.style = uiFloatingActionButtonCss();

package/dist/cjs/ui-form-field.cjs.entry.js CHANGED Viewed

@@ -106,7 +106,7 @@ const UIFormField = class {
         input.setAttribute('aria-invalid', this.invalid ? 'true' : 'false');
     }
     render() {
-        return (index.h(index.Host, { key: 'ac01e2be489b9c907169417dc5064061bd74ff7c', "data-invalid": this.invalid ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-required": this.required ? '' : undefined }, index.h("slot", { key: 'c739f9b2c948bc1d3db4316871c2293bf75cf520', onSlotchange: this.scheduleWire })));
+        return (index.h(index.Host, { key: '3d331f3506c3853d751395569e87614c52ce0076', "data-invalid": this.invalid ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-required": this.required ? '' : undefined }, index.h("slot", { key: '1b582b4961a767230b19efa314943f8a5426270e', onSlotchange: this.scheduleWire })));
     }
 };
 UIFormField.style = uiFormFieldCss();

package/dist/cjs/ui-icon-button.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const UIIconButton = class {
     /** Reveals this control through a surrounding ui-affordance-scope. */
     anticipatory = false;
     render() {
-        return (index.h(index.Host, { key: '225e147d184109d39a2e6f9236ba3ba3c5864c31', "data-disabled": this.disabled ? '' : undefined, "data-ui-affordance": this.anticipatory ? 'button' : undefined }, index.h("button", { key: '7e54fab4520ae6641c974abf19e975e8eec7a3df', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: '54f9ba27c5a2ca896267f07ad1055907e74a64bc' }))));
+        return (index.h(index.Host, { key: '9e8ee3ff8c9f9ab5113a7635e49755e0eb998898', "data-disabled": this.disabled ? '' : undefined, "data-ui-affordance": this.anticipatory ? 'button' : undefined }, index.h("button", { key: '7f6dd5ae40b595634ba91834c2bb113687ee5cb8', type: "button", "aria-label": this.label || undefined, disabled: this.disabled }, index.h("slot", { key: 'c7a94d7fb54fbff44e372bf4f67bb29a40bfc45b' }))));
     }
 };
 UIIconButton.style = uiIconButtonCss();

package/dist/cjs/ui-input.cjs.entry.js CHANGED Viewed

@@ -78,7 +78,7 @@ const UIInput = class {
         });
     };
     render() {
-        return (index.h(index.Host, { key: '0d8676e8458476681653ef4600dcb0f3b56d1ed1', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: 'd3585c07b6985d9090002f7a9c0eea1227517e0f', ref: (el) => (this.slotRef = el) })));
+        return (index.h(index.Host, { key: '90597a900e0504f0e729990dd8cbc84c35d8162f', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: '1c8ac0ad7e4d3a5a9b913c2687021ef7037ccfa7', ref: (el) => (this.slotRef = el) })));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/ui-menu-item.cjs.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const UIMenuItem = class {
     disabled = false;
     value = '';
     render() {
-        return (index.h(index.Host, { key: '711e7f70268d23969e40073cd47b065afadc22c9', role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "data-value": this.value || undefined }, index.h("span", { key: 'd0c0aff983bdbc48666fcd652b39340bfd92c790', class: "menu-item__surface" }, index.h("slot", { key: '3fc6111848142b388529a9cdb5f6134bffe8fa42' }))));
+        return (index.h(index.Host, { key: '856cf07264b2eb8e3e51305408855156e11d9a8b', role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "data-value": this.value || undefined }, index.h("span", { key: 'a56401f9b910175eb5683d1748f323dce0d55a9c', class: "menu-item__surface" }, index.h("slot", { key: '4ee22fd4cdb10ec822e4485e48ed8000a10512ae' }))));
     }
 };
 UIMenuItem.style = uiMenuItemCss();

package/dist/cjs/ui-menu.cjs.entry.js CHANGED Viewed

@@ -4,9 +4,9 @@ var index = require('./index-BHG9Rpil.js');
 var events = require('./events-TcQIzpNv.js');
 var manager = require('./manager-Ce25WRtl.js');
 var controlledState = require('./controlled-state-BFya8rAX.js');
-var positioning = require('./positioning-i0WrCAdF.js');
+var positioning = require('./positioning-D5q9DM-0.js');
-const uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;box-sizing:border-box;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:0;border:0;border-radius:0;background:transparent;box-shadow:var(--ui-shadow-lg)}.menu__surface{display:flex;flex-direction:column;box-sizing:border-box;padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;overflow:auto;max-block-size:calc(100dvh - (var(--ui-menu-viewport-gap) * 2));opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}::slotted(ui-menu-item){display:block;width:100%}`;
+const uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;box-sizing:border-box;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.menu__surface{display:flex;flex-direction:column;box-sizing:border-box;max-inline-size:inherit;padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg);max-block-size:inherit;overflow:auto}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;overflow:visible;max-block-size:calc(100dvh - (var(--ui-menu-viewport-gap) * 2));opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}::slotted(ui-menu-item){display:block;width:100%}`;
 const UIMenu = class {
     constructor(hostRef) {
@@ -160,7 +160,7 @@ const UIMenu = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: 'afba5a7f63238afdb6f71a3636c1f294d3e8ac6f', role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? '' : undefined }, index.h("div", { key: '50d770efd27dddca436b804f10f1cc40bc604cb5', class: "menu__surface" }, index.h("slot", { key: '5014fc43a0ee2d66168bbcc1d52b20bd5120acb9' }))));
+        return (index.h(index.Host, { key: '22689ca1b0514bb27a76bfb9a702c0d4ce49d136', role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? '' : undefined }, index.h("div", { key: 'cff891a33348f077631f1b92f1167285aafd25f1', class: "menu__surface" }, index.h("slot", { key: '3a0e9ff4f36b1afbe5f879e0e51ff4943279b5b5' }))));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-multi-combobox.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 var index = require('./index-BHG9Rpil.js');
-const uiMultiComboboxCss = () => `:host{display:block;min-inline-size:0;color:var(--ui-text-primary);font:inherit}ui-combobox::part(field){flex-wrap:wrap;align-items:center;gap:var(--ui-space-1);min-block-size:var(--ui-multi-combobox-min-block-size, 2.5rem);padding:var(--ui-space-1)}ui-combobox::part(input){flex:1 0 var(--ui-multi-combobox-input-min-inline-size, 5rem);width:auto;min-block-size:1.75rem;padding:var(--ui-space-0-5) var(--ui-space-1)}.items{display:contents}.item{appearance:none;display:inline-flex;max-inline-size:100%;padding:0;border:0;border-radius:var(--ui-radius-1);background:transparent;color:inherit;font:inherit;cursor:default}.item:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:1px}.item:disabled{opacity:.6}`;
+const uiMultiComboboxCss = () => `:host{display:block;min-inline-size:0;color:var(--ui-text-primary);font:inherit}ui-combobox::part(field){flex-wrap:wrap;align-items:center;gap:var(--ui-space-1);min-block-size:var(--ui-multi-combobox-min-block-size, 2.5rem);padding:var(--ui-space-1)}ui-combobox::part(input){flex:1 0 var(--ui-multi-combobox-input-min-inline-size, 5rem);width:auto;min-block-size:1.75rem;padding:var(--ui-space-0-5) var(--ui-space-1)}.items{display:contents}.item{appearance:none;display:inline-flex;min-inline-size:0;max-inline-size:min(100%, var(--ui-multi-combobox-item-max-inline-size, 12rem));overflow:hidden;padding:0;border:0;border-radius:var(--ui-radius-1);background:transparent;color:inherit;font:inherit;cursor:default}.item>slot{display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden}.item>slot::slotted(*){min-inline-size:0;max-inline-size:100%}.item:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:1px}.item:disabled{opacity:.6}`;
 const UIMultiCombobox = class {
     constructor(hostRef) {
@@ -177,7 +177,7 @@ const UIMultiCombobox = class {
     };
     async focusInput() { await this.combobox?.focusInput(); }
     render() {
-        return index.h(index.Host, { key: 'c1acc758a2856e5bd022e076030798c9d63ff416', onKeyDown: this.onKeyDown }, index.h("ui-combobox", { key: '8f77d28aa1d228dd809f86695429328decaf7468', ref: element => this.combobox = element, label: this.label, "label-visibility": "sr-only", placeholder: this.placeholder, name: this.name, value: null, query: this.raw, config: this.comboboxConfig, size: "sm", disabled: this.disabled, readOnly: this.readOnly, required: this.required, "onQuery-change": this.onQueryChange, "onValue-change": this.onValueChange, "onCreate-entry": this.onCreateEntry, "onOptions-change": this.onOptionsChange }, index.h("div", { key: 'f4f0849c145d9bcc4d47103d3dc4fdce8009aeab', slot: "start", class: "items", role: "group", "aria-label": `Selected ${this.label}` }, this.items.map((item, index$1) => index.h("button", { type: "button", part: "item", class: "item", "data-value": item.value, tabIndex: -1, disabled: this.disabled || this.readOnly || item.disabled, "aria-label": `${item.label}, press Delete or Backspace to remove`, onKeyDown: event => this.onItemKeyDown(event, index$1) }, index.h("slot", { name: `item-${item.id}` }, index.h("ui-chip", { appearance: "pill" }, item.label))))), this.rows.map(option => index.h("span", { slot: `option-${option.id}` }, index.h("slot", { name: `option-${option.id}` }, option.label))), index.h("span", { key: '3cf42f492bd946ca130321a2c3fcf976602c6566', slot: "create" }, index.h("slot", { key: '6f158cb1d96c0d0401fe5302cabffd052498f651', name: "create" }, "Create \u201C", this.raw, "\u201D")), index.h("span", { key: '0f436aca38aecf9485963d6588c27ab3288ced55', slot: "loading" }, index.h("slot", { key: '6c079ac5bbf6fff57aa7fa6f0022a939c96a5cd0', name: "loading" }, "Loading suggestions\u2026")), index.h("span", { key: 'a7893e0ff0a1922a404e7c072338858d9e7fdf12', slot: "empty" }, index.h("slot", { key: 'd6831db76cc1252aa942ccdcfba36c8cf4c60d22', name: "empty" }, "No suggestions.")), index.h("span", { key: 'a096a393a167256cff11f77110ae29ac58a33779', slot: "error" }, index.h("slot", { key: '1bf52c85e911d9965b9b691d6ebf0b89bbea2d58', name: "error" }, "Unable to load suggestions.")), index.h("div", { key: 'b7d88c9b427305da8b986eb993b49e5c581c1445', slot: "footer" }, index.h("slot", { key: 'f84fdf78c3e373f4735ed88574af06f1ca3cc1b5', name: "footer" }))));
+        return index.h(index.Host, { key: 'ba4db0fdca6cae344fe6b0bf06c933a9a90d2d3f', onKeyDown: this.onKeyDown }, index.h("ui-combobox", { key: 'f5901b0b078b479425114d998618828cc458e7dd', ref: element => this.combobox = element, label: this.label, "label-visibility": "sr-only", placeholder: this.placeholder, name: this.name, value: null, query: this.raw, config: this.comboboxConfig, size: "sm", disabled: this.disabled, readOnly: this.readOnly, required: this.required, "onQuery-change": this.onQueryChange, "onValue-change": this.onValueChange, "onCreate-entry": this.onCreateEntry, "onOptions-change": this.onOptionsChange }, index.h("div", { key: '374c80862302d5c36f4849f42e5ed13222addd1c', slot: "start", class: "items", role: "group", "aria-label": `Selected ${this.label}` }, this.items.map((item, index$1) => index.h("button", { type: "button", part: "item", class: "item", "data-value": item.value, tabIndex: -1, disabled: this.disabled || this.readOnly || item.disabled, "aria-label": `${item.label}, press Delete or Backspace to remove`, onKeyDown: event => this.onItemKeyDown(event, index$1) }, index.h("slot", { name: `item-${item.id}` }, index.h("ui-chip", { appearance: "pill" }, item.label))))), this.rows.map(option => index.h("span", { slot: `option-${option.id}` }, index.h("slot", { name: `option-${option.id}` }, option.label))), index.h("span", { key: 'a23781c153e154cdff7066868c2da956e26b7d52', slot: "create" }, index.h("slot", { key: 'e3bde0d1e549e785fff877a1a7aac10df308f7a3', name: "create" }, "Create \u201C", this.raw, "\u201D")), index.h("span", { key: '5837c4cde35d5984aaf1d364f1b850b9d63ff8ca', slot: "loading" }, index.h("slot", { key: '1bdfa30849bea752bc5c93268b3427c964d1b5d3', name: "loading" }, "Loading suggestions\u2026")), index.h("span", { key: '519d7b1a7f28f9d19cd441598a690c8b4fdacf5b', slot: "empty" }, index.h("slot", { key: '3163150e0f1edebb50509a5dacd576e4568eaaae', name: "empty" }, "No suggestions.")), index.h("span", { key: '655e4f85d70eb97f0f0ecb2bac7b4228f5cf580f', slot: "error" }, index.h("slot", { key: 'a22667db30ee30003855ee69774eff3a4aab8566', name: "error" }, "Unable to load suggestions.")), index.h("div", { key: 'b01b74f3fc7136a3bf1875c81b9f3a662f3e993c', slot: "footer" }, index.h("slot", { key: '7565ee0798072eebc6d1c458f89ce6c7941577dd', name: "footer" }))));
     }
     static get watchers() { return {
         "query": [{

package/dist/cjs/ui-popover.cjs.entry.js CHANGED Viewed

@@ -4,9 +4,9 @@ var index = require('./index-BHG9Rpil.js');
 var manager = require('./manager-Ce25WRtl.js');
 var events = require('./events-TcQIzpNv.js');
 var controlledState = require('./controlled-state-BFya8rAX.js');
-var positioning = require('./positioning-i0WrCAdF.js');
+var positioning = require('./positioning-D5q9DM-0.js');
-const uiPopoverCss = () => `:host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);box-sizing:border-box;max-inline-size:min(     20rem,     calc(100vw - (var(--ui-popover-viewport-gap) * 2))   );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:var(--ui-shadow-lg)}.popover__surface{box-sizing:border-box;padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}`;
+const uiPopoverCss = () => `:host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);box-sizing:border-box;max-inline-size:min(     20rem,     calc(100vw - (var(--ui-popover-viewport-gap) * 2))   );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.popover__surface{box-sizing:border-box;max-inline-size:inherit;max-block-size:inherit;overflow:auto;padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}`;
 const UIPopover = class {
     constructor(hostRef) {
@@ -113,7 +113,7 @@ const UIPopover = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: 'a4986ace0f3c586774a549cb844287b28ccd0531', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("div", { key: '8f2c589916d06138ef72bfe0d039893b3c59a7cc', class: "popover__surface" }, index.h("slot", { key: 'ee70e7dcc53a99b5c80e56862a6eb00edcfcf912' }))));
+        return (index.h(index.Host, { key: 'f63907b8e49b8264c291048c509b6164fdd60ca4', "data-open": this.internalOpen ? '' : undefined, onKeyDown: this.onKeydown }, index.h("div", { key: '2425f4394749d994693f4a256256bd9e2f5daf60', class: "popover__surface" }, index.h("slot", { key: '3b6f925da371d43e828842c4027cddee673d7ab3' }))));
     }
     static get watchers() { return {
         "open": [{

package/dist/cjs/ui-radio-group.cjs.entry.js CHANGED Viewed

@@ -109,7 +109,7 @@ const UIRadioGroup = class {
         }
     };
     render() {
-        return (index.h(index.Host, { key: '1882ad7c092c6a138eab2a52c19beb9a950a8d5a', role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: 'd5abade3d23963410cfbac17e80aa16dd21ccc6e' })));
+        return (index.h(index.Host, { key: '31d8dee04aad4ddbb0bfa617a4e6ed187eab6674', role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: '7134bcfa6b11cbe0d0d55a6593ea3fca921a71ec' })));
     }
     static get watchers() { return {
         "value": [{

package/dist/cjs/ui-radio.cjs.entry.js CHANGED Viewed

@@ -69,7 +69,7 @@ const UIRadio = class {
         });
     };
     render() {
-        return (index.h(index.Host, { key: 'f4700b43790accd29a6bcc55fcc862072e29c335', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: 'ed32c35f8f68c662a8b95e58b74c8c76c959ea49', ref: (el) => (this.slotRef = el) })));
+        return (index.h(index.Host, { key: '5bab1394b8238609e4382309e4b11bca82a60b12', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? '' : undefined }, index.h("slot", { key: '56ba5b7ec4ab53299c66689558338d2c6ab3e4f6', ref: (el) => (this.slotRef = el) })));
     }
     static get watchers() { return {
         "checked": [{

package/dist/cjs/ui-search-result-row.cjs.entry.js CHANGED Viewed

@@ -39,7 +39,7 @@ const UISearchResultRow = class {
         this.hasTrailing = slotHasContent(this.trailingSlot);
     };
     render() {
-        return (index.h(index.Host, { key: 'eeda041dbcf8841cd53be9c532df208eb3be3d3b' }, index.h("button", { key: '71d3db6d2eca4f8d7796429f68ef73bf2c7b62f7', class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, index.h("span", { key: 'f2260cab9f654e7f5e96a5e7e2a1cbbb5a55fde3', class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, index.h("slot", { key: '824fffc19c2b5712dae0c000f12cc36a0043a370', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), index.h("span", { key: '4e3728ea7d363f256f1b3283df6eb984cf3f570f', class: "search-result-row__content", part: "content" }, index.h("span", { key: '95009b1ce569fb4251df62334a5dd88f1de561af', class: "search-result-row__title", part: "title" }, index.h("slot", { key: '132beecf36471ae0db68d686829428225699c534', name: "title" })), index.h("span", { key: '0ad7c8d52aa40ccf62667d3ecca4d48b49917a9a', class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, index.h("slot", { key: '4b97129504571a676839287bd87e68d803f8bc99', name: "meta", ref: (el) => (this.metaSlot = el), onSlotchange: this.syncSlots })), index.h("span", { key: 'e6c73e653fb7dc213866a15870281f3f6d95a86b', class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, index.h("slot", { key: '49deae8194485304380b8b4b3d4fe96cd6623f4d', name: "excerpt", ref: (el) => (this.excerptSlot = el), onSlotchange: this.syncSlots }))), index.h("span", { key: 'c7c6f0b57668644a28d3c4c981b4db79a0e3c42a', class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, index.h("slot", { key: 'e6cbceeb41d23c9b7514f53663438069499d1a4d', name: "trailing", ref: (el) => (this.trailingSlot = el), onSlotchange: this.syncSlots })))));
+        return (index.h(index.Host, { key: '2e1a1fe613e499a8abaaf89c8cc071554b523157' }, index.h("button", { key: '2224a7593feb6c58b162ce820b2deb9bec4fa1b7', class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, index.h("span", { key: '87b86a7d31e15b401b933562adba9a24c88e341f', class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, index.h("slot", { key: '00d253826d2d0c60206e20b6428c3277024a24e0', name: "leading", ref: (el) => (this.leadingSlot = el), onSlotchange: this.syncSlots })), index.h("span", { key: '3c4ad5b336450c29d56aea538dbc987b9a624c1d', class: "search-result-row__content", part: "content" }, index.h("span", { key: '305dc47dcac890ca968d622ce3dc18e88d646ab3', class: "search-result-row__title", part: "title" }, index.h("slot", { key: '5441b78d87cba9e48eb3b786e7ea914479f5ef15', name: "title" })), index.h("span", { key: 'bbd7769b81005b959e6d950255951f0089e9e716', class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, index.h("slot", { key: '8437dd124e858eadb942e2a05ccd87c14a8ea604', name: "meta", ref: (el) => (this.metaSlot = el), onSlotchange: this.syncSlots })), index.h("span", { key: '6939cb19881b17799205a54eda9d34e86563f994', class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, index.h("slot", { key: '2f41b9ec22a0260e4196553a655cc501384f2331', name: "excerpt", ref: (el) => (this.excerptSlot = el), onSlotchange: this.syncSlots }))), index.h("span", { key: '162de66c31688de9114233984448eb5b30d48dc3', class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, index.h("slot", { key: 'dfa3d5bbbe453a8fd1c3ddf9508bf33edf145dc6', name: "trailing", ref: (el) => (this.trailingSlot = el), onSlotchange: this.syncSlots })))));
     }
 };
 UISearchResultRow.style = uiSearchResultRowCss();

package/dist/cjs/ui-search-shell.cjs.entry.js CHANGED Viewed

@@ -31,7 +31,7 @@ const UISearchShell = class {
         this.hasFooter = slotHasContent(this.footerSlot);
     };
     render() {
-        return (index.h("div", { key: 'ae5baf1fae88f3c0ff8c98e68e1c31d7f19d7b6a', class: "search-shell", part: "base" }, index.h("slot", { key: '192d10867902bc4618762ab3ce1ca8a44229ec11', name: "backdrop" }), index.h("div", { key: '72bafd3ba7aadebcb011fb27f56793a9079bb2e1', class: "search-shell__panel", part: "panel" }, index.h("div", { key: 'c2d46c9099699cc1c2f357cb51d11ab0e6cf6c69', class: "search-shell__search", part: "search" }, index.h("slot", { key: '21f4ed690247fa794bd9322c75cee1721926087a', name: "search" })), index.h("div", { key: '84baba674456aa2a5878d5858d0e6531251440ce', class: "search-shell__status", part: "status", hidden: !this.hasStatus }, index.h("slot", { key: '6e7b6533a29231ebbcd41529d8120649ca4a1dd1', name: "status", ref: (el) => (this.statusSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '710d51d450132ad0f528b2eb2cd6f0312dbced2f', class: "search-shell__body", part: "body" }, index.h("slot", { key: '2c380ff4ad33ead6ca8c2611ebc024f125f0da48', name: "body" })), index.h("div", { key: '6923984a31c7bc23bae3ecee08d7acad14703a02', class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, index.h("slot", { key: '57c2eab7a3f46558ada8d1aa70d64f434bb8cdd6', name: "footer", ref: (el) => (this.footerSlot = el), onSlotchange: this.syncSlots })))));
+        return (index.h("div", { key: '508a5900288b0b7e0651d3a56e1f5a9094061952', class: "search-shell", part: "base" }, index.h("slot", { key: '54677a395d62aed4538bb36255046a1d679da312', name: "backdrop" }), index.h("div", { key: 'f738673e5a95509803d2c4682adb4aa48f7b798f', class: "search-shell__panel", part: "panel" }, index.h("div", { key: '8e4a14fcc5e7cc0ff3c2c94ad72cb6b4305d4fea', class: "search-shell__search", part: "search" }, index.h("slot", { key: '28f3d8439964423fe9beeac91490a70a30a36b6e', name: "search" })), index.h("div", { key: '8bcd00a532eea21a41a7771636bc038c27c55a31', class: "search-shell__status", part: "status", hidden: !this.hasStatus }, index.h("slot", { key: '4a4c9082f2645e80fdfa2a8b71a1747573d02f73', name: "status", ref: (el) => (this.statusSlot = el), onSlotchange: this.syncSlots })), index.h("div", { key: '58439a3d479f042f827abce2a99dc1ae75db5ca1', class: "search-shell__body", part: "body" }, index.h("slot", { key: '5f6c4202b0abeb3708bed415a576e877c94f1eb1', name: "body" })), index.h("div", { key: '7a2887f7220619db2ccb5a907623c3e760d1e073', class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, index.h("slot", { key: '26c8f839b8add2b52c6940e67a6a7c94a8ffcf31', name: "footer", ref: (el) => (this.footerSlot = el), onSlotchange: this.syncSlots })))));
     }
 };
 UISearchShell.style = uiSearchShellCss();

package/dist/cjs/ui-select.cjs.entry.js CHANGED Viewed

@@ -80,7 +80,7 @@ const UISelect = class {
         });
     };
     render() {
-        return (index.h(index.Host, { key: '74cbe4a76a23af415c202c61951ad513b0ed6cb8', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: 'e86eb0cfb0d379cb3f8b2ea5ce3c69639d0cdda4', ref: (el) => (this.slotRef = el) })));
+        return (index.h(index.Host, { key: '5b77bfa817964325038cf338a1c0791abf8d2bfe', "data-invalid": this.invalid ? '' : undefined }, index.h("slot", { key: '9a9c8017e5e02d14945d6b7c84d68edf7b2ccaf8', ref: (el) => (this.slotRef = el) })));
     }
     static get watchers() { return {
         "value": [{