@ni/nimble-components 10.0.9 → 11.0.2

package/dist/all-components-bundle.min.js

@@ -1889,148 +1889,148 @@ const Uh=X`
 `
 class Wh extends de{constructor(t){super(),this.icon=t}}const Xh=(t,e)=>{const s=e.compose({baseName:t,template:Uh,styles:Kh,baseClass:e})
 Vs.getOrCreate().withPrefix("nimble").register(s())}
-Xh("add-icon",class extends Wh{constructor(){super(Zr)}})
-Xh("arrow-down-right-and-arrow-up-left-icon",class extends Wh{constructor(){super(ta)}})
-Xh("arrow-expander-down-icon",class extends Wh{constructor(){super(ea)}})
-Xh("arrow-expander-left-icon",class extends Wh{constructor(){super(sa)}})
-Xh("arrow-expander-right-icon",class extends Wh{constructor(){super(ia)}})
-Xh("arrow-expander-up-icon",class extends Wh{constructor(){super(oa)}})
-Xh("arrow-left-from-line-icon",class extends Wh{constructor(){super(na)}})
-Xh("arrow-partial-rotate-left-icon",class extends Wh{constructor(){super(ra)}})
-Xh("arrow-right-to-line-icon",class extends Wh{constructor(){super(aa)}})
-Xh("arrow-rotate-right-icon",class extends Wh{constructor(){super(la)}})
-Xh("arrow-u-rotate-left-icon",class extends Wh{constructor(){super(ca)}})
-Xh("arrow-up-left-and-arrow-down-right-icon",class extends Wh{constructor(){super(ha)}})
-Xh("arrows-maximize-icon",class extends Wh{constructor(){super(da)}})
-Xh("arrows-repeat-icon",class extends Wh{constructor(){super(ua)}})
-Xh("bars-icon",class extends Wh{constructor(){super(pa)}})
-Xh("bell-icon",class extends Wh{constructor(){super(va)}})
-Xh("bell-and-comment-icon",class extends Wh{constructor(){super(ga)}})
-Xh("bell-circle-icon",class extends Wh{constructor(){super(ma)}})
-Xh("bell-solid-circle-icon",class extends Wh{constructor(){super(fa)}})
-Xh("block-with-ribbon-icon",class extends Wh{constructor(){super(ba)}})
-Xh("calendar-icon",class extends Wh{constructor(){super(wa)}})
-Xh("chart-diagram-icon",class extends Wh{constructor(){super(xa)}})
-Xh("chart-diagram-child-focus-icon",class extends Wh{constructor(){super(ya)}})
-Xh("chart-diagram-parent-focus-icon",class extends Wh{constructor(){super($a)}})
-Xh("chart-diagram-parent-focus-two-child-icon",class extends Wh{constructor(){super(Ca)}})
-Xh("check-icon",class extends Wh{constructor(){super(ka)}})
-Xh("check-dot-icon",class extends Wh{constructor(){super(_a)}})
-Xh("circle-icon",class extends Wh{constructor(){super(za)}})
-Xh("circle-broken-icon",class extends Wh{constructor(){super(Ia)}})
-Xh("circle-check-icon",class extends Wh{constructor(){super(Oa)}})
-Xh("circle-partial-broken-icon",class extends Wh{constructor(){super(Sa)}})
-Xh("circle-slash-icon",class extends Wh{constructor(){super(Aa)}})
-Xh("circle-x-icon",class extends Wh{constructor(){super(Ea)}})
-Xh("clipboard-icon",class extends Wh{constructor(){super(Ma)}})
-Xh("clock-icon",class extends Wh{constructor(){super(Ha)}})
-Xh("clock-cog-icon",class extends Wh{constructor(){super(Va)}})
-Xh("clock-triangle-icon",class extends Wh{constructor(){super(La)}})
-Xh("clone-icon",class extends Wh{constructor(){super(Ta)}})
-Xh("cloud-upload-icon",class extends Wh{constructor(){super(Ra)}})
-Xh("cloud-with-arrow-icon",class extends Wh{constructor(){super(Pa)}})
-Xh("cog-icon",class extends Wh{constructor(){super(Fa)}})
-Xh("cog-database-icon",class extends Wh{constructor(){super(Ba)}})
-Xh("cog-database-inset-icon",class extends Wh{constructor(){super(Da)}})
-Xh("cog-small-cog-icon",class extends Wh{constructor(){super(Na)}})
-Xh("cog-zoomed-icon",class extends Wh{constructor(){super(ja)}})
-Xh("comment-icon",class extends Wh{constructor(){super(qa)}})
-Xh("computer-and-monitor-icon",class extends Wh{constructor(){super(Ua)}})
-Xh("copy-icon",class extends Wh{constructor(){super(Ka)}})
-Xh("copy-text-icon",class extends Wh{constructor(){super(Wa)}})
-Xh("dashboard-builder-icon",class extends Wh{constructor(){super(Xa)}})
-Xh("dashboard-builder-legend-icon",class extends Wh{constructor(){super(Ya)}})
-Xh("dashboard-builder-templates-icon",class extends Wh{constructor(){super(Ga)}})
-Xh("dashboard-builder-tile-icon",class extends Wh{constructor(){super(Qa)}})
-Xh("database-icon",class extends Wh{constructor(){super(Ja)}})
-Xh("database-check-icon",class extends Wh{constructor(){super(Za)}})
-Xh("desktop-icon",class extends Wh{constructor(){super(tl)}})
-Xh("donut-chart-icon",class extends Wh{constructor(){super(el)}})
-Xh("dot-solid-dot-stroke-icon",class extends Wh{constructor(){super(sl)}})
-Xh("download-icon",class extends Wh{constructor(){super(il)}})
-Xh("electronic-chip-zoomed-icon",class extends Wh{constructor(){super(ol)}})
-Xh("exclamation-mark-icon",class extends Wh{constructor(){super(nl)}})
-Xh("eye-icon",class extends Wh{constructor(){super(rl)}})
-Xh("fancy-a-icon",class extends Wh{constructor(){super(al)}})
-Xh("file-icon",class extends Wh{constructor(){super(ll)}})
-Xh("file-drawer-icon",class extends Wh{constructor(){super(cl)}})
-Xh("file-search-icon",class extends Wh{constructor(){super(hl)}})
-Xh("filter-icon",class extends Wh{constructor(){super(dl)}})
-Xh("floppy-disk-checkmark-icon",class extends Wh{constructor(){super(ul)}})
-Xh("floppy-disk-star-arrow-right-icon",class extends Wh{constructor(){super(pl)}})
-Xh("floppy-disk-three-dots-icon",class extends Wh{constructor(){super(vl)}})
-Xh("folder-icon",class extends Wh{constructor(){super(gl)}})
-Xh("folder-open-icon",class extends Wh{constructor(){super(ml)}})
-Xh("forward-slash-icon",class extends Wh{constructor(){super(fl)}})
-Xh("four-dots-square-icon",class extends Wh{constructor(){super(bl)}})
-Xh("function-icon",class extends Wh{constructor(){super(wl)}})
-Xh("gauge-simple-icon",class extends Wh{constructor(){super(xl)}})
-Xh("grid-three-by-three-icon",class extends Wh{constructor(){super(yl)}})
-Xh("grid-two-by-two-icon",class extends Wh{constructor(){super($l)}})
-Xh("hammer-icon",class extends Wh{constructor(){super(Cl)}})
-Xh("hashtag-icon",class extends Wh{constructor(){super(kl)}})
-Xh("home-icon",class extends Wh{constructor(){super(_l)}})
-Xh("hourglass-icon",class extends Wh{constructor(){super(zl)}})
-Xh("indeterminant-checkbox-icon",class extends Wh{constructor(){super(Il)}})
-Xh("info-icon",class extends Wh{constructor(){super(Ol)}})
-Xh("info-circle-icon",class extends Wh{constructor(){super(Sl)}})
-Xh("key-icon",class extends Wh{constructor(){super(Al)}})
-Xh("laptop-icon",class extends Wh{constructor(){super(El)}})
-Xh("layer-group-icon",class extends Wh{constructor(){super(Ml)}})
-Xh("lightning-bolt-icon",class extends Wh{constructor(){super(Hl)}})
-Xh("link-icon",class extends Wh{constructor(){super(Vl)}})
-Xh("link-cancel-icon",class extends Wh{constructor(){super(Ll)}})
-Xh("list-icon",class extends Wh{constructor(){super(Tl)}})
-Xh("list-tree-icon",class extends Wh{constructor(){super(Rl)}})
-Xh("list-tree-database-icon",class extends Wh{constructor(){super(Pl)}})
-Xh("lock-icon",class extends Wh{constructor(){super(Fl)}})
-Xh("magnifying-glass-icon",class extends Wh{constructor(){super(Bl)}})
-Xh("markdown-icon",class extends Wh{constructor(){super(Dl)}})
-Xh("minus-icon",class extends Wh{constructor(){super(Nl)}})
-Xh("minus-wide-icon",class extends Wh{constructor(){super(jl)}})
-Xh("mobile-icon",class extends Wh{constructor(){super(ql)}})
-Xh("notebook-icon",class extends Wh{constructor(){super(Ul)}})
-Xh("paste-icon",class extends Wh{constructor(){super(Kl)}})
-Xh("pencil-icon",class extends Wh{constructor(){super(Wl)}})
-Xh("pot-with-lid-icon",class extends Wh{constructor(){super(Xl)}})
-Xh("question-icon",class extends Wh{constructor(){super(Yl)}})
-Xh("running-arrow-icon",class extends Wh{constructor(){super(Gl)}})
-Xh("server-icon",class extends Wh{constructor(){super(Ql)}})
-Xh("share-square-icon",class extends Wh{constructor(){super(Jl)}})
-Xh("shield-check-icon",class extends Wh{constructor(){super(Zl)}})
-Xh("shield-xmark-icon",class extends Wh{constructor(){super(tc)}})
-Xh("signal-bars-icon",class extends Wh{constructor(){super(ec)}})
-Xh("sine-graph-icon",class extends Wh{constructor(){super(sc)}})
-Xh("skip-arrow-icon",class extends Wh{constructor(){super(ic)}})
-Xh("spinner-icon",class extends Wh{constructor(){super(oc)}})
-Xh("square-check-icon",class extends Wh{constructor(){super(nc)}})
-Xh("square-t-icon",class extends Wh{constructor(){super(rc)}})
-Xh("t-icon",class extends Wh{constructor(){super(ac)}})
-Xh("tablet-icon",class extends Wh{constructor(){super(lc)}})
-Xh("tag-icon",class extends Wh{constructor(){super(cc)}})
-Xh("tags-icon",class extends Wh{constructor(){super(hc)}})
-Xh("target-crosshairs-icon",class extends Wh{constructor(){super(dc)}})
-Xh("target-crosshairs-progress-icon",class extends Wh{constructor(){super(uc)}})
-Xh("three-dots-line-icon",class extends Wh{constructor(){super(pc)}})
-Xh("thumbtack-icon",class extends Wh{constructor(){super(vc)}})
-Xh("tile-size-icon",class extends Wh{constructor(){super(gc)}})
-Xh("times-icon",class extends Wh{constructor(){super(mc)}})
-Xh("trash-icon",class extends Wh{constructor(){super(fc)}})
-Xh("triangle-icon",class extends Wh{constructor(){super(bc)}})
-Xh("true-false-rectangle-icon",class extends Wh{constructor(){super(wc)}})
-Xh("unlink-icon",class extends Wh{constructor(){super(xc)}})
-Xh("unlock-icon",class extends Wh{constructor(){super(yc)}})
-Xh("upload-icon",class extends Wh{constructor(){super($c)}})
-Xh("user-icon",class extends Wh{constructor(){super(Cc)}})
-Xh("watch-icon",class extends Wh{constructor(){super(kc)}})
-Xh("waveform-icon",class extends Wh{constructor(){super(_c)}})
-Xh("webvi-custom-icon",class extends Wh{constructor(){super(zc)}})
-Xh("webvi-host-icon",class extends Wh{constructor(){super(Ic)}})
-Xh("window-code-icon",class extends Wh{constructor(){super(Oc)}})
-Xh("window-text-icon",class extends Wh{constructor(){super(Sc)}})
-Xh("wrench-hammer-icon",class extends Wh{constructor(){super(Ac)}})
-Xh("xmark-icon",class extends Wh{constructor(){super(Ec)}})
-Xh("xmark-check-icon",class extends Wh{constructor(){super(Mc)}})
+Xh("icon-add",class extends Wh{constructor(){super(Zr)}})
+Xh("icon-arrow-down-right-and-arrow-up-left",class extends Wh{constructor(){super(ta)}})
+Xh("icon-arrow-expander-down",class extends Wh{constructor(){super(ea)}})
+Xh("icon-arrow-expander-left",class extends Wh{constructor(){super(sa)}})
+Xh("icon-arrow-expander-right",class extends Wh{constructor(){super(ia)}})
+Xh("icon-arrow-expander-up",class extends Wh{constructor(){super(oa)}})
+Xh("icon-arrow-left-from-line",class extends Wh{constructor(){super(na)}})
+Xh("icon-arrow-partial-rotate-left",class extends Wh{constructor(){super(ra)}})
+Xh("icon-arrow-right-to-line",class extends Wh{constructor(){super(aa)}})
+Xh("icon-arrow-rotate-right",class extends Wh{constructor(){super(la)}})
+Xh("icon-arrow-u-rotate-left",class extends Wh{constructor(){super(ca)}})
+Xh("icon-arrow-up-left-and-arrow-down-right",class extends Wh{constructor(){super(ha)}})
+Xh("icon-arrows-maximize",class extends Wh{constructor(){super(da)}})
+Xh("icon-arrows-repeat",class extends Wh{constructor(){super(ua)}})
+Xh("icon-bars",class extends Wh{constructor(){super(pa)}})
+Xh("icon-bell",class extends Wh{constructor(){super(va)}})
+Xh("icon-bell-and-comment",class extends Wh{constructor(){super(ga)}})
+Xh("icon-bell-circle",class extends Wh{constructor(){super(ma)}})
+Xh("icon-bell-solid-circle",class extends Wh{constructor(){super(fa)}})
+Xh("icon-block-with-ribbon",class extends Wh{constructor(){super(ba)}})
+Xh("icon-calendar",class extends Wh{constructor(){super(wa)}})
+Xh("icon-chart-diagram",class extends Wh{constructor(){super(xa)}})
+Xh("icon-chart-diagram-child-focus",class extends Wh{constructor(){super(ya)}})
+Xh("icon-chart-diagram-parent-focus",class extends Wh{constructor(){super($a)}})
+Xh("icon-chart-diagram-parent-focus-two-child",class extends Wh{constructor(){super(Ca)}})
+Xh("icon-check",class extends Wh{constructor(){super(ka)}})
+Xh("icon-check-dot",class extends Wh{constructor(){super(_a)}})
+Xh("icon-circle",class extends Wh{constructor(){super(za)}})
+Xh("icon-circle-broken",class extends Wh{constructor(){super(Ia)}})
+Xh("icon-circle-check",class extends Wh{constructor(){super(Oa)}})
+Xh("icon-circle-partial-broken",class extends Wh{constructor(){super(Sa)}})
+Xh("icon-circle-slash",class extends Wh{constructor(){super(Aa)}})
+Xh("icon-circle-x",class extends Wh{constructor(){super(Ea)}})
+Xh("icon-clipboard",class extends Wh{constructor(){super(Ma)}})
+Xh("icon-clock",class extends Wh{constructor(){super(Ha)}})
+Xh("icon-clock-cog",class extends Wh{constructor(){super(Va)}})
+Xh("icon-clock-triangle",class extends Wh{constructor(){super(La)}})
+Xh("icon-clone",class extends Wh{constructor(){super(Ta)}})
+Xh("icon-cloud-upload",class extends Wh{constructor(){super(Ra)}})
+Xh("icon-cloud-with-arrow",class extends Wh{constructor(){super(Pa)}})
+Xh("icon-cog",class extends Wh{constructor(){super(Fa)}})
+Xh("icon-cog-database",class extends Wh{constructor(){super(Ba)}})
+Xh("icon-cog-database-inset",class extends Wh{constructor(){super(Da)}})
+Xh("icon-cog-small-cog",class extends Wh{constructor(){super(Na)}})
+Xh("icon-cog-zoomed",class extends Wh{constructor(){super(ja)}})
+Xh("icon-comment",class extends Wh{constructor(){super(qa)}})
+Xh("icon-computer-and-monitor",class extends Wh{constructor(){super(Ua)}})
+Xh("icon-copy",class extends Wh{constructor(){super(Ka)}})
+Xh("icon-copy-text",class extends Wh{constructor(){super(Wa)}})
+Xh("icon-dashboard-builder",class extends Wh{constructor(){super(Xa)}})
+Xh("icon-dashboard-builder-legend",class extends Wh{constructor(){super(Ya)}})
+Xh("icon-dashboard-builder-templates",class extends Wh{constructor(){super(Ga)}})
+Xh("icon-dashboard-builder-tile",class extends Wh{constructor(){super(Qa)}})
+Xh("icon-database",class extends Wh{constructor(){super(Ja)}})
+Xh("icon-database-check",class extends Wh{constructor(){super(Za)}})
+Xh("icon-desktop",class extends Wh{constructor(){super(tl)}})
+Xh("icon-donut-chart",class extends Wh{constructor(){super(el)}})
+Xh("icon-dot-solid-dot-stroke",class extends Wh{constructor(){super(sl)}})
+Xh("icon-download",class extends Wh{constructor(){super(il)}})
+Xh("icon-electronic-chip-zoomed",class extends Wh{constructor(){super(ol)}})
+Xh("icon-exclamation-mark",class extends Wh{constructor(){super(nl)}})
+Xh("icon-eye",class extends Wh{constructor(){super(rl)}})
+Xh("icon-fancy-a",class extends Wh{constructor(){super(al)}})
+Xh("icon-file",class extends Wh{constructor(){super(ll)}})
+Xh("icon-file-drawer",class extends Wh{constructor(){super(cl)}})
+Xh("icon-file-search",class extends Wh{constructor(){super(hl)}})
+Xh("icon-filter",class extends Wh{constructor(){super(dl)}})
+Xh("icon-floppy-disk-checkmark",class extends Wh{constructor(){super(ul)}})
+Xh("icon-floppy-disk-star-arrow-right",class extends Wh{constructor(){super(pl)}})
+Xh("icon-floppy-disk-three-dots",class extends Wh{constructor(){super(vl)}})
+Xh("icon-folder",class extends Wh{constructor(){super(gl)}})
+Xh("icon-folder-open",class extends Wh{constructor(){super(ml)}})
+Xh("icon-forward-slash",class extends Wh{constructor(){super(fl)}})
+Xh("icon-four-dots-square",class extends Wh{constructor(){super(bl)}})
+Xh("icon-function",class extends Wh{constructor(){super(wl)}})
+Xh("icon-gauge-simple",class extends Wh{constructor(){super(xl)}})
+Xh("icon-grid-three-by-three",class extends Wh{constructor(){super(yl)}})
+Xh("icon-grid-two-by-two",class extends Wh{constructor(){super($l)}})
+Xh("icon-hammer",class extends Wh{constructor(){super(Cl)}})
+Xh("icon-hashtag",class extends Wh{constructor(){super(kl)}})
+Xh("icon-home",class extends Wh{constructor(){super(_l)}})
+Xh("icon-hourglass",class extends Wh{constructor(){super(zl)}})
+Xh("icon-indeterminant-checkbox",class extends Wh{constructor(){super(Il)}})
+Xh("icon-info",class extends Wh{constructor(){super(Ol)}})
+Xh("icon-info-circle",class extends Wh{constructor(){super(Sl)}})
+Xh("icon-key",class extends Wh{constructor(){super(Al)}})
+Xh("icon-laptop",class extends Wh{constructor(){super(El)}})
+Xh("icon-layer-group",class extends Wh{constructor(){super(Ml)}})
+Xh("icon-lightning-bolt",class extends Wh{constructor(){super(Hl)}})
+Xh("icon-link",class extends Wh{constructor(){super(Vl)}})
+Xh("icon-link-cancel",class extends Wh{constructor(){super(Ll)}})
+Xh("icon-list",class extends Wh{constructor(){super(Tl)}})
+Xh("icon-list-tree",class extends Wh{constructor(){super(Rl)}})
+Xh("icon-list-tree-database",class extends Wh{constructor(){super(Pl)}})
+Xh("icon-lock",class extends Wh{constructor(){super(Fl)}})
+Xh("icon-magnifying-glass",class extends Wh{constructor(){super(Bl)}})
+Xh("icon-markdown",class extends Wh{constructor(){super(Dl)}})
+Xh("icon-minus",class extends Wh{constructor(){super(Nl)}})
+Xh("icon-minus-wide",class extends Wh{constructor(){super(jl)}})
+Xh("icon-mobile",class extends Wh{constructor(){super(ql)}})
+Xh("icon-notebook",class extends Wh{constructor(){super(Ul)}})
+Xh("icon-paste",class extends Wh{constructor(){super(Kl)}})
+Xh("icon-pencil",class extends Wh{constructor(){super(Wl)}})
+Xh("icon-pot-with-lid",class extends Wh{constructor(){super(Xl)}})
+Xh("icon-question",class extends Wh{constructor(){super(Yl)}})
+Xh("icon-running-arrow",class extends Wh{constructor(){super(Gl)}})
+Xh("icon-server",class extends Wh{constructor(){super(Ql)}})
+Xh("icon-share-square",class extends Wh{constructor(){super(Jl)}})
+Xh("icon-shield-check",class extends Wh{constructor(){super(Zl)}})
+Xh("icon-shield-xmark",class extends Wh{constructor(){super(tc)}})
+Xh("icon-signal-bars",class extends Wh{constructor(){super(ec)}})
+Xh("icon-sine-graph",class extends Wh{constructor(){super(sc)}})
+Xh("icon-skip-arrow",class extends Wh{constructor(){super(ic)}})
+Xh("icon-spinner",class extends Wh{constructor(){super(oc)}})
+Xh("icon-square-check",class extends Wh{constructor(){super(nc)}})
+Xh("icon-square-t",class extends Wh{constructor(){super(rc)}})
+Xh("icon-t",class extends Wh{constructor(){super(ac)}})
+Xh("icon-tablet",class extends Wh{constructor(){super(lc)}})
+Xh("icon-tag",class extends Wh{constructor(){super(cc)}})
+Xh("icon-tags",class extends Wh{constructor(){super(hc)}})
+Xh("icon-target-crosshairs",class extends Wh{constructor(){super(dc)}})
+Xh("icon-target-crosshairs-progress",class extends Wh{constructor(){super(uc)}})
+Xh("icon-three-dots-line",class extends Wh{constructor(){super(pc)}})
+Xh("icon-thumbtack",class extends Wh{constructor(){super(vc)}})
+Xh("icon-tile-size",class extends Wh{constructor(){super(gc)}})
+Xh("icon-times",class extends Wh{constructor(){super(mc)}})
+Xh("icon-trash",class extends Wh{constructor(){super(fc)}})
+Xh("icon-triangle",class extends Wh{constructor(){super(bc)}})
+Xh("icon-true-false-rectangle",class extends Wh{constructor(){super(wc)}})
+Xh("icon-unlink",class extends Wh{constructor(){super(xc)}})
+Xh("icon-unlock",class extends Wh{constructor(){super(yc)}})
+Xh("icon-upload",class extends Wh{constructor(){super($c)}})
+Xh("icon-user",class extends Wh{constructor(){super(Cc)}})
+Xh("icon-watch",class extends Wh{constructor(){super(kc)}})
+Xh("icon-waveform",class extends Wh{constructor(){super(_c)}})
+Xh("icon-webvi-custom",class extends Wh{constructor(){super(zc)}})
+Xh("icon-webvi-host",class extends Wh{constructor(){super(Ic)}})
+Xh("icon-window-code",class extends Wh{constructor(){super(Oc)}})
+Xh("icon-window-text",class extends Wh{constructor(){super(Sc)}})
+Xh("icon-wrench-hammer",class extends Wh{constructor(){super(Ac)}})
+Xh("icon-xmark",class extends Wh{constructor(){super(Ec)}})
+Xh("icon-xmark-check",class extends Wh{constructor(){super(Mc)}})
 const Yh=mt`
     ${Mi("flex")}
 
@@ -2444,6 +2444,7 @@ const ld=mt`
         user-select: none;
         color: ${Zn};
         height: calc(${kn} + ${yn});
