@threadlabs/looma 0.9.2 → 0.10.1

package/vue/components.css

@@ -549,7 +549,7 @@
   display: none;
 }
 
-[data-component~="ui-checkbox"][data-v-964081a0] {
+[data-component~="ui-checkbox"][data-v-44d93832] {
   display: inline-flex;
   align-items: flex-start;
   gap: var(--ui-checkbox-gap, var(--ui-space-2));
@@ -557,11 +557,11 @@
   color: var(--ui-text-primary);
   cursor: pointer;
 }
-.label[data-v-964081a0] {
+.label[data-v-44d93832] {
   min-inline-size: 0;
   line-height: var(--ui-line-height-md);
 }
-input[data-v-964081a0] {
+input[data-v-44d93832] {
   appearance: none;
   -webkit-appearance: none;
   position: relative;
@@ -579,20 +579,20 @@ input[data-v-964081a0] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
 }
-input[data-v-964081a0]::after {
+input[data-v-44d93832]::after {
   content: "";
   position: absolute;
   opacity: 0;
 }
-input[data-v-964081a0]:checked,
-input[data-v-964081a0]:indeterminate {
+input[data-v-44d93832]:checked,
+input[data-v-44d93832]:indeterminate {
   border-color: var(--ui-accent-solid);
   background: var(--ui-accent-solid);
   box-shadow: inset 0 1px 2px color-mix(in srgb, #000 16%, transparent);
 }
 
 /* Centre the tick's box, then lift it: a rotated L's ink sits ~0.11rem below its box centre. */
-input[data-v-964081a0]:checked::after {
+input[data-v-44d93832]:checked::after {
   inset: 0;
   margin: auto;
   inline-size: 0.32rem;
@@ -605,7 +605,7 @@ input[data-v-964081a0]:checked::after {
   opacity: 1;
   transform: translateY(-0.11rem) rotate(45deg);
 }
-input[data-v-964081a0]:indeterminate::after {
+input[data-v-44d93832]:indeterminate::after {
   inset: 50% 0.23rem auto;
   block-size: 0.125rem;
   border-radius: var(--ui-radius-round);
@@ -613,25 +613,25 @@ input[data-v-964081a0]:indeterminate::after {
   opacity: 1;
   transform: translateY(-50%);
 }
-input[data-v-964081a0]:hover:enabled {
+input[data-v-44d93832]:hover:enabled {
   border-color: var(--ui-accent-solid);
 }
-input[data-v-964081a0]:focus-visible {
+input[data-v-44d93832]:focus-visible {
   outline: 2px solid var(--ui-focus-ring, var(--ui-accent-solid));
   outline-offset: 2px;
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"][data-v-964081a0] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"][data-v-44d93832] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-964081a0] {
+[data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-44d93832] {
   border-color: var(--ui-border-default);
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   cursor: not-allowed;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-checkbox"][hidden][data-v-964081a0] {
+[data-component~="ui-checkbox"][hidden][data-v-44d93832] {
   display: none;
 }
 
@@ -770,27 +770,27 @@ input[data-v-964081a0]:focus-visible {
 }
 }
 
-[data-component~="ui-combobox"][data-v-3b8b0ecf] {
+[data-component~="ui-combobox"][data-v-cd33b9b7] {
   display: grid;
   gap: var(--ui-space-1);
   min-inline-size: 0;
   color: var(--ui-text-primary);
   font: inherit;
 }
-label[data-v-3b8b0ecf] {
+label[data-v-cd33b9b7] {
   color: var(--ui-combobox-label-text, var(--ui-text-primary));
   font-size: var(--ui-combobox-label-font-size, var(--ui-font-size-sm));
   font-weight: 500;
 }
 /* The field and anything that annotates it sit on one row; the help button is beside the box,
    not inside it, because a control's box holds its value. */
-.control[data-v-3b8b0ecf] {
+.control[data-v-cd33b9b7] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-2);
   min-inline-size: 0;
 }
-.field[data-v-3b8b0ecf] {
+.field[data-v-cd33b9b7] {
   flex: 1 1 auto;
   display: flex;
   min-inline-size: 0;
@@ -802,14 +802,14 @@ label[data-v-3b8b0ecf] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.field[data-v-3b8b0ecf]:focus-within {
+.field[data-v-cd33b9b7]:focus-within {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   box-shadow:
     var(--ui-control-inset),
     var(--ui-control-focus-halo-shadow);
 }
 /* A ghost icon button: the affordance is the mark, not a box around it. */
-.help[data-v-3b8b0ecf] {
+.help[data-v-cd33b9b7] {
   flex: none;
   display: inline-flex;
   align-items: center;
@@ -826,28 +826,28 @@ label[data-v-3b8b0ecf] {
     background-color var(--ui-motion-fast) var(--ui-motion-ease),
     color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.help[data-v-3b8b0ecf]:hover:enabled,
-.help[aria-expanded="true"][data-v-3b8b0ecf] {
+.help[data-v-cd33b9b7]:hover:enabled,
+.help[aria-expanded="true"][data-v-cd33b9b7] {
   background: color-mix(in srgb, currentColor 8%, transparent);
   color: var(--ui-text-primary);
 }
-.help[data-v-3b8b0ecf]:focus-visible {
+.help[data-v-cd33b9b7]:focus-visible {
   outline: none;
   box-shadow: var(--ui-focus-halo);
 }
-.help[data-v-3b8b0ecf]:disabled {
+.help[data-v-cd33b9b7]:disabled {
   color: var(--ui-disabled-text);
   cursor: not-allowed;
 }
-.help-icon[data-v-3b8b0ecf] {
+.help-icon[data-v-cd33b9b7] {
   inline-size: var(--ui-icon-size-sm);
   block-size: var(--ui-icon-size-sm);
 }
-input[data-v-3b8b0ecf]::selection {
+input[data-v-cd33b9b7]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
   color: inherit;
 }
-input[data-v-3b8b0ecf] {
+input[data-v-cd33b9b7] {
   appearance: none;
   width: 100%;
   min-inline-size: 0;
@@ -863,11 +863,11 @@ input[data-v-3b8b0ecf] {
   margin: 0;
   outline: none;
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-3b8b0ecf] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-cd33b9b7] {
   min-block-size: calc(var(--ui-control-size-sm) - 2px);
   padding: var(--ui-space-1) var(--ui-space-2);
 }
-button[data-v-3b8b0ecf] {
+button[data-v-cd33b9b7] {
   appearance: none;
   display: inline-grid;
   place-items: center;
@@ -882,31 +882,31 @@ button[data-v-3b8b0ecf] {
   padding: 0 var(--ui-space-1);
   cursor: pointer;
 }
-.affordance-icon[data-v-3b8b0ecf] {
+.affordance-icon[data-v-cd33b9b7] {
   display: block;
   inline-size: var(--ui-icon-size-sm);
   block-size: var(--ui-icon-size-sm);
 }
-button[data-v-3b8b0ecf]:hover:enabled {
+button[data-v-cd33b9b7]:hover:enabled {
   background: var(--ui-surface-muted);
   color: var(--ui-text-primary);
 }
-button[data-v-3b8b0ecf]:focus-visible {
+button[data-v-cd33b9b7]:focus-visible {
   outline: none;
   background: var(--ui-surface-muted);
   box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
 }
-input[data-v-3b8b0ecf]:disabled, button[data-v-3b8b0ecf]:disabled {
+input[data-v-cd33b9b7]:disabled, button[data-v-cd33b9b7]:disabled {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-.field[data-v-3b8b0ecf]:has(input:disabled) {
+.field[data-v-cd33b9b7]:has(input:disabled) {
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="validationStatus=error"] .field[data-v-3b8b0ecf] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="validationStatus=error"] .field[data-v-cd33b9b7] {
   border-color: var(--ui-danger-solid, var(--ui-accent-active));
 }
-.popup[data-v-3b8b0ecf] {
+.popup[data-v-cd33b9b7] {
   box-sizing: border-box;
   min-inline-size: 12rem;
   max-inline-size: calc(100vw - 1rem);
@@ -920,40 +920,40 @@ input[data-v-3b8b0ecf]:disabled, button[data-v-3b8b0ecf]:disabled {
   color: var(--ui-text-primary);
   box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
 }
-[hidden][data-v-3b8b0ecf] {
+[hidden][data-v-cd33b9b7] {
   display: none;
 }
-.option[data-v-3b8b0ecf] {
+.option[data-v-cd33b9b7] {
   padding: var(--ui-space-2) var(--ui-space-3);
   border-radius: var(--ui-radius-sm);
   cursor: pointer;
   overflow-wrap: anywhere;
 }
-.option[data-v-3b8b0ecf]:hover, .option.active[data-v-3b8b0ecf] {
+.option[data-v-cd33b9b7]:hover, .option.active[data-v-cd33b9b7] {
   background: var(--ui-surface-muted);
   outline: 1px solid var(--ui-focus-ring);
   outline-offset: -1px;
 }
-.option[aria-disabled="true"][data-v-3b8b0ecf] {
+.option[aria-disabled="true"][data-v-cd33b9b7] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-.primary[data-v-3b8b0ecf] {
+.primary[data-v-cd33b9b7] {
   display: block;
   color: var(--ui-combobox-option-text, var(--ui-text-primary));
   font-weight: 500;
 }
-.message[data-v-3b8b0ecf], .group[data-v-3b8b0ecf] {
+.message[data-v-cd33b9b7], .group[data-v-cd33b9b7] {
   color: var(--ui-combobox-message-text, var(--ui-text-secondary));
   font-weight: 400;
   font-size: var(--ui-font-size-sm);
   line-height: var(--ui-line-height-md);
   overflow-wrap: anywhere;
 }
-.group[data-v-3b8b0ecf], .popup .message[data-v-3b8b0ecf] {
+.group[data-v-cd33b9b7], .popup .message[data-v-cd33b9b7] {
   padding: var(--ui-space-2) var(--ui-space-3);
 }
-.sr-only[data-v-3b8b0ecf] {
+.sr-only[data-v-cd33b9b7] {
   position: absolute;
   inline-size: 1px;
   block-size: 1px;
@@ -962,16 +962,16 @@ input[data-v-3b8b0ecf]:disabled, button[data-v-3b8b0ecf]:disabled {
   white-space: nowrap;
 }
 @media (pointer: coarse) {
-button[data-v-3b8b0ecf] {
+button[data-v-cd33b9b7] {
     min-inline-size: 2.75rem;
     min-block-size: 2.75rem;
 }
 }
 @media (forced-colors: active) {
-.field[data-v-3b8b0ecf], .popup[data-v-3b8b0ecf] {
+.field[data-v-cd33b9b7], .popup[data-v-cd33b9b7] {
     border-color: CanvasText;
 }
-.option.active[data-v-3b8b0ecf] {
+.option.active[data-v-cd33b9b7] {
     outline-color: Highlight;
 }
 }
@@ -979,12 +979,12 @@ button[data-v-3b8b0ecf] {
 /* Multiple mode: every option carries a checkbox, so a list that takes several answers says so
    before anything is picked. aria-selected is the state; this draws it.
    Longhands, not shorthands: lowering drops a shorthand that omits a component. */
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-3b8b0ecf] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-cd33b9b7] {
   display: flex;
   gap: var(--ui-space-2);
   align-items: center;
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-3b8b0ecf]::before {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .option[data-v-cd33b9b7]::before {
   content: "";
   flex: none;
   inline-size: 1.125rem;
@@ -999,7 +999,7 @@ button[data-v-3b8b0ecf] {
   background-size: 0.7rem;
 }
 [data-component~="ui-combobox"][data-ui-combobox-state~="multiple"]
-  .option[aria-selected="true"][data-v-3b8b0ecf]::before {
+  .option[aria-selected="true"][data-v-cd33b9b7]::before {
   border-color: var(--ui-accent-solid);
   background-color: var(--ui-accent-solid);
   background-image: var(
@@ -1009,20 +1009,20 @@ button[data-v-3b8b0ecf] {
 }
 
 /* Multiple mode: chips wrap before the cursor on one flexible field line. */
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-3b8b0ecf] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-cd33b9b7] {
   flex-wrap: wrap;
   align-items: center;
   gap: var(--ui-space-1);
   min-block-size: var(--ui-combobox-item-min-block-size, 2.5rem);
   padding: var(--ui-space-1);
 }
-[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] input[data-v-3b8b0ecf] {
+[data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] input[data-v-cd33b9b7] {
   flex: 1 0 var(--ui-combobox-item-input-min-inline-size, 5rem);
   width: auto;
   min-block-size: 1.75rem;
   padding: var(--ui-space-0-5) var(--ui-space-1);
 }
-.item[data-v-3b8b0ecf] {
+.item[data-v-cd33b9b7] {
   appearance: none;
   display: inline-flex;
   min-inline-size: 0;
@@ -1036,16 +1036,16 @@ button[data-v-3b8b0ecf] {
   font: inherit;
   cursor: default;
 }
-.item[data-v-3b8b0ecf]:focus-visible {
+.item[data-v-cd33b9b7]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 1px;
 }
-.item[data-v-3b8b0ecf]:disabled {
+.item[data-v-cd33b9b7]:disabled {
   opacity: 0.6;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-combobox"][hidden][data-v-3b8b0ecf] {
+[data-component~="ui-combobox"][hidden][data-v-cd33b9b7] {
   display: none;
 }
 
@@ -2349,46 +2349,88 @@ svg[data-v-7b1048a0] {
   display: none;
 }
 
-[data-component~="ui-editor-toolbar"][data-v-b71db5ba] {
+[data-component~="ui-editor-toolbar"][data-v-e776f060] {
+  /* The colour the edge fades blend into: whatever the toolbar is painted with. */
+  --_matte: var(--ui-editor-toolbar-surface, var(--ui-surface));
+
   position: sticky;
   top: 0;
   z-index: var(--ui-editor-toolbar-z-index, 10);
   display: flex;
   align-items: center;
-  justify-content: flex-start;
-  gap: var(--ui-editor-toolbar-gap, 2px);
   padding: var(--ui-editor-toolbar-padding-block, 6px)
     var(--ui-editor-toolbar-padding-inline, 12px);
   min-height: var(--ui-editor-toolbar-min-height, 48px);
-  /* More controls than the column is wide is normal at a readable measure, so the row wraps.
-     Scrolling hid the tail behind an invisible scrollbar. */
-  flex-wrap: wrap;
-  row-gap: var(--ui-editor-toolbar-row-gap, var(--ui-editor-toolbar-gap, 2px));
   background: var(--ui-editor-toolbar-surface, var(--ui-surface));
   border-bottom: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
 }
-[data-component~="ui-editor-toolbar"][data-v-b71db5ba]::-webkit-scrollbar {
+
+/* One row, always. When the controls outgrow the space, the row scrolls sideways rather than
+   wrapping into several lines, and a fade at each edge that has more to show says so. */
+.strip[data-v-e776f060] {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
+  justify-content: flex-start;
+  gap: var(--ui-editor-toolbar-gap, 2px);
+  min-width: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  overscroll-behavior-inline: contain;
+  scrollbar-width: none;
+}
+.strip[data-v-e776f060]::-webkit-scrollbar {
   display: none;
 }
-[data-component~="ui-editor-toolbar"] > [data-v-b71db5ba-s] {
+.strip > [data-v-e776f060-s] {
   flex: 0 0 auto;
 }
-.divider[data-v-b71db5ba-s] {
+
+/* The fades are mattes laid over the strip in the toolbar's own colour, not a mask, so a floating
+   toolbar's border and shadow stay whole. Each appears only while that edge hides controls. */
+[data-component~="ui-editor-toolbar"][data-v-e776f060]::before,
+[data-component~="ui-editor-toolbar"][data-v-e776f060]::after {
+  position: absolute;
+  z-index: 1;
+  inset-block: 0;
+  inline-size: var(--ui-editor-toolbar-fade-size, 32px);
+  content: "";
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--ui-motion-fast, 120ms) var(--ui-motion-ease, ease);
+}
+[data-component~="ui-editor-toolbar"][data-v-e776f060]::before {
+  inset-inline-start: 0;
+  background: linear-gradient(to right, var(--_matte), transparent);
+}
+[data-component~="ui-editor-toolbar"][data-v-e776f060]::after {
+  inset-inline-end: 0;
+  background: linear-gradient(to left, var(--_matte), transparent);
+}
+[data-component~="ui-editor-toolbar"][data-v-e776f060]:dir(rtl)::before {
+  background: linear-gradient(to left, var(--_matte), transparent);
+}
+[data-component~="ui-editor-toolbar"][data-v-e776f060]:dir(rtl)::after {
+  background: linear-gradient(to right, var(--_matte), transparent);
+}
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="overflowStart"][data-v-e776f060]::before,
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="overflowEnd"][data-v-e776f060]::after {
+  opacity: 1;
+}
+.divider[data-v-e776f060-s] {
   width: 1px;
   height: 20px;
   background: var(--ui-editor-toolbar-divider, var(--ui-border));
   flex-shrink: 0;
   margin: 0 var(--ui-editor-toolbar-divider-margin, 4px);
 }
-[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-b71db5ba] {
-  flex-wrap: nowrap;
-  position: static;
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-e776f060] {
+  position: relative;
   top: auto;
   width: max-content;
   max-width: min(calc(100vw - 24px), 100%);
   min-height: auto;
   padding: var(--ui-editor-toolbar-floating-padding, 4px);
-  overflow-x: visible;
   background: color-mix(
     in srgb,
     var(--ui-editor-toolbar-surface, var(--ui-surface)) 96%,
@@ -2403,7 +2445,7 @@ svg[data-v-7b1048a0] {
   backdrop-filter: blur(10px);
 }
 @media (max-width: 767px) {
-[data-component~="ui-editor-toolbar"][data-v-b71db5ba] {
+[data-component~="ui-editor-toolbar"][data-v-e776f060] {
     position: fixed;
     top: auto;
     bottom: env(safe-area-inset-bottom);
@@ -2414,8 +2456,8 @@ svg[data-v-7b1048a0] {
     border-bottom: none;
     box-shadow: var(--ui-editor-toolbar-mobile-shadow, 0 -2px 8px rgb(0 0 0 / 0.06));
 }
-[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-b71db5ba] {
-    position: static;
+[data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-e776f060] {
+    position: relative;
     inset: auto;
     min-height: auto;
     border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
@@ -2428,10 +2470,11 @@ svg[data-v-7b1048a0] {
 }
 
 /* Inside LoomaEditor's sticky shell, the shell is the sticky surface. */
-.looma-editor__sticky-toolbar-shell [data-component~="ui-editor-toolbar"][data-v-b71db5ba] {
-  position: static;
+.looma-editor__sticky-toolbar-shell [data-component~="ui-editor-toolbar"][data-v-e776f060] {
+  --_matte: var(--ui-editor-toolbar-surface, var(--ui-surface));
+
+  position: relative;
   min-height: var(--ui-editor-toolbar-min-height, 48px);
-  overscroll-behavior-inline: contain;
   background: transparent;
   border: 0;
   box-shadow: none;
@@ -2439,24 +2482,25 @@ svg[data-v-7b1048a0] {
 
 /* Inside LoomaEditor's mobile shell, the toolbar is a scroll-snapping strip. */
 .looma-editor__mobile-toolbar-shell
-  [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-b71db5ba] {
+  [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-e776f060] {
   width: 100%;
   max-width: none;
   min-height: 100%;
   padding: 0;
-  overflow-x: auto;
-  overflow-y: hidden;
-  overscroll-behavior-inline: contain;
-  scroll-snap-type: x mandatory;
   background: transparent;
   border: 0;
   border-radius: 0;
   box-shadow: none;
   backdrop-filter: none;
 }
+.looma-editor__mobile-toolbar-shell
+  [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"]
+  .strip[data-v-e776f060] {
+  scroll-snap-type: x mandatory;
+}
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-editor-toolbar"][hidden][data-v-b71db5ba] {
+[data-component~="ui-editor-toolbar"][hidden][data-v-e776f060] {
   display: none;
 }
 
@@ -3060,7 +3104,7 @@ input[data-v-2c20c2e3]:focus-visible {
   display: none;
 }
 
-[data-component~="ui-radio-group"][data-v-cd639df6] {
+[data-component~="ui-radio-group"][data-v-f54344c6] {
   display: inline-flex;
   align-items: center;
   gap: var(--ui-space-2);
@@ -3069,7 +3113,7 @@ input[data-v-2c20c2e3]:focus-visible {
   padding: 0;
   border: 0;
 }
-legend[data-v-cd639df6] {
+legend[data-v-f54344c6] {
   float: inline-start;
   inline-size: 100%;
   margin: 0 0 var(--ui-space-2);
@@ -3077,16 +3121,16 @@ legend[data-v-cd639df6] {
   color: var(--ui-text-primary);
   font-weight: var(--ui-font-medium);
 }
-legend[data-v-cd639df6] + * {
+legend[data-v-f54344c6] + * {
   clear: both;
 }
-[data-component~="ui-radio-group"][data-ui-radio-group-state~="orientation=vertical"][data-v-cd639df6] {
+[data-component~="ui-radio-group"][data-ui-radio-group-state~="orientation=vertical"][data-v-f54344c6] {
   display: inline-grid;
   justify-items: start;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-radio-group"][hidden][data-v-cd639df6] {
+[data-component~="ui-radio-group"][hidden][data-v-f54344c6] {
   display: none;
 }
 
@@ -3146,7 +3190,7 @@ legend[data-v-cd639df6] + * {
   display: none;
 }
 
-[data-component~="ui-search-result-row"][data-v-9f29c4b0] {
+[data-component~="ui-search-result-row"][data-v-c2562cce] {
   appearance: none;
   inline-size: 100%;
   min-block-size: var(--ui-search-result-row-min-height, 56px);
@@ -3164,62 +3208,62 @@ legend[data-v-cd639df6] + * {
   text-align: left;
   transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-[data-component~="ui-search-result-row"][data-v-9f29c4b0]:last-child {
+[data-component~="ui-search-result-row"][data-v-c2562cce]:last-child {
   border-block-end: none;
 }
-[data-component~="ui-search-result-row"][data-v-9f29c4b0]:hover:enabled {
+[data-component~="ui-search-result-row"][data-v-c2562cce]:hover:enabled {
   background: var(
     --ui-search-result-row-hover-surface,
     color-mix(in srgb, var(--ui-surface) 85%, black 3%)
   );
 }
-[data-component~="ui-search-result-row"][data-ui-search-result-row-state~="selected"][data-v-9f29c4b0] {
+[data-component~="ui-search-result-row"][data-ui-search-result-row-state~="selected"][data-v-c2562cce] {
   background: var(
     --ui-search-result-row-selected-bg,
     var(--ui-search-result-row-hover-surface, color-mix(in srgb, var(--ui-surface) 85%, black 3%))
   );
 }
-[data-component~="ui-search-result-row"][data-v-9f29c4b0]:focus-visible {
+[data-component~="ui-search-result-row"][data-v-c2562cce]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: -2px;
 }
-[data-component~="ui-search-result-row"][data-v-9f29c4b0]:disabled {
+[data-component~="ui-search-result-row"][data-v-c2562cce]:disabled {
   opacity: 0.6;
   cursor: not-allowed;
 }
-.leading[data-v-9f29c4b0],
-.trailing[data-v-9f29c4b0] {
+.leading[data-v-c2562cce],
+.trailing[data-v-c2562cce] {
   display: inline-flex;
   align-items: flex-start;
   flex-shrink: 0;
 }
-.content[data-v-9f29c4b0] {
+.content[data-v-c2562cce] {
   min-inline-size: 0;
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.title[data-v-9f29c4b0],
-.meta[data-v-9f29c4b0],
-.excerpt[data-v-9f29c4b0] {
+.title[data-v-c2562cce],
+.meta[data-v-c2562cce],
+.excerpt[data-v-c2562cce] {
   display: block;
   min-inline-size: 0;
 }
 
 /* An unused region takes no space. */
-.leading[data-v-9f29c4b0]:empty,
-.meta[data-v-9f29c4b0]:empty,
-.excerpt[data-v-9f29c4b0]:empty,
-.trailing[data-v-9f29c4b0]:empty {
+.leading[data-v-c2562cce]:empty,
+.meta[data-v-c2562cce]:empty,
+.excerpt[data-v-c2562cce]:empty,
+.trailing[data-v-c2562cce]:empty {
   display: none;
 }
-[slot="title"][data-v-9f29c4b0-s],[slot="meta"][data-v-9f29c4b0-s],[slot="excerpt"][data-v-9f29c4b0-s] {
+[slot="title"][data-v-c2562cce-s],[slot="meta"][data-v-c2562cce-s],[slot="excerpt"][data-v-c2562cce-s] {
   display: block;
   margin: 0;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-search-result-row"][hidden][data-v-9f29c4b0] {
+[data-component~="ui-search-result-row"][hidden][data-v-c2562cce] {
   display: none;
 }
 
@@ -3614,7 +3658,7 @@ hr[aria-orientation="vertical"][data-v-f07c3800] {
   display: none;
 }
 
-[data-component~="ui-switch"][data-v-529fe437] {
+[data-component~="ui-switch"][data-v-aeb44053] {
   display: inline-flex;
   align-items: flex-start;
   gap: var(--ui-switch-gap, var(--ui-space-2));
@@ -3622,11 +3666,11 @@ hr[aria-orientation="vertical"][data-v-f07c3800] {
   color: var(--ui-text-primary);
   cursor: pointer;
 }
-.label[data-v-529fe437] {
+.label[data-v-aeb44053] {
   min-inline-size: 0;
   line-height: var(--ui-line-height-md);
 }
-input[data-v-529fe437] {
+input[data-v-aeb44053] {
   appearance: none;
   -webkit-appearance: none;
   position: relative;
@@ -3644,7 +3688,7 @@ input[data-v-529fe437] {
     border-color var(--ui-motion-fast) var(--ui-motion-ease);
   margin: 0;
 }
-input[data-v-529fe437]::after {
+input[data-v-aeb44053]::after {
   content: "";
   position: absolute;
   top: 3px;
@@ -3656,35 +3700,35 @@ input[data-v-529fe437]::after {
   box-shadow: var(--ui-shadow-xs);
   transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
 }
-input[data-v-529fe437]:checked {
+input[data-v-aeb44053]:checked {
   background: var(--ui-accent-solid);
   border-color: var(--ui-accent-solid);
 }
-input[data-v-529fe437]:checked::after {
+input[data-v-aeb44053]:checked::after {
   transform: translateX(1rem);
   background: var(--ui-text-on-accent);
 }
-input[data-v-529fe437]:focus-visible {
+input[data-v-aeb44053]:focus-visible {
   outline: 2px solid var(--ui-focus-ring, var(--ui-accent-solid));
   outline-offset: 2px;
 }
-[data-component~="ui-switch"][data-ui-switch-state~="disabled"][data-v-529fe437] {
+[data-component~="ui-switch"][data-ui-switch-state~="disabled"][data-v-aeb44053] {
   color: var(--ui-text-muted);
   cursor: not-allowed;
 }
-[data-component~="ui-switch"][data-ui-switch-state~="disabled"] input[data-v-529fe437] {
+[data-component~="ui-switch"][data-ui-switch-state~="disabled"] input[data-v-aeb44053] {
   border-color: var(--ui-border-default);
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   cursor: not-allowed;
 }
 @media (prefers-reduced-motion: reduce) {
-input[data-v-529fe437], input[data-v-529fe437]::after {
+input[data-v-aeb44053], input[data-v-aeb44053]::after {
     transition: none;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-switch"][hidden][data-v-529fe437] {
+[data-component~="ui-switch"][hidden][data-v-aeb44053] {
   display: none;
 }