@threadlabs/looma 0.22.13 → 0.22.14

package/vue/components.css

@@ -92,7 +92,7 @@
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-icon"][data-v-d26ad280] {
+[data-component~="ui-icon"][data-v-5aa6beca] {
   /* Hooks do not inherit, so the svg reads the stroke from the root. A Looma component that
      sizes the icons it renders sets --_ui-default-icon-*, which the icon's own hooks override. */
   --_ui-icon-stroke-width: var(--ui-icon-stroke-width, var(--_ui-default-icon-stroke-width));
@@ -102,14 +102,14 @@
   inline-size: var(--ui-icon-size, var(--_ui-default-icon-size, 1em));
   block-size: var(--ui-icon-size, var(--_ui-default-icon-size, 1em));
 }
-svg[data-v-d26ad280] {
+svg[data-v-5aa6beca] {
   inline-size: 100%;
   block-size: 100%;
   stroke-width: var(--_ui-icon-stroke-width, 2);
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-icon"][hidden][data-v-d26ad280] {
+[data-component~="ui-icon"][hidden][data-v-5aa6beca] {
   display: none;
 }
 
@@ -1178,7 +1178,7 @@ html[data-ui-input-modality="touch"]
 
 /* A surface that groups content. Its children stack with even space between them, so a card
        needs no layout of its own. */
-[data-component~="ui-card"][data-v-6699d01e] {
+[data-component~="ui-card"][data-v-5ac43da6] {
   display: flex;
   flex-direction: column;
   gap: var(--ui-space-4);
@@ -1190,29 +1190,45 @@ html[data-ui-input-modality="touch"]
   background: var(--ui-surface-raised);
   color: var(--ui-text-primary);
 }
-[data-component~="ui-card"][data-ui-card-state~="padding=sm"][data-v-6699d01e] {
+[data-component~="ui-card"][data-ui-card-state~="padding=xs"][data-v-5ac43da6] {
+  gap: var(--ui-space-1);
+  padding: var(--ui-space-2);
+}
+[data-component~="ui-card"][data-ui-card-state~="padding=sm"][data-v-5ac43da6] {
   gap: var(--ui-space-2);
   padding: var(--ui-space-3);
 }
-[data-component~="ui-card"][data-ui-card-state~="padding=lg"][data-v-6699d01e] {
+[data-component~="ui-card"][data-ui-card-state~="padding=lg"][data-v-5ac43da6] {
   padding: var(--ui-space-6);
 }
-[data-component~="ui-card"][data-ui-card-state~="variant=subtle"][data-v-6699d01e] {
+[data-component~="ui-card"][data-ui-card-state~="variant=subtle"][data-v-5ac43da6] {
   border-color: transparent;
   background: var(--ui-surface-muted);
 }
-[data-component~="ui-card"][data-ui-card-state~="variant=elevated"][data-v-6699d01e] {
+[data-component~="ui-card"][data-ui-card-state~="variant=elevated"][data-v-5ac43da6] {
   border-color: var(--ui-border-subtle);
   box-shadow: var(--ui-shadow-lg);
 }
-[data-component~="ui-card"][data-ui-card-state~="tone=danger"][data-v-6699d01e] {
+[data-component~="ui-card"][data-ui-card-state~="tone=danger"][data-v-5ac43da6] {
   border-color: color-mix(in srgb, var(--ui-danger) 45%, var(--ui-border-default));
   border-inline-start: 4px solid var(--ui-danger);
   background: var(--ui-danger-soft);
 }
+[data-component~="ui-card"][data-ui-card-state~="size=sm"][data-v-5ac43da6] {
+  inline-size: min(22rem, calc(100vw - var(--ui-space-2) * 2));
+  max-inline-size: min(22rem, calc(100vw - var(--ui-space-2) * 2));
+}
+[data-component~="ui-card"][data-ui-card-state~="size=md"][data-v-5ac43da6] {
+  inline-size: min(28rem, calc(100vw - var(--ui-space-2) * 2));
+  max-inline-size: min(28rem, calc(100vw - var(--ui-space-2) * 2));
+}
+[data-component~="ui-card"][data-ui-card-state~="size=lg"][data-v-5ac43da6] {
+  inline-size: min(36rem, calc(100vw - var(--ui-space-2) * 2));
+  max-inline-size: min(36rem, calc(100vw - var(--ui-space-2) * 2));
+}
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-card"][hidden][data-v-6699d01e] {
+[data-component~="ui-card"][hidden][data-v-5ac43da6] {
   display: none;
 }
 
@@ -2316,7 +2332,7 @@ dd[data-v-7a7db3d1] {
 /* The controller sets each fade length from overflow and scroll position. The mask blends
        into whatever is behind the area without needing to know its colour. Before upgrade, its
        zero-length defaults leave the authored scroll area fully visible. */
-[data-component~="ui-scroll-area"][data-v-1357c460] {
+[data-component~="ui-scroll-area"][data-v-97150230] {
   display: block;
   box-sizing: border-box;
   min-block-size: 0;
@@ -2335,20 +2351,29 @@ dd[data-v-7a7db3d1] {
     transparent
   );
 }
-.content[data-v-1357c460] {
+.content[data-v-97150230] {
   display: flow-root;
 }
-[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="orientation=horizontal"][data-v-1357c460] {
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="orientation=horizontal"][data-v-97150230] {
   overflow-x: auto;
   overflow-y: hidden;
   --_ui-scroll-fade-direction: var(--_ui-scroll-fade-inline);
 }
-[data-component~="ui-scroll-area"][data-v-1357c460]:dir(rtl) {
+[data-component~="ui-scroll-area"][data-v-97150230]:dir(rtl) {
   --_ui-scroll-fade-inline: to left;
 }
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="size=sm"][data-v-97150230] {
+  max-block-size: 9.375rem;
+}
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="size=md"][data-v-97150230] {
+  max-block-size: 20rem;
+}
+[data-component~="ui-scroll-area"][data-ui-scroll-area-state~="size=lg"][data-v-97150230] {
+  max-block-size: 30rem;
+}
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-scroll-area"][hidden][data-v-1357c460] {
+[data-component~="ui-scroll-area"][hidden][data-v-97150230] {
   display: none;
 }
 
@@ -4631,7 +4656,7 @@ svg[data-v-0d1b1c7d-s] {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-input"][data-v-0226cb52] {
+[data-component~="ui-input"][data-v-f900b391] {
   box-sizing: border-box;
   display: inline-block;
   inline-size: var(--ui-input-inline-size, 100%);
@@ -4643,6 +4668,7 @@ svg[data-v-0d1b1c7d-s] {
   margin: 0;
   padding: var(--ui-space-2) var(--ui-space-3);
   appearance: none;
+  padding-inline-start: var(--_ui-default-input-padding-inline-start, var(--ui-space-3));
   border: var(--ui-input-border-width, var(--_ui-default-input-border-width, 1px)) solid
     var(
       --ui-input-border,
@@ -4667,7 +4693,7 @@ svg[data-v-0d1b1c7d-s] {
 }
 
 /* Each size reads the hook and then an Input Group's default first, so a group, which draws the frame, can zero it. */
-[data-component~="ui-input"][data-ui-input-state~="size=sm"][data-v-0226cb52] {
+[data-component~="ui-input"][data-ui-input-state~="size=sm"][data-v-f900b391] {
   min-block-size: var(
     --ui-input-min-block-size,
     var(--_ui-default-input-min-block-size, var(--ui-control-size-sm))
@@ -4675,7 +4701,7 @@ svg[data-v-0d1b1c7d-s] {
   padding: var(--ui-space-1) var(--ui-space-2);
   font-size: var(--ui-font-size-sm);
 }
-[data-component~="ui-input"][data-ui-input-state~="size=lg"][data-v-0226cb52] {
+[data-component~="ui-input"][data-ui-input-state~="size=lg"][data-v-f900b391] {
   min-block-size: var(
     --ui-input-min-block-size,
     var(--_ui-default-input-min-block-size, var(--ui-control-size-lg))
@@ -4687,7 +4713,7 @@ svg[data-v-0d1b1c7d-s] {
 /* Under touch a small field is still a touch-sized target, as a small button is, and keeps
    body-size text: below 16px, iOS zooms the page into the focused field. */
 @media (pointer: coarse) {
-[data-component~="ui-input"][data-ui-input-state~="size=sm"][data-v-0226cb52] {
+[data-component~="ui-input"][data-ui-input-state~="size=sm"][data-v-f900b391] {
     min-block-size: var(
       --ui-input-min-block-size,
       var(--_ui-default-input-min-block-size, var(--ui-control-min-block-size))
@@ -4697,21 +4723,21 @@ svg[data-v-0d1b1c7d-s] {
 }
 
 /* Tabbing into a field selects its text; tint that selection softly instead of the page highlight. */
-[data-component~="ui-input"][data-v-0226cb52]::selection {
+[data-component~="ui-input"][data-v-f900b391]::selection {
   background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
   color: inherit;
 }
-[data-component~="ui-input"][data-v-0226cb52]::placeholder {
+[data-component~="ui-input"][data-v-f900b391]::placeholder {
   color: var(--ui-control-placeholder, var(--ui-text-secondary));
   opacity: 1;
 }
-[data-component~="ui-input"][data-v-0226cb52]:hover:not(:focus):not(:disabled):not(:read-only):not([aria-invalid="true"]):not(:is(:user-invalid, [data-user-invalid])) {
+[data-component~="ui-input"][data-v-f900b391]:hover:not(:focus):not(:disabled):not(:read-only):not([aria-invalid="true"]):not(:is(:user-invalid, [data-user-invalid])) {
   border-color: var(
     --ui-input-border-hover,
     var(--_ui-default-input-border-hover, var(--ui-control-border-hover, var(--ui-text-secondary)))
   );
 }
-[data-component~="ui-input"][data-v-0226cb52]:focus-visible {
+[data-component~="ui-input"][data-v-f900b391]:focus-visible {
   border-color: var(
     --ui-input-focus-border,
     var(--_ui-default-input-focus-border, var(--ui-control-focus, var(--ui-accent-solid)))
@@ -4728,14 +4754,14 @@ svg[data-v-0d1b1c7d-s] {
 }
 
 /* The app's invalid flag, or the browser's own verdict once the user has left an invalid field. */
-[data-component~="ui-input"][aria-invalid="true"][data-v-0226cb52],
-[data-component~="ui-input"][data-v-0226cb52]:is(:user-invalid, [data-user-invalid]) {
+[data-component~="ui-input"][aria-invalid="true"][data-v-f900b391],
+[data-component~="ui-input"][data-v-f900b391]:is(:user-invalid, [data-user-invalid]) {
   border-color: var(
     --ui-input-invalid-border,
     var(--_ui-default-input-invalid-border, var(--ui-field-danger, var(--ui-danger-solid)))
   );
 }
-[data-component~="ui-input"][data-v-0226cb52]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
+[data-component~="ui-input"][data-v-f900b391]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
   box-shadow: var(
     --ui-input-invalid-focus-shadow,
     var(
@@ -4749,7 +4775,7 @@ svg[data-v-0d1b1c7d-s] {
     )
   );
 }
-[data-component~="ui-input"][data-v-0226cb52]:disabled {
+[data-component~="ui-input"][data-v-f900b391]:disabled {
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   color: var(--ui-disabled-text);
   box-shadow: none;
@@ -4758,7 +4784,7 @@ svg[data-v-0d1b1c7d-s] {
 
 /* Forced colors drop box shadows, so the focus ring becomes an outline. */
 @media (forced-colors: active) {
-[data-component~="ui-input"][data-v-0226cb52]:focus-visible {
+[data-component~="ui-input"][data-v-f900b391]:focus-visible {
     outline: var(
       --ui-input-focus-outline,
       var(--_ui-default-input-focus-outline, 2px solid Highlight)
@@ -4771,7 +4797,7 @@ svg[data-v-0d1b1c7d-s] {
  * scroll vertically inside the field. Native inputs already center their single line. */
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-input"][hidden][data-v-0226cb52] {
+[data-component~="ui-input"][hidden][data-v-f900b391] {
   display: none;
 }
 
@@ -4795,7 +4821,7 @@ svg[data-v-0d1b1c7d-s] {
    whole value is. The action slot takes one button at the end, inside the border, for the one
    thing the field is for ("Continue" after a site's address), so it reads as the field's action
    and not the form's. */
-[data-component~="ui-input-group"][data-v-5cf4aea5] {
+[data-component~="ui-input-group"][data-v-7050a5eb] {
   /* The group's own border and height stand for the input's, so the group is a lone Input's height.
      Hooks do not inherit, so these are defaults for the input; its own hooks still win. */
   --_ui-default-input-border-width: 0;
@@ -4831,36 +4857,36 @@ svg[data-v-0d1b1c7d-s] {
 }
 
 /* The frame takes its input's size, so a small group lines up with small buttons and fields. */
-[data-component~="ui-input-group"][data-v-5cf4aea5]:has(.field [data-ui-input-state~="size=sm"]) {
+[data-component~="ui-input-group"][data-v-7050a5eb]:has(.field [data-ui-input-state~="size=sm"]) {
   min-block-size: var(--ui-control-size-sm);
 }
-[data-component~="ui-input-group"][data-v-5cf4aea5]:has(.field [data-ui-input-state~="size=lg"]) {
+[data-component~="ui-input-group"][data-v-7050a5eb]:has(.field [data-ui-input-state~="size=lg"]) {
   min-block-size: var(--ui-control-size-lg);
 }
 @media (pointer: coarse) {
-[data-component~="ui-input-group"][data-v-5cf4aea5]:has(.field [data-ui-input-state~="size=sm"]) {
+[data-component~="ui-input-group"][data-v-7050a5eb]:has(.field [data-ui-input-state~="size=sm"]) {
     min-block-size: var(--ui-control-min-block-size);
 }
 }
-[data-component~="ui-input-group"][data-v-5cf4aea5]:hover:not(:has(input:focus, input:disabled, input:read-only, [aria-invalid="true"], :is(:user-invalid, [data-user-invalid]))) {
+[data-component~="ui-input-group"][data-v-7050a5eb]:hover:not(:has(input:focus, input:disabled, input:read-only, [aria-invalid="true"], :is(:user-invalid, [data-user-invalid]))) {
   border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
 }
 
 /* The ring shows when the field's input would show its own: when it is focus-visible, which a
    text input is for a pointer as well as a keyboard. A focused action button draws its own. */
-[data-component~="ui-input-group"][data-v-5cf4aea5]:has(.field input:focus-visible) {
+[data-component~="ui-input-group"][data-v-7050a5eb]:has(.field input:focus-visible) {
   border-color: var(--ui-control-focus, var(--ui-accent-solid));
   box-shadow:
     var(--ui-control-inset),
     var(--ui-control-focus-halo-shadow);
 }
-[data-component~="ui-input-group"][data-v-5cf4aea5]:has([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])) {
+[data-component~="ui-input-group"][data-v-7050a5eb]:has([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])) {
   border-color: var(
     --ui-input-group-invalid-border,
     var(--ui-field-danger, var(--ui-danger-solid))
   );
 }
-[data-component~="ui-input-group"][data-v-5cf4aea5]:has(input:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible) {
+[data-component~="ui-input-group"][data-v-7050a5eb]:has(input:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible) {
   box-shadow: var(
     --ui-input-group-invalid-focus-shadow,
     var(--ui-control-inset),
@@ -4874,23 +4900,23 @@ svg[data-v-0d1b1c7d-s] {
 
 /* Forced colors drop box shadows, so the focus ring becomes an outline. */
 @media (forced-colors: active) {
-[data-component~="ui-input-group"][data-v-5cf4aea5]:has(input:focus-visible) {
+[data-component~="ui-input-group"][data-v-7050a5eb]:has(input:focus-visible) {
     outline: 2px solid Highlight;
     outline-offset: 1px;
 }
 }
-[data-component~="ui-input-group"][data-ui-input-group-state~="disabled"][data-v-5cf4aea5],
-[data-component~="ui-input-group"][data-v-5cf4aea5]:has(input:disabled) {
+[data-component~="ui-input-group"][data-ui-input-group-state~="disabled"][data-v-7050a5eb],
+[data-component~="ui-input-group"][data-v-7050a5eb]:has(input:disabled) {
   background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
   box-shadow: none;
   cursor: not-allowed;
 }
-.field[data-v-5cf4aea5] {
+.field[data-v-7050a5eb] {
   display: flex;
   flex: 1;
   min-inline-size: 0;
 }
-.affix[data-v-5cf4aea5] {
+.affix[data-v-7050a5eb] {
   display: inline-flex;
   flex: none;
   align-items: center;
@@ -4902,32 +4928,41 @@ svg[data-v-0d1b1c7d-s] {
 }
 
 /* Fixed text is part of the value, but should not look editable. */
-.affix[data-v-5cf4aea5]:has([slot="prefix"]),
-.affix[data-v-5cf4aea5]:has([slot="suffix"]) {
+.affix[data-v-7050a5eb]:has([slot="prefix"]),
+.affix[data-v-7050a5eb]:has([slot="suffix"]) {
   background: var(--ui-surface-muted);
 }
-.affix[data-v-5cf4aea5]:has([slot="prefix"]) {
+.affix[data-v-7050a5eb]:has([slot="prefix"]) {
   border-inline-end: 1px solid var(--ui-border-divider);
 }
-.affix[data-v-5cf4aea5]:has([slot="suffix"]) {
+.affix[data-v-7050a5eb]:has([slot="suffix"]) {
   border-inline-start: 1px solid var(--ui-border-divider);
 }
+[data-component~="ui-input-group"][data-ui-input-group-state~="prefixKind=icon"][data-v-7050a5eb] {
+  --_ui-default-input-padding-inline-start: var(--ui-space-2);
+}
+[data-component~="ui-input-group"][data-ui-input-group-state~="prefixKind=icon"]
+  .affix[data-v-7050a5eb]:first-child {
+  padding-inline-end: 0;
+  border-inline-end: 0;
+  background: transparent;
+}
 
 /* Centred rather than padded above and below: the group is exactly a lone Input's height, so a
    small button sits inside it with the difference split evenly, and the field keeps its height. */
-.action[data-v-5cf4aea5] {
+.action[data-v-7050a5eb] {
   display: flex;
   flex: none;
   align-items: center;
   padding-inline: var(--ui-space-1);
 }
-.affix[data-v-5cf4aea5]:empty,
-.action[data-v-5cf4aea5]:empty {
+.affix[data-v-7050a5eb]:empty,
+.action[data-v-7050a5eb]:empty {
   display: none;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-input-group"][hidden][data-v-5cf4aea5] {
+[data-component~="ui-input-group"][hidden][data-v-7050a5eb] {
   display: none;
 }
 
@@ -5888,7 +5923,7 @@ svg[data-v-0d1b1c7d-s] {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-popover"][data-v-876af604] {
+[data-component~="ui-popover"][data-v-639bc886] {
   --_ui-popover-surface: var(--ui-popover-surface);
   --_ui-popover-border: var(--ui-popover-border);
   --_ui-popover-radius: var(--ui-popover-radius);
@@ -5908,7 +5943,7 @@ svg[data-v-0d1b1c7d-s] {
   background: transparent;
   box-shadow: none;
 }
-.surface[data-v-876af604] {
+.surface[data-v-639bc886] {
   box-sizing: border-box;
   max-inline-size: inherit;
   max-block-size: inherit;
@@ -5922,10 +5957,10 @@ svg[data-v-0d1b1c7d-s] {
     var(--ui-overlay-shadow, var(--ui-elevation-overlay, var(--ui-shadow-lg)))
   );
 }
-[data-component~="ui-popover"][data-v-876af604]:not([data-component~="ui-popover"][data-ui-popover-state~="internalOpen"]) {
+[data-component~="ui-popover"][data-v-639bc886]:not([data-component~="ui-popover"][data-ui-popover-state~="internalOpen"]) {
   display: none;
 }
-[data-component~="ui-popover"][popover][data-v-876af604] {
+[data-component~="ui-popover"][popover][data-v-639bc886] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -5937,21 +5972,33 @@ svg[data-v-0d1b1c7d-s] {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-[data-component~="ui-popover"][popover][data-v-876af604]:popover-open {
+[data-component~="ui-popover"][popover][data-v-639bc886]:popover-open {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
 @starting-style {
-[data-component~="ui-popover"][popover][data-v-876af604]:popover-open {
+[data-component~="ui-popover"][popover][data-v-639bc886]:popover-open {
     opacity: 0;
     transform: translateY(-4px) scale(0.99);
 }
 }
-[data-component~="ui-popover"][hidden][data-v-876af604] {
+[data-component~="ui-popover"][data-ui-popover-state~="size=sm"][data-v-639bc886] {
+  inline-size: min(22rem, calc(100vw - var(--ui-space-2) * 2));
+  max-inline-size: min(22rem, calc(100vw - var(--ui-space-2) * 2));
+}
+[data-component~="ui-popover"][data-ui-popover-state~="size=md"][data-v-639bc886] {
+  inline-size: min(28rem, calc(100vw - var(--ui-space-2) * 2));
+  max-inline-size: min(28rem, calc(100vw - var(--ui-space-2) * 2));
+}
+[data-component~="ui-popover"][data-ui-popover-state~="size=lg"][data-v-639bc886] {
+  inline-size: min(36rem, calc(100vw - var(--ui-space-2) * 2));
+  max-inline-size: min(36rem, calc(100vw - var(--ui-space-2) * 2));
+}
+[data-component~="ui-popover"][hidden][data-v-639bc886] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-popover"][popover][data-v-876af604] {
+[data-component~="ui-popover"][popover][data-v-639bc886] {
     transition: none;
 }
 }
@@ -6220,7 +6267,7 @@ legend[data-v-f7b72b3f] + * {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-search-result-row"][data-v-a9010076] {
+[data-component~="ui-search-result-row"][data-v-b1b33060] {
   appearance: none;
   inline-size: 100%;
   min-block-size: var(--ui-search-result-row-min-height, 56px);
@@ -6238,60 +6285,68 @@ legend[data-v-f7b72b3f] + * {
   text-align: left;
   transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-[data-component~="ui-search-result-row"][data-v-a9010076]:hover:enabled {
+[data-component~="ui-search-result-row"][data-ui-search-result-row-state~="density=compact"][data-v-b1b33060] {
+  min-block-size: var(--ui-search-result-row-min-height, 3.125rem);
+  padding-block: var(--ui-search-result-row-padding-block, var(--ui-space-1));
+  padding-inline: var(--ui-search-result-row-padding-inline, var(--ui-space-2));
+  gap: var(--ui-search-result-row-gap, var(--ui-space-2));
+  align-items: center;
+  font-family: var(--ui-font-family-sans, sans-serif);
+}
+[data-component~="ui-search-result-row"][data-v-b1b33060]: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-a9010076] {
+[data-component~="ui-search-result-row"][data-ui-search-result-row-state~="selected"][data-v-b1b33060] {
   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-a9010076]:focus-visible {
+[data-component~="ui-search-result-row"][data-v-b1b33060]:focus-visible {
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: -2px;
 }
-[data-component~="ui-search-result-row"][data-v-a9010076]:disabled {
+[data-component~="ui-search-result-row"][data-v-b1b33060]:disabled {
   background: var(--ui-disabled-surface);
   color: var(--ui-disabled-text);
   cursor: not-allowed;
 }
-.leading[data-v-a9010076],
-.trailing[data-v-a9010076] {
+.leading[data-v-b1b33060],
+.trailing[data-v-b1b33060] {
   display: inline-flex;
   align-items: flex-start;
   flex-shrink: 0;
 }
-.content[data-v-a9010076] {
+.content[data-v-b1b33060] {
   min-inline-size: 0;
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.title[data-v-a9010076],
-.meta[data-v-a9010076],
-.excerpt[data-v-a9010076] {
+.title[data-v-b1b33060],
+.meta[data-v-b1b33060],
+.excerpt[data-v-b1b33060] {
   display: block;
   min-inline-size: 0;
 }
 
 /* An unused region takes no space. */
-.leading[data-v-a9010076]:empty,
-.meta[data-v-a9010076]:empty,
-.excerpt[data-v-a9010076]:empty,
-.trailing[data-v-a9010076]:empty {
+.leading[data-v-b1b33060]:empty,
+.meta[data-v-b1b33060]:empty,
+.excerpt[data-v-b1b33060]:empty,
+.trailing[data-v-b1b33060]:empty {
   display: none;
 }
-[slot="title"][data-v-a9010076-s],[slot="meta"][data-v-a9010076-s],[slot="excerpt"][data-v-a9010076-s] {
+[slot="title"][data-v-b1b33060-s],[slot="meta"][data-v-b1b33060-s],[slot="excerpt"][data-v-b1b33060-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-a9010076] {
+[data-component~="ui-search-result-row"][hidden][data-v-b1b33060] {
   display: none;
 }
 
@@ -6914,7 +6969,7 @@ dialog[data-v-34344651] {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-stack"][data-v-c216d2df] {
+[data-component~="ui-stack"][data-v-e67d7412] {
   --_layout-gap: var(--ui-space-4);
   display: flex;
   flex-direction: column;
@@ -6924,42 +6979,45 @@ dialog[data-v-34344651] {
   max-inline-size: 100%;
   margin: 0;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=xs"][data-v-c216d2df] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=none"][data-v-e67d7412] {
+  --_layout-gap: 0px;
+}
+[data-component~="ui-stack"][data-ui-stack-state~="gap=xs"][data-v-e67d7412] {
   --_layout-gap: var(--ui-space-2);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=s"][data-v-c216d2df] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=s"][data-v-e67d7412] {
   --_layout-gap: var(--ui-space-3);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=m"][data-v-c216d2df] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=m"][data-v-e67d7412] {
   --_layout-gap: var(--ui-space-4);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=l"][data-v-c216d2df] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=l"][data-v-e67d7412] {
   --_layout-gap: var(--ui-space-5);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="gap=xl"][data-v-c216d2df] {
+[data-component~="ui-stack"][data-ui-stack-state~="gap=xl"][data-v-e67d7412] {
   --_layout-gap: var(--ui-space-6);
 }
-[data-component~="ui-stack"][data-ui-stack-state~="align=start"][data-v-c216d2df] {
+[data-component~="ui-stack"][data-ui-stack-state~="align=start"][data-v-e67d7412] {
   align-items: flex-start;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="align=center"][data-v-c216d2df] {
+[data-component~="ui-stack"][data-ui-stack-state~="align=center"][data-v-e67d7412] {
   align-items: center;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="align=end"][data-v-c216d2df] {
+[data-component~="ui-stack"][data-ui-stack-state~="align=end"][data-v-e67d7412] {
   align-items: flex-end;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="justify=center"][data-v-c216d2df] {
+[data-component~="ui-stack"][data-ui-stack-state~="justify=center"][data-v-e67d7412] {
   justify-content: center;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="justify=end"][data-v-c216d2df] {
+[data-component~="ui-stack"][data-ui-stack-state~="justify=end"][data-v-e67d7412] {
   justify-content: flex-end;
 }
-[data-component~="ui-stack"][data-ui-stack-state~="justify=between"][data-v-c216d2df] {
+[data-component~="ui-stack"][data-ui-stack-state~="justify=between"][data-v-e67d7412] {
   justify-content: space-between;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-stack"][hidden][data-v-c216d2df] {
+[data-component~="ui-stack"][hidden][data-v-e67d7412] {
   display: none;
 }
 
@@ -7501,7 +7559,7 @@ tbody tr[data-v-dfbf191c-s]:last-child > * {
 /* Running text, set on the type scale and in a tone that says what it is, so a view never styles
        text of its own. The root is a paragraph unless as= names a span, div, small, strong, label, or
        heading. */
-[data-component~="ui-text"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-v-09b7a2ed] {
   margin: 0;
   min-inline-size: 0;
   color: var(--ui-text-primary);
@@ -7510,87 +7568,93 @@ tbody tr[data-v-dfbf191c-s]:last-child > * {
 
 /* A heading drops the browser's heading size and weight, so size and weight set it as they set
    any text, and inherit keeps the text around it. */
-[data-component~="ui-text"][data-v-6dc4d971]:is(h2, h3, h4, h5, h6) {
+[data-component~="ui-text"][data-v-09b7a2ed]:is(h2, h3, h4, h5, h6) {
   font-size: inherit;
   font-weight: inherit;
 }
-[data-component~="ui-text"][data-ui-text-state~="size=xs"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="size=xs"][data-v-09b7a2ed] {
   font-size: var(--ui-font-size-xs);
   line-height: var(--ui-line-height);
 }
-[data-component~="ui-text"][data-ui-text-state~="size=sm"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="size=sm"][data-v-09b7a2ed] {
   font-size: var(--ui-font-size-sm);
   line-height: var(--ui-line-height);
 }
-[data-component~="ui-text"][data-ui-text-state~="size=md"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="size=md"][data-v-09b7a2ed] {
   font-size: var(--ui-font-size-md);
   line-height: var(--ui-line-height);
 }
-[data-component~="ui-text"][data-ui-text-state~="size=lg"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="size=lg"][data-v-09b7a2ed] {
   font-size: var(--ui-font-size-lg);
   line-height: var(--ui-line-height-relaxed);
 }
-[data-component~="ui-text"][data-ui-text-state~="tone=secondary"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="tone=secondary"][data-v-09b7a2ed] {
   color: var(--ui-text-secondary);
 }
-[data-component~="ui-text"][data-ui-text-state~="tone=muted"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="tone=muted"][data-v-09b7a2ed] {
   color: var(--ui-text-muted);
 }
-[data-component~="ui-text"][data-ui-text-state~="tone=accent"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="tone=accent"][data-v-09b7a2ed] {
   color: var(--ui-accent-active);
 }
 /* Every status tone uses the text-safe token a subtle badge sets its words in, so text and badges
    in one tone match, and each holds 4.5:1 on sunken surfaces where some base colours fall short. */
-[data-component~="ui-text"][data-ui-text-state~="tone=danger"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="tone=danger"][data-v-09b7a2ed] {
   color: var(--ui-danger-subtle-text);
 }
-[data-component~="ui-text"][data-ui-text-state~="tone=success"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="tone=success"][data-v-09b7a2ed] {
   color: var(--ui-success-subtle-text);
 }
-[data-component~="ui-text"][data-ui-text-state~="tone=info"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="tone=info"][data-v-09b7a2ed] {
   color: var(--ui-info-subtle-text);
 }
-[data-component~="ui-text"][data-ui-text-state~="tone=warning"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="tone=warning"][data-v-09b7a2ed] {
   color: var(--ui-warning-subtle-text);
 }
-[data-component~="ui-text"][data-ui-text-state~="weight=normal"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="weight=normal"][data-v-09b7a2ed] {
   font-weight: var(--ui-font-normal);
 }
-[data-component~="ui-text"][data-ui-text-state~="weight=medium"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="weight=medium"][data-v-09b7a2ed] {
   font-weight: var(--ui-font-medium);
 }
-[data-component~="ui-text"][data-ui-text-state~="weight=semibold"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="weight=semibold"][data-v-09b7a2ed] {
   font-weight: var(--ui-font-semibold);
 }
-[data-component~="ui-text"][data-ui-text-state~="variant=eyebrow"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="variant=eyebrow"][data-v-09b7a2ed] {
   font-size: var(--ui-font-size-xs);
   font-weight: var(--ui-font-semibold);
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }
-[data-component~="ui-text"][data-ui-text-state~="variant=code"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="variant=code"][data-v-09b7a2ed] {
   font-family: var(--ui-font-family-mono);
 }
 
 /* A link in running text is underlined, so it stands apart from the words around it by more than
    colour. */
-[data-component~="ui-text"] a[data-v-6dc4d971-s] {
+[data-component~="ui-text"] a[data-v-09b7a2ed-s] {
   color: var(--ui-accent-active);
   text-decoration: underline;
   text-decoration-thickness: 0.06em;
   text-underline-offset: 0.18em;
 }
-[data-component~="ui-text"][data-ui-text-state~="truncate"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="truncate"][data-v-09b7a2ed] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-[data-component~="ui-text"][data-ui-text-state~="align=center"][data-v-6dc4d971] {
+[data-component~="ui-text"][data-ui-text-state~="align=center"][data-v-09b7a2ed] {
   text-align: center;
 }
+[data-component~="ui-text"][data-ui-text-state~="font=sans"][data-v-09b7a2ed] {
+  font-family: var(--ui-font-family-sans, sans-serif);
+}
+[data-component~="ui-text"][data-ui-text-state~="wrap=anywhere"][data-v-09b7a2ed] {
+  overflow-wrap: anywhere;
+}
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-text"][hidden][data-v-6dc4d971] {
+[data-component~="ui-text"][hidden][data-v-09b7a2ed] {
   display: none;
 }
 
@@ -9029,7 +9093,6 @@ html[data-ui-input-modality="touch"]
 }
 
 .looma-editor__table-picker-popover,
-.looma-editor__link-popover,
 .looma-editor__chip-popover,
 .looma-editor__table-toolbar-shell,
 .looma-editor__table-menu-shell {
@@ -9043,10 +9106,6 @@ html[data-ui-input-modality="touch"]
   background: transparent;
 }
 
-.looma-editor__link-popover {
-  inline-size: min(22rem, calc(100vw - 2rem));
-}
-
 /* The floating toolbar supplies the surface; the containing popover only
    positions it beside the app-owned trigger. */
 .looma-editor__formatting-popover {
@@ -9056,76 +9115,6 @@ html[data-ui-input-modality="touch"]
   --ui-popover-shadow: none;
 }
 
-.looma-editor__link-context {
-  box-sizing: border-box;
-  max-width: min(24rem, calc(100vw - 1.5rem));
-  padding: var(--ui-editor-toolbar-floating-padding, 4px);
-  border: 1px solid var(--ui-editor-toolbar-border, var(--ui-border-strong));
-  border-radius: var(--ui-editor-toolbar-floating-radius, var(--ui-radius-lg));
-  background: var(--ui-editor-toolbar-surface, var(--ui-surface));
-  box-shadow: var(--ui-editor-toolbar-floating-shadow, var(--ui-shadow-lg, 0 10px 24px rgb(0 0 0 / 0.12)));
-  color: var(--ui-text-primary);
-  font-family: var(--ui-font-family-sans, sans-serif);
-}
-
-.looma-editor__link-context-actions {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--ui-space-1);
-}
-
-.looma-editor__link-context-url {
-  min-width: 0;
-  flex: 1 1 100%;
-  padding-inline: var(--ui-space-2);
-  color: var(--ui-text-secondary);
-  overflow-wrap: anywhere;
-  font-size: var(--ui-font-size-sm);
-}
-
-.looma-editor__link-context-url :is(strong, small) {
-  display: block;
-}
-
-.looma-editor__link-context-url strong {
-  color: var(--ui-text-primary);
-}
-
-.looma-editor__link-context-kind {
-  font-size: var(--ui-font-size-xs);
-}
-
-.looma-editor__link-context-actions :is(button, a) {
-  display: inline-flex;
-  flex: 0 0 auto;
-  align-items: center;
-  min-height: var(--ui-control-min-block-size);
-  padding: 0 var(--ui-space-2);
-  border: 0;
-  border-radius: var(--ui-radius-sm);
-  background: transparent;
-  color: var(--ui-text-primary);
-  font: inherit;
-  font-size: var(--ui-font-size-sm);
-  text-decoration: none;
-  cursor: pointer;
-}
-
-.looma-editor__link-context-actions :is(button, a):is(:hover, :focus-visible) {
-  background: var(--ui-surface-subtle);
-}
-
-.looma-editor__link-context-actions :is(button, a):focus-visible {
-  outline: 2px solid var(--ui-focus-ring);
-  outline-offset: 2px;
-}
-
-.looma-editor__link-context--editing {
-  width: min(22rem, calc(100vw - 1.5rem));
-  padding: var(--ui-space-3);
-}
-
 .looma-editor__chip-popover {
   inline-size: min(15rem, calc(100vw - 2rem));
 }
@@ -9175,122 +9164,6 @@ html[data-ui-input-modality="touch"]
   outline-offset: 2px;
 }
 
-.looma-editor__link-form,
-.looma-editor__link-form label {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ui-space-2);
-}
-
-.looma-editor__link-form label {
-  font-size: var(--ui-font-size-sm);
-}
-
-.looma-editor__link-form input:not([type="checkbox"]) {
-  box-sizing: border-box;
-  width: 100%;
-  min-height: var(--ui-control-min-block-size);
-  padding: var(--ui-space-2);
-  border: 1px solid var(--ui-control-border);
-  border-radius: var(--ui-field-radius, var(--ui-radius-md));
-  background: var(--ui-control-surface);
-  color: var(--ui-text-primary);
-  font: inherit;
-}
-
-.looma-editor__link-form input:focus-visible,
-.looma-editor__link-form button:focus-visible,
-.looma-editor__link-preview:focus-visible {
-  outline: 2px solid var(--ui-focus-ring);
-  outline-offset: 2px;
-}
-
-.looma-editor__link-form .looma-editor__link-new-tab {
-  flex-direction: row;
-  align-items: center;
-}
-
-.looma-editor__link-modes {
-  display: flex;
-  gap: var(--ui-space-1);
-}
-
-.looma-editor__link-modes button,
-.looma-editor__link-results button {
-  min-height: var(--ui-control-min-block-size);
-  padding: var(--ui-space-2);
-  border: 1px solid var(--ui-control-border);
-  border-radius: var(--ui-field-radius, var(--ui-radius-md));
-  background: var(--ui-control-surface);
-  color: var(--ui-text-primary);
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-}
-
-.looma-editor__link-modes button[aria-pressed="true"] {
-  border-color: var(--ui-accent);
-  color: var(--ui-accent);
-}
-
-.looma-editor__link-results {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ui-space-1);
-  max-height: 15rem;
-  overflow-y: auto;
-}
-
-.looma-editor__link-results p {
-  margin: 0;
-  color: var(--ui-text-secondary);
-  font-size: var(--ui-font-size-sm);
-}
-
-.looma-editor__link-results button {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-
-.looma-editor__link-results button:is(:hover, :focus-visible) {
-  background: var(--ui-surface-subtle);
-}
-
-.looma-editor__link-results button small {
-  color: var(--ui-text-secondary);
-}
-
-.looma-editor__link-error {
-  margin: 0;
-  color: var(--ui-field-danger, var(--ui-danger));
-  font-size: var(--ui-font-size-sm);
-}
-
-.looma-editor__link-preview {
-  width: fit-content;
-  color: var(--ui-accent);
-  font-size: var(--ui-font-size-sm);
-}
-
-.looma-editor__link-actions {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-  gap: var(--ui-space-2);
-}
-
-.looma-editor__link-actions button {
-  min-height: var(--ui-control-min-block-size);
-  padding: var(--ui-space-2) var(--ui-space-3);
-  border: 1px solid var(--ui-control-border);
-  border-radius: var(--ui-action-radius, var(--ui-radius-md));
-  background: var(--ui-surface);
-  color: var(--ui-text-primary);
-  font: inherit;
-  cursor: pointer;
-}
-
 .looma-editor__table-toolbar-shell,
 .looma-editor__table-menu-shell,
 .looma-editor__table-overlay-shell {