@threadlabs/looma 0.26.25 → 0.26.26

package/vue/components.css

@@ -1978,7 +1978,7 @@ input[data-v-a7d28848]:focus-visible {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-tooltip"][data-v-a876d863] {
+[data-component~="ui-tooltip"][data-v-4a6fb61a] {
   /* Hooks do not inherit, so the parts below read them from the root. */
   --_ui-tooltip-border: var(--ui-tooltip-border);
   --_ui-tooltip-max-inline-size: var(--ui-tooltip-max-inline-size);
@@ -2010,7 +2010,7 @@ input[data-v-a7d28848]:focus-visible {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-.surface[data-v-a876d863] {
+.surface[data-v-4a6fb61a] {
   --_tooltip-line: var(--_ui-tooltip-border, var(--ui-overlay-border, var(--ui-border-strong)));
   position: relative;
   box-sizing: border-box;
@@ -2031,7 +2031,7 @@ input[data-v-a7d28848]:focus-visible {
 
 /* A keyboard shortcut follows the label after a thin divider, smaller and quieter, as menus show
    it. The label stays first in the description, so a screen reader hears the name, then the keys. */
-.shortcut[data-v-a876d863] {
+.shortcut[data-v-4a6fb61a] {
   display: inline-flex;
   align-items: center;
   margin-inline-start: var(--ui-space-2);
@@ -2043,15 +2043,15 @@ input[data-v-a7d28848]:focus-visible {
   white-space: nowrap;
   vertical-align: baseline;
 }
-.shortcut[data-v-a876d863]:empty {
+.shortcut[data-v-4a6fb61a]:empty {
   display: none;
 }
 
 /* A <kbd> takes the browser's monospace; the hint reads in the tooltip's own type. */
-.shortcut kbd[data-v-a876d863-s] {
+.shortcut kbd[data-v-4a6fb61a-s] {
   font: inherit;
 }
-[data-component~="ui-tooltip"][data-ui-tooltip-state~="inverse"] .surface[data-v-a876d863] {
+[data-component~="ui-tooltip"][data-ui-tooltip-state~="inverse"] .surface[data-v-4a6fb61a] {
   --_tooltip-line: var(--_ui-tooltip-inverse-surface, var(--ui-text-primary));
   background: var(--_ui-tooltip-inverse-surface, var(--ui-text-primary));
   color: var(--_ui-tooltip-inverse-text, var(--ui-surface-default));
@@ -2059,7 +2059,7 @@ input[data-v-a7d28848]:focus-visible {
 
 /* A rotated square shares the surface fill and draws the two outward border edges. Its centre sits on
  * the surface border line, so the fill covers that stretch of border and the outline runs unbroken. */
-.surface[data-v-a876d863]::after {
+.surface[data-v-4a6fb61a]::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -2075,7 +2075,7 @@ input[data-v-a7d28848]:focus-visible {
   border-end-end-radius: var(--ui-border-width);
   transform: rotate(45deg) scaleX(1.25) scaleY(0.85);
 }
-[data-component~="ui-tooltip"][data-ui-actual-placement="bottom"] .surface[data-v-a876d863]::after {
+[data-component~="ui-tooltip"][data-ui-actual-placement="bottom"] .surface[data-v-4a6fb61a]::after {
   inset-block-start: calc(
     var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - var(--ui-border-width) / 2
   );
@@ -2087,26 +2087,26 @@ input[data-v-a7d28848]:focus-visible {
   border-end-end-radius: 0;
   border-start-start-radius: var(--ui-border-width);
 }
-[data-component~="ui-tooltip"][data-ui-actual-align="center"] .surface[data-v-a876d863]::after {
+[data-component~="ui-tooltip"][data-ui-actual-align="center"] .surface[data-v-4a6fb61a]::after {
   inset-inline-start: calc(50% - var(--_ui-tooltip-arrow-size, 0.625rem) / 2);
 }
-[data-component~="ui-tooltip"][data-ui-actual-align="end"] .surface[data-v-a876d863]::after {
+[data-component~="ui-tooltip"][data-ui-actual-align="end"] .surface[data-v-4a6fb61a]::after {
   inset-inline-start: auto;
   inset-inline-end: var(--ui-space-3);
 }
-[data-component~="ui-tooltip"][data-ui-actual-placement="left"] .surface[data-v-a876d863]::after,
-[data-component~="ui-tooltip"][data-ui-actual-placement="right"] .surface[data-v-a876d863]::after {
+[data-component~="ui-tooltip"][data-ui-actual-placement="left"] .surface[data-v-4a6fb61a]::after,
+[data-component~="ui-tooltip"][data-ui-actual-placement="right"] .surface[data-v-4a6fb61a]::after {
   inset-block-start: calc(50% - var(--_ui-tooltip-arrow-size, 0.625rem) / 2);
   inset-block-end: auto;
   border: 0 solid var(--_tooltip-line);
 }
-[data-component~="ui-tooltip"][data-ui-actual-placement="left"] .surface[data-v-a876d863]::after {
+[data-component~="ui-tooltip"][data-ui-actual-placement="left"] .surface[data-v-4a6fb61a]::after {
   inset-inline-start: auto;
   inset-inline-end: calc(var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - var(--ui-border-width) / 2);
   border-inline-end-width: var(--ui-border-width);
   border-block-start-width: var(--ui-border-width);
 }
-[data-component~="ui-tooltip"][data-ui-actual-placement="right"] .surface[data-v-a876d863]::after {
+[data-component~="ui-tooltip"][data-ui-actual-placement="right"] .surface[data-v-4a6fb61a]::after {
   inset-inline-start: calc(
     var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - var(--ui-border-width) / 2
   );
@@ -2115,33 +2115,33 @@ input[data-v-a7d28848]:focus-visible {
   border-block-end-width: var(--ui-border-width);
 }
 [data-component~="ui-tooltip"][data-ui-actual-placement="left"][data-ui-actual-align="start"]
-  .surface[data-v-a876d863]::after,
+  .surface[data-v-4a6fb61a]::after,
 [data-component~="ui-tooltip"][data-ui-actual-placement="right"][data-ui-actual-align="start"]
-  .surface[data-v-a876d863]::after {
+  .surface[data-v-4a6fb61a]::after {
   inset-block-start: var(--ui-space-3);
 }
 [data-component~="ui-tooltip"][data-ui-actual-placement="left"][data-ui-actual-align="end"]
-  .surface[data-v-a876d863]::after,
+  .surface[data-v-4a6fb61a]::after,
 [data-component~="ui-tooltip"][data-ui-actual-placement="right"][data-ui-actual-align="end"]
-  .surface[data-v-a876d863]::after {
+  .surface[data-v-4a6fb61a]::after {
   inset-block-start: auto;
   inset-block-end: var(--ui-space-3);
 }
-[data-component~="ui-tooltip"][data-v-a876d863]:popover-open {
+[data-component~="ui-tooltip"][data-v-4a6fb61a]:popover-open {
   opacity: 1;
   transform: translateY(0);
 }
 @starting-style {
-[data-component~="ui-tooltip"][data-v-a876d863]:popover-open {
+[data-component~="ui-tooltip"][data-v-4a6fb61a]:popover-open {
     opacity: 0;
     transform: translateY(4px);
 }
 }
-[data-component~="ui-tooltip"][hidden][data-v-a876d863] {
+[data-component~="ui-tooltip"][hidden][data-v-4a6fb61a] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-tooltip"][data-v-a876d863] {
+[data-component~="ui-tooltip"][data-v-4a6fb61a] {
     transition: none;
 }
 }
@@ -4973,7 +4973,7 @@ svg[data-v-955cfa65-s] {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-icon-button"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-v-ea2a5496] {
   /* Optional inherited action-group values keep text and icon actions under the same light.
      One fine top/start highlight follows the bottom/end lowlight at a joined action seam.
      A single ambient lift avoids stacking a face gradient or another inset bevel. */
@@ -4996,10 +4996,10 @@ svg[data-v-955cfa65-s] {
   display: inline-flex;
   color: var(--ui-text-secondary);
 }
-[data-component~="ui-icon-button"][data-v-219fa683]:dir(rtl) {
+[data-component~="ui-icon-button"][data-v-ea2a5496]:dir(rtl) {
   --_ui-action-start: -1px;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="tone=accent"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="tone=accent"][data-v-ea2a5496] {
   --_icon-button-border: var(--ui-accent-solid);
   --_icon-button-hover-border: var(--ui-accent-hover);
   --_icon-button-text: var(--ui-accent-subtle-text, var(--ui-accent-solid));
@@ -5012,15 +5012,15 @@ svg[data-v-955cfa65-s] {
 }
 
 /* Omitted tone retains the existing accent solid; explicit neutral is additive. */
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="tone=neutral"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="tone=neutral"][data-v-ea2a5496] {
   --_icon-button-solid-surface: var(--ui-text-primary);
   --_icon-button-solid-hover-surface: var(--ui-text-primary);
   --_icon-button-solid-text: var(--ui-surface-default);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-ea2a5496] {
   position: relative;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-219fa683]::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-ea2a5496]::before {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
@@ -5034,13 +5034,19 @@ svg[data-v-955cfa65-s] {
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-219fa683]:disabled::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-ui-icon-button-state~="guide=bar"][data-v-ea2a5496]::before {
+  inline-size: 2px;
+  block-size: 20px;
+  background: var(--ui-border-strong);
+  opacity: 1;
+}
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-ea2a5496]:disabled::before {
   opacity: 0;
 }
 
 /* At rest an anticipatory button shows only its guide dot. The icon grows into place when
    proximity, hover, or focus reveals it; the button's hit area and guide remain stable. */
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"] .content[data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"] .content[data-v-ea2a5496] {
   opacity: 1;
   transform: scale(1);
   transition:
@@ -5048,22 +5054,22 @@ svg[data-v-955cfa65-s] {
     transform calc(var(--ui-motion-fast) * 2) cubic-bezier(0.2, 1.4, 0.35, 1);
 }
 @media (hover: hover) and (pointer: fine) {
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-219fa683]:not([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"], :disabled, [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-ea2a5496]:not([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"], :disabled, [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible) {
     border-color: transparent;
     background-color: transparent;
     box-shadow: none;
 }
 [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"]:not([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"], :disabled, [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible)
-    .content[data-v-219fa683] {
+    .content[data-v-ea2a5496] {
     opacity: 0;
     transform: scale(0.65);
     transition-duration: var(--ui-motion-fast);
 }
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-219fa683]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible)::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-ea2a5496]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [aria-pressed="true"], [data-ui-proximity="near"], :hover, :focus-visible)::before {
   opacity: 0;
 }
-[data-component~="ui-icon-button"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-v-ea2a5496] {
   /* The size prop resolves here; --ui-icon-button-size overrides it on an element. */
   --_size: 2rem;
   appearance: none;
@@ -5086,10 +5092,10 @@ svg[data-v-955cfa65-s] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-base) var(--ui-motion-ease),
-    transform var(--ui-motion-fast) var(--ui-motion-ease);
+    scale var(--ui-motion-fast) var(--ui-motion-ease);
 }
 @media (hover: none), (pointer: coarse) {
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-219fa683]::before {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-ea2a5496]::before {
     opacity: 0;
 }
 }
@@ -5097,10 +5103,10 @@ svg[data-v-955cfa65-s] {
 /* A touch target without a bigger button: an invisible hit area, at least the control
    minimum, centred on the button (::before is the anticipatory guide). */
 @media (pointer: coarse) {
-[data-component~="ui-icon-button"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-v-ea2a5496] {
     position: relative;
 }
-[data-component~="ui-icon-button"][data-v-219fa683]::after {
+[data-component~="ui-icon-button"][data-v-ea2a5496]::after {
     content: "";
     position: absolute;
     inset: 50% auto auto 50%;
@@ -5109,10 +5115,10 @@ svg[data-v-955cfa65-s] {
     transform: translate(-50%, -50%);
 }
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-219fa683] {
+html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-ea2a5496] {
   position: relative;
 }
-html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-219fa683]::after {
+html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-ea2a5496]::after {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
@@ -5120,14 +5126,14 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   block-size: max(100%, var(--ui-control-min-block-size));
   transform: translate(-50%, -50%);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-ea2a5496] {
   --_size: 1.75rem;
   inline-size: var(--ui-icon-button-size, var(--_size));
   block-size: var(--ui-icon-button-size, var(--_size));
   min-inline-size: var(--ui-icon-button-size, var(--_size));
   min-block-size: var(--ui-icon-button-size, var(--_size));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-ea2a5496] {
   --_size: 2.5rem;
   inline-size: var(--ui-icon-button-size, var(--_size));
   block-size: var(--ui-icon-button-size, var(--_size));
@@ -5136,19 +5142,19 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
 }
 
 /* A text button's companion uses control geometry; compact icon buttons keep their own density. */
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-v-ea2a5496] {
   --_size: var(--ui-control-size-md);
   block-size: auto;
   align-self: stretch;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-ui-icon-button-state~="size=sm"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-ui-icon-button-state~="size=sm"][data-v-ea2a5496] {
   --_size: var(--ui-control-size-sm);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-ui-icon-button-state~="size=lg"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-ui-icon-button-state~="size=lg"][data-v-ea2a5496] {
   --_size: var(--ui-control-size-lg);
 }
 @media (pointer: coarse) {
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="matchButton"][data-v-ea2a5496] {
     inline-size: max(var(--ui-icon-button-size, var(--_size)), var(--ui-control-min-block-size));
     min-inline-size: max(
       var(--ui-icon-button-size, var(--_size)),
@@ -5157,10 +5163,10 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
     min-block-size: max(var(--ui-icon-button-size, var(--_size)), var(--ui-control-min-block-size));
 }
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="round"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="round"][data-v-ea2a5496] {
   border-radius: var(--ui-radius-round);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-ea2a5496] {
   border-color: var(
     --ui-icon-button-border,
     var(--_icon-button-border, var(--ui-control-border, var(--ui-border-strong)))
@@ -5173,7 +5179,7 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   color: var(--ui-icon-button-outline-text, var(--_icon-button-text, var(--ui-text-primary)));
   box-shadow: var(--ui-action-shadow, var(--_ui-action-shadow));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-ea2a5496] {
   background-color: var(
     --ui-icon-button-solid-surface,
     var(--_icon-button-solid-surface, var(--ui-accent-solid))
@@ -5182,7 +5188,7 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   color: var(--ui-icon-button-solid-text, var(--_icon-button-solid-text, var(--ui-text-on-accent)));
   box-shadow: var(--ui-icon-button-solid-shadow, var(--ui-action-shadow, var(--_ui-action-shadow)));
 }
-[data-component~="ui-icon-button"][data-v-219fa683]:hover:enabled:not([aria-disabled="true"]) {
+[data-component~="ui-icon-button"][data-v-ea2a5496]:hover:enabled:not([aria-disabled="true"]) {
   /* Derived from the text colour so the ghost hover shows on any background. */
   background-color: var(
     --ui-icon-button-hover-surface,
@@ -5190,23 +5196,23 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   );
   color: var(--ui-icon-button-hover-text, var(--_icon-button-text, var(--ui-text-primary)));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-219fa683]:hover:enabled:not([aria-disabled="true"]) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-ea2a5496]:hover:enabled:not([aria-disabled="true"]) {
   border-color: var(
     --ui-icon-button-hover-border,
     var(--_icon-button-hover-border, var(--ui-control-border-hover, var(--ui-control-border)))
   );
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-219fa683]:hover:enabled:not([aria-disabled="true"]) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-ea2a5496]:hover:enabled:not([aria-disabled="true"]) {
   background-color: var(
     --ui-icon-button-solid-hover-surface,
     var(--_icon-button-solid-hover-surface, var(--ui-accent-hover))
   );
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-ui-icon-button-state~="tone=accent"][data-v-219fa683]:hover:enabled:not([aria-disabled="true"]),
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-ui-icon-button-state~="tone=neutral"][data-v-219fa683]:hover:enabled:not([aria-disabled="true"]) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-ui-icon-button-state~="tone=accent"][data-v-ea2a5496]:hover:enabled:not([aria-disabled="true"]),
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-ui-icon-button-state~="tone=neutral"][data-v-ea2a5496]:hover:enabled:not([aria-disabled="true"]) {
   color: var(--ui-icon-button-solid-text, var(--_icon-button-solid-text, var(--ui-text-on-accent)));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=ghost"][aria-expanded="true"][data-v-219fa683]:enabled:not([aria-disabled="true"]) {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=ghost"][aria-expanded="true"][data-v-ea2a5496]:enabled:not([aria-disabled="true"]) {
   background-color: var(
     --ui-icon-button-active-surface,
     color-mix(in srgb, currentColor 16%, transparent)
@@ -5216,7 +5222,7 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
 }
 
 /* Native toggle state persists after pointer release, including during loading. */
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-219fa683]:enabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-ea2a5496]:enabled {
   background-color: var(
     --ui-icon-button-active-surface,
     color-mix(in srgb, currentColor 12%, var(--ui-surface-default))
@@ -5224,61 +5230,61 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   background-image: none;
   box-shadow: var(--ui-pressed);
 }
-[data-component~="ui-icon-button"][data-v-219fa683]:active:enabled:not([aria-disabled="true"]) {
-  transform: scale(var(--ui-icon-button-active-scale, 0.96));
+[data-component~="ui-icon-button"][data-v-ea2a5496]:active:enabled:not([aria-disabled="true"]) {
+  scale: var(--ui-icon-button-active-scale, 0.96);
 }
-:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"][data-v-219fa683], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"][data-v-219fa683]) {
+:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"][data-v-ea2a5496], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"][data-v-ea2a5496]) {
   cursor: progress;
 }
-.content[data-v-219fa683] {
+.content[data-v-ea2a5496] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
 :is([data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"])
-  .content[data-v-219fa683] {
+  .content[data-v-ea2a5496] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"] .content[data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"] .content[data-v-ea2a5496] {
     transition: none;
 }
 }
-[data-component~="ui-icon-button"][data-v-219fa683]:focus-visible {
+[data-component~="ui-icon-button"][data-v-ea2a5496]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-219fa683]:focus-visible {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-ea2a5496]:focus-visible {
   box-shadow:
     var(--ui-action-shadow, var(--_ui-action-shadow)),
     var(--ui-focus-halo);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-219fa683]:focus-visible {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-ea2a5496]:focus-visible {
   box-shadow:
     var(--ui-icon-button-solid-shadow, var(--ui-action-shadow, var(--_ui-action-shadow))),
     var(--ui-focus-halo);
 }
-[data-component~="ui-icon-button"][data-v-219fa683]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"]):active:enabled:not([aria-disabled="true"]) {
+[data-component~="ui-icon-button"][data-v-ea2a5496]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"]):active:enabled:not([aria-disabled="true"]) {
   background-image: none;
   box-shadow: var(--ui-pressed);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-219fa683]:enabled:focus-visible {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-ea2a5496]:enabled:focus-visible {
   box-shadow:
     var(--ui-pressed),
     var(--ui-focus-halo);
 }
 @media (forced-colors: active) {
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-219fa683]:enabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-ea2a5496]:enabled {
     outline: var(--ui-focus-width) solid Highlight;
     outline-offset: calc(-2 * var(--ui-focus-width));
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-219fa683]:enabled:focus-visible {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][aria-pressed="true"][data-v-ea2a5496]:enabled:focus-visible {
     outline-offset: var(--ui-focus-width);
 }
 }
 
 /* Disabled is a flat neutral control, independent of the active variant's tone. */
-[data-component~="ui-icon-button"][data-v-219fa683]:disabled {
+[data-component~="ui-icon-button"][data-v-ea2a5496]:disabled {
   border-color: var(--ui-disabled-border);
   background-color: var(--ui-disabled-surface);
   color: var(--ui-disabled-text);
@@ -5288,23 +5294,23 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-2
   box-shadow: none;
   background-image: none;
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=ghost"][data-v-219fa683]:disabled {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=ghost"][data-v-ea2a5496]:disabled {
   border-color: transparent;
 }
-[data-component~="ui-icon-button"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-v-ea2a5496] {
   --_icon-button-icon-default: var(--ui-icon-size-md);
   /* A slotted ui-icon is its own component, out of reach of the svg rule below; these are its
      defaults, which its own --ui-icon-* hooks still override. */
   --_ui-default-icon-size: var(--_ui-icon-button-icon-size, var(--_icon-button-icon-default));
   --_ui-default-icon-stroke-width: var(--_ui-icon-button-icon-stroke-width, 1.75);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-ea2a5496] {
   --_icon-button-icon-default: var(--ui-icon-size-sm);
 }
-[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-219fa683] {
+[data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-ea2a5496] {
   --_icon-button-icon-default: var(--ui-icon-size-lg);
 }
-svg[data-v-219fa683-s] {
+svg[data-v-ea2a5496-s] {
   inline-size: var(--_ui-icon-button-icon-size, var(--_icon-button-icon-default));
   block-size: var(--_ui-icon-button-icon-size, var(--_icon-button-icon-default));
   flex-shrink: 0;
@@ -5312,7 +5318,7 @@ svg[data-v-219fa683-s] {
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-icon-button"][hidden][data-v-219fa683] {
+[data-component~="ui-icon-button"][hidden][data-v-ea2a5496] {
   display: none;
 }