+        --ni-private-hover-indicator-width: calc(${_n} + 1px);
     }
 
     :host([disabled]) {
@@ -2451,32 +2452,71 @@ const ld=mt`
         cursor: default;
     }
 
+    .label {
+        display: flex;
+        color: ${gr};
+        font: ${vr};
+    }
+
     .root {
         box-sizing: border-box;
         position: relative;
         display: flex;
         flex-direction: row;
+        justify-content: center;
         border-radius: 0px;
         border-bottom: ${_n} solid rgba(${pn}, 0.3);
-        padding-bottom: 1px;
-        transition: border-bottom ${Fr}, padding-bottom ${Fr};
+        gap: calc(${Cn} / 2);
+    }
+
+    .root:focus-within {
+        border-bottom-color: ${fn};
+    }
+
+    :host([disabled]) .root,
+    :host([disabled]) .root:hover {
+        border-bottom: ${_n} solid ${tr};
+    }
+
+    .root::before {
+        ${""}
+        content: ' ';
+        color: transparent;
+        width: 0px;
+        user-select: none;
+    }
+
+    .root::after {
+        content: '';
+        position: absolute;
+        bottom: calc(-1 * ${_n});
+        width: 0px;
+        height: 0px;
+        border-bottom: ${fn}
+            var(--ni-private-hover-indicator-width) solid;
+        transition: width ${Fr} ease-in;
     }
 
     @media (prefers-reduced-motion) {
-        .root {
+        .root::after {
             transition-duration: 0s;
         }
     }
 
-    .root:hover {
-        border-bottom: 2px solid ${fn};
-        padding-bottom: 0px;
+    :host(.invalid) .root::after {
+        border-bottom-color: ${vn};
     }
 
-    :host([disabled]) .root,
-    :host([disabled]) .root:hover {
-        border-bottom: ${_n} solid ${tr};
-        padding-bottom: 1px;
+    :host(:hover) .root::after {
+        width: 100%;
+    }
+
+    :host([disabled]:hover) .root::after {
+        width: 0px;
+    }
+
+    [part='start'] {
+        display: contents;
     }
 
     .control {
@@ -2484,11 +2524,10 @@ const ld=mt`
         font: inherit;
         background: transparent;
         color: inherit;
-        height: 28px;
+        height: calc(${yn} - ${_n});
         width: 100%;
-        margin-top: auto;
-        margin-bottom: auto;
         border: none;
+        padding: 0px;
     }
 
     .control:hover,
@@ -2515,12 +2554,6 @@ const ld=mt`
         color: ${tr};
     }
 
-    .label {
-        display: flex;
-        color: ${gr};
-        font: ${vr};
-    }
-
     .controls {
         display: flex;
         flex-direction: column;
@@ -2643,10 +2676,13 @@ const hd=mt`
         overflow-y: auto;
         position: absolute;
         width: 100%;
-        ${""}
-        max-height: calc(var(--max-height) - ${yn});
+        --ni-private-listbox-padding: 4px;
+        max-height: calc(
+            var(--ni-private-select-max-height) - 2 *
+                var(--ni-private-listbox-padding)
+        );
         z-index: 1;
-        padding: 4px;
+        padding: var(--ni-private-listbox-padding);
         box-shadow: 0px 3px 3px ${wn};
         border: 1px solid ${xn};
         background-color: ${an};
@@ -2757,8 +2793,8 @@ const hd=mt`
         flex: 0 0 auto;
     }
 `
-const dd=class extends ui{setPositioning(){this.$fastController.isConnected&&super.setPositioning()}slottedOptionsChanged(t,e){const s=this.value
-super.slottedOptionsChanged(t,e),s&&(this.value=s)}}.compose({baseName:"select",baseClass:ui,template:(t,e)=>X`
+const dd=class extends ui{setPositioning(){this.$fastController.isConnected&&(super.setPositioning(),this.updateListboxMaxHeightCssVariable())}slottedOptionsChanged(t,e){const s=this.value
+super.slottedOptionsChanged(t,e),s&&(this.value=s)}maxHeightChanged(){this.updateListboxMaxHeightCssVariable()}updateListboxMaxHeightCssVariable(){this.listbox&&this.listbox.style.setProperty("--ni-private-select-max-height",`${this.maxHeight}px`)}}.compose({baseName:"select",baseClass:ui,template:(t,e)=>X`
     <template
         class="${t=>[t.collapsible&&"collapsible",t.collapsible&&t.open&&"open",t.disabled&&"disabled",t.collapsible&&t.position].filter(Boolean).join(" ")}"
         aria-activedescendant="${t=>t.ariaActiveDescendant}"
@@ -3385,6 +3421,10 @@ const Sd="underline",Ad="outline",Ed="block",Md="frameless",Hd=mt`
         --webkit-user-select: none;
         color: ${Zn};
         height: calc(${kn} + ${yn});
+        --ni-private-hover-indicator-width: calc(${_n} + 1px);
+        --ni-private-height-within-border: calc(
+            ${yn} - 2 * ${_n}
+        );
     }
 
     :host([disabled]) {
@@ -3408,22 +3448,10 @@ const Sd="underline",Ad="outline",Ed="block",Md="frameless",Hd=mt`
         flex-direction: row;
         border-radius: 0px;
         font: inherit;
-        transition: border-bottom ${Fr}, padding-bottom ${Fr};
         align-items: center;
-        --ni-private-hover-bottom-border-width: 2px;
+        justify-content: center;
         border: 0px solid rgba(${pn}, 0.3);
-        border-bottom-width: var(--ni-private-bottom-border-width);
         gap: calc(${Cn} / 2);
-        padding-bottom: calc(
-            var(--ni-private-hover-bottom-border-width) -
-                var(--ni-private-bottom-border-width)
-        );
-    }
-
-    @media (prefers-reduced-motion) {
-        .root {
-            transition-duration: 0s;
-        }
     }
 
     :host(.invalid) .root {
@@ -3438,21 +3466,6 @@ const Sd="underline",Ad="outline",Ed="block",Md="frameless",Hd=mt`
         border-color: rgba(${pn}, 0.1);
     }
 
-    .root:hover {
-        --ni-private-bottom-border-width: var(
-            --ni-private-hover-bottom-border-width
-        );
-        border-bottom-color: ${fn};
-    }
-
-    :host([readonly]) .root:hover {
-        --ni-private-bottom-border-width: 1px;
-    }
-
-    :host([disabled]) .root:hover {
-        --ni-private-bottom-border-width: 1px;
-    }
-
     .root:focus-within {
         border-bottom-color: ${fn};
     }
@@ -3500,10 +3513,7 @@ const Sd="underline",Ad="outline",Ed="block",Md="frameless",Hd=mt`
         background: transparent;
         color: inherit;
         padding: 0px;
-        height: calc(
-            ${yn} - ${_n} -
-                var(--ni-private-hover-bottom-border-width)
-        );
+        height: ${yn};
         width: 100%;
         margin-top: auto;
         margin-bottom: auto;
@@ -3544,6 +3554,36 @@ const Sd="underline",Ad="outline",Ed="block",Md="frameless",Hd=mt`
         display: contents;
     }
 
+    [part='end']::after {
+        content: '';
+        position: absolute;
+        bottom: calc(-1 * ${_n});
+        width: 0px;
+        height: 0px;
+        border-bottom: ${fn}
+            var(--ni-private-hover-indicator-width) solid;
+        transition: width ${Fr} ease-in;
+    }
+
+    @media (prefers-reduced-motion) {
+        [part='end']::after {
+            transition-duration: 0s;
+        }
+    }
+
+    :host(.invalid) [part='end']::after {
+        border-bottom-color: ${vn};
+    }
+
+    :host(:hover) [part='end']::after {
+        width: 100%;
+    }
+
+    :host([disabled]:hover) [part='end']::after,
+    :host([readonly]:hover) [part='end']::after {
+        width: 0px;
+    }
+
     .error-content {
         display: none;
     }
@@ -3599,46 +3639,33 @@ const Sd="underline",Ad="outline",Ed="block",Md="frameless",Hd=mt`
     }
 `.withBehaviors(Tc(Sd,mt`
             .root {
-                --ni-private-bottom-border-width: 1px;
+                border-bottom-width: ${_n};
+            }
+
+            .control {
+                height: var(--ni-private-height-within-border);
                 padding-top: ${_n};
                 padding-left: ${_n};
                 padding-right: ${_n};
             }
-
-            :host([disabled]) .root {
-                border-color: rgba(${pn}, 0.1);
-            }
-
-            :host([disabled]) .root:hover {
-                --ni-private-bottom-border-width: 1px;
-            }
         `),Tc(Ed,mt`
             .root {
                 background-color: rgba(${pn}, 0.1);
-                --ni-private-bottom-border-width: 0px;
-                padding-top: ${_n};
-                padding-left: ${_n};
-                padding-right: ${_n};
             }
 
-            .root:focus-within {
-                --ni-private-bottom-border-width: 1px;
-            }
-
-            .root:focus-within:hover {
-                --ni-private-bottom-border-width: var(
-                    --ni-private-hover-bottom-border-width
-                );
+            .control {
+                padding-left: ${_n};
+                padding-right: ${_n};
             }
 
+            .root:focus-within,
             :host(.invalid) .root {
-                --ni-private-bottom-border-width: 1px;
+                border-bottom-width: ${_n};
             }
 
-            :host(.invalid) .root:hover {
-                --ni-private-bottom-border-width: var(
-                    --ni-private-hover-bottom-border-width
-                );
+            .root:focus-within .control,
+            :host(.invalid) .control {
+                height: calc(${yn} - ${_n});
             }
 
             :host([readonly]) .root {
@@ -3649,28 +3676,20 @@ const Sd="underline",Ad="outline",Ed="block",Md="frameless",Hd=mt`
             :host([disabled]) .root {
                 background-color: rgba(${pn}, 0.07);
             }
-
-            :host([disabled]) .root:hover {
-                --ni-private-bottom-border-width: 0px;
-            }
-
-            :host(.invalid[disabled]) .root {
-                --ni-private-bottom-border-width: 1px;
-            }
         `),Tc(Ad,mt`
             .root {
-                --ni-private-bottom-border-width: 1px;
                 border-width: ${_n};
-                border-bottom-width: var(--ni-private-bottom-border-width);
+            }
+
+            .control {
+                height: var(--ni-private-height-within-border);
             }
 
             :host(.invalid) .errortext {
                 top: calc(${yn} - ${_n});
             }
         `),Tc(Md,mt`
-            .root {
-                --ni-private-bottom-border-width: 0px;
-                padding-top: ${_n};
+            .control {
                 padding-left: ${_n};
                 padding-right: ${_n};
             }
@@ -3678,10 +3697,6 @@ const Sd="underline",Ad="outline",Ed="block",Md="frameless",Hd=mt`
             :host([readonly]) .root {
                 border-color: transparent;
             }
-
-            .root:hover {
-                --ni-private-bottom-border-width: 0px;
-            }
         `),Gr(mt`
             ${""}
             .control::-ms-reveal {