@threadlabs/looma 0.6.3 → 0.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (250) hide show
  1. package/components/ui-tree-item/ui-tree-item.html +68 -12
  2. package/components/ui-tree-item/ui-tree-item.js +9 -1
  3. package/dist/index.js +1 -1
  4. package/package.json +2 -2
  5. package/styles/ui-affordance-scope.css +1 -1
  6. package/styles/ui-avatar-group.css +1 -1
  7. package/styles/ui-avatar.css +1 -1
  8. package/styles/ui-badge.css +1 -1
  9. package/styles/ui-button.css +1 -1
  10. package/styles/ui-callout.css +1 -1
  11. package/styles/ui-checkbox.css +1 -1
  12. package/styles/ui-cluster.css +1 -1
  13. package/styles/ui-combobox.css +1 -1
  14. package/styles/ui-container.css +1 -1
  15. package/styles/ui-context-menu.css +1 -1
  16. package/styles/ui-dialog.css +1 -1
  17. package/styles/ui-disclosure.css +1 -1
  18. package/styles/ui-editable.css +1 -1
  19. package/styles/ui-editor-insert-table-grid.css +1 -1
  20. package/styles/ui-editor-mention-menu.css +1 -1
  21. package/styles/ui-editor-slash-menu.css +1 -1
  22. package/styles/ui-editor-table-context-menu.css +1 -1
  23. package/styles/ui-editor-table-overlay.css +1 -1
  24. package/styles/ui-editor-table-toolbar.css +1 -1
  25. package/styles/ui-editor-toolbar.css +1 -1
  26. package/styles/ui-floating-action-button.css +1 -1
  27. package/styles/ui-form-field.css +1 -1
  28. package/styles/ui-grid.css +1 -1
  29. package/styles/ui-icon-button.css +1 -1
  30. package/styles/ui-icon.css +1 -1
  31. package/styles/ui-input.css +1 -1
  32. package/styles/ui-menu-item.css +1 -1
  33. package/styles/ui-menu.css +1 -1
  34. package/styles/ui-popover.css +1 -1
  35. package/styles/ui-radio-group.css +1 -1
  36. package/styles/ui-radio.css +1 -1
  37. package/styles/ui-reel.css +1 -1
  38. package/styles/ui-search-result-row.css +1 -1
  39. package/styles/ui-search-shell.css +1 -1
  40. package/styles/ui-select.css +1 -1
  41. package/styles/ui-separator.css +1 -1
  42. package/styles/ui-sidebar.css +1 -1
  43. package/styles/ui-stack.css +1 -1
  44. package/styles/ui-switch.css +1 -1
  45. package/styles/ui-switcher.css +1 -1
  46. package/styles/ui-tabs.css +1 -1
  47. package/styles/ui-textarea.css +1 -1
  48. package/styles/ui-toast-region.css +1 -1
  49. package/styles/ui-tooltip.css +1 -1
  50. package/styles/ui-top-bar.css +1 -1
  51. package/styles/ui-tree-item.css +75 -12
  52. package/styles/ui-tree.css +1 -1
  53. package/vanilla/UiAffordanceScope.d.ts +1 -1
  54. package/vanilla/UiAffordanceScope.js +1 -1
  55. package/vanilla/UiAvatar.d.ts +1 -1
  56. package/vanilla/UiAvatar.js +1 -1
  57. package/vanilla/UiAvatarGroup.d.ts +1 -1
  58. package/vanilla/UiAvatarGroup.js +1 -1
  59. package/vanilla/UiBadge.d.ts +1 -1
  60. package/vanilla/UiBadge.js +1 -1
  61. package/vanilla/UiButton.d.ts +1 -1
  62. package/vanilla/UiButton.js +1 -1
  63. package/vanilla/UiCallout.d.ts +1 -1
  64. package/vanilla/UiCallout.js +1 -1
  65. package/vanilla/UiCheckbox.d.ts +1 -1
  66. package/vanilla/UiCheckbox.js +1 -1
  67. package/vanilla/UiCluster.d.ts +1 -1
  68. package/vanilla/UiCluster.js +1 -1
  69. package/vanilla/UiCombobox.d.ts +1 -1
  70. package/vanilla/UiCombobox.js +1 -1
  71. package/vanilla/UiContainer.d.ts +1 -1
  72. package/vanilla/UiContainer.js +1 -1
  73. package/vanilla/UiContextMenu.d.ts +1 -1
  74. package/vanilla/UiContextMenu.js +1 -1
  75. package/vanilla/UiDialog.d.ts +1 -1
  76. package/vanilla/UiDialog.js +1 -1
  77. package/vanilla/UiDisclosure.d.ts +1 -1
  78. package/vanilla/UiDisclosure.js +1 -1
  79. package/vanilla/UiEditable.d.ts +1 -1
  80. package/vanilla/UiEditable.js +1 -1
  81. package/vanilla/UiEditorInsertTableGrid.d.ts +1 -1
  82. package/vanilla/UiEditorInsertTableGrid.js +1 -1
  83. package/vanilla/UiEditorMentionMenu.d.ts +1 -1
  84. package/vanilla/UiEditorMentionMenu.js +1 -1
  85. package/vanilla/UiEditorSlashMenu.d.ts +1 -1
  86. package/vanilla/UiEditorSlashMenu.js +1 -1
  87. package/vanilla/UiEditorTableContextMenu.d.ts +1 -1
  88. package/vanilla/UiEditorTableContextMenu.js +1 -1
  89. package/vanilla/UiEditorTableOverlay.d.ts +1 -1
  90. package/vanilla/UiEditorTableOverlay.js +1 -1
  91. package/vanilla/UiEditorTableToolbar.d.ts +1 -1
  92. package/vanilla/UiEditorTableToolbar.js +1 -1
  93. package/vanilla/UiEditorToolbar.d.ts +1 -1
  94. package/vanilla/UiEditorToolbar.js +1 -1
  95. package/vanilla/UiFloatingActionButton.d.ts +1 -1
  96. package/vanilla/UiFloatingActionButton.js +1 -1
  97. package/vanilla/UiFormField.d.ts +1 -1
  98. package/vanilla/UiFormField.js +1 -1
  99. package/vanilla/UiGrid.d.ts +1 -1
  100. package/vanilla/UiGrid.js +1 -1
  101. package/vanilla/UiIcon.d.ts +1 -1
  102. package/vanilla/UiIcon.js +1 -1
  103. package/vanilla/UiIconButton.d.ts +1 -1
  104. package/vanilla/UiIconButton.js +1 -1
  105. package/vanilla/UiInput.d.ts +1 -1
  106. package/vanilla/UiInput.js +1 -1
  107. package/vanilla/UiMenu.d.ts +1 -1
  108. package/vanilla/UiMenu.js +1 -1
  109. package/vanilla/UiMenuItem.d.ts +1 -1
  110. package/vanilla/UiMenuItem.js +1 -1
  111. package/vanilla/UiPopover.d.ts +1 -1
  112. package/vanilla/UiPopover.js +1 -1
  113. package/vanilla/UiRadio.d.ts +1 -1
  114. package/vanilla/UiRadio.js +1 -1
  115. package/vanilla/UiRadioGroup.d.ts +1 -1
  116. package/vanilla/UiRadioGroup.js +1 -1
  117. package/vanilla/UiReel.d.ts +1 -1
  118. package/vanilla/UiReel.js +1 -1
  119. package/vanilla/UiSearchResultRow.d.ts +1 -1
  120. package/vanilla/UiSearchResultRow.js +1 -1
  121. package/vanilla/UiSearchShell.d.ts +1 -1
  122. package/vanilla/UiSearchShell.js +1 -1
  123. package/vanilla/UiSelect.d.ts +1 -1
  124. package/vanilla/UiSelect.js +1 -1
  125. package/vanilla/UiSeparator.d.ts +1 -1
  126. package/vanilla/UiSeparator.js +1 -1
  127. package/vanilla/UiSidebar.d.ts +1 -1
  128. package/vanilla/UiSidebar.js +1 -1
  129. package/vanilla/UiStack.d.ts +1 -1
  130. package/vanilla/UiStack.js +1 -1
  131. package/vanilla/UiSwitch.d.ts +1 -1
  132. package/vanilla/UiSwitch.js +1 -1
  133. package/vanilla/UiSwitcher.d.ts +1 -1
  134. package/vanilla/UiSwitcher.js +1 -1
  135. package/vanilla/UiTabs.d.ts +1 -1
  136. package/vanilla/UiTabs.js +1 -1
  137. package/vanilla/UiTextarea.d.ts +1 -1
  138. package/vanilla/UiTextarea.js +1 -1
  139. package/vanilla/UiToastRegion.d.ts +1 -1
  140. package/vanilla/UiToastRegion.js +1 -1
  141. package/vanilla/UiTooltip.d.ts +1 -1
  142. package/vanilla/UiTooltip.js +1 -1
  143. package/vanilla/UiTopBar.d.ts +1 -1
  144. package/vanilla/UiTopBar.js +1 -1
  145. package/vanilla/UiTree.d.ts +1 -1
  146. package/vanilla/UiTree.js +1 -1
  147. package/vanilla/UiTreeItem.d.ts +1 -1
  148. package/vanilla/UiTreeItem.js +2 -2
  149. package/vue/UiAffordanceScope.vue +8 -84
  150. package/vue/UiAvatar.d.ts +1 -1
  151. package/vue/UiAvatar.vue +9 -106
  152. package/vue/UiAvatarGroup.vue +9 -96
  153. package/vue/UiBadge.vue +1 -1
  154. package/vue/UiButton.vue +1 -1
  155. package/vue/UiCallout.vue +1 -1
  156. package/vue/UiCheckbox.vue +22 -123
  157. package/vue/UiCluster.vue +1 -1
  158. package/vue/UiCombobox.d.ts +1 -1
  159. package/vue/UiCombobox.vue +224 -475
  160. package/vue/UiContainer.vue +1 -1
  161. package/vue/UiContextMenu.vue +34 -141
  162. package/vue/UiDialog.vue +25 -126
  163. package/vue/UiDisclosure.vue +26 -138
  164. package/vue/UiEditable.vue +46 -158
  165. package/vue/UiEditorInsertTableGrid.vue +19 -138
  166. package/vue/UiEditorMentionMenu.vue +17 -124
  167. package/vue/UiEditorSlashMenu.vue +17 -109
  168. package/vue/UiEditorTableContextMenu.vue +34 -122
  169. package/vue/UiEditorTableOverlay.vue +61 -167
  170. package/vue/UiEditorTableToolbar.vue +34 -142
  171. package/vue/UiEditorToolbar.vue +1 -1
  172. package/vue/UiFloatingActionButton.vue +1 -1
  173. package/vue/UiFormField.vue +7 -79
  174. package/vue/UiGrid.vue +1 -1
  175. package/vue/UiIcon.vue +8 -84
  176. package/vue/UiIconButton.vue +7 -79
  177. package/vue/UiInput.vue +7 -79
  178. package/vue/UiMenu.vue +42 -127
  179. package/vue/UiMenuItem.vue +1 -1
  180. package/vue/UiPopover.vue +25 -121
  181. package/vue/UiRadio.vue +22 -123
  182. package/vue/UiRadioGroup.d.ts +1 -1
  183. package/vue/UiRadioGroup.vue +32 -119
  184. package/vue/UiReel.vue +1 -1
  185. package/vue/UiSearchResultRow.vue +1 -1
  186. package/vue/UiSearchShell.vue +25 -121
  187. package/vue/UiSelect.vue +7 -79
  188. package/vue/UiSeparator.vue +1 -1
  189. package/vue/UiSidebar.vue +32 -133
  190. package/vue/UiStack.vue +1 -1
  191. package/vue/UiSwitch.vue +22 -123
  192. package/vue/UiSwitcher.vue +1 -1
  193. package/vue/UiTabs.vue +24 -128
  194. package/vue/UiTextarea.vue +7 -79
  195. package/vue/UiToastRegion.vue +37 -126
  196. package/vue/UiTooltip.vue +25 -124
  197. package/vue/UiTopBar.vue +1 -1
  198. package/vue/UiTree.vue +56 -137
  199. package/vue/UiTreeItem.vue +97 -153
  200. package/vue/chunks/UiAffordanceScope.js +9 -78
  201. package/vue/chunks/UiAvatar.js +13 -89
  202. package/vue/chunks/UiAvatarGroup.js +10 -80
  203. package/vue/chunks/UiBadge.js +1 -1
  204. package/vue/chunks/UiButton.js +1 -1
  205. package/vue/chunks/UiCallout.js +1 -1
  206. package/vue/chunks/UiCheckbox.js +17 -95
  207. package/vue/chunks/UiCluster.js +1 -1
  208. package/vue/chunks/UiCombobox.js +114 -325
  209. package/vue/chunks/UiContainer.js +1 -1
  210. package/vue/chunks/UiContextMenu.js +21 -113
  211. package/vue/chunks/UiDialog.js +20 -99
  212. package/vue/chunks/UiDisclosure.js +22 -112
  213. package/vue/chunks/UiEditable.js +32 -128
  214. package/vue/chunks/UiEditorInsertTableGrid.js +22 -116
  215. package/vue/chunks/UiEditorMentionMenu.js +18 -116
  216. package/vue/chunks/UiEditorSlashMenu.js +15 -101
  217. package/vue/chunks/UiEditorTableContextMenu.js +12 -91
  218. package/vue/chunks/UiEditorTableOverlay.js +29 -120
  219. package/vue/chunks/UiEditorTableToolbar.js +16 -111
  220. package/vue/chunks/UiEditorToolbar.js +1 -1
  221. package/vue/chunks/UiFloatingActionButton.js +1 -1
  222. package/vue/chunks/UiFormField.js +8 -73
  223. package/vue/chunks/UiGrid.js +1 -1
  224. package/vue/chunks/UiIcon.js +9 -78
  225. package/vue/chunks/UiIconButton.js +8 -73
  226. package/vue/chunks/UiInput.js +8 -73
  227. package/vue/chunks/UiMenu.js +25 -111
  228. package/vue/chunks/UiMenuItem.js +1 -1
  229. package/vue/chunks/UiPopover.js +18 -105
  230. package/vue/chunks/UiRadio.js +17 -95
  231. package/vue/chunks/UiRadioGroup.js +23 -105
  232. package/vue/chunks/UiReel.js +1 -1
  233. package/vue/chunks/UiSearchResultRow.js +1 -1
  234. package/vue/chunks/UiSearchShell.js +17 -94
  235. package/vue/chunks/UiSelect.js +8 -73
  236. package/vue/chunks/UiSeparator.js +1 -1
  237. package/vue/chunks/UiSidebar.js +23 -108
  238. package/vue/chunks/UiStack.js +1 -1
  239. package/vue/chunks/UiSwitch.js +17 -95
  240. package/vue/chunks/UiSwitcher.js +1 -1
  241. package/vue/chunks/UiTabs.js +22 -103
  242. package/vue/chunks/UiTextarea.js +8 -73
  243. package/vue/chunks/UiToastRegion.js +27 -112
  244. package/vue/chunks/UiTooltip.js +18 -106
  245. package/vue/chunks/UiTopBar.js +1 -1
  246. package/vue/chunks/UiTree.js +31 -109
  247. package/vue/chunks/UiTreeItem.js +35 -118
  248. package/vue/chunks/host.js +101 -0
  249. package/vue/components.css +759 -707
  250. package/vue/host.ts +154 -0
@@ -1,18 +1,18 @@
1
1
 
2
- [data-component~="ui-affordance-scope"][data-v-3d8ef4c3] {
2
+ [data-component~="ui-affordance-scope"][data-v-c1d56d8d] {
3
3
  display: contents;
4
4
  --ui-affordance-scope-engaged: 0;
5
5
  }
6
- [data-component~="ui-affordance-scope"][data-ui-affordance-scope-state~="engaged"][data-v-3d8ef4c3] {
6
+ [data-component~="ui-affordance-scope"][data-ui-affordance-scope-state~="engaged"][data-v-c1d56d8d] {
7
7
  --ui-affordance-scope-engaged: 1;
8
8
  }
9
9
 
10
10
  /* A component that sets its display still honours the hidden attribute on its root. */
11
- [data-component~="ui-affordance-scope"][hidden][data-v-3d8ef4c3] {
11
+ [data-component~="ui-affordance-scope"][hidden][data-v-c1d56d8d] {
12
12
  display: none;
13
13
  }
14
14
 
15
- [data-component~="ui-avatar"][data-v-3a27ff1d] {
15
+ [data-component~="ui-avatar"][data-v-64e52bdd] {
16
16
  display: inline-grid;
17
17
  place-items: center;
18
18
  overflow: hidden;
@@ -27,13 +27,13 @@
27
27
  font-weight: 600;
28
28
  text-transform: uppercase;
29
29
  }
30
- .image[data-v-3a27ff1d],img[data-v-3a27ff1d-s] {
30
+ .image[data-v-64e52bdd],img[data-v-64e52bdd-s] {
31
31
  grid-area: 1 / 1;
32
32
  inline-size: 100%;
33
33
  block-size: 100%;
34
34
  object-fit: cover;
35
35
  }
36
- .fallback[data-v-3a27ff1d] {
36
+ .fallback[data-v-64e52bdd] {
37
37
  grid-area: 1 / 1;
38
38
  display: inline-flex;
39
39
  align-items: center;
@@ -46,7 +46,7 @@
46
46
  /* Centre the glyphs, not the line box: a label without descenders otherwise reads high.
47
47
  * Trimming applies to block containers, so the box is a block with centred content. */
48
48
  @supports (text-box-trim: trim-both) {
49
- .fallback[data-v-3a27ff1d] {
49
+ .fallback[data-v-64e52bdd] {
50
50
  display: block;
51
51
  text-align: center;
52
52
  align-content: center;
@@ -54,16 +54,16 @@
54
54
  text-box-edge: cap alphabetic;
55
55
  }
56
56
  }
57
- [hidden][data-v-3a27ff1d] {
57
+ [hidden][data-v-64e52bdd] {
58
58
  display: none;
59
59
  }
60
60
 
61
61
  /* A component that sets its display still honours the hidden attribute on its root. */
62
- [data-component~="ui-avatar"][hidden][data-v-3a27ff1d] {
62
+ [data-component~="ui-avatar"][hidden][data-v-64e52bdd] {
63
63
  display: none;
64
64
  }
65
65
 
66
- [data-component~="ui-avatar-group"][data-v-2ad5d86f] {
66
+ [data-component~="ui-avatar-group"][data-v-cbb93f58] {
67
67
  /* Avatars separate with a tight, crisp edge, matching Looma's 1px borders rather than the
68
68
  * diffuse elevation overlays use. */
69
69
  --_overlap-shadow: -2px 0 2px -1px rgba(0, 0, 0, 0.22);
@@ -77,15 +77,15 @@
77
77
 
78
78
  /* Overlap and the separating shadow are applied by the controller: slotted avatars are nested
79
79
  * component roots outside this style scope. */
80
- [data-v-2ad5d86f-s] {
80
+ [data-v-cbb93f58-s] {
81
81
  margin-inline-start: -0.625rem;
82
82
  flex-shrink: 0;
83
83
  border-radius: 999px;
84
84
  }
85
- [data-v-2ad5d86f-s]:first-child {
85
+ [data-v-cbb93f58-s]:first-child {
86
86
  margin-inline-start: 0;
87
87
  }
88
- .overflow[data-v-2ad5d86f] {
88
+ .overflow[data-v-cbb93f58] {
89
89
  margin-inline-start: -0.625rem;
90
90
  display: inline-flex;
91
91
  align-items: center;
@@ -104,16 +104,16 @@
104
104
  font-weight: 600;
105
105
  flex-shrink: 0;
106
106
  }
107
- .overflow[hidden][data-v-2ad5d86f] {
107
+ .overflow[hidden][data-v-cbb93f58] {
108
108
  display: none;
109
109
  }
110
110
 
111
111
  /* A component that sets its display still honours the hidden attribute on its root. */
112
- [data-component~="ui-avatar-group"][hidden][data-v-2ad5d86f] {
112
+ [data-component~="ui-avatar-group"][hidden][data-v-cbb93f58] {
113
113
  display: none;
114
114
  }
115
115
 
116
- [data-component~="ui-badge"][data-v-7e9b5784] {
116
+ [data-component~="ui-badge"][data-v-90c7d1bb] {
117
117
  --_badge-surface: var(--ui-surface-subtle);
118
118
  --_badge-text: var(--ui-text-secondary);
119
119
  --_badge-border: color-mix(in srgb, var(--ui-text-secondary) 30%, transparent);
@@ -139,7 +139,7 @@
139
139
  /* Centre the glyphs, not the line box: a label without descenders otherwise reads high.
140
140
  * Trimming applies to block containers, so the box is a block with centred content. */
141
141
  @supports (text-box-trim: trim-both) {
142
- [data-component~="ui-badge"][data-v-7e9b5784] {
142
+ [data-component~="ui-badge"][data-v-90c7d1bb] {
143
143
  display: block;
144
144
  min-block-size: var(--ui-badge-min-block-size, 1.5rem);
145
145
  text-align: center;
@@ -148,81 +148,81 @@
148
148
  text-box-edge: cap alphabetic;
149
149
  }
150
150
  }
151
- [data-component~="ui-badge"][data-ui-badge-state~="tone=accent"][data-v-7e9b5784] {
151
+ [data-component~="ui-badge"][data-ui-badge-state~="tone=accent"][data-v-90c7d1bb] {
152
152
  --_badge-surface: var(--ui-accent-strong-surface, var(--ui-accent-solid));
153
153
  --_badge-border: var(--ui-accent-strong-surface, var(--ui-accent-solid));
154
154
  --_badge-text: var(--ui-accent-on-strong, var(--ui-text-on-accent));
155
155
  }
156
- [data-component~="ui-badge"][data-ui-badge-state~="tone=danger"][data-v-7e9b5784] {
156
+ [data-component~="ui-badge"][data-ui-badge-state~="tone=danger"][data-v-90c7d1bb] {
157
157
  --_badge-surface: var(--ui-danger-strong-surface, var(--ui-danger-solid));
158
158
  --_badge-border: var(--ui-danger-strong-surface, var(--ui-danger-solid));
159
159
  --_badge-text: var(--ui-danger-on-strong, var(--ui-text-on-accent));
160
160
  }
161
- [data-component~="ui-badge"][data-ui-badge-state~="tone=success"][data-v-7e9b5784] {
161
+ [data-component~="ui-badge"][data-ui-badge-state~="tone=success"][data-v-90c7d1bb] {
162
162
  --_badge-surface: var(--ui-success-strong-surface, var(--ui-success-solid));
163
163
  --_badge-border: var(--ui-success-strong-surface, var(--ui-success-solid));
164
164
  --_badge-text: var(--ui-success-on-strong, var(--ui-text-on-accent));
165
165
  }
166
- [data-component~="ui-badge"][data-ui-badge-state~="tone=warning"][data-v-7e9b5784] {
166
+ [data-component~="ui-badge"][data-ui-badge-state~="tone=warning"][data-v-90c7d1bb] {
167
167
  --_badge-surface: var(--ui-warning-strong-surface, var(--ui-warning-solid));
168
168
  --_badge-border: var(--ui-warning-strong-surface, var(--ui-warning-solid));
169
169
  --_badge-text: var(--ui-warning-on-strong, var(--ui-text-on-accent));
170
170
  }
171
- [data-component~="ui-badge"][data-ui-badge-state~="tone=info"][data-v-7e9b5784] {
171
+ [data-component~="ui-badge"][data-ui-badge-state~="tone=info"][data-v-90c7d1bb] {
172
172
  --_badge-surface: var(--ui-info-strong-surface, var(--ui-info-solid));
173
173
  --_badge-border: var(--ui-info-strong-surface, var(--ui-info-solid));
174
174
  --_badge-text: var(--ui-info-on-strong, var(--ui-text-on-accent));
175
175
  }
176
- [data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=accent"][data-v-7e9b5784] {
176
+ [data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=accent"][data-v-90c7d1bb] {
177
177
  --_badge-surface: var(--ui-accent-soft);
178
178
  --_badge-border: var(--ui-accent-soft);
179
179
  --_badge-text: var(--ui-accent-subtle-text, var(--ui-accent-solid));
180
180
  }
181
- [data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=danger"][data-v-7e9b5784] {
181
+ [data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=danger"][data-v-90c7d1bb] {
182
182
  --_badge-surface: var(--ui-danger-soft);
183
183
  --_badge-border: var(--ui-danger-soft);
184
184
  --_badge-text: var(--ui-danger-subtle-text, var(--ui-danger-solid));
185
185
  }
186
- [data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=success"][data-v-7e9b5784] {
186
+ [data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=success"][data-v-90c7d1bb] {
187
187
  --_badge-surface: var(--ui-success-soft);
188
188
  --_badge-border: var(--ui-success-soft);
189
189
  --_badge-text: var(--ui-success-subtle-text, var(--ui-success-solid));
190
190
  }
191
- [data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=warning"][data-v-7e9b5784] {
191
+ [data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=warning"][data-v-90c7d1bb] {
192
192
  --_badge-surface: var(--ui-warning-soft);
193
193
  --_badge-border: var(--ui-warning-soft);
194
194
  --_badge-text: var(--ui-warning-subtle-text, var(--ui-warning-solid));
195
195
  }
196
- [data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=info"][data-v-7e9b5784] {
196
+ [data-component~="ui-badge"][data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=info"][data-v-90c7d1bb] {
197
197
  --_badge-surface: var(--ui-info-soft);
198
198
  --_badge-border: var(--ui-info-soft);
199
199
  --_badge-text: var(--ui-info-subtle-text, var(--ui-info-solid));
200
200
  }
201
201
 
202
202
  /* A component that sets its display still honours the hidden attribute on its root. */
203
- [data-component~="ui-badge"][hidden][data-v-7e9b5784] {
203
+ [data-component~="ui-badge"][hidden][data-v-90c7d1bb] {
204
204
  display: none;
205
205
  }
206
206
 
207
- [data-component~="ui-button"][data-v-405b2c60] {
207
+ [data-component~="ui-button"][data-v-4fd0ad7f] {
208
208
  display: inline-flex;
209
209
  align-items: center;
210
210
  justify-content: center;
211
211
  vertical-align: middle;
212
212
  color: var(--ui-action-secondary-text, var(--ui-text-primary));
213
213
  }
214
- [data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60] {
214
+ [data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-4fd0ad7f] {
215
215
  color: var(--ui-action-primary-text, var(--ui-text-on-accent));
216
216
  }
217
- [data-component~="ui-button"][data-ui-button-state~="align=start"][data-v-405b2c60] {
217
+ [data-component~="ui-button"][data-ui-button-state~="align=start"][data-v-4fd0ad7f] {
218
218
  justify-content: flex-start;
219
219
  text-align: start;
220
220
  }
221
- [data-component~="ui-button"][data-ui-button-state~="stretch"][data-v-405b2c60] {
221
+ [data-component~="ui-button"][data-ui-button-state~="stretch"][data-v-4fd0ad7f] {
222
222
  display: flex;
223
223
  inline-size: 100%;
224
224
  }
225
- [data-component~="ui-button"][data-v-405b2c60] {
225
+ [data-component~="ui-button"][data-v-4fd0ad7f] {
226
226
  appearance: none;
227
227
  min-block-size: var(--ui-button-min-block-size, var(--ui-control-size-md));
228
228
  border: 1px solid var(--ui-button-border, var(--ui-border-strong));
@@ -245,29 +245,29 @@
245
245
  margin: 0;
246
246
  }
247
247
  @supports (text-box-trim: trim-both) {
248
- [data-component~="ui-button"][data-v-405b2c60] {
248
+ [data-component~="ui-button"][data-v-4fd0ad7f] {
249
249
  text-box-trim: trim-both;
250
250
  text-box-edge: cap alphabetic;
251
251
  }
252
252
  }
253
- [data-component~="ui-button"][data-ui-button-state~="size=sm"][data-v-405b2c60] {
253
+ [data-component~="ui-button"][data-ui-button-state~="size=sm"][data-v-4fd0ad7f] {
254
254
  min-block-size: var(--ui-control-size-sm);
255
255
  padding: var(--ui-space-1) var(--ui-space-2);
256
256
  font-size: 0.875rem;
257
257
  }
258
- [data-component~="ui-button"][data-ui-button-state~="size=lg"][data-v-405b2c60] {
258
+ [data-component~="ui-button"][data-ui-button-state~="size=lg"][data-v-4fd0ad7f] {
259
259
  min-block-size: var(--ui-control-size-lg);
260
260
  padding: var(--ui-space-3) var(--ui-space-4);
261
261
  font-size: 1rem;
262
262
  }
263
- [data-component~="ui-button"][data-v-405b2c60]:hover:enabled {
263
+ [data-component~="ui-button"][data-v-4fd0ad7f]:hover:enabled {
264
264
  background: var(--ui-action-secondary-surface-hover, var(--ui-surface-muted));
265
265
  border-color: var(--ui-control-border-hover, var(--ui-border-strong));
266
266
  }
267
- [data-component~="ui-button"][data-v-405b2c60]:active:enabled {
267
+ [data-component~="ui-button"][data-v-4fd0ad7f]:active:enabled {
268
268
  background: var(--ui-surface-subtle);
269
269
  }
270
- [data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60] {
270
+ [data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-4fd0ad7f] {
271
271
  border-color: var(--ui-action-primary-surface, var(--ui-accent-solid));
272
272
  background: var(--ui-action-primary-surface, var(--ui-accent-solid));
273
273
  color: var(--ui-action-primary-text, var(--ui-text-on-accent));
@@ -277,19 +277,19 @@
277
277
  var(--ui-shadow-xs)
278
278
  );
279
279
  }
280
- [data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60]:hover:enabled {
280
+ [data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-4fd0ad7f]:hover:enabled {
281
281
  background: var(--ui-action-primary-surface-hover, var(--ui-accent-hover));
282
282
  border-color: var(--ui-action-primary-surface-hover, var(--ui-accent-hover));
283
283
  box-shadow: var(--ui-shadow-sm);
284
284
  transform: translateY(-1px);
285
285
  }
286
- [data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60]:active:enabled {
286
+ [data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-4fd0ad7f]:active:enabled {
287
287
  background: var(--ui-action-primary-surface-active, var(--ui-accent-active));
288
288
  border-color: var(--ui-action-primary-surface-active, var(--ui-accent-active));
289
289
  box-shadow: none;
290
290
  transform: translateY(0);
291
291
  }
292
- [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-405b2c60] {
292
+ [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-4fd0ad7f] {
293
293
  border-color: var(--ui-danger-solid);
294
294
  background: var(--ui-danger-solid);
295
295
  color: var(--ui-text-on-accent);
@@ -299,35 +299,35 @@
299
299
  var(--ui-shadow-xs)
300
300
  );
301
301
  }
302
- [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-405b2c60]:hover:enabled {
302
+ [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-4fd0ad7f]:hover:enabled {
303
303
  background: var(--ui-danger-hover);
304
304
  border-color: var(--ui-danger-hover);
305
305
  box-shadow: var(--ui-shadow-sm);
306
306
  transform: translateY(-1px);
307
307
  }
308
- [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-405b2c60]:active:enabled {
308
+ [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-4fd0ad7f]:active:enabled {
309
309
  box-shadow: none;
310
310
  transform: translateY(0);
311
311
  }
312
312
 
313
313
  /* An accent-tinted secondary action: the outline, ghost, and link variants in the accent colour.
314
314
  Solid and danger already carry their own intent. */
315
- [data-component~="ui-button"][data-ui-button-state~="tone=accent"][data-component~="ui-button"][data-ui-button-state~="variant=outline"][data-v-405b2c60] {
315
+ [data-component~="ui-button"][data-ui-button-state~="tone=accent"][data-component~="ui-button"][data-ui-button-state~="variant=outline"][data-v-4fd0ad7f] {
316
316
  border-color: var(--ui-button-accent-border, var(--ui-accent));
317
317
  background: var(--ui-button-accent-surface, var(--ui-accent-subtle));
318
318
  color: var(--ui-button-accent-text, var(--ui-accent-active));
319
319
  }
320
- [data-component~="ui-button"][data-ui-button-state~="tone=accent"][data-component~="ui-button"][data-ui-button-state~="variant=outline"][data-v-405b2c60]:hover:enabled {
320
+ [data-component~="ui-button"][data-ui-button-state~="tone=accent"][data-component~="ui-button"][data-ui-button-state~="variant=outline"][data-v-4fd0ad7f]:hover:enabled {
321
321
  border-color: var(--ui-button-accent-hover-border, var(--ui-accent-hover));
322
322
  background: var(
323
323
  --ui-button-accent-hover-surface,
324
324
  color-mix(in srgb, var(--ui-accent) 16%, var(--ui-surface))
325
325
  );
326
326
  }
327
- [data-component~="ui-button"][data-ui-button-state~="tone=accent"][data-v-405b2c60]:is([data-component~="ui-button"][data-ui-button-state~="variant=ghost"], [data-component~="ui-button"][data-ui-button-state~="variant=link"]) {
327
+ [data-component~="ui-button"][data-ui-button-state~="tone=accent"][data-v-4fd0ad7f]:is([data-component~="ui-button"][data-ui-button-state~="variant=ghost"], [data-component~="ui-button"][data-ui-button-state~="variant=link"]) {
328
328
  color: var(--ui-button-accent-text, var(--ui-accent-active));
329
329
  }
330
- [data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-405b2c60] {
330
+ [data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-4fd0ad7f] {
331
331
  border-color: transparent;
332
332
  background: transparent;
333
333
  box-shadow: none;
@@ -335,14 +335,14 @@
335
335
  }
336
336
 
337
337
  /* Tints derive from the text colour, not a surface token, so hover and press show on any background. */
338
- [data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-405b2c60]:hover:enabled {
338
+ [data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-4fd0ad7f]:hover:enabled {
339
339
  background: var(
340
340
  --ui-button-ghost-hover-surface,
341
341
  color-mix(in srgb, currentColor 8%, transparent)
342
342
  );
343
343
  border-color: transparent;
344
344
  }
345
- [data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-405b2c60]:active:enabled {
345
+ [data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-4fd0ad7f]:active:enabled {
346
346
  background: var(
347
347
  --ui-button-ghost-active-surface,
348
348
  color-mix(in srgb, currentColor 14%, transparent)
@@ -351,50 +351,50 @@
351
351
  }
352
352
 
353
353
  /* A soft halo that transitions in with the other box-shadow changes, layered on the raised shadow. */
354
- [data-component~="ui-button"][data-v-405b2c60]:focus-visible {
354
+ [data-component~="ui-button"][data-v-4fd0ad7f]:focus-visible {
355
355
  outline: none;
356
356
  box-shadow:
357
357
  var(--ui-button-shadow, var(--ui-raised, var(--ui-shadow-xs))),
358
358
  var(--ui-focus-halo);
359
359
  }
360
- [data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60]:focus-visible {
360
+ [data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-4fd0ad7f]:focus-visible {
361
361
  box-shadow:
362
362
  var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs)),
363
363
  var(--ui-focus-halo);
364
364
  }
365
365
 
366
366
  /* Disabled colours fall back to each variant's own; ghost and link take only the text colour. */
367
- [data-component~="ui-button"][data-v-405b2c60]:disabled {
367
+ [data-component~="ui-button"][data-v-4fd0ad7f]:disabled {
368
368
  opacity: var(--ui-button-disabled-opacity, 1);
369
369
  cursor: not-allowed;
370
370
  border-color: var(--ui-button-disabled-border, var(--ui-border));
371
371
  background-color: var(--ui-button-disabled-surface, var(--ui-disabled-surface));
372
372
  color: var(--ui-button-disabled-text, var(--ui-disabled-text));
373
373
  }
374
- [data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-405b2c60]:disabled {
374
+ [data-component~="ui-button"][data-ui-button-state~="variant=solid"][data-v-4fd0ad7f]:disabled {
375
375
  border-color: var(--ui-button-disabled-border, var(--ui-border));
376
376
  background-color: var(--ui-button-disabled-surface, var(--ui-disabled-surface));
377
377
  color: var(--ui-button-disabled-text, var(--ui-disabled-text));
378
378
  }
379
- [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-405b2c60]:disabled {
379
+ [data-component~="ui-button"][data-ui-button-state~="variant=danger"][data-v-4fd0ad7f]:disabled {
380
380
  border-color: var(--ui-button-disabled-border, var(--ui-border));
381
381
  background-color: var(--ui-button-disabled-surface, var(--ui-disabled-surface));
382
382
  color: var(--ui-button-disabled-text, var(--ui-disabled-text));
383
383
  }
384
- [data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-405b2c60]:disabled {
384
+ [data-component~="ui-button"][data-ui-button-state~="variant=ghost"][data-v-4fd0ad7f]:disabled {
385
385
  background: none;
386
386
  border-color: transparent;
387
387
  color: var(--ui-button-disabled-text, var(--ui-disabled-text));
388
388
  }
389
389
  @media (pointer: coarse) {
390
- [data-component~="ui-button"][data-v-405b2c60] {
390
+ [data-component~="ui-button"][data-v-4fd0ad7f] {
391
391
  min-block-size: var(--ui-control-min-block-size);
392
392
  }
393
393
  }
394
394
 
395
395
  /* Link: an inline text action. No box, padding, or minimum height (inline targets are exempt under
396
396
  WCAG 2.5.8); the inherited font; an underline that strengthens on hover; a visible focus ring. */
397
- [data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-405b2c60] {
397
+ [data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-4fd0ad7f] {
398
398
  display: inline;
399
399
  min-block-size: 0;
400
400
  padding: 0;
@@ -412,22 +412,22 @@
412
412
  color var(--ui-motion-fast) var(--ui-motion-ease),
413
413
  text-decoration-color var(--ui-motion-fast) var(--ui-motion-ease);
414
414
  }
415
- [data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-405b2c60]:hover:enabled {
415
+ [data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-4fd0ad7f]:hover:enabled {
416
416
  color: var(--ui-button-link-hover-text, var(--ui-text-primary));
417
417
  text-decoration-color: currentColor;
418
418
  background: none;
419
419
  transform: none;
420
420
  }
421
- [data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-405b2c60]:active:enabled {
421
+ [data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-4fd0ad7f]:active:enabled {
422
422
  background: none;
423
423
  transform: none;
424
424
  }
425
- [data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-405b2c60]:disabled {
425
+ [data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-4fd0ad7f]:disabled {
426
426
  background: none;
427
427
  border-color: transparent;
428
428
  color: var(--ui-button-disabled-text, var(--ui-disabled-text));
429
429
  }
430
- [data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-405b2c60]:focus-visible {
430
+ [data-component~="ui-button"][data-ui-button-state~="variant=link"][data-v-4fd0ad7f]:focus-visible {
431
431
  box-shadow: none;
432
432
  /* Fallback keeps the ring if the token is missing: an unresolved var() would void the outline. */
433
433
  outline: 2px solid var(--ui-focus-ring);
@@ -435,11 +435,11 @@
435
435
  }
436
436
 
437
437
  /* A component that sets its display still honours the hidden attribute on its root. */
438
- [data-component~="ui-button"][hidden][data-v-405b2c60] {
438
+ [data-component~="ui-button"][hidden][data-v-4fd0ad7f] {
439
439
  display: none;
440
440
  }
441
441
 
442
- [data-component~="ui-callout"][data-v-31ee6589] {
442
+ [data-component~="ui-callout"][data-v-c6e92976] {
443
443
  --_callout-surface: var(--ui-info-soft);
444
444
  --_callout-border: var(--ui-info-solid);
445
445
  --_callout-icon: var(--ui-info-solid);
@@ -465,47 +465,47 @@
465
465
  }
466
466
 
467
467
  /* One line box tall, so the icon centres on the first line of text. */
468
- .icon[data-v-31ee6589] {
468
+ .icon[data-v-c6e92976] {
469
469
  display: grid;
470
470
  place-items: center;
471
471
  inline-size: var(--ui-callout-icon-column, 1.125rem);
472
472
  block-size: 1lh;
473
473
  color: var(--ui-callout-icon, var(--_callout-icon));
474
474
  }
475
- .icon svg[data-v-31ee6589] {
475
+ .icon svg[data-v-c6e92976] {
476
476
  inline-size: var(--ui-callout-icon-size, 1.125rem);
477
477
  block-size: var(--ui-callout-icon-size, 1.125rem);
478
478
  }
479
- .content[data-v-31ee6589] {
479
+ .content[data-v-c6e92976] {
480
480
  min-inline-size: 0;
481
481
  }
482
- [data-component~="ui-callout"][data-ui-callout-state~="tone=note"][data-v-31ee6589] {
482
+ [data-component~="ui-callout"][data-ui-callout-state~="tone=note"][data-v-c6e92976] {
483
483
  --_callout-surface: var(--ui-surface-muted);
484
484
  --_callout-border: var(--ui-border-strong);
485
485
  --_callout-icon: var(--ui-text-secondary);
486
486
  }
487
- [data-component~="ui-callout"][data-ui-callout-state~="tone=warning"][data-v-31ee6589] {
487
+ [data-component~="ui-callout"][data-ui-callout-state~="tone=warning"][data-v-c6e92976] {
488
488
  --_callout-surface: var(--ui-warning-soft);
489
489
  --_callout-border: var(--ui-warning-solid);
490
490
  --_callout-icon: var(--ui-warning-solid);
491
491
  }
492
- [data-component~="ui-callout"][data-ui-callout-state~="tone=success"][data-v-31ee6589] {
492
+ [data-component~="ui-callout"][data-ui-callout-state~="tone=success"][data-v-c6e92976] {
493
493
  --_callout-surface: var(--ui-success-soft);
494
494
  --_callout-border: var(--ui-success-solid);
495
495
  --_callout-icon: var(--ui-success-solid);
496
496
  }
497
- [data-component~="ui-callout"][data-ui-callout-state~="tone=danger"][data-v-31ee6589] {
497
+ [data-component~="ui-callout"][data-ui-callout-state~="tone=danger"][data-v-c6e92976] {
498
498
  --_callout-surface: var(--ui-danger-soft);
499
499
  --_callout-border: var(--ui-danger-solid);
500
500
  --_callout-icon: var(--ui-danger-solid);
501
501
  }
502
502
 
503
503
  /* A component that sets its display still honours the hidden attribute on its root. */
504
- [data-component~="ui-callout"][hidden][data-v-31ee6589] {
504
+ [data-component~="ui-callout"][hidden][data-v-c6e92976] {
505
505
  display: none;
506
506
  }
507
507
 
508
- [data-component~="ui-checkbox"][data-v-acf71232] {
508
+ [data-component~="ui-checkbox"][data-v-d8891b6a] {
509
509
  display: inline-flex;
510
510
  align-items: flex-start;
511
511
  gap: var(--ui-checkbox-gap, var(--ui-space-2));
@@ -513,11 +513,11 @@
513
513
  color: var(--ui-text-primary);
514
514
  cursor: pointer;
515
515
  }
516
- .label[data-v-acf71232] {
516
+ .label[data-v-d8891b6a] {
517
517
  min-inline-size: 0;
518
518
  line-height: var(--ui-line-height-md);
519
519
  }
520
- input[data-v-acf71232] {
520
+ input[data-v-d8891b6a] {
521
521
  appearance: none;
522
522
  -webkit-appearance: none;
523
523
  position: relative;
@@ -535,20 +535,20 @@ input[data-v-acf71232] {
535
535
  border-color var(--ui-motion-fast) var(--ui-motion-ease),
536
536
  box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
537
537
  }
538
- input[data-v-acf71232]::after {
538
+ input[data-v-d8891b6a]::after {
539
539
  content: "";
540
540
  position: absolute;
541
541
  opacity: 0;
542
542
  }
543
- input[data-v-acf71232]:checked,
544
- input[data-v-acf71232]:indeterminate {
543
+ input[data-v-d8891b6a]:checked,
544
+ input[data-v-d8891b6a]:indeterminate {
545
545
  border-color: var(--ui-accent-solid);
546
546
  background: var(--ui-accent-solid);
547
547
  box-shadow: inset 0 1px 2px color-mix(in srgb, #000 16%, transparent);
548
548
  }
549
549
 
550
550
  /* Centre the tick's box, then lift it: a rotated L's ink sits ~0.11rem below its box centre. */
551
- input[data-v-acf71232]:checked::after {
551
+ input[data-v-d8891b6a]:checked::after {
552
552
  inset: 0;
553
553
  margin: auto;
554
554
  inline-size: 0.32rem;
@@ -558,7 +558,7 @@ input[data-v-acf71232]:checked::after {
558
558
  opacity: 1;
559
559
  transform: translateY(-0.11rem) rotate(45deg);
560
560
  }
561
- input[data-v-acf71232]:indeterminate::after {
561
+ input[data-v-d8891b6a]:indeterminate::after {
562
562
  inset: 50% 0.23rem auto;
563
563
  block-size: 0.125rem;
564
564
  border-radius: var(--ui-radius-round);
@@ -566,29 +566,29 @@ input[data-v-acf71232]:indeterminate::after {
566
566
  opacity: 1;
567
567
  transform: translateY(-50%);
568
568
  }
569
- input[data-v-acf71232]:hover:enabled {
569
+ input[data-v-d8891b6a]:hover:enabled {
570
570
  border-color: var(--ui-accent-solid);
571
571
  }
572
- input[data-v-acf71232]:focus-visible {
572
+ input[data-v-d8891b6a]:focus-visible {
573
573
  outline: 2px solid var(--ui-focus-ring, var(--ui-accent-solid));
574
574
  outline-offset: 2px;
575
575
  }
576
- [data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"][data-v-acf71232] {
576
+ [data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"][data-v-d8891b6a] {
577
577
  color: var(--ui-text-muted);
578
578
  cursor: not-allowed;
579
579
  }
580
- [data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-acf71232] {
580
+ [data-component~="ui-checkbox"][data-ui-checkbox-state~="disabled"] input[data-v-d8891b6a] {
581
581
  border-color: var(--ui-border-default);
582
582
  background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
583
583
  cursor: not-allowed;
584
584
  }
585
585
 
586
586
  /* A component that sets its display still honours the hidden attribute on its root. */
587
- [data-component~="ui-checkbox"][hidden][data-v-acf71232] {
587
+ [data-component~="ui-checkbox"][hidden][data-v-d8891b6a] {
588
588
  display: none;
589
589
  }
590
590
 
591
- [data-component~="ui-cluster"][data-v-6de2f2e4] {
591
+ [data-component~="ui-cluster"][data-v-9a0304f1] {
592
592
  --_layout-gap: var(--ui-space-3);
593
593
  display: flex;
594
594
  flex-wrap: wrap;
@@ -598,37 +598,37 @@ input[data-v-acf71232]:focus-visible {
598
598
  max-inline-size: 100%;
599
599
  margin: 0;
600
600
  }
601
- [data-component~="ui-cluster"][data-ui-cluster-state~="gap=xs"][data-v-6de2f2e4] {
601
+ [data-component~="ui-cluster"][data-ui-cluster-state~="gap=xs"][data-v-9a0304f1] {
602
602
  --_layout-gap: var(--ui-space-2);
603
603
  }
604
- [data-component~="ui-cluster"][data-ui-cluster-state~="gap=s"][data-v-6de2f2e4] {
604
+ [data-component~="ui-cluster"][data-ui-cluster-state~="gap=s"][data-v-9a0304f1] {
605
605
  --_layout-gap: var(--ui-space-3);
606
606
  }
607
- [data-component~="ui-cluster"][data-ui-cluster-state~="gap=m"][data-v-6de2f2e4] {
607
+ [data-component~="ui-cluster"][data-ui-cluster-state~="gap=m"][data-v-9a0304f1] {
608
608
  --_layout-gap: var(--ui-space-4);
609
609
  }
610
- [data-component~="ui-cluster"][data-ui-cluster-state~="gap=l"][data-v-6de2f2e4] {
610
+ [data-component~="ui-cluster"][data-ui-cluster-state~="gap=l"][data-v-9a0304f1] {
611
611
  --_layout-gap: var(--ui-space-5);
612
612
  }
613
- [data-component~="ui-cluster"][data-ui-cluster-state~="gap=xl"][data-v-6de2f2e4] {
613
+ [data-component~="ui-cluster"][data-ui-cluster-state~="gap=xl"][data-v-9a0304f1] {
614
614
  --_layout-gap: var(--ui-space-6);
615
615
  }
616
- [data-component~="ui-cluster"][data-ui-cluster-state~="align=start"][data-v-6de2f2e4] {
616
+ [data-component~="ui-cluster"][data-ui-cluster-state~="align=start"][data-v-9a0304f1] {
617
617
  align-items: flex-start;
618
618
  }
619
- [data-component~="ui-cluster"][data-ui-cluster-state~="align=end"][data-v-6de2f2e4] {
619
+ [data-component~="ui-cluster"][data-ui-cluster-state~="align=end"][data-v-9a0304f1] {
620
620
  align-items: flex-end;
621
621
  }
622
- [data-component~="ui-cluster"][data-ui-cluster-state~="align=stretch"][data-v-6de2f2e4] {
622
+ [data-component~="ui-cluster"][data-ui-cluster-state~="align=stretch"][data-v-9a0304f1] {
623
623
  align-items: stretch;
624
624
  }
625
625
 
626
626
  /* A component that sets its display still honours the hidden attribute on its root. */
627
- [data-component~="ui-cluster"][hidden][data-v-6de2f2e4] {
627
+ [data-component~="ui-cluster"][hidden][data-v-9a0304f1] {
628
628
  display: none;
629
629
  }
630
630
 
631
- [data-component~="ui-tooltip"][data-v-3af2132e] {
631
+ [data-component~="ui-tooltip"][data-v-5952fbd4] {
632
632
  position: fixed;
633
633
  inset: auto;
634
634
  margin: 0;
@@ -649,7 +649,7 @@ input[data-v-acf71232]:focus-visible {
649
649
  display var(--ui-motion-fast) allow-discrete,
650
650
  overlay var(--ui-motion-fast) allow-discrete;
651
651
  }
652
- .surface[data-v-3af2132e] {
652
+ .surface[data-v-5952fbd4] {
653
653
  --_tooltip-line: var(--ui-tooltip-border, var(--ui-border-default));
654
654
  position: relative;
655
655
  box-sizing: border-box;
@@ -664,7 +664,7 @@ input[data-v-acf71232]:focus-visible {
664
664
  line-height: var(--ui-line-height-tight);
665
665
  box-shadow: var(--ui-tooltip-shadow, var(--ui-elevation-tooltip, var(--ui-shadow-md)));
666
666
  }
667
- [data-component~="ui-tooltip"][data-ui-tooltip-state~="inverse"] .surface[data-v-3af2132e] {
667
+ [data-component~="ui-tooltip"][data-ui-tooltip-state~="inverse"] .surface[data-v-5952fbd4] {
668
668
  --_tooltip-line: var(--ui-tooltip-inverse-surface, var(--ui-text-primary));
669
669
  background: var(--ui-tooltip-inverse-surface, var(--ui-text-primary));
670
670
  color: var(--ui-tooltip-inverse-text, var(--ui-surface-default));
@@ -672,7 +672,7 @@ input[data-v-acf71232]:focus-visible {
672
672
 
673
673
  /* A rotated square shares the surface fill and draws the two outward border edges. Its centre sits on
674
674
  * the surface border line, so the fill covers that stretch of border and the outline runs unbroken. */
675
- .surface[data-v-3af2132e]::after {
675
+ .surface[data-v-5952fbd4]::after {
676
676
  content: "";
677
677
  position: absolute;
678
678
  z-index: 1;
@@ -689,7 +689,7 @@ input[data-v-acf71232]:focus-visible {
689
689
  transform: rotate(45deg);
690
690
  }
691
691
  :is([data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=bottom"], [data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=bottom-start"], [data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=bottom-end"])
692
- .surface[data-v-3af2132e]::after {
692
+ .surface[data-v-5952fbd4]::after {
693
693
  inset-block-start: calc(var(--ui-tooltip-arrow-size, 0.5rem) / -2 - 0.5px);
694
694
  inset-block-end: auto;
695
695
  border-inline-end-width: 0;
@@ -700,50 +700,50 @@ input[data-v-acf71232]:focus-visible {
700
700
  border-start-start-radius: 1px;
701
701
  }
702
702
  :is([data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=top-end"], [data-component~="ui-tooltip"][data-ui-tooltip-state~="placement=bottom-end"])
703
- .surface[data-v-3af2132e]::after {
703
+ .surface[data-v-5952fbd4]::after {
704
704
  inset-inline-start: auto;
705
705
  inset-inline-end: var(--ui-space-3);
706
706
  }
707
- [data-component~="ui-tooltip"][data-v-3af2132e]:popover-open {
707
+ [data-component~="ui-tooltip"][data-v-5952fbd4]:popover-open {
708
708
  opacity: 1;
709
709
  transform: translateY(0);
710
710
  }
711
711
  @starting-style {
712
- [data-component~="ui-tooltip"][data-v-3af2132e]:popover-open {
712
+ [data-component~="ui-tooltip"][data-v-5952fbd4]:popover-open {
713
713
  opacity: 0;
714
714
  transform: translateY(4px);
715
715
  }
716
716
  }
717
- [data-component~="ui-tooltip"][hidden][data-v-3af2132e] {
717
+ [data-component~="ui-tooltip"][hidden][data-v-5952fbd4] {
718
718
  display: none;
719
719
  }
720
720
  @media (prefers-reduced-motion: reduce) {
721
- [data-component~="ui-tooltip"][data-v-3af2132e] {
721
+ [data-component~="ui-tooltip"][data-v-5952fbd4] {
722
722
  transition: none;
723
723
  }
724
724
  }
725
725
 
726
- [data-component~="ui-combobox"][data-v-f1d9bb8a] {
726
+ [data-component~="ui-combobox"][data-v-aef83c81] {
727
727
  display: grid;
728
728
  gap: var(--ui-space-1);
729
729
  min-inline-size: 0;
730
730
  color: var(--ui-text-primary);
731
731
  font: inherit;
732
732
  }
733
- label[data-v-f1d9bb8a] {
733
+ label[data-v-aef83c81] {
734
734
  color: var(--ui-combobox-label-text, var(--ui-text-primary));
735
735
  font-size: var(--ui-combobox-label-font-size, 0.875rem);
736
736
  font-weight: 500;
737
737
  }
738
738
  /* The field and anything that annotates it sit on one row; the help button is beside the box,
739
739
  not inside it, because a control's box holds its value. */
740
- .control[data-v-f1d9bb8a] {
740
+ .control[data-v-aef83c81] {
741
741
  display: flex;
742
742
  align-items: center;
743
743
  gap: var(--ui-space-2);
744
744
  min-inline-size: 0;
745
745
  }
746
- .field[data-v-f1d9bb8a] {
746
+ .field[data-v-aef83c81] {
747
747
  flex: 1 1 auto;
748
748
  display: flex;
749
749
  min-inline-size: 0;
@@ -755,14 +755,14 @@ label[data-v-f1d9bb8a] {
755
755
  border-color var(--ui-motion-fast) var(--ui-motion-ease),
756
756
  box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
757
757
  }
758
- .field[data-v-f1d9bb8a]:focus-within {
758
+ .field[data-v-aef83c81]:focus-within {
759
759
  border-color: var(--ui-control-focus, var(--ui-accent-solid));
760
760
  box-shadow:
761
761
  var(--ui-control-inset),
762
762
  var(--ui-control-focus-halo-shadow);
763
763
  }
764
764
  /* A ghost icon button: the affordance is the mark, not a box around it. */
765
- .help[data-v-f1d9bb8a] {
765
+ .help[data-v-aef83c81] {
766
766
  flex: none;
767
767
  display: inline-flex;
768
768
  align-items: center;
@@ -779,28 +779,28 @@ label[data-v-f1d9bb8a] {
779
779
  background-color var(--ui-motion-fast) var(--ui-motion-ease),
780
780
  color var(--ui-motion-fast) var(--ui-motion-ease);
781
781
  }
782
- .help[data-v-f1d9bb8a]:hover:enabled,
783
- .help[aria-expanded="true"][data-v-f1d9bb8a] {
782
+ .help[data-v-aef83c81]:hover:enabled,
783
+ .help[aria-expanded="true"][data-v-aef83c81] {
784
784
  background: color-mix(in srgb, currentColor 8%, transparent);
785
785
  color: var(--ui-text-primary);
786
786
  }
787
- .help[data-v-f1d9bb8a]:focus-visible {
787
+ .help[data-v-aef83c81]:focus-visible {
788
788
  outline: none;
789
789
  box-shadow: var(--ui-focus-halo);
790
790
  }
791
- .help[data-v-f1d9bb8a]:disabled {
791
+ .help[data-v-aef83c81]:disabled {
792
792
  color: var(--ui-disabled-text);
793
793
  cursor: not-allowed;
794
794
  }
795
- .help-icon[data-v-f1d9bb8a] {
795
+ .help-icon[data-v-aef83c81] {
796
796
  inline-size: var(--ui-icon-size-sm);
797
797
  block-size: var(--ui-icon-size-sm);
798
798
  }
799
- input[data-v-f1d9bb8a]::selection {
799
+ input[data-v-aef83c81]::selection {
800
800
  background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
801
801
  color: inherit;
802
802
  }
803
- input[data-v-f1d9bb8a] {
803
+ input[data-v-aef83c81] {
804
804
  appearance: none;
805
805
  width: 100%;
806
806
  min-inline-size: 0;
@@ -816,11 +816,11 @@ input[data-v-f1d9bb8a] {
816
816
  margin: 0;
817
817
  outline: none;
818
818
  }
819
- [data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-f1d9bb8a] {
819
+ [data-component~="ui-combobox"][data-ui-combobox-state~="size=sm"] input[data-v-aef83c81] {
820
820
  min-block-size: calc(var(--ui-control-size-sm) - 2px);
821
821
  padding: var(--ui-space-1) var(--ui-space-2);
822
822
  }
823
- button[data-v-f1d9bb8a] {
823
+ button[data-v-aef83c81] {
824
824
  appearance: none;
825
825
  display: inline-grid;
826
826
  place-items: center;
@@ -835,31 +835,31 @@ button[data-v-f1d9bb8a] {
835
835
  padding: 0 var(--ui-space-1);
836
836
  cursor: pointer;
837
837
  }
838
- .affordance-icon[data-v-f1d9bb8a] {
838
+ .affordance-icon[data-v-aef83c81] {
839
839
  display: block;
840
840
  inline-size: var(--ui-icon-size-sm);
841
841
  block-size: var(--ui-icon-size-sm);
842
842
  }
843
- button[data-v-f1d9bb8a]:hover:enabled {
843
+ button[data-v-aef83c81]:hover:enabled {
844
844
  background: var(--ui-surface-muted);
845
845
  color: var(--ui-text-primary);
846
846
  }
847
- button[data-v-f1d9bb8a]:focus-visible {
847
+ button[data-v-aef83c81]:focus-visible {
848
848
  outline: none;
849
849
  background: var(--ui-surface-muted);
850
850
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
851
851
  }
852
- input[data-v-f1d9bb8a]:disabled, button[data-v-f1d9bb8a]:disabled {
852
+ input[data-v-aef83c81]:disabled, button[data-v-aef83c81]:disabled {
853
853
  color: var(--ui-text-muted);
854
854
  cursor: not-allowed;
855
855
  }
856
- .field[data-v-f1d9bb8a]:has(input:disabled) {
856
+ .field[data-v-aef83c81]:has(input:disabled) {
857
857
  background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
858
858
  }
859
- [data-component~="ui-combobox"][data-ui-combobox-state~="validationStatus=error"] .field[data-v-f1d9bb8a] {
859
+ [data-component~="ui-combobox"][data-ui-combobox-state~="validationStatus=error"] .field[data-v-aef83c81] {
860
860
  border-color: var(--ui-danger-solid, var(--ui-accent-active));
861
861
  }
862
- .popup[data-v-f1d9bb8a] {
862
+ .popup[data-v-aef83c81] {
863
863
  box-sizing: border-box;
864
864
  min-inline-size: 12rem;
865
865
  max-inline-size: calc(100vw - 1rem);
@@ -873,40 +873,40 @@ input[data-v-f1d9bb8a]:disabled, button[data-v-f1d9bb8a]:disabled {
873
873
  color: var(--ui-text-primary);
874
874
  box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
875
875
  }
876
- [hidden][data-v-f1d9bb8a] {
876
+ [hidden][data-v-aef83c81] {
877
877
  display: none;
878
878
  }
879
- .option[data-v-f1d9bb8a] {
879
+ .option[data-v-aef83c81] {
880
880
  padding: var(--ui-space-2) var(--ui-space-3);
881
881
  border-radius: var(--ui-radius-sm);
882
882
  cursor: pointer;
883
883
  overflow-wrap: anywhere;
884
884
  }
885
- .option[data-v-f1d9bb8a]:hover, .option.active[data-v-f1d9bb8a] {
885
+ .option[data-v-aef83c81]:hover, .option.active[data-v-aef83c81] {
886
886
  background: var(--ui-surface-muted);
887
887
  outline: 1px solid var(--ui-focus-ring);
888
888
  outline-offset: -1px;
889
889
  }
890
- .option[aria-disabled="true"][data-v-f1d9bb8a] {
890
+ .option[aria-disabled="true"][data-v-aef83c81] {
891
891
  color: var(--ui-text-muted);
892
892
  cursor: not-allowed;
893
893
  }
894
- .primary[data-v-f1d9bb8a] {
894
+ .primary[data-v-aef83c81] {
895
895
  display: block;
896
896
  color: var(--ui-combobox-option-text, var(--ui-text-primary));
897
897
  font-weight: 500;
898
898
  }
899
- .message[data-v-f1d9bb8a], .group[data-v-f1d9bb8a] {
899
+ .message[data-v-aef83c81], .group[data-v-aef83c81] {
900
900
  color: var(--ui-combobox-message-text, var(--ui-text-secondary));
901
901
  font-weight: 400;
902
902
  font-size: var(--ui-font-size-sm);
903
903
  line-height: var(--ui-line-height-md);
904
904
  overflow-wrap: anywhere;
905
905
  }
906
- .group[data-v-f1d9bb8a], .popup .message[data-v-f1d9bb8a] {
906
+ .group[data-v-aef83c81], .popup .message[data-v-aef83c81] {
907
907
  padding: var(--ui-space-2) var(--ui-space-3);
908
908
  }
909
- .sr-only[data-v-f1d9bb8a] {
909
+ .sr-only[data-v-aef83c81] {
910
910
  position: absolute;
911
911
  inline-size: 1px;
912
912
  block-size: 1px;
@@ -915,35 +915,35 @@ input[data-v-f1d9bb8a]:disabled, button[data-v-f1d9bb8a]:disabled {
915
915
  white-space: nowrap;
916
916
  }
917
917
  @media (pointer: coarse) {
918
- button[data-v-f1d9bb8a] {
918
+ button[data-v-aef83c81] {
919
919
  min-inline-size: 2.75rem;
920
920
  min-block-size: 2.75rem;
921
921
  }
922
922
  }
923
923
  @media (forced-colors: active) {
924
- .field[data-v-f1d9bb8a], .popup[data-v-f1d9bb8a] {
924
+ .field[data-v-aef83c81], .popup[data-v-aef83c81] {
925
925
  border-color: CanvasText;
926
926
  }
927
- .option.active[data-v-f1d9bb8a] {
927
+ .option.active[data-v-aef83c81] {
928
928
  outline-color: Highlight;
929
929
  }
930
930
  }
931
931
 
932
932
  /* Multiple mode: chips wrap before the cursor on one flexible field line. */
933
- [data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-f1d9bb8a] {
933
+ [data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] .field[data-v-aef83c81] {
934
934
  flex-wrap: wrap;
935
935
  align-items: center;
936
936
  gap: var(--ui-space-1);
937
937
  min-block-size: var(--ui-combobox-item-min-block-size, 2.5rem);
938
938
  padding: var(--ui-space-1);
939
939
  }
940
- [data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] input[data-v-f1d9bb8a] {
940
+ [data-component~="ui-combobox"][data-ui-combobox-state~="multiple"] input[data-v-aef83c81] {
941
941
  flex: 1 0 var(--ui-combobox-item-input-min-inline-size, 5rem);
942
942
  width: auto;
943
943
  min-block-size: 1.75rem;
944
944
  padding: var(--ui-space-0-5) var(--ui-space-1);
945
945
  }
946
- .item[data-v-f1d9bb8a] {
946
+ .item[data-v-aef83c81] {
947
947
  appearance: none;
948
948
  display: inline-flex;
949
949
  min-inline-size: 0;
@@ -957,20 +957,20 @@ button[data-v-f1d9bb8a] {
957
957
  font: inherit;
958
958
  cursor: default;
959
959
  }
960
- .item[data-v-f1d9bb8a]:focus-visible {
960
+ .item[data-v-aef83c81]:focus-visible {
961
961
  outline: 2px solid var(--ui-focus-ring);
962
962
  outline-offset: 1px;
963
963
  }
964
- .item[data-v-f1d9bb8a]:disabled {
964
+ .item[data-v-aef83c81]:disabled {
965
965
  opacity: 0.6;
966
966
  }
967
967
 
968
968
  /* A component that sets its display still honours the hidden attribute on its root. */
969
- [data-component~="ui-combobox"][hidden][data-v-f1d9bb8a] {
969
+ [data-component~="ui-combobox"][hidden][data-v-aef83c81] {
970
970
  display: none;
971
971
  }
972
972
 
973
- [data-component~="ui-container"][data-v-4c7bb81d] {
973
+ [data-component~="ui-container"][data-v-89d8ad17] {
974
974
  --_container-measure: 65ch;
975
975
  --_container-gutters: var(--ui-space-4);
976
976
  display: block;
@@ -979,31 +979,31 @@ button[data-v-f1d9bb8a] {
979
979
  margin-inline: auto;
980
980
  padding-inline: var(--ui-container-gutters, var(--_container-gutters));
981
981
  }
982
- [data-component~="ui-container"][data-ui-container-state~="measure=narrow"][data-v-4c7bb81d] {
982
+ [data-component~="ui-container"][data-ui-container-state~="measure=narrow"][data-v-89d8ad17] {
983
983
  --_container-measure: 45ch;
984
984
  }
985
- [data-component~="ui-container"][data-ui-container-state~="measure=wide"][data-v-4c7bb81d] {
985
+ [data-component~="ui-container"][data-ui-container-state~="measure=wide"][data-v-89d8ad17] {
986
986
  --_container-measure: 80ch;
987
987
  }
988
- [data-component~="ui-container"][data-ui-container-state~="gutters=s"][data-v-4c7bb81d] {
988
+ [data-component~="ui-container"][data-ui-container-state~="gutters=s"][data-v-89d8ad17] {
989
989
  --_container-gutters: var(--ui-space-3);
990
990
  }
991
- [data-component~="ui-container"][data-ui-container-state~="gutters=m"][data-v-4c7bb81d] {
991
+ [data-component~="ui-container"][data-ui-container-state~="gutters=m"][data-v-89d8ad17] {
992
992
  --_container-gutters: var(--ui-space-4);
993
993
  }
994
- [data-component~="ui-container"][data-ui-container-state~="gutters=l"][data-v-4c7bb81d] {
994
+ [data-component~="ui-container"][data-ui-container-state~="gutters=l"][data-v-89d8ad17] {
995
995
  --_container-gutters: var(--ui-space-5);
996
996
  }
997
997
 
998
998
  /* A component that sets its display still honours the hidden attribute on its root. */
999
- [data-component~="ui-container"][hidden][data-v-4c7bb81d] {
999
+ [data-component~="ui-container"][hidden][data-v-89d8ad17] {
1000
1000
  display: none;
1001
1001
  }
1002
1002
 
1003
- [data-component~="ui-context-menu"][data-v-39e418e5] {
1003
+ [data-component~="ui-context-menu"][data-v-607c2847] {
1004
1004
  display: contents;
1005
1005
  }
1006
- .menu[data-v-39e418e5] {
1006
+ .menu[data-v-607c2847] {
1007
1007
  position: fixed;
1008
1008
  inset: auto;
1009
1009
  margin: 0;
@@ -1027,32 +1027,32 @@ button[data-v-f1d9bb8a] {
1027
1027
  display var(--ui-motion-fast) allow-discrete,
1028
1028
  overlay var(--ui-motion-fast) allow-discrete;
1029
1029
  }
1030
- .menu[data-v-39e418e5]:popover-open {
1030
+ .menu[data-v-607c2847]:popover-open {
1031
1031
  opacity: 1;
1032
1032
  transform: translateY(0) scale(1);
1033
1033
  }
1034
1034
  @starting-style {
1035
- .menu[data-v-39e418e5]:popover-open {
1035
+ .menu[data-v-607c2847]:popover-open {
1036
1036
  opacity: 0;
1037
1037
  transform: translateY(-4px) scale(0.99);
1038
1038
  }
1039
1039
  }
1040
- .menu[hidden][data-v-39e418e5],
1041
- .menu[popover][data-v-39e418e5]:not(:popover-open) {
1040
+ .menu[hidden][data-v-607c2847],
1041
+ .menu[popover][data-v-607c2847]:not(:popover-open) {
1042
1042
  display: none;
1043
1043
  }
1044
1044
  @media (prefers-reduced-motion: reduce) {
1045
- .menu[data-v-39e418e5] {
1045
+ .menu[data-v-607c2847] {
1046
1046
  transition: none;
1047
1047
  }
1048
1048
  }
1049
1049
 
1050
1050
  /* A component that sets its display still honours the hidden attribute on its root. */
1051
- [data-component~="ui-context-menu"][hidden][data-v-39e418e5] {
1051
+ [data-component~="ui-context-menu"][hidden][data-v-607c2847] {
1052
1052
  display: none;
1053
1053
  }
1054
1054
 
1055
- [data-component~="ui-dialog"][data-v-05ac1756] {
1055
+ [data-component~="ui-dialog"][data-v-cac753c9] {
1056
1056
  position: fixed;
1057
1057
  inset: 0;
1058
1058
  box-sizing: border-box;
@@ -1081,17 +1081,17 @@ button[data-v-f1d9bb8a] {
1081
1081
  display var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease) allow-discrete,
1082
1082
  overlay var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease) allow-discrete;
1083
1083
  }
1084
- [data-component~="ui-dialog"][open][data-v-05ac1756] {
1084
+ [data-component~="ui-dialog"][open][data-v-cac753c9] {
1085
1085
  display: flex;
1086
1086
  visibility: visible;
1087
1087
  pointer-events: auto;
1088
1088
  opacity: 1;
1089
1089
  transform: scale(1);
1090
- animation: ui-dialog-enter-05ac1756 var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease);
1090
+ animation: ui-dialog-enter-cac753c9 var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease);
1091
1091
  }
1092
1092
 
1093
1093
  /* Header and actions stay pinned; only the body scrolls when content is long. */
1094
- header[data-v-05ac1756] {
1094
+ header[data-v-cac753c9] {
1095
1095
  display: flex;
1096
1096
  align-items: center;
1097
1097
  gap: var(--ui-space-3);
@@ -1101,7 +1101,7 @@ header[data-v-05ac1756] {
1101
1101
  }
1102
1102
 
1103
1103
  /* :host-qualified so page heading rules that reach in cannot outrank the dialog chrome. */
1104
- [data-component~="ui-dialog"] .title[data-v-05ac1756] {
1104
+ [data-component~="ui-dialog"] .title[data-v-cac753c9] {
1105
1105
  flex: 1;
1106
1106
  min-inline-size: 0;
1107
1107
  margin: 0;
@@ -1113,7 +1113,7 @@ header[data-v-05ac1756] {
1113
1113
  font-weight: var(--ui-font-semibold);
1114
1114
  line-height: var(--ui-line-height-tight);
1115
1115
  }
1116
- .close[data-v-05ac1756] {
1116
+ .close[data-v-cac753c9] {
1117
1117
  display: inline-grid;
1118
1118
  place-items: center;
1119
1119
  flex: none;
@@ -1132,8 +1132,8 @@ header[data-v-05ac1756] {
1132
1132
  }
1133
1133
 
1134
1134
  /* A CSS-drawn X. */
1135
- .close[data-v-05ac1756]::before,
1136
- .close[data-v-05ac1756]::after {
1135
+ .close[data-v-cac753c9]::before,
1136
+ .close[data-v-cac753c9]::after {
1137
1137
  content: "";
1138
1138
  grid-area: 1 / 1;
1139
1139
  inline-size: 0.875rem;
@@ -1142,37 +1142,37 @@ header[data-v-05ac1756] {
1142
1142
  background: currentColor;
1143
1143
  transform: rotate(45deg);
1144
1144
  }
1145
- .close[data-v-05ac1756]::after {
1145
+ .close[data-v-cac753c9]::after {
1146
1146
  transform: rotate(-45deg);
1147
1147
  }
1148
- .close[data-v-05ac1756]:hover {
1148
+ .close[data-v-cac753c9]:hover {
1149
1149
  background: var(--ui-surface-muted);
1150
1150
  color: var(--ui-text-primary);
1151
1151
  }
1152
- .close[data-v-05ac1756]:focus-visible {
1152
+ .close[data-v-cac753c9]:focus-visible {
1153
1153
  outline: 2px solid var(--ui-focus-ring);
1154
1154
  outline-offset: 2px;
1155
1155
  }
1156
1156
 
1157
1157
  /* A touch target, like Button on coarse pointers. */
1158
1158
  @media (pointer: coarse) {
1159
- .close[data-v-05ac1756] {
1159
+ .close[data-v-cac753c9] {
1160
1160
  inline-size: var(--ui-control-min-block-size);
1161
1161
  block-size: var(--ui-control-min-block-size);
1162
1162
  }
1163
1163
  }
1164
- html[data-ui-input-modality="touch"] [data-component~="ui-dialog"] .close[data-v-05ac1756] {
1164
+ html[data-ui-input-modality="touch"] [data-component~="ui-dialog"] .close[data-v-cac753c9] {
1165
1165
  inline-size: var(--ui-control-min-block-size);
1166
1166
  block-size: var(--ui-control-min-block-size);
1167
1167
  }
1168
- .body[data-v-05ac1756] {
1168
+ .body[data-v-cac753c9] {
1169
1169
  flex: 1 1 auto;
1170
1170
  min-block-size: 0;
1171
1171
  overflow: auto;
1172
1172
  overscroll-behavior: contain;
1173
1173
  padding: var(--ui-space-5);
1174
1174
  }
1175
- footer[data-v-05ac1756] {
1175
+ footer[data-v-cac753c9] {
1176
1176
  display: flex;
1177
1177
  flex: none;
1178
1178
  flex-wrap: wrap;
@@ -1181,40 +1181,40 @@ footer[data-v-05ac1756] {
1181
1181
  padding: var(--ui-space-3) var(--ui-space-5);
1182
1182
  border-block-start: 1px solid var(--ui-border-default);
1183
1183
  }
1184
- footer[data-v-05ac1756]:empty {
1184
+ footer[data-v-cac753c9]:empty {
1185
1185
  display: none;
1186
1186
  }
1187
- @keyframes ui-dialog-enter-05ac1756 {
1187
+ @keyframes ui-dialog-enter-cac753c9 {
1188
1188
  from {
1189
1189
  opacity: 0;
1190
1190
  transform: scale(0.96);
1191
1191
  }
1192
1192
  }
1193
- [data-component~="ui-dialog"][data-v-05ac1756]::backdrop {
1193
+ [data-component~="ui-dialog"][data-v-cac753c9]::backdrop {
1194
1194
  background-color: transparent;
1195
1195
  transition:
1196
1196
  background-color var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease),
1197
1197
  display var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease) allow-discrete,
1198
1198
  overlay var(--ui-dialog-duration, var(--ui-motion-base)) var(--ui-motion-ease) allow-discrete;
1199
1199
  }
1200
- [data-component~="ui-dialog"][open][data-v-05ac1756]::backdrop {
1200
+ [data-component~="ui-dialog"][open][data-v-cac753c9]::backdrop {
1201
1201
  background-color: var(--ui-overlay-backdrop);
1202
- animation: ui-dialog-backdrop-enter-05ac1756 var(--ui-dialog-duration, var(--ui-motion-base))
1202
+ animation: ui-dialog-backdrop-enter-cac753c9 var(--ui-dialog-duration, var(--ui-motion-base))
1203
1203
  var(--ui-motion-ease);
1204
1204
  }
1205
- @keyframes ui-dialog-backdrop-enter-05ac1756 {
1205
+ @keyframes ui-dialog-backdrop-enter-cac753c9 {
1206
1206
  from {
1207
1207
  background-color: transparent;
1208
1208
  }
1209
1209
  }
1210
1210
 
1211
1211
  /* Density resolves into the summary row's own values; the public tokens still override them. */
1212
- [data-component~="ui-disclosure"][data-v-d9a330a8] {
1212
+ [data-component~="ui-disclosure"][data-v-20cbcb83] {
1213
1213
  --_trigger-min-block-size: var(--ui-control-size);
1214
1214
  --_trigger-padding-block: var(--ui-space-2);
1215
1215
  --_trigger-padding-inline: var(--ui-space-3);
1216
1216
  }
1217
- [data-component~="ui-disclosure"][data-ui-disclosure-state~="density=compact"][data-v-d9a330a8] {
1217
+ [data-component~="ui-disclosure"][data-ui-disclosure-state~="density=compact"][data-v-20cbcb83] {
1218
1218
  --_trigger-min-block-size: var(--ui-control-size-sm);
1219
1219
  --_trigger-padding-block: var(--ui-space-1);
1220
1220
  --_trigger-padding-inline: var(--ui-space-2);
@@ -1222,14 +1222,14 @@ from {
1222
1222
 
1223
1223
  /* An accordion row, not a field: no enclosing box, just a divider, so it never reads as a
1224
1224
  * select or combobox. Stacked disclosures share their dividers. */
1225
- [data-component~="ui-disclosure"][data-v-d9a330a8] {
1225
+ [data-component~="ui-disclosure"][data-v-20cbcb83] {
1226
1226
  display: block;
1227
1227
  inline-size: 100%;
1228
1228
  overflow: clip;
1229
1229
  border-block-end: 1px solid var(--ui-border-default);
1230
1230
  color: var(--ui-text-primary);
1231
1231
  }
1232
- .trigger[data-v-d9a330a8] {
1232
+ .trigger[data-v-20cbcb83] {
1233
1233
  display: grid;
1234
1234
  grid-template-columns: minmax(0, 1fr) auto;
1235
1235
  gap: var(--ui-space-3);
@@ -1248,18 +1248,18 @@ from {
1248
1248
  border-radius: var(--ui-radius-sm);
1249
1249
  transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
1250
1250
  }
1251
- .trigger[data-v-d9a330a8]:hover:not(:disabled) {
1251
+ .trigger[data-v-20cbcb83]:hover:not(:disabled) {
1252
1252
  background: var(--ui-surface-muted);
1253
1253
  }
1254
- .trigger[data-v-d9a330a8]:focus-visible {
1254
+ .trigger[data-v-20cbcb83]:focus-visible {
1255
1255
  outline: none;
1256
1256
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
1257
1257
  }
1258
- .trigger[data-v-d9a330a8]:disabled {
1258
+ .trigger[data-v-20cbcb83]:disabled {
1259
1259
  color: var(--ui-text-muted);
1260
1260
  cursor: not-allowed;
1261
1261
  }
1262
- .chevron[data-v-d9a330a8] {
1262
+ .chevron[data-v-20cbcb83] {
1263
1263
  inline-size: 0.5rem;
1264
1264
  block-size: 0.5rem;
1265
1265
  border-inline-end: 2px solid currentColor;
@@ -1267,39 +1267,39 @@ from {
1267
1267
  transform: rotate(45deg) translate(-1px, -1px);
1268
1268
  transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
1269
1269
  }
1270
- .panel[data-v-d9a330a8] {
1270
+ .panel[data-v-20cbcb83] {
1271
1271
  display: grid;
1272
1272
  grid-template-rows: 0fr;
1273
1273
  transition: grid-template-rows var(--ui-motion-fast)
1274
1274
  var(--ui-motion-ease-out, var(--ui-motion-ease));
1275
1275
  }
1276
- .panel-inner[data-v-d9a330a8] {
1276
+ .panel-inner[data-v-20cbcb83] {
1277
1277
  min-block-size: 0;
1278
1278
  overflow: hidden;
1279
1279
  padding-inline: var(--ui-space-3);
1280
1280
  }
1281
- [data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel[data-v-d9a330a8] {
1281
+ [data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel[data-v-20cbcb83] {
1282
1282
  grid-template-rows: 1fr;
1283
1283
  }
1284
- [data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel-inner[data-v-d9a330a8] {
1284
+ [data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .panel-inner[data-v-20cbcb83] {
1285
1285
  padding-block: 0 var(--ui-space-3);
1286
1286
  }
1287
- [data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .chevron[data-v-d9a330a8] {
1287
+ [data-component~="ui-disclosure"][data-ui-disclosure-state~="internalOpen"] .chevron[data-v-20cbcb83] {
1288
1288
  transform: rotate(225deg) translate(-1px, -1px);
1289
1289
  }
1290
1290
  @media (prefers-reduced-motion: reduce) {
1291
- .panel[data-v-d9a330a8],
1292
- .chevron[data-v-d9a330a8] {
1291
+ .panel[data-v-20cbcb83],
1292
+ .chevron[data-v-20cbcb83] {
1293
1293
  transition: none;
1294
1294
  }
1295
1295
  }
1296
1296
 
1297
1297
  /* A component that sets its display still honours the hidden attribute on its root. */
1298
- [data-component~="ui-disclosure"][hidden][data-v-d9a330a8] {
1298
+ [data-component~="ui-disclosure"][hidden][data-v-20cbcb83] {
1299
1299
  display: none;
1300
1300
  }
1301
1301
 
1302
- [data-component~="ui-editable"][data-v-3707d050] {
1302
+ [data-component~="ui-editable"][data-v-c1b523c6] {
1303
1303
  display: flex;
1304
1304
  flex-wrap: wrap;
1305
1305
  align-items: center;
@@ -1310,13 +1310,13 @@ from {
1310
1310
 
1311
1311
  /* The value and the input share one grid cell with identical box metrics, so switching between
1312
1312
  * display and edit never changes the control's size or moves the text. */
1313
- .field[data-v-3707d050] {
1313
+ .field[data-v-c1b523c6] {
1314
1314
  display: inline-grid;
1315
1315
  min-inline-size: 8rem;
1316
1316
  max-inline-size: 100%;
1317
1317
  }
1318
- .preview[data-v-3707d050],
1319
- .input[data-v-3707d050] {
1318
+ .preview[data-v-c1b523c6],
1319
+ .input[data-v-c1b523c6] {
1320
1320
  grid-area: 1 / 1;
1321
1321
  box-sizing: border-box;
1322
1322
  min-block-size: var(--ui-control-size-sm);
@@ -1332,7 +1332,7 @@ from {
1332
1332
  border-color var(--ui-motion-fast) var(--ui-motion-ease),
1333
1333
  box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
1334
1334
  }
1335
- .preview[data-v-3707d050] {
1335
+ .preview[data-v-c1b523c6] {
1336
1336
  display: inline-flex;
1337
1337
  gap: var(--ui-space-2);
1338
1338
  align-items: center;
@@ -1340,50 +1340,50 @@ from {
1340
1340
  text-align: start;
1341
1341
  cursor: pointer;
1342
1342
  }
1343
- .preview[data-v-3707d050]:hover:not(:disabled) {
1343
+ .preview[data-v-c1b523c6]:hover:not(:disabled) {
1344
1344
  background: var(--ui-surface-muted);
1345
1345
  }
1346
- .preview[data-v-3707d050]:focus-visible {
1346
+ .preview[data-v-c1b523c6]:focus-visible {
1347
1347
  outline: none;
1348
1348
  box-shadow: var(--ui-focus-halo);
1349
1349
  }
1350
- .hint[data-v-3707d050] {
1350
+ .hint[data-v-c1b523c6] {
1351
1351
  color: var(--ui-text-secondary);
1352
1352
  font-size: var(--ui-font-size-sm);
1353
1353
  }
1354
1354
 
1355
1355
  /* Contained so it takes the value's width instead of its own default input width. */
1356
- .input[data-v-3707d050] {
1356
+ .input[data-v-c1b523c6] {
1357
1357
  contain: inline-size;
1358
1358
  inline-size: 100%;
1359
1359
  min-inline-size: 0;
1360
1360
  visibility: hidden;
1361
1361
  background: var(--ui-control-surface, var(--ui-surface-elevated));
1362
1362
  }
1363
- .input[data-v-3707d050]:focus {
1363
+ .input[data-v-c1b523c6]:focus {
1364
1364
  outline: none;
1365
1365
  border-color: var(--ui-control-focus, var(--ui-accent-solid));
1366
1366
  box-shadow:
1367
1367
  var(--ui-control-inset),
1368
1368
  var(--ui-control-focus-halo-shadow);
1369
1369
  }
1370
- .input[data-v-3707d050]::selection {
1370
+ .input[data-v-c1b523c6]::selection {
1371
1371
  background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
1372
1372
  }
1373
- [data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .preview[data-v-3707d050] {
1373
+ [data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .preview[data-v-c1b523c6] {
1374
1374
  visibility: hidden;
1375
1375
  }
1376
- [data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .input[data-v-3707d050] {
1376
+ [data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .input[data-v-c1b523c6] {
1377
1377
  visibility: visible;
1378
1378
  }
1379
- .actions[data-v-3707d050] {
1379
+ .actions[data-v-c1b523c6] {
1380
1380
  display: none;
1381
1381
  gap: var(--ui-space-1);
1382
1382
  }
1383
- [data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .actions[data-v-3707d050] {
1383
+ [data-component~="ui-editable"][data-ui-editable-state~="internalEdit"] .actions[data-v-c1b523c6] {
1384
1384
  display: inline-flex;
1385
1385
  }
1386
- .actions button[data-v-3707d050] {
1386
+ .actions button[data-v-c1b523c6] {
1387
1387
  min-block-size: var(--ui-control-size-sm);
1388
1388
  padding: 0 var(--ui-space-3);
1389
1389
  border: 1px solid var(--ui-border-strong);
@@ -1396,45 +1396,45 @@ from {
1396
1396
  font-size: var(--ui-font-size-sm);
1397
1397
  cursor: pointer;
1398
1398
  }
1399
- .actions .save[data-v-3707d050] {
1399
+ .actions .save[data-v-c1b523c6] {
1400
1400
  border-color: var(--ui-accent-solid);
1401
1401
  background: var(--ui-accent-solid);
1402
1402
  color: var(--ui-text-on-accent);
1403
1403
  }
1404
- .actions button[data-v-3707d050]:focus-visible {
1404
+ .actions button[data-v-c1b523c6]:focus-visible {
1405
1405
  outline: none;
1406
1406
  box-shadow: var(--ui-focus-halo);
1407
1407
  }
1408
- [data-component~="ui-editable"][data-ui-editable-state~="disabled"] .preview[data-v-3707d050] {
1408
+ [data-component~="ui-editable"][data-ui-editable-state~="disabled"] .preview[data-v-c1b523c6] {
1409
1409
  color: var(--ui-text-muted);
1410
1410
  cursor: not-allowed;
1411
1411
  }
1412
1412
 
1413
1413
  /* A component that sets its display still honours the hidden attribute on its root. */
1414
- [data-component~="ui-editable"][hidden][data-v-3707d050] {
1414
+ [data-component~="ui-editable"][hidden][data-v-c1b523c6] {
1415
1415
  display: none;
1416
1416
  }
1417
1417
 
1418
- [data-component~="ui-editor-insert-table-grid"][data-v-00e6602a] {
1418
+ [data-component~="ui-editor-insert-table-grid"][data-v-7b1e476f] {
1419
1419
  padding: var(--ui-space-3);
1420
1420
  background: var(--ui-surface);
1421
1421
  border: 1px solid var(--ui-border);
1422
1422
  border-radius: var(--ui-radius-md);
1423
1423
  box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
1424
1424
  }
1425
- .hint[data-v-00e6602a] {
1425
+ .hint[data-v-7b1e476f] {
1426
1426
  margin: 0 0 var(--ui-space-2);
1427
1427
  font-size: var(--ui-font-size-sm);
1428
1428
  color: var(--ui-text-muted);
1429
1429
  }
1430
- .grid[data-v-00e6602a] {
1430
+ .grid[data-v-7b1e476f] {
1431
1431
  display: grid;
1432
1432
  grid-template-columns: repeat(var(--_cols, 8), 1.25rem);
1433
1433
  grid-template-rows: repeat(var(--_rows, 8), 1.25rem);
1434
1434
  gap: 2px;
1435
1435
  margin-bottom: var(--ui-space-2);
1436
1436
  }
1437
- .cell[data-v-00e6602a] {
1437
+ .cell[data-v-7b1e476f] {
1438
1438
  width: 1.25rem;
1439
1439
  height: 1.25rem;
1440
1440
  padding: 0;
@@ -1443,17 +1443,17 @@ from {
1443
1443
  background: var(--ui-surface);
1444
1444
  cursor: pointer;
1445
1445
  }
1446
- .cell.selected[data-v-00e6602a] {
1446
+ .cell.selected[data-v-7b1e476f] {
1447
1447
  background: var(--ui-accent-solid, var(--ui-accent));
1448
1448
  border-color: var(--ui-accent-solid, var(--ui-accent));
1449
1449
  }
1450
- .header[data-v-00e6602a] {
1450
+ .header[data-v-7b1e476f] {
1451
1451
  display: block;
1452
1452
  margin-bottom: var(--ui-space-2);
1453
1453
  font-size: var(--ui-font-size-sm);
1454
1454
  cursor: pointer;
1455
1455
  }
1456
- [data-component~="ui-editor-insert-table-grid"] .insert[data-v-00e6602a] {
1456
+ [data-component~="ui-editor-insert-table-grid"] .insert[data-v-7b1e476f] {
1457
1457
  width: 100%;
1458
1458
  padding: var(--ui-space-2) var(--ui-space-3);
1459
1459
  border: 1px solid var(--ui-border);
@@ -1463,17 +1463,17 @@ from {
1463
1463
  font-size: var(--ui-font-size-sm);
1464
1464
  cursor: pointer;
1465
1465
  }
1466
- [data-component~="ui-editor-insert-table-grid"] .insert[data-v-00e6602a]:hover {
1466
+ [data-component~="ui-editor-insert-table-grid"] .insert[data-v-7b1e476f]:hover {
1467
1467
  filter: brightness(1.05);
1468
1468
  }
1469
- [data-component~="ui-editor-insert-table-grid"][hidden][data-v-00e6602a] {
1469
+ [data-component~="ui-editor-insert-table-grid"][hidden][data-v-7b1e476f] {
1470
1470
  display: none;
1471
1471
  }
1472
1472
 
1473
- [data-component~="ui-editor-mention-menu"][data-v-2abe407e] {
1473
+ [data-component~="ui-editor-mention-menu"][data-v-78edc5f6] {
1474
1474
  user-select: none;
1475
1475
  }
1476
- [data-component~="ui-editor-mention-menu"][data-v-2abe407e] {
1476
+ [data-component~="ui-editor-mention-menu"][data-v-78edc5f6] {
1477
1477
  display: flex;
1478
1478
  overflow: hidden;
1479
1479
  flex-direction: column;
@@ -1482,7 +1482,7 @@ from {
1482
1482
  border-radius: var(--ui-radius-dialog);
1483
1483
  box-shadow: var(--ui-shadow-lg, 0 8px 24px rgb(0 0 0 / 0.12));
1484
1484
  }
1485
- .header[data-v-2abe407e] {
1485
+ .header[data-v-78edc5f6] {
1486
1486
  display: flex;
1487
1487
  align-items: center;
1488
1488
  justify-content: space-between;
@@ -1493,14 +1493,14 @@ from {
1493
1493
  font-size: var(--ui-font-size-xs);
1494
1494
  font-weight: var(--ui-font-semibold);
1495
1495
  }
1496
- .hint[data-v-2abe407e] {
1496
+ .hint[data-v-78edc5f6] {
1497
1497
  overflow: hidden;
1498
1498
  color: var(--ui-text-muted);
1499
1499
  font-weight: var(--ui-font-normal);
1500
1500
  text-overflow: ellipsis;
1501
1501
  white-space: nowrap;
1502
1502
  }
1503
- .list[data-v-2abe407e] {
1503
+ .list[data-v-78edc5f6] {
1504
1504
  max-height: 280px;
1505
1505
  padding: var(--ui-space-1) 0;
1506
1506
  margin: 0;
@@ -1508,7 +1508,7 @@ from {
1508
1508
  overscroll-behavior: contain;
1509
1509
  list-style: none;
1510
1510
  }
1511
- .item[data-v-2abe407e] {
1511
+ .item[data-v-78edc5f6] {
1512
1512
  display: flex;
1513
1513
  align-items: center;
1514
1514
  min-height: 44px;
@@ -1516,10 +1516,10 @@ from {
1516
1516
  gap: var(--ui-space-3);
1517
1517
  cursor: pointer;
1518
1518
  }
1519
- .item.active[data-v-2abe407e] {
1519
+ .item.active[data-v-78edc5f6] {
1520
1520
  background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
1521
1521
  }
1522
- .avatar[data-v-2abe407e] {
1522
+ .avatar[data-v-78edc5f6] {
1523
1523
  display: inline-flex;
1524
1524
  align-items: center;
1525
1525
  justify-content: center;
@@ -1532,65 +1532,65 @@ from {
1532
1532
  font-size: var(--ui-font-size-xs);
1533
1533
  font-weight: var(--ui-font-semibold);
1534
1534
  }
1535
- .body[data-v-2abe407e] {
1535
+ .body[data-v-78edc5f6] {
1536
1536
  display: flex;
1537
1537
  min-width: 0;
1538
1538
  flex-direction: column;
1539
1539
  }
1540
- .label[data-v-2abe407e],
1541
- .detail[data-v-2abe407e] {
1540
+ .label[data-v-78edc5f6],
1541
+ .detail[data-v-78edc5f6] {
1542
1542
  overflow: hidden;
1543
1543
  text-overflow: ellipsis;
1544
1544
  white-space: nowrap;
1545
1545
  }
1546
- .label[data-v-2abe407e] {
1546
+ .label[data-v-78edc5f6] {
1547
1547
  color: var(--ui-text-primary);
1548
1548
  font-size: var(--ui-font-size-sm);
1549
1549
  font-weight: var(--ui-font-medium);
1550
1550
  }
1551
- .detail[data-v-2abe407e],
1552
- .loading[data-v-2abe407e] {
1551
+ .detail[data-v-78edc5f6],
1552
+ .loading[data-v-78edc5f6] {
1553
1553
  color: var(--ui-text-muted);
1554
1554
  font-size: var(--ui-font-size-xs);
1555
1555
  }
1556
- .loading[data-v-2abe407e] {
1556
+ .loading[data-v-78edc5f6] {
1557
1557
  min-height: 44px;
1558
1558
  padding: var(--ui-space-3);
1559
1559
  }
1560
1560
  @media (max-width: 767px) {
1561
- [data-component~="ui-editor-mention-menu"][data-v-2abe407e] {
1561
+ [data-component~="ui-editor-mention-menu"][data-v-78edc5f6] {
1562
1562
  border-bottom: 0;
1563
1563
  border-radius: var(--ui-radius-dialog) var(--ui-radius-dialog) 0 0;
1564
1564
  }
1565
- .list[data-v-2abe407e] {
1565
+ .list[data-v-78edc5f6] {
1566
1566
  max-height: calc(60dvh - 48px);
1567
1567
  }
1568
1568
  }
1569
- [data-component~="ui-editor-mention-menu"][hidden][data-v-2abe407e] {
1569
+ [data-component~="ui-editor-mention-menu"][hidden][data-v-78edc5f6] {
1570
1570
  display: none;
1571
1571
  }
1572
1572
 
1573
- [data-component~="ui-icon"][data-v-b2b50d17] {
1573
+ [data-component~="ui-icon"][data-v-7b1048a0] {
1574
1574
  display: inline-flex;
1575
1575
  flex: none;
1576
1576
  inline-size: var(--ui-icon-size, 1em);
1577
1577
  block-size: var(--ui-icon-size, 1em);
1578
1578
  }
1579
- svg[data-v-b2b50d17] {
1579
+ svg[data-v-7b1048a0] {
1580
1580
  inline-size: 100%;
1581
1581
  block-size: 100%;
1582
1582
  stroke-width: var(--ui-icon-stroke-width, 2);
1583
1583
  }
1584
1584
 
1585
1585
  /* A component that sets its display still honours the hidden attribute on its root. */
1586
- [data-component~="ui-icon"][hidden][data-v-b2b50d17] {
1586
+ [data-component~="ui-icon"][hidden][data-v-7b1048a0] {
1587
1587
  display: none;
1588
1588
  }
1589
1589
 
1590
- [data-component~="ui-editor-slash-menu"][data-v-aeee1d4f] {
1590
+ [data-component~="ui-editor-slash-menu"][data-v-346835f7] {
1591
1591
  user-select: none;
1592
1592
  }
1593
- [data-component~="ui-editor-slash-menu"][data-v-aeee1d4f] {
1593
+ [data-component~="ui-editor-slash-menu"][data-v-346835f7] {
1594
1594
  background: var(--ui-surface);
1595
1595
  border: 1px solid var(--ui-border);
1596
1596
  border-radius: var(--ui-radius-dialog);
@@ -1600,12 +1600,12 @@ svg[data-v-b2b50d17] {
1600
1600
  flex-direction: column;
1601
1601
  }
1602
1602
  @media (max-width: 767px) {
1603
- [data-component~="ui-editor-slash-menu"][data-v-aeee1d4f] {
1603
+ [data-component~="ui-editor-slash-menu"][data-v-346835f7] {
1604
1604
  border-radius: var(--ui-radius-dialog) var(--ui-radius-dialog) 0 0;
1605
1605
  border-bottom: none;
1606
1606
  }
1607
1607
  }
1608
- .header[data-v-aeee1d4f] {
1608
+ .header[data-v-346835f7] {
1609
1609
  display: none;
1610
1610
  align-items: center;
1611
1611
  gap: var(--ui-space-2);
@@ -1618,11 +1618,11 @@ svg[data-v-b2b50d17] {
1618
1618
  letter-spacing: 0.05em;
1619
1619
  }
1620
1620
  @media (max-width: 767px) {
1621
- .header[data-v-aeee1d4f] {
1621
+ .header[data-v-346835f7] {
1622
1622
  display: flex;
1623
1623
  }
1624
1624
  }
1625
- .header-query[data-v-aeee1d4f] {
1625
+ .header-query[data-v-346835f7] {
1626
1626
  background: var(--ui-surface-hover);
1627
1627
  border-radius: var(--ui-radius-sm);
1628
1628
  padding: 0.1em 0.4em;
@@ -1632,7 +1632,7 @@ svg[data-v-b2b50d17] {
1632
1632
  text-transform: none;
1633
1633
  letter-spacing: 0;
1634
1634
  }
1635
- .list[data-v-aeee1d4f] {
1635
+ .list[data-v-346835f7] {
1636
1636
  list-style: none;
1637
1637
  margin: 0;
1638
1638
  padding: var(--ui-space-1) 0;
@@ -1641,12 +1641,12 @@ svg[data-v-b2b50d17] {
1641
1641
  overscroll-behavior: contain;
1642
1642
  }
1643
1643
  @media (max-width: 767px) {
1644
- .list[data-v-aeee1d4f] {
1644
+ .list[data-v-346835f7] {
1645
1645
  max-height: calc(60dvh - 80px);
1646
1646
  padding: var(--ui-space-1) 0 var(--ui-space-2);
1647
1647
  }
1648
1648
  }
1649
- .item[data-v-aeee1d4f] {
1649
+ .item[data-v-346835f7] {
1650
1650
  display: flex;
1651
1651
  align-items: center;
1652
1652
  gap: var(--ui-space-3);
@@ -1655,10 +1655,10 @@ svg[data-v-b2b50d17] {
1655
1655
  cursor: pointer;
1656
1656
  transition: background-color 120ms ease;
1657
1657
  }
1658
- .item.active[data-v-aeee1d4f] {
1658
+ .item.active[data-v-346835f7] {
1659
1659
  background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
1660
1660
  }
1661
- .icon[data-v-aeee1d4f] {
1661
+ .icon[data-v-346835f7] {
1662
1662
  display: flex;
1663
1663
  align-items: center;
1664
1664
  justify-content: center;
@@ -1674,22 +1674,22 @@ svg[data-v-b2b50d17] {
1674
1674
  flex-shrink: 0;
1675
1675
  line-height: 1;
1676
1676
  }
1677
- .item.active .icon[data-v-aeee1d4f] {
1677
+ .item.active .icon[data-v-346835f7] {
1678
1678
  background: var(--ui-accent);
1679
1679
  border-color: var(--ui-accent);
1680
1680
  color: var(--ui-accent-contrast);
1681
1681
  }
1682
- .icon[data-v-aeee1d4f] {
1682
+ .icon[data-v-346835f7] {
1683
1683
  --ui-icon-size: 1rem;
1684
1684
  --ui-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
1685
1685
  }
1686
- .body[data-v-aeee1d4f] {
1686
+ .body[data-v-346835f7] {
1687
1687
  display: flex;
1688
1688
  min-width: 0;
1689
1689
  flex-direction: column;
1690
1690
  gap: 1px;
1691
1691
  }
1692
- .title[data-v-aeee1d4f] {
1692
+ .title[data-v-346835f7] {
1693
1693
  font-size: var(--ui-font-size-sm);
1694
1694
  font-weight: var(--ui-font-medium);
1695
1695
  color: var(--ui-text);
@@ -1697,14 +1697,14 @@ svg[data-v-b2b50d17] {
1697
1697
  overflow: hidden;
1698
1698
  text-overflow: ellipsis;
1699
1699
  }
1700
- .description[data-v-aeee1d4f] {
1700
+ .description[data-v-346835f7] {
1701
1701
  font-size: var(--ui-font-size-xs);
1702
1702
  color: var(--ui-text-muted);
1703
1703
  white-space: nowrap;
1704
1704
  overflow: hidden;
1705
1705
  text-overflow: ellipsis;
1706
1706
  }
1707
- .footer[data-v-aeee1d4f] {
1707
+ .footer[data-v-346835f7] {
1708
1708
  display: none;
1709
1709
  padding: var(--ui-space-2) var(--ui-space-3);
1710
1710
  border-top: 1px solid var(--ui-border);
@@ -1712,11 +1712,11 @@ svg[data-v-b2b50d17] {
1712
1712
  color: var(--ui-text-muted);
1713
1713
  }
1714
1714
  @media (min-width: 768px) {
1715
- .footer[data-v-aeee1d4f] {
1715
+ .footer[data-v-346835f7] {
1716
1716
  display: block;
1717
1717
  }
1718
1718
  }
1719
- [data-component~="ui-editor-slash-menu"] kbd[data-v-aeee1d4f] {
1719
+ [data-component~="ui-editor-slash-menu"] kbd[data-v-346835f7] {
1720
1720
  display: inline-flex;
1721
1721
  align-items: center;
1722
1722
  justify-content: center;
@@ -1728,11 +1728,11 @@ svg[data-v-b2b50d17] {
1728
1728
  padding: 0 3px;
1729
1729
  color: var(--ui-text-secondary);
1730
1730
  }
1731
- [data-component~="ui-editor-slash-menu"][hidden][data-v-aeee1d4f] {
1731
+ [data-component~="ui-editor-slash-menu"][hidden][data-v-346835f7] {
1732
1732
  display: none;
1733
1733
  }
1734
1734
 
1735
- [data-component~="ui-editor-table-context-menu"][data-v-9cbdf038] {
1735
+ [data-component~="ui-editor-table-context-menu"][data-v-a938b94a] {
1736
1736
  min-width: 14rem;
1737
1737
  max-width: min(17rem, calc(100vw - 24px));
1738
1738
  max-height: min(28rem, calc(100vh - 24px));
@@ -1748,12 +1748,12 @@ svg[data-v-b2b50d17] {
1748
1748
  overscroll-behavior: contain;
1749
1749
  scrollbar-width: thin;
1750
1750
  }
1751
- .section[data-v-9cbdf038] {
1751
+ .section[data-v-a938b94a] {
1752
1752
  display: flex;
1753
1753
  flex-direction: column;
1754
1754
  gap: 3px;
1755
1755
  }
1756
- [data-component~="ui-editor-table-context-menu"] button[data-v-9cbdf038] {
1756
+ [data-component~="ui-editor-table-context-menu"] button[data-v-a938b94a] {
1757
1757
  display: flex;
1758
1758
  align-items: center;
1759
1759
  gap: var(--ui-space-2);
@@ -1768,30 +1768,30 @@ svg[data-v-b2b50d17] {
1768
1768
  cursor: pointer;
1769
1769
  color: var(--ui-text);
1770
1770
  }
1771
- [data-component~="ui-editor-table-context-menu"] button[data-v-9cbdf038] {
1771
+ [data-component~="ui-editor-table-context-menu"] button[data-v-a938b94a] {
1772
1772
  --ui-icon-size: 1rem;
1773
1773
  --ui-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
1774
1774
  }
1775
- [data-component~="ui-editor-table-context-menu"] button[data-v-9cbdf038]:hover:not(:disabled) {
1775
+ [data-component~="ui-editor-table-context-menu"] button[data-v-a938b94a]:hover:not(:disabled) {
1776
1776
  background: var(--ui-surface-hover);
1777
1777
  }
1778
- [data-component~="ui-editor-table-context-menu"] button.selected[data-v-9cbdf038] {
1778
+ [data-component~="ui-editor-table-context-menu"] button.selected[data-v-a938b94a] {
1779
1779
  background: var(--ui-accent-subtle, rgb(59 130 246 / 0.1));
1780
1780
  }
1781
- [data-component~="ui-editor-table-context-menu"] button.danger[data-v-9cbdf038] {
1781
+ [data-component~="ui-editor-table-context-menu"] button.danger[data-v-a938b94a] {
1782
1782
  color: var(--ui-danger);
1783
1783
  }
1784
- .swatches[data-v-9cbdf038] {
1784
+ .swatches[data-v-a938b94a] {
1785
1785
  display: grid;
1786
1786
  grid-template-columns: repeat(3, minmax(0, 1fr));
1787
1787
  gap: 3px;
1788
1788
  }
1789
- .swatch-button[data-v-9cbdf038] {
1789
+ .swatch-button[data-v-a938b94a] {
1790
1790
  display: inline-flex;
1791
1791
  align-items: center;
1792
1792
  gap: var(--ui-space-2);
1793
1793
  }
1794
- .swatch[data-v-9cbdf038] {
1794
+ .swatch[data-v-a938b94a] {
1795
1795
  display: inline-flex;
1796
1796
  width: 1rem;
1797
1797
  height: 1rem;
@@ -1801,7 +1801,7 @@ svg[data-v-b2b50d17] {
1801
1801
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.35);
1802
1802
  flex-shrink: 0;
1803
1803
  }
1804
- .swatch.default[data-v-9cbdf038] {
1804
+ .swatch.default[data-v-a938b94a] {
1805
1805
  position: relative;
1806
1806
  background:
1807
1807
  linear-gradient(
@@ -1813,11 +1813,11 @@ svg[data-v-b2b50d17] {
1813
1813
  ),
1814
1814
  var(--ui-surface);
1815
1815
  }
1816
- .swatch-label[data-v-9cbdf038] {
1816
+ .swatch-label[data-v-a938b94a] {
1817
1817
  min-width: 0;
1818
1818
  white-space: nowrap;
1819
1819
  }
1820
- .heading[data-v-9cbdf038] {
1820
+ .heading[data-v-a938b94a] {
1821
1821
  padding: var(--ui-space-1) var(--ui-space-2);
1822
1822
  font-size: 0.6875rem;
1823
1823
  font-weight: 700;
@@ -1825,48 +1825,48 @@ svg[data-v-b2b50d17] {
1825
1825
  text-transform: uppercase;
1826
1826
  color: var(--ui-text-muted);
1827
1827
  }
1828
- .sep[data-v-9cbdf038] {
1828
+ .sep[data-v-a938b94a] {
1829
1829
  height: 1px;
1830
1830
  background: var(--ui-border);
1831
1831
  margin: var(--ui-space-1) 0;
1832
1832
  }
1833
- [data-component~="ui-editor-table-context-menu"][hidden][data-v-9cbdf038] {
1833
+ [data-component~="ui-editor-table-context-menu"][hidden][data-v-a938b94a] {
1834
1834
  display: none;
1835
1835
  }
1836
1836
 
1837
- [data-component~="ui-editor-table-overlay"][data-v-d5963c35] {
1837
+ [data-component~="ui-editor-table-overlay"][data-v-61a70a30] {
1838
1838
  display: block;
1839
1839
  width: 100%;
1840
1840
  height: 100%;
1841
1841
  overflow: visible;
1842
1842
  pointer-events: none;
1843
1843
  }
1844
- [data-component~="ui-editor-table-overlay"][data-v-d5963c35] {
1844
+ [data-component~="ui-editor-table-overlay"][data-v-61a70a30] {
1845
1845
  position: relative;
1846
1846
  width: 100%;
1847
1847
  height: 100%;
1848
1848
  overflow: visible;
1849
1849
  pointer-events: none;
1850
1850
  }
1851
- .rows[data-v-d5963c35],
1852
- .cols[data-v-d5963c35] {
1851
+ .rows[data-v-61a70a30],
1852
+ .cols[data-v-61a70a30] {
1853
1853
  pointer-events: none;
1854
1854
  position: absolute;
1855
1855
  }
1856
- .rows[data-v-d5963c35] {
1856
+ .rows[data-v-61a70a30] {
1857
1857
  inset: 0;
1858
1858
  width: 100%;
1859
1859
  }
1860
- .cols[data-v-d5963c35] {
1860
+ .cols[data-v-61a70a30] {
1861
1861
  inset: 0;
1862
1862
  height: 100%;
1863
1863
  }
1864
- .control[data-v-d5963c35] {
1864
+ .control[data-v-61a70a30] {
1865
1865
  position: absolute;
1866
1866
  z-index: 1;
1867
1867
  pointer-events: none;
1868
1868
  }
1869
- .handle[data-v-d5963c35] {
1869
+ .handle[data-v-61a70a30] {
1870
1870
  position: absolute;
1871
1871
  display: inline-flex;
1872
1872
  align-items: center;
@@ -1893,65 +1893,65 @@ svg[data-v-b2b50d17] {
1893
1893
  pointer-events: auto;
1894
1894
  cursor: pointer;
1895
1895
  }
1896
- .handle[data-v-d5963c35] {
1896
+ .handle[data-v-61a70a30] {
1897
1897
  --ui-icon-size: 14px;
1898
1898
  --ui-icon-stroke-width: 2;
1899
1899
  }
1900
- .handle[data-ui-proximity="near"][data-v-d5963c35],
1901
- .control.active .handle[data-v-d5963c35],
1902
- .handle[data-v-d5963c35]:focus-visible {
1900
+ .handle[data-ui-proximity="near"][data-v-61a70a30],
1901
+ .control.active .handle[data-v-61a70a30],
1902
+ .handle[data-v-61a70a30]:focus-visible {
1903
1903
  opacity: 1;
1904
1904
  scale: 1;
1905
1905
  }
1906
- .control.active .handle[data-v-d5963c35],
1907
- .handle[data-v-d5963c35]:focus-visible {
1906
+ .control.active .handle[data-v-61a70a30],
1907
+ .handle[data-v-61a70a30]:focus-visible {
1908
1908
  border-color: var(--ui-affordance-direct-color, var(--ui-accent-solid));
1909
1909
  background: var(--ui-affordance-direct-color, var(--ui-accent-solid));
1910
1910
  color: var(--ui-text-on-accent);
1911
1911
  box-shadow: var(--ui-shadow-sm, 0 1px 3px rgb(0 0 0 / 0.1));
1912
1912
  }
1913
- .handle[data-v-d5963c35]:focus-visible,
1914
- .selector[data-v-d5963c35]:focus-visible,
1915
- .cell-menu[data-v-d5963c35]:focus-visible {
1913
+ .handle[data-v-61a70a30]:focus-visible,
1914
+ .selector[data-v-61a70a30]:focus-visible,
1915
+ .cell-menu[data-v-61a70a30]:focus-visible {
1916
1916
  outline: 2px solid var(--ui-focus-ring);
1917
1917
  outline-offset: 2px;
1918
1918
  }
1919
- .control.row[data-v-d5963c35] {
1919
+ .control.row[data-v-61a70a30] {
1920
1920
  left: 0;
1921
1921
  width: 100%;
1922
1922
  height: 0;
1923
1923
  }
1924
- .control.row .handle[data-v-d5963c35] {
1924
+ .control.row .handle[data-v-61a70a30] {
1925
1925
  top: -12px;
1926
1926
  left: -30px;
1927
1927
  }
1928
- .control.col[data-v-d5963c35] {
1928
+ .control.col[data-v-61a70a30] {
1929
1929
  top: 0;
1930
1930
  width: 0;
1931
1931
  height: 100%;
1932
1932
  }
1933
- .control.col .handle[data-v-d5963c35] {
1933
+ .control.col .handle[data-v-61a70a30] {
1934
1934
  top: -30px;
1935
1935
  left: -12px;
1936
1936
  }
1937
- .line[data-v-d5963c35] {
1937
+ .line[data-v-61a70a30] {
1938
1938
  position: absolute;
1939
1939
  background: var(--ui-affordance-direct-color, var(--ui-accent-solid));
1940
1940
  opacity: 0;
1941
1941
  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
1942
1942
  }
1943
- .control.row .line[data-v-d5963c35] {
1943
+ .control.row .line[data-v-61a70a30] {
1944
1944
  inset: -1px 0 auto;
1945
1945
  height: 2px;
1946
1946
  }
1947
- .control.col .line[data-v-d5963c35] {
1947
+ .control.col .line[data-v-61a70a30] {
1948
1948
  inset: 0 auto 0 -1px;
1949
1949
  width: 2px;
1950
1950
  }
1951
- .control.active .line[data-v-d5963c35] {
1951
+ .control.active .line[data-v-61a70a30] {
1952
1952
  opacity: 0.8;
1953
1953
  }
1954
- .guide[data-v-d5963c35] {
1954
+ .guide[data-v-61a70a30] {
1955
1955
  position: absolute;
1956
1956
  width: var(--ui-affordance-guide-size);
1957
1957
  height: var(--ui-affordance-guide-size);
@@ -1960,19 +1960,19 @@ svg[data-v-b2b50d17] {
1960
1960
  opacity: var(--ui-affordance-guide-opacity);
1961
1961
  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
1962
1962
  }
1963
- .control.row .guide[data-v-d5963c35] {
1963
+ .control.row .guide[data-v-61a70a30] {
1964
1964
  left: -10px;
1965
1965
  top: -2px;
1966
1966
  }
1967
- .control.col .guide[data-v-d5963c35] {
1967
+ .control.col .guide[data-v-61a70a30] {
1968
1968
  left: -2px;
1969
1969
  top: -10px;
1970
1970
  }
1971
- .control:has(.handle[data-ui-proximity="near"]) .guide[data-v-d5963c35],
1972
- .control.active .guide[data-v-d5963c35] {
1971
+ .control:has(.handle[data-ui-proximity="near"]) .guide[data-v-61a70a30],
1972
+ .control.active .guide[data-v-61a70a30] {
1973
1973
  opacity: 0;
1974
1974
  }
1975
- .tooltip[data-v-d5963c35] {
1975
+ .tooltip[data-v-61a70a30] {
1976
1976
  position: absolute;
1977
1977
  z-index: 2;
1978
1978
  top: calc(100% + 6px);
@@ -1991,18 +1991,18 @@ svg[data-v-b2b50d17] {
1991
1991
  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
1992
1992
  pointer-events: none;
1993
1993
  }
1994
- .control.row .tooltip[data-v-d5963c35] {
1994
+ .control.row .tooltip[data-v-61a70a30] {
1995
1995
  top: 50%;
1996
1996
  left: auto;
1997
1997
  right: calc(100% + 8px);
1998
1998
  transform: translateY(-50%);
1999
1999
  }
2000
- .control.active .tooltip[data-v-d5963c35],
2001
- .handle:focus-visible .tooltip[data-v-d5963c35] {
2000
+ .control.active .tooltip[data-v-61a70a30],
2001
+ .handle:focus-visible .tooltip[data-v-61a70a30] {
2002
2002
  opacity: 1;
2003
2003
  }
2004
- .selector[data-v-d5963c35],
2005
- .cell-menu[data-v-d5963c35] {
2004
+ .selector[data-v-61a70a30],
2005
+ .cell-menu[data-v-61a70a30] {
2006
2006
  position: absolute;
2007
2007
  z-index: 2;
2008
2008
  display: inline-flex;
@@ -2021,16 +2021,16 @@ svg[data-v-b2b50d17] {
2021
2021
  border-color var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
2022
2022
  box-shadow var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
2023
2023
  }
2024
- .selector[data-v-d5963c35]:hover,
2025
- .cell-menu[data-v-d5963c35]:hover {
2024
+ .selector[data-v-61a70a30]:hover,
2025
+ .cell-menu[data-v-61a70a30]:hover {
2026
2026
  background: var(--ui-icon-button-hover-surface, var(--ui-surface-muted));
2027
2027
  color: var(--ui-icon-button-hover-text, var(--ui-text-primary));
2028
2028
  box-shadow: var(--ui-shadow-xs, 0 1px 2px rgb(0 0 0 / 0.05));
2029
2029
  }
2030
- .selector[data-v-d5963c35] {
2030
+ .selector[data-v-61a70a30] {
2031
2031
  border-radius: var(--ui-radius-round);
2032
2032
  }
2033
- .selector[data-v-d5963c35]::before {
2033
+ .selector[data-v-61a70a30]::before {
2034
2034
  content: "";
2035
2035
  position: absolute;
2036
2036
  inset: 50% auto auto 50%;
@@ -2041,7 +2041,7 @@ svg[data-v-b2b50d17] {
2041
2041
  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
2042
2042
  pointer-events: none;
2043
2043
  }
2044
- .selector .glyph[data-v-d5963c35] {
2044
+ .selector .glyph[data-v-61a70a30] {
2045
2045
  display: block;
2046
2046
  width: 14px;
2047
2047
  height: 14px;
@@ -2053,59 +2053,59 @@ svg[data-v-b2b50d17] {
2053
2053
  opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
2054
2054
  transform var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
2055
2055
  }
2056
- .selector[data-v-d5963c35]:hover::before,
2057
- .selector[data-v-d5963c35]:focus-visible::before {
2056
+ .selector[data-v-61a70a30]:hover::before,
2057
+ .selector[data-v-61a70a30]:focus-visible::before {
2058
2058
  opacity: 0;
2059
2059
  }
2060
- .selector:hover .glyph[data-v-d5963c35],
2061
- .selector:focus-visible .glyph[data-v-d5963c35] {
2060
+ .selector:hover .glyph[data-v-61a70a30],
2061
+ .selector:focus-visible .glyph[data-v-61a70a30] {
2062
2062
  opacity: 1;
2063
2063
  transform: scale(1);
2064
2064
  }
2065
- .selector.row[data-v-d5963c35] {
2065
+ .selector.row[data-v-61a70a30] {
2066
2066
  left: -9px;
2067
2067
  width: 18px;
2068
2068
  height: 32px;
2069
2069
  transform: translateY(-50%);
2070
2070
  }
2071
- .selector.row[data-v-d5963c35]::before {
2071
+ .selector.row[data-v-61a70a30]::before {
2072
2072
  width: 2px;
2073
2073
  height: 16px;
2074
2074
  }
2075
- .selector.column[data-v-d5963c35] {
2075
+ .selector.column[data-v-61a70a30] {
2076
2076
  top: -9px;
2077
2077
  width: 32px;
2078
2078
  height: 18px;
2079
2079
  transform: translateX(-50%);
2080
2080
  }
2081
- .selector.column[data-v-d5963c35]::before {
2081
+ .selector.column[data-v-61a70a30]::before {
2082
2082
  width: 16px;
2083
2083
  height: 2px;
2084
2084
  }
2085
2085
  @media (hover: none), (pointer: coarse) {
2086
- .selector[data-v-d5963c35]::before {
2086
+ .selector[data-v-61a70a30]::before {
2087
2087
  opacity: 0;
2088
2088
  }
2089
- .selector .glyph[data-v-d5963c35] {
2089
+ .selector .glyph[data-v-61a70a30] {
2090
2090
  opacity: 1;
2091
2091
  transform: none;
2092
2092
  }
2093
2093
  }
2094
- .cell-menu[data-v-d5963c35] {
2094
+ .cell-menu[data-v-61a70a30] {
2095
2095
  width: 24px;
2096
2096
  height: 24px;
2097
2097
  border-radius: var(--ui-radius-sm);
2098
2098
  background: color-mix(in srgb, var(--ui-surface-muted) 78%, transparent);
2099
2099
  }
2100
- .cell-menu[data-v-d5963c35] {
2100
+ .cell-menu[data-v-61a70a30] {
2101
2101
  --ui-icon-size: 15px;
2102
2102
  --ui-icon-stroke-width: 2;
2103
2103
  }
2104
- [data-component~="ui-editor-table-overlay"][hidden][data-v-d5963c35] {
2104
+ [data-component~="ui-editor-table-overlay"][hidden][data-v-61a70a30] {
2105
2105
  display: none;
2106
2106
  }
2107
2107
 
2108
- .looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-1066cfb2] {
2108
+ .looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"][data-v-31b70e7c] {
2109
2109
  min-width: max-content;
2110
2110
  min-height: 100%;
2111
2111
  padding: 0;
@@ -2115,15 +2115,15 @@ svg[data-v-b2b50d17] {
2115
2115
  box-shadow: none;
2116
2116
  backdrop-filter: none;
2117
2117
  }
2118
- .looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-1066cfb2] {
2118
+ .looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button[data-v-31b70e7c] {
2119
2119
  min-height: 44px;
2120
2120
  background: transparent;
2121
2121
  }
2122
- .looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-1066cfb2],
2123
- .looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-1066cfb2] {
2122
+ .looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.active[data-v-31b70e7c],
2123
+ .looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] button.selected[data-v-31b70e7c] {
2124
2124
  background: var(--ui-accent-soft, var(--ui-accent-subtle));
2125
2125
  }
2126
- .looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] .menu[data-v-1066cfb2] {
2126
+ .looma-editor__mobile-toolbar-shell [data-component~="ui-editor-table-toolbar"] .menu[data-v-31b70e7c] {
2127
2127
  top: auto;
2128
2128
  right: 0;
2129
2129
  bottom: calc(100% + var(--ui-space-2));
@@ -2131,7 +2131,7 @@ svg[data-v-b2b50d17] {
2131
2131
  overflow-y: auto;
2132
2132
  overscroll-behavior: contain;
2133
2133
  }
2134
- [data-component~="ui-editor-table-toolbar"][data-v-1066cfb2] {
2134
+ [data-component~="ui-editor-table-toolbar"][data-v-31b70e7c] {
2135
2135
  display: inline-flex;
2136
2136
  align-items: center;
2137
2137
  gap: var(--ui-space-1);
@@ -2142,21 +2142,21 @@ svg[data-v-b2b50d17] {
2142
2142
  box-shadow: var(--ui-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
2143
2143
  backdrop-filter: blur(10px);
2144
2144
  }
2145
- .group[data-v-1066cfb2] {
2145
+ .group[data-v-31b70e7c] {
2146
2146
  display: inline-flex;
2147
2147
  align-items: center;
2148
2148
  gap: 2px;
2149
2149
  overflow: hidden;
2150
2150
  }
2151
- .sep[data-v-1066cfb2] {
2151
+ .sep[data-v-31b70e7c] {
2152
2152
  width: 1px;
2153
2153
  align-self: stretch;
2154
2154
  background: var(--ui-border);
2155
2155
  }
2156
- .overflow[data-v-1066cfb2] {
2156
+ .overflow[data-v-31b70e7c] {
2157
2157
  position: relative;
2158
2158
  }
2159
- [data-component~="ui-editor-table-toolbar"] button[data-v-1066cfb2] {
2159
+ [data-component~="ui-editor-table-toolbar"] button[data-v-31b70e7c] {
2160
2160
  display: inline-flex;
2161
2161
  align-items: center;
2162
2162
  justify-content: center;
@@ -2173,39 +2173,39 @@ svg[data-v-b2b50d17] {
2173
2173
  padding: var(--ui-space-2) var(--ui-space-2);
2174
2174
  white-space: nowrap;
2175
2175
  }
2176
- [data-component~="ui-editor-table-toolbar"] button[data-v-1066cfb2]:hover {
2176
+ [data-component~="ui-editor-table-toolbar"] button[data-v-31b70e7c]:hover {
2177
2177
  background: var(--ui-surface-hover);
2178
2178
  }
2179
- [data-component~="ui-editor-table-toolbar"] button.active[data-v-1066cfb2] {
2179
+ [data-component~="ui-editor-table-toolbar"] button.active[data-v-31b70e7c] {
2180
2180
  background: var(--ui-accent-soft, var(--ui-accent-subtle));
2181
2181
  color: var(--ui-accent-active);
2182
2182
  }
2183
- .group button[data-v-1066cfb2] {
2183
+ .group button[data-v-31b70e7c] {
2184
2184
  border-radius: var(--ui-radius-sm);
2185
2185
  }
2186
- .group button + button[data-v-1066cfb2] {
2186
+ .group button + button[data-v-31b70e7c] {
2187
2187
  border-left: 0;
2188
2188
  }
2189
- [data-component~="ui-editor-table-toolbar"] .more[data-v-1066cfb2] {
2189
+ [data-component~="ui-editor-table-toolbar"] .more[data-v-31b70e7c] {
2190
2190
  border: 0;
2191
2191
  border-radius: var(--ui-radius-sm);
2192
2192
  }
2193
- [data-component~="ui-editor-table-toolbar"] button.danger[data-v-1066cfb2] {
2193
+ [data-component~="ui-editor-table-toolbar"] button.danger[data-v-31b70e7c] {
2194
2194
  color: var(--ui-danger);
2195
2195
  }
2196
- [data-component~="ui-editor-table-toolbar"][data-v-1066cfb2] {
2196
+ [data-component~="ui-editor-table-toolbar"][data-v-31b70e7c] {
2197
2197
  --ui-icon-size: var(--ui-editor-toolbar-icon-size, 1rem);
2198
2198
  --ui-icon-stroke-width: var(--ui-editor-toolbar-icon-stroke-width, 1.75);
2199
2199
  }
2200
- .chevron[data-v-1066cfb2] {
2200
+ .chevron[data-v-31b70e7c] {
2201
2201
  display: inline-flex;
2202
2202
  --ui-icon-size: 0.875rem;
2203
2203
  }
2204
- [data-component~="ui-editor-table-toolbar"] .icon-button[data-v-1066cfb2] {
2204
+ [data-component~="ui-editor-table-toolbar"] .icon-button[data-v-31b70e7c] {
2205
2205
  width: 32px;
2206
2206
  padding-inline: 0;
2207
2207
  }
2208
- .menu[data-v-1066cfb2] {
2208
+ .menu[data-v-31b70e7c] {
2209
2209
  position: absolute;
2210
2210
  top: calc(100% + var(--ui-space-2));
2211
2211
  right: 0;
@@ -2220,12 +2220,12 @@ svg[data-v-b2b50d17] {
2220
2220
  gap: 2px;
2221
2221
  z-index: 2;
2222
2222
  }
2223
- .menu-section + .menu-section[data-v-1066cfb2] {
2223
+ .menu-section + .menu-section[data-v-31b70e7c] {
2224
2224
  margin-top: var(--ui-space-1);
2225
2225
  padding-top: var(--ui-space-1);
2226
2226
  border-top: 1px solid color-mix(in srgb, var(--ui-border) 80%, transparent);
2227
2227
  }
2228
- .menu-heading[data-v-1066cfb2] {
2228
+ .menu-heading[data-v-31b70e7c] {
2229
2229
  padding: var(--ui-space-1) var(--ui-space-2);
2230
2230
  font-size: 0.6875rem;
2231
2231
  font-weight: 700;
@@ -2233,22 +2233,22 @@ svg[data-v-b2b50d17] {
2233
2233
  text-transform: uppercase;
2234
2234
  color: var(--ui-text-muted);
2235
2235
  }
2236
- .menu button[data-v-1066cfb2] {
2236
+ .menu button[data-v-31b70e7c] {
2237
2237
  display: flex;
2238
2238
  justify-content: flex-start;
2239
2239
  width: 100%;
2240
2240
  text-align: left;
2241
2241
  }
2242
- .swatches[data-v-1066cfb2] {
2242
+ .swatches[data-v-31b70e7c] {
2243
2243
  display: grid;
2244
2244
  grid-template-columns: repeat(3, minmax(0, 1fr));
2245
2245
  gap: 2px;
2246
2246
  }
2247
- [data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-1066cfb2] {
2247
+ [data-component~="ui-editor-table-toolbar"] .swatch-button[data-v-31b70e7c] {
2248
2248
  gap: var(--ui-space-1);
2249
2249
  justify-content: flex-start;
2250
2250
  }
2251
- .swatch[data-v-1066cfb2] {
2251
+ .swatch[data-v-31b70e7c] {
2252
2252
  width: 14px;
2253
2253
  height: 14px;
2254
2254
  flex: 0 0 14px;
@@ -2256,19 +2256,19 @@ svg[data-v-b2b50d17] {
2256
2256
  border-radius: 3px;
2257
2257
  background: var(--_swatch);
2258
2258
  }
2259
- .swatch.default[data-v-1066cfb2] {
2259
+ .swatch.default[data-v-31b70e7c] {
2260
2260
  background:
2261
2261
  linear-gradient(135deg, transparent 44%, var(--ui-danger) 46% 54%, transparent 56%),
2262
2262
  var(--ui-surface);
2263
2263
  }
2264
- .swatch-button.selected[data-v-1066cfb2] {
2264
+ .swatch-button.selected[data-v-31b70e7c] {
2265
2265
  background: var(--ui-accent-soft, var(--ui-accent-subtle));
2266
2266
  }
2267
- [data-component~="ui-editor-table-toolbar"][hidden][data-v-1066cfb2] {
2267
+ [data-component~="ui-editor-table-toolbar"][hidden][data-v-31b70e7c] {
2268
2268
  display: none;
2269
2269
  }
2270
2270
 
2271
- [data-component~="ui-editor-toolbar"][data-v-0da1a114] {
2271
+ [data-component~="ui-editor-toolbar"][data-v-b71db5ba] {
2272
2272
  position: sticky;
2273
2273
  top: 0;
2274
2274
  z-index: var(--ui-editor-toolbar-z-index, 10);
@@ -2286,20 +2286,20 @@ svg[data-v-b2b50d17] {
2286
2286
  background: var(--ui-editor-toolbar-surface, var(--ui-surface));
2287
2287
  border-bottom: 1px solid var(--ui-editor-toolbar-border, var(--ui-border));
2288
2288
  }
2289
- [data-component~="ui-editor-toolbar"][data-v-0da1a114]::-webkit-scrollbar {
2289
+ [data-component~="ui-editor-toolbar"][data-v-b71db5ba]::-webkit-scrollbar {
2290
2290
  display: none;
2291
2291
  }
2292
- [data-component~="ui-editor-toolbar"] > [data-v-0da1a114-s] {
2292
+ [data-component~="ui-editor-toolbar"] > [data-v-b71db5ba-s] {
2293
2293
  flex: 0 0 auto;
2294
2294
  }
2295
- .divider[data-v-0da1a114-s] {
2295
+ .divider[data-v-b71db5ba-s] {
2296
2296
  width: 1px;
2297
2297
  height: 20px;
2298
2298
  background: var(--ui-editor-toolbar-divider, var(--ui-border));
2299
2299
  flex-shrink: 0;
2300
2300
  margin: 0 var(--ui-editor-toolbar-divider-margin, 4px);
2301
2301
  }
2302
- [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-0da1a114] {
2302
+ [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-b71db5ba] {
2303
2303
  flex-wrap: nowrap;
2304
2304
  position: static;
2305
2305
  top: auto;
@@ -2322,7 +2322,7 @@ svg[data-v-b2b50d17] {
2322
2322
  backdrop-filter: blur(10px);
2323
2323
  }
2324
2324
  @media (max-width: 767px) {
2325
- [data-component~="ui-editor-toolbar"][data-v-0da1a114] {
2325
+ [data-component~="ui-editor-toolbar"][data-v-b71db5ba] {
2326
2326
  position: fixed;
2327
2327
  top: auto;
2328
2328
  bottom: env(safe-area-inset-bottom);
@@ -2333,7 +2333,7 @@ svg[data-v-b2b50d17] {
2333
2333
  border-bottom: none;
2334
2334
  box-shadow: var(--ui-editor-toolbar-mobile-shadow, 0 -2px 8px rgb(0 0 0 / 0.06));
2335
2335
  }
2336
- [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-0da1a114] {
2336
+ [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-b71db5ba] {
2337
2337
  position: static;
2338
2338
  inset: auto;
2339
2339
  min-height: auto;
@@ -2347,7 +2347,7 @@ svg[data-v-b2b50d17] {
2347
2347
  }
2348
2348
 
2349
2349
  /* Inside LoomaEditor's sticky shell, the shell is the sticky surface. */
2350
- .looma-editor__sticky-toolbar-shell [data-component~="ui-editor-toolbar"][data-v-0da1a114] {
2350
+ .looma-editor__sticky-toolbar-shell [data-component~="ui-editor-toolbar"][data-v-b71db5ba] {
2351
2351
  position: static;
2352
2352
  min-height: var(--ui-editor-toolbar-min-height, 48px);
2353
2353
  overscroll-behavior-inline: contain;
@@ -2358,7 +2358,7 @@ svg[data-v-b2b50d17] {
2358
2358
 
2359
2359
  /* Inside LoomaEditor's mobile shell, the toolbar is a scroll-snapping strip. */
2360
2360
  .looma-editor__mobile-toolbar-shell
2361
- [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-0da1a114] {
2361
+ [data-component~="ui-editor-toolbar"][data-ui-editor-toolbar-state~="floating"][data-v-b71db5ba] {
2362
2362
  width: 100%;
2363
2363
  max-width: none;
2364
2364
  min-height: 100%;
@@ -2375,11 +2375,11 @@ svg[data-v-b2b50d17] {
2375
2375
  }
2376
2376
 
2377
2377
  /* A component that sets its display still honours the hidden attribute on its root. */
2378
- [data-component~="ui-editor-toolbar"][hidden][data-v-0da1a114] {
2378
+ [data-component~="ui-editor-toolbar"][hidden][data-v-b71db5ba] {
2379
2379
  display: none;
2380
2380
  }
2381
2381
 
2382
- [data-component~="ui-floating-action-button"][data-v-b66a2428] {
2382
+ [data-component~="ui-floating-action-button"][data-v-62b77471] {
2383
2383
  position: fixed;
2384
2384
  inset-block-end: calc(
2385
2385
  var(--ui-floating-action-button-inset-block-end, var(--ui-space-6)) +
@@ -2394,7 +2394,7 @@ svg[data-v-b2b50d17] {
2394
2394
  display: inline-flex;
2395
2395
  z-index: var(--ui-floating-action-button-z-index, 100);
2396
2396
  }
2397
- [data-component~="ui-floating-action-button"][data-v-b66a2428] {
2397
+ [data-component~="ui-floating-action-button"][data-v-62b77471] {
2398
2398
  appearance: none;
2399
2399
  border: none;
2400
2400
  border-radius: 999px;
@@ -2412,38 +2412,38 @@ svg[data-v-b2b50d17] {
2412
2412
  transform var(--ui-motion-fast) var(--ui-motion-ease),
2413
2413
  box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
2414
2414
  }
2415
- [data-component~="ui-floating-action-button"][data-v-b66a2428]:hover:enabled {
2415
+ [data-component~="ui-floating-action-button"][data-v-62b77471]:hover:enabled {
2416
2416
  background: var(--ui-accent-hover);
2417
2417
  box-shadow: 0 6px 16px color-mix(in srgb, var(--ui-accent) 50%, transparent);
2418
2418
  }
2419
- [data-component~="ui-floating-action-button"][data-v-b66a2428]:active:enabled {
2419
+ [data-component~="ui-floating-action-button"][data-v-62b77471]:active:enabled {
2420
2420
  transform: scale(0.94);
2421
2421
  }
2422
- [data-component~="ui-floating-action-button"][data-v-b66a2428]:focus-visible {
2422
+ [data-component~="ui-floating-action-button"][data-v-62b77471]:focus-visible {
2423
2423
  outline: 2px solid var(--ui-focus-ring);
2424
2424
  outline-offset: 2px;
2425
2425
  }
2426
- [data-component~="ui-floating-action-button"][data-v-b66a2428]:disabled {
2426
+ [data-component~="ui-floating-action-button"][data-v-62b77471]:disabled {
2427
2427
  opacity: 0.6;
2428
2428
  cursor: not-allowed;
2429
2429
  }
2430
- svg[data-v-b66a2428-s] {
2430
+ svg[data-v-62b77471-s] {
2431
2431
  inline-size: var(--ui-icon-size-lg);
2432
2432
  block-size: var(--ui-icon-size-lg);
2433
2433
  flex-shrink: 0;
2434
2434
  }
2435
2435
  @media (min-width: 768px) {
2436
- [data-component~="ui-floating-action-button"][data-ui-floating-action-button-state~="mobileOnly"][data-v-b66a2428] {
2436
+ [data-component~="ui-floating-action-button"][data-ui-floating-action-button-state~="mobileOnly"][data-v-62b77471] {
2437
2437
  display: none;
2438
2438
  }
2439
2439
  }
2440
2440
 
2441
2441
  /* A component that sets its display still honours the hidden attribute on its root. */
2442
- [data-component~="ui-floating-action-button"][hidden][data-v-b66a2428] {
2442
+ [data-component~="ui-floating-action-button"][hidden][data-v-62b77471] {
2443
2443
  display: none;
2444
2444
  }
2445
2445
 
2446
- [data-component~="ui-form-field"][data-v-ae3bcdfb] {
2446
+ [data-component~="ui-form-field"][data-v-605db5c0] {
2447
2447
  display: grid;
2448
2448
  gap: var(--ui-space-2);
2449
2449
  min-inline-size: 0;
@@ -2453,34 +2453,34 @@ svg[data-v-b66a2428-s] {
2453
2453
 
2454
2454
  /* Each named region styles whatever fills it, however it was slotted (slot="…" in HTML, #label
2455
2455
  in Vue), and generates no box of its own, so an empty region adds no gap. */
2456
- .label[data-v-ae3bcdfb],
2457
- .help[data-v-ae3bcdfb],
2458
- .error[data-v-ae3bcdfb] {
2456
+ .label[data-v-605db5c0],
2457
+ .help[data-v-605db5c0],
2458
+ .error[data-v-605db5c0] {
2459
2459
  display: contents;
2460
2460
  }
2461
- .label[data-v-ae3bcdfb] {
2461
+ .label[data-v-605db5c0] {
2462
2462
  color: var(--ui-text-secondary);
2463
2463
  font-size: 0.95rem;
2464
2464
  }
2465
- .help[data-v-ae3bcdfb] {
2465
+ .help[data-v-605db5c0] {
2466
2466
  color: var(--ui-text-muted);
2467
2467
  font-size: 0.875rem;
2468
2468
  line-height: var(--ui-line-height-md);
2469
2469
  }
2470
- .help > [data-v-ae3bcdfb-s] {
2470
+ .help > [data-v-605db5c0-s] {
2471
2471
  min-block-size: var(--ui-form-field-help-min-block-size, 0);
2472
2472
  }
2473
- .error[data-v-ae3bcdfb],[role="alert"][data-v-ae3bcdfb-s] {
2473
+ .error[data-v-605db5c0],[role="alert"][data-v-605db5c0-s] {
2474
2474
  color: var(--ui-accent-active);
2475
2475
  font-size: 0.875rem;
2476
2476
  }
2477
2477
 
2478
2478
  /* A component that sets its display still honours the hidden attribute on its root. */
2479
- [data-component~="ui-form-field"][hidden][data-v-ae3bcdfb] {
2479
+ [data-component~="ui-form-field"][hidden][data-v-605db5c0] {
2480
2480
  display: none;
2481
2481
  }
2482
2482
 
2483
- [data-component~="ui-grid"][data-v-356b2957] {
2483
+ [data-component~="ui-grid"][data-v-9635be0b] {
2484
2484
  --_grid-gap: var(--ui-space-4);
2485
2485
  --_grid-min: 12rem;
2486
2486
  display: grid;
@@ -2491,41 +2491,41 @@ svg[data-v-b66a2428-s] {
2491
2491
  max-inline-size: 100%;
2492
2492
  margin: 0;
2493
2493
  }
2494
- [data-component~="ui-grid"][data-ui-grid-state~="gap=xs"][data-v-356b2957] {
2494
+ [data-component~="ui-grid"][data-ui-grid-state~="gap=xs"][data-v-9635be0b] {
2495
2495
  --_grid-gap: var(--ui-space-2);
2496
2496
  }
2497
- [data-component~="ui-grid"][data-ui-grid-state~="gap=s"][data-v-356b2957] {
2497
+ [data-component~="ui-grid"][data-ui-grid-state~="gap=s"][data-v-9635be0b] {
2498
2498
  --_grid-gap: var(--ui-space-3);
2499
2499
  }
2500
- [data-component~="ui-grid"][data-ui-grid-state~="gap=m"][data-v-356b2957] {
2500
+ [data-component~="ui-grid"][data-ui-grid-state~="gap=m"][data-v-9635be0b] {
2501
2501
  --_grid-gap: var(--ui-space-4);
2502
2502
  }
2503
- [data-component~="ui-grid"][data-ui-grid-state~="gap=l"][data-v-356b2957] {
2503
+ [data-component~="ui-grid"][data-ui-grid-state~="gap=l"][data-v-9635be0b] {
2504
2504
  --_grid-gap: var(--ui-space-5);
2505
2505
  }
2506
- [data-component~="ui-grid"][data-ui-grid-state~="gap=xl"][data-v-356b2957] {
2506
+ [data-component~="ui-grid"][data-ui-grid-state~="gap=xl"][data-v-9635be0b] {
2507
2507
  --_grid-gap: var(--ui-space-6);
2508
2508
  }
2509
- [data-component~="ui-grid"][data-ui-grid-state~="min=md"][data-v-356b2957] {
2509
+ [data-component~="ui-grid"][data-ui-grid-state~="min=md"][data-v-9635be0b] {
2510
2510
  --_grid-min: 16rem;
2511
2511
  }
2512
- [data-component~="ui-grid"][data-ui-grid-state~="min=lg"][data-v-356b2957] {
2512
+ [data-component~="ui-grid"][data-ui-grid-state~="min=lg"][data-v-9635be0b] {
2513
2513
  --_grid-min: 20rem;
2514
2514
  }
2515
2515
 
2516
2516
  /* A component that sets its display still honours the hidden attribute on its root. */
2517
- [data-component~="ui-grid"][hidden][data-v-356b2957] {
2517
+ [data-component~="ui-grid"][hidden][data-v-9635be0b] {
2518
2518
  display: none;
2519
2519
  }
2520
2520
 
2521
- [data-component~="ui-icon-button"][data-v-80722d12] {
2521
+ [data-component~="ui-icon-button"][data-v-23aa723d] {
2522
2522
  display: inline-flex;
2523
2523
  color: var(--ui-text-secondary);
2524
2524
  }
2525
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-80722d12] {
2525
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d] {
2526
2526
  position: relative;
2527
2527
  }
2528
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-80722d12]::before {
2528
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d]::before {
2529
2529
  content: "";
2530
2530
  position: absolute;
2531
2531
  inset: 50% auto auto 50%;
@@ -2544,17 +2544,17 @@ svg[data-v-b66a2428-s] {
2544
2544
  * surface and icon. The root is the native button, so hiding it outright would hide the dot
2545
2545
  * too, and slotted icons sit outside this scope; `color: transparent` hides currentColor icons. */
2546
2546
  @media (hover: hover) and (pointer: fine) {
2547
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-80722d12]:not([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-ui-proximity="near"], :hover, :focus-visible) {
2547
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d]:not([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-ui-proximity="near"], :hover, :focus-visible) {
2548
2548
  border-color: transparent;
2549
2549
  background: transparent;
2550
2550
  box-shadow: none;
2551
2551
  color: transparent;
2552
2552
  }
2553
2553
  }
2554
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-80722d12]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-ui-proximity="near"], :hover, :focus-visible)::before {
2554
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d]:is([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-ui-proximity="near"], :hover, :focus-visible)::before {
2555
2555
  opacity: 0;
2556
2556
  }
2557
- [data-component~="ui-icon-button"][data-v-80722d12] {
2557
+ [data-component~="ui-icon-button"][data-v-23aa723d] {
2558
2558
  /* The size prop resolves here; --ui-icon-button-size overrides it on an element. */
2559
2559
  --_size: 2rem;
2560
2560
  appearance: none;
@@ -2580,7 +2580,7 @@ svg[data-v-b66a2428-s] {
2580
2580
  transform var(--ui-motion-fast) var(--ui-motion-ease);
2581
2581
  }
2582
2582
  @media (hover: none), (pointer: coarse) {
2583
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-80722d12]::before {
2583
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"][data-v-23aa723d]::before {
2584
2584
  opacity: 0;
2585
2585
  }
2586
2586
  }
@@ -2588,10 +2588,10 @@ svg[data-v-b66a2428-s] {
2588
2588
  /* A touch target without a bigger button: an invisible hit area, at least the control
2589
2589
  minimum, centred on the button (::before is the anticipatory guide). */
2590
2590
  @media (pointer: coarse) {
2591
- [data-component~="ui-icon-button"][data-v-80722d12] {
2591
+ [data-component~="ui-icon-button"][data-v-23aa723d] {
2592
2592
  position: relative;
2593
2593
  }
2594
- [data-component~="ui-icon-button"][data-v-80722d12]::after {
2594
+ [data-component~="ui-icon-button"][data-v-23aa723d]::after {
2595
2595
  content: "";
2596
2596
  position: absolute;
2597
2597
  inset: 50% auto auto 50%;
@@ -2600,10 +2600,10 @@ svg[data-v-b66a2428-s] {
2600
2600
  transform: translate(-50%, -50%);
2601
2601
  }
2602
2602
  }
2603
- html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-80722d12] {
2603
+ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-23aa723d] {
2604
2604
  position: relative;
2605
2605
  }
2606
- html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-80722d12]::after {
2606
+ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-23aa723d]::after {
2607
2607
  content: "";
2608
2608
  position: absolute;
2609
2609
  inset: 50% auto auto 50%;
@@ -2611,29 +2611,29 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-8
2611
2611
  block-size: max(100%, var(--ui-control-min-block-size));
2612
2612
  transform: translate(-50%, -50%);
2613
2613
  }
2614
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-80722d12] {
2614
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-23aa723d] {
2615
2615
  --_size: 1.75rem;
2616
2616
  inline-size: var(--ui-icon-button-size, var(--_size));
2617
2617
  block-size: var(--ui-icon-button-size, var(--_size));
2618
2618
  min-inline-size: var(--ui-icon-button-size, var(--_size));
2619
2619
  min-block-size: var(--ui-icon-button-size, var(--_size));
2620
2620
  }
2621
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-80722d12] {
2621
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-23aa723d] {
2622
2622
  --_size: 2.5rem;
2623
2623
  inline-size: var(--ui-icon-button-size, var(--_size));
2624
2624
  block-size: var(--ui-icon-button-size, var(--_size));
2625
2625
  min-inline-size: var(--ui-icon-button-size, var(--_size));
2626
2626
  min-block-size: var(--ui-icon-button-size, var(--_size));
2627
2627
  }
2628
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="round"][data-v-80722d12] {
2628
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="round"][data-v-23aa723d] {
2629
2629
  border-radius: var(--ui-radius-round);
2630
2630
  }
2631
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-80722d12] {
2631
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-23aa723d] {
2632
2632
  border-color: var(--ui-icon-button-border, var(--ui-border-default));
2633
2633
  background: var(--ui-icon-button-outline-surface, var(--ui-surface-default));
2634
2634
  color: var(--ui-icon-button-outline-text, var(--ui-text-primary));
2635
2635
  }
2636
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-80722d12] {
2636
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-23aa723d] {
2637
2637
  background: var(--ui-icon-button-solid-surface, var(--ui-accent-solid));
2638
2638
  color: var(--ui-icon-button-solid-text, var(--ui-text-on-accent));
2639
2639
  box-shadow: var(
@@ -2641,51 +2641,51 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"][data-v-8
2641
2641
  0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)
2642
2642
  );
2643
2643
  }
2644
- [data-component~="ui-icon-button"][data-v-80722d12]:hover:enabled {
2644
+ [data-component~="ui-icon-button"][data-v-23aa723d]:hover:enabled {
2645
2645
  /* Derived from the text colour so the ghost hover shows on any background. */
2646
2646
  background: var(--ui-icon-button-hover-surface, color-mix(in srgb, currentColor 8%, transparent));
2647
2647
  color: var(--ui-icon-button-hover-text, var(--ui-text-primary));
2648
2648
  }
2649
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-80722d12]:hover:enabled {
2649
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-23aa723d]:hover:enabled {
2650
2650
  border-color: var(--ui-icon-button-hover-border, var(--ui-border-strong));
2651
2651
  }
2652
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-80722d12]:hover:enabled {
2652
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-23aa723d]:hover:enabled {
2653
2653
  background: var(--ui-icon-button-solid-hover-surface, var(--ui-accent-hover));
2654
2654
  }
2655
- [data-component~="ui-icon-button"][data-v-80722d12]:active:enabled {
2655
+ [data-component~="ui-icon-button"][data-v-23aa723d]:active:enabled {
2656
2656
  transform: scale(var(--ui-icon-button-active-scale, 0.96));
2657
2657
  }
2658
- [data-component~="ui-icon-button"][data-v-80722d12]:focus-visible {
2658
+ [data-component~="ui-icon-button"][data-v-23aa723d]:focus-visible {
2659
2659
  outline: none;
2660
2660
  box-shadow: var(--ui-focus-halo);
2661
2661
  }
2662
2662
 
2663
2663
  /* Disabled colours fall back to each variant's own; ghost takes only the icon colour. */
2664
- [data-component~="ui-icon-button"][data-v-80722d12]:disabled {
2664
+ [data-component~="ui-icon-button"][data-v-23aa723d]:disabled {
2665
2665
  opacity: var(--ui-icon-button-disabled-opacity, 1);
2666
2666
  color: var(--ui-icon-button-disabled-text, var(--ui-disabled-text));
2667
2667
  cursor: not-allowed;
2668
2668
  }
2669
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-80722d12]:disabled {
2669
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"][data-v-23aa723d]:disabled {
2670
2670
  border-color: var(--ui-icon-button-disabled-border, var(--ui-border));
2671
2671
  background-color: var(--ui-icon-button-disabled-surface, var(--ui-disabled-surface));
2672
2672
  color: var(--ui-icon-button-disabled-text, var(--ui-disabled-text));
2673
2673
  }
2674
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-80722d12]:disabled {
2674
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"][data-v-23aa723d]:disabled {
2675
2675
  border-color: var(--ui-icon-button-disabled-border, var(--ui-border));
2676
2676
  background-color: var(--ui-icon-button-disabled-surface, var(--ui-disabled-surface));
2677
2677
  color: var(--ui-icon-button-disabled-text, var(--ui-disabled-text));
2678
2678
  }
2679
- [data-component~="ui-icon-button"][data-v-80722d12] {
2679
+ [data-component~="ui-icon-button"][data-v-23aa723d] {
2680
2680
  --_icon-button-icon-default: var(--ui-icon-size-md);
2681
2681
  }
2682
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-80722d12] {
2682
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="size=sm"][data-v-23aa723d] {
2683
2683
  --_icon-button-icon-default: var(--ui-icon-size-sm);
2684
2684
  }
2685
- [data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-80722d12] {
2685
+ [data-component~="ui-icon-button"][data-ui-icon-button-state~="size=lg"][data-v-23aa723d] {
2686
2686
  --_icon-button-icon-default: var(--ui-icon-size-lg);
2687
2687
  }
2688
- svg[data-v-80722d12-s] {
2688
+ svg[data-v-23aa723d-s] {
2689
2689
  inline-size: var(--ui-icon-button-icon-size, var(--_icon-button-icon-default));
2690
2690
  block-size: var(--ui-icon-button-icon-size, var(--_icon-button-icon-default));
2691
2691
  flex-shrink: 0;
@@ -2693,11 +2693,11 @@ svg[data-v-80722d12-s] {
2693
2693
  }
2694
2694
 
2695
2695
  /* A component that sets its display still honours the hidden attribute on its root. */
2696
- [data-component~="ui-icon-button"][hidden][data-v-80722d12] {
2696
+ [data-component~="ui-icon-button"][hidden][data-v-23aa723d] {
2697
2697
  display: none;
2698
2698
  }
2699
2699
 
2700
- [data-component~="ui-input"][data-v-f00d6a51] {
2700
+ [data-component~="ui-input"][data-v-0c0dde58] {
2701
2701
  box-sizing: border-box;
2702
2702
  display: inline-block;
2703
2703
  inline-size: 100%;
@@ -2720,18 +2720,18 @@ svg[data-v-80722d12-s] {
2720
2720
  }
2721
2721
 
2722
2722
  /* Tabbing into a field selects its text; tint that selection softly instead of the page highlight. */
2723
- [data-component~="ui-input"][data-v-f00d6a51]::selection {
2723
+ [data-component~="ui-input"][data-v-0c0dde58]::selection {
2724
2724
  background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
2725
2725
  color: inherit;
2726
2726
  }
2727
- [data-component~="ui-input"][data-v-f00d6a51]::placeholder {
2727
+ [data-component~="ui-input"][data-v-0c0dde58]::placeholder {
2728
2728
  color: var(--ui-control-placeholder, var(--ui-text-secondary));
2729
2729
  opacity: 1;
2730
2730
  }
2731
- [data-component~="ui-input"][data-v-f00d6a51]:hover:not(:focus):not(:disabled) {
2731
+ [data-component~="ui-input"][data-v-0c0dde58]:hover:not(:focus):not(:disabled) {
2732
2732
  border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
2733
2733
  }
2734
- [data-component~="ui-input"][data-v-f00d6a51]:focus-visible {
2734
+ [data-component~="ui-input"][data-v-0c0dde58]:focus-visible {
2735
2735
  border-color: var(--ui-control-focus, var(--ui-accent-solid));
2736
2736
  outline: none;
2737
2737
  box-shadow: var(
@@ -2742,16 +2742,16 @@ svg[data-v-80722d12-s] {
2742
2742
  }
2743
2743
 
2744
2744
  /* The app's invalid flag, or the browser's own verdict once the user has left an invalid field. */
2745
- [data-component~="ui-input"][aria-invalid="true"][data-v-f00d6a51],
2746
- [data-component~="ui-input"][data-v-f00d6a51]:is(:user-invalid, [data-user-invalid]) {
2745
+ [data-component~="ui-input"][aria-invalid="true"][data-v-0c0dde58],
2746
+ [data-component~="ui-input"][data-v-0c0dde58]:is(:user-invalid, [data-user-invalid]) {
2747
2747
  border-color: var(--ui-danger-solid);
2748
2748
  }
2749
- [data-component~="ui-input"][data-v-f00d6a51]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
2749
+ [data-component~="ui-input"][data-v-0c0dde58]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
2750
2750
  box-shadow:
2751
2751
  var(--ui-control-inset),
2752
2752
  0 0 0 3px color-mix(in srgb, var(--ui-danger-solid) 22%, transparent);
2753
2753
  }
2754
- [data-component~="ui-input"][data-v-f00d6a51]:disabled {
2754
+ [data-component~="ui-input"][data-v-0c0dde58]:disabled {
2755
2755
  background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
2756
2756
  color: var(--ui-text-muted);
2757
2757
  box-shadow: none;
@@ -2762,12 +2762,12 @@ svg[data-v-80722d12-s] {
2762
2762
  * scroll vertically inside the field. Native inputs already center their single line. */
2763
2763
 
2764
2764
  /* A component that sets its display still honours the hidden attribute on its root. */
2765
- [data-component~="ui-input"][hidden][data-v-f00d6a51] {
2765
+ [data-component~="ui-input"][hidden][data-v-0c0dde58] {
2766
2766
  display: none;
2767
2767
  }
2768
2768
 
2769
2769
  /* Compact sets the part tokens its items read, so nothing has to rescale a global. */
2770
- [data-component~="ui-menu"][data-ui-menu-state~="density=compact"][data-v-09be9e37] {
2770
+ [data-component~="ui-menu"][data-ui-menu-state~="density=compact"][data-v-e8df970a] {
2771
2771
  --ui-menu-item-padding-block: var(--ui-space-1);
2772
2772
  --ui-menu-item-padding-inline: var(--ui-space-2);
2773
2773
  --ui-menu-item-font-size: var(--ui-font-size-sm);
@@ -2775,7 +2775,7 @@ svg[data-v-80722d12-s] {
2775
2775
  padding: var(--ui-space-1);
2776
2776
  gap: 0;
2777
2777
  }
2778
- [data-component~="ui-menu"][data-v-09be9e37] {
2778
+ [data-component~="ui-menu"][data-v-e8df970a] {
2779
2779
  display: flex;
2780
2780
  flex-direction: column;
2781
2781
  box-sizing: border-box;
@@ -2790,7 +2790,7 @@ svg[data-v-80722d12-s] {
2790
2790
  box-shadow: none;
2791
2791
  overflow: visible;
2792
2792
  }
2793
- .surface[data-v-09be9e37] {
2793
+ .surface[data-v-e8df970a] {
2794
2794
  display: flex;
2795
2795
  flex-direction: column;
2796
2796
  box-sizing: border-box;
@@ -2803,10 +2803,10 @@ svg[data-v-80722d12-s] {
2803
2803
  max-block-size: inherit;
2804
2804
  overflow: auto;
2805
2805
  }
2806
- [data-component~="ui-menu"][data-v-09be9e37]:not([data-component~="ui-menu"][data-ui-menu-state~="internalOpen"]) {
2806
+ [data-component~="ui-menu"][data-v-e8df970a]:not([data-component~="ui-menu"][data-ui-menu-state~="internalOpen"]) {
2807
2807
  display: none;
2808
2808
  }
2809
- [data-component~="ui-menu"][popover][data-v-09be9e37] {
2809
+ [data-component~="ui-menu"][popover][data-v-e8df970a] {
2810
2810
  position: fixed;
2811
2811
  inset: auto;
2812
2812
  margin: 0;
@@ -2820,26 +2820,26 @@ svg[data-v-80722d12-s] {
2820
2820
  display var(--ui-motion-fast) allow-discrete,
2821
2821
  overlay var(--ui-motion-fast) allow-discrete;
2822
2822
  }
2823
- [data-component~="ui-menu"][popover][data-v-09be9e37]:popover-open {
2823
+ [data-component~="ui-menu"][popover][data-v-e8df970a]:popover-open {
2824
2824
  opacity: 1;
2825
2825
  transform: translateY(0) scale(1);
2826
2826
  }
2827
2827
  @starting-style {
2828
- [data-component~="ui-menu"][popover][data-v-09be9e37]:popover-open {
2828
+ [data-component~="ui-menu"][popover][data-v-e8df970a]:popover-open {
2829
2829
  opacity: 0;
2830
2830
  transform: translateY(-4px) scale(0.99);
2831
2831
  }
2832
2832
  }
2833
- [data-component~="ui-menu"][hidden][data-v-09be9e37] {
2833
+ [data-component~="ui-menu"][hidden][data-v-e8df970a] {
2834
2834
  display: none;
2835
2835
  }
2836
2836
  @media (prefers-reduced-motion: reduce) {
2837
- [data-component~="ui-menu"][popover][data-v-09be9e37] {
2837
+ [data-component~="ui-menu"][popover][data-v-e8df970a] {
2838
2838
  transition: none;
2839
2839
  }
2840
2840
  }
2841
2841
 
2842
- [data-component~="ui-menu-item"][data-v-69407da9] {
2842
+ [data-component~="ui-menu-item"][data-v-40124183] {
2843
2843
  display: block;
2844
2844
  box-sizing: border-box;
2845
2845
  width: 100%;
@@ -2861,7 +2861,7 @@ svg[data-v-80722d12-s] {
2861
2861
  /* Centre the glyphs, not the line box: a label without descenders otherwise reads high.
2862
2862
  * Trimming applies to block containers, so the box is a block with centred content. */
2863
2863
  @supports (text-box-trim: trim-both) {
2864
- [data-component~="ui-menu-item"][data-v-69407da9] {
2864
+ [data-component~="ui-menu-item"][data-v-40124183] {
2865
2865
  display: block;
2866
2866
  min-block-size: var(--ui-menu-item-min-block-size, var(--ui-control-size-md, 2.5rem));
2867
2867
  align-content: center;
@@ -2869,20 +2869,20 @@ svg[data-v-80722d12-s] {
2869
2869
  text-box-edge: cap alphabetic;
2870
2870
  }
2871
2871
  }
2872
- [data-component~="ui-menu-item"][data-v-69407da9]:is(:hover, :focus-visible):not([aria-disabled="true"]) {
2872
+ [data-component~="ui-menu-item"][data-v-40124183]:is(:hover, :focus-visible):not([aria-disabled="true"]) {
2873
2873
  background: var(--ui-menu-item-hover-surface, var(--ui-surface-subtle));
2874
2874
  }
2875
- [data-component~="ui-menu-item"][aria-disabled="true"][data-v-69407da9] {
2875
+ [data-component~="ui-menu-item"][aria-disabled="true"][data-v-40124183] {
2876
2876
  opacity: 0.6;
2877
2877
  cursor: not-allowed;
2878
2878
  }
2879
2879
 
2880
2880
  /* A component that sets its display still honours the hidden attribute on its root. */
2881
- [data-component~="ui-menu-item"][hidden][data-v-69407da9] {
2881
+ [data-component~="ui-menu-item"][hidden][data-v-40124183] {
2882
2882
  display: none;
2883
2883
  }
2884
2884
 
2885
- [data-component~="ui-popover"][data-v-c16079f0] {
2885
+ [data-component~="ui-popover"][data-v-3675062e] {
2886
2886
  box-sizing: border-box;
2887
2887
  max-inline-size: min(
2888
2888
  20rem,
@@ -2897,7 +2897,7 @@ svg[data-v-80722d12-s] {
2897
2897
  background: transparent;
2898
2898
  box-shadow: none;
2899
2899
  }
2900
- .surface[data-v-c16079f0] {
2900
+ .surface[data-v-3675062e] {
2901
2901
  box-sizing: border-box;
2902
2902
  max-inline-size: inherit;
2903
2903
  max-block-size: inherit;
@@ -2908,10 +2908,10 @@ svg[data-v-80722d12-s] {
2908
2908
  border-radius: var(--ui-radius-lg);
2909
2909
  box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
2910
2910
  }
2911
- [data-component~="ui-popover"][data-v-c16079f0]:not([data-component~="ui-popover"][data-ui-popover-state~="internalOpen"]) {
2911
+ [data-component~="ui-popover"][data-v-3675062e]:not([data-component~="ui-popover"][data-ui-popover-state~="internalOpen"]) {
2912
2912
  display: none;
2913
2913
  }
2914
- [data-component~="ui-popover"][popover][data-v-c16079f0] {
2914
+ [data-component~="ui-popover"][popover][data-v-3675062e] {
2915
2915
  position: fixed;
2916
2916
  inset: auto;
2917
2917
  margin: 0;
@@ -2923,26 +2923,26 @@ svg[data-v-80722d12-s] {
2923
2923
  display var(--ui-motion-fast) allow-discrete,
2924
2924
  overlay var(--ui-motion-fast) allow-discrete;
2925
2925
  }
2926
- [data-component~="ui-popover"][popover][data-v-c16079f0]:popover-open {
2926
+ [data-component~="ui-popover"][popover][data-v-3675062e]:popover-open {
2927
2927
  opacity: 1;
2928
2928
  transform: translateY(0) scale(1);
2929
2929
  }
2930
2930
  @starting-style {
2931
- [data-component~="ui-popover"][popover][data-v-c16079f0]:popover-open {
2931
+ [data-component~="ui-popover"][popover][data-v-3675062e]:popover-open {
2932
2932
  opacity: 0;
2933
2933
  transform: translateY(-4px) scale(0.99);
2934
2934
  }
2935
2935
  }
2936
- [data-component~="ui-popover"][hidden][data-v-c16079f0] {
2936
+ [data-component~="ui-popover"][hidden][data-v-3675062e] {
2937
2937
  display: none;
2938
2938
  }
2939
2939
  @media (prefers-reduced-motion: reduce) {
2940
- [data-component~="ui-popover"][popover][data-v-c16079f0] {
2940
+ [data-component~="ui-popover"][popover][data-v-3675062e] {
2941
2941
  transition: none;
2942
2942
  }
2943
2943
  }
2944
2944
 
2945
- [data-component~="ui-radio"][data-v-cb942e6f] {
2945
+ [data-component~="ui-radio"][data-v-2c20c2e3] {
2946
2946
  display: inline-flex;
2947
2947
  align-items: flex-start;
2948
2948
  gap: var(--ui-radio-gap, var(--ui-space-2));
@@ -2950,11 +2950,11 @@ svg[data-v-80722d12-s] {
2950
2950
  color: var(--ui-text-primary);
2951
2951
  cursor: pointer;
2952
2952
  }
2953
- .label[data-v-cb942e6f] {
2953
+ .label[data-v-2c20c2e3] {
2954
2954
  min-inline-size: 0;
2955
2955
  line-height: var(--ui-line-height-md);
2956
2956
  }
2957
- input[data-v-cb942e6f] {
2957
+ input[data-v-2c20c2e3] {
2958
2958
  flex: 0 0 auto;
2959
2959
  inline-size: var(--ui-radio-size, 1.125rem);
2960
2960
  block-size: var(--ui-radio-size, 1.125rem);
@@ -2962,24 +2962,24 @@ input[data-v-cb942e6f] {
2962
2962
  accent-color: var(--ui-accent-solid);
2963
2963
  cursor: pointer;
2964
2964
  }
2965
- input[data-v-cb942e6f]:focus-visible {
2965
+ input[data-v-2c20c2e3]:focus-visible {
2966
2966
  outline: 2px solid var(--ui-focus-ring, var(--ui-accent-solid));
2967
2967
  outline-offset: 2px;
2968
2968
  }
2969
- [data-component~="ui-radio"][data-ui-radio-state~="disabled"][data-v-cb942e6f] {
2969
+ [data-component~="ui-radio"][data-ui-radio-state~="disabled"][data-v-2c20c2e3] {
2970
2970
  color: var(--ui-text-muted);
2971
2971
  cursor: not-allowed;
2972
2972
  }
2973
- [data-component~="ui-radio"][data-ui-radio-state~="disabled"] input[data-v-cb942e6f] {
2973
+ [data-component~="ui-radio"][data-ui-radio-state~="disabled"] input[data-v-2c20c2e3] {
2974
2974
  cursor: not-allowed;
2975
2975
  }
2976
2976
 
2977
2977
  /* A component that sets its display still honours the hidden attribute on its root. */
2978
- [data-component~="ui-radio"][hidden][data-v-cb942e6f] {
2978
+ [data-component~="ui-radio"][hidden][data-v-2c20c2e3] {
2979
2979
  display: none;
2980
2980
  }
2981
2981
 
2982
- [data-component~="ui-radio-group"][data-v-df092584] {
2982
+ [data-component~="ui-radio-group"][data-v-cd639df6] {
2983
2983
  display: inline-flex;
2984
2984
  align-items: center;
2985
2985
  gap: var(--ui-space-2);
@@ -2988,7 +2988,7 @@ input[data-v-cb942e6f]:focus-visible {
2988
2988
  padding: 0;
2989
2989
  border: 0;
2990
2990
  }
2991
- legend[data-v-df092584] {
2991
+ legend[data-v-cd639df6] {
2992
2992
  float: inline-start;
2993
2993
  inline-size: 100%;
2994
2994
  margin: 0 0 var(--ui-space-2);
@@ -2996,20 +2996,20 @@ legend[data-v-df092584] {
2996
2996
  color: var(--ui-text-primary);
2997
2997
  font-weight: var(--ui-font-medium);
2998
2998
  }
2999
- legend[data-v-df092584] + * {
2999
+ legend[data-v-cd639df6] + * {
3000
3000
  clear: both;
3001
3001
  }
3002
- [data-component~="ui-radio-group"][data-ui-radio-group-state~="orientation=vertical"][data-v-df092584] {
3002
+ [data-component~="ui-radio-group"][data-ui-radio-group-state~="orientation=vertical"][data-v-cd639df6] {
3003
3003
  display: inline-grid;
3004
3004
  justify-items: start;
3005
3005
  }
3006
3006
 
3007
3007
  /* A component that sets its display still honours the hidden attribute on its root. */
3008
- [data-component~="ui-radio-group"][hidden][data-v-df092584] {
3008
+ [data-component~="ui-radio-group"][hidden][data-v-cd639df6] {
3009
3009
  display: none;
3010
3010
  }
3011
3011
 
3012
- [data-component~="ui-reel"][data-v-0dde8279] {
3012
+ [data-component~="ui-reel"][data-v-0d41608a] {
3013
3013
  --_reel-gap: var(--ui-space-4);
3014
3014
  --_reel-item-width: auto;
3015
3015
  display: flex;
@@ -3022,50 +3022,50 @@ legend[data-v-df092584] + * {
3022
3022
  overflow-y: hidden;
3023
3023
  overscroll-behavior-inline: contain;
3024
3024
  }
3025
- [data-component~="ui-reel"] > [data-v-0dde8279-s] {
3025
+ [data-component~="ui-reel"] > [data-v-0d41608a-s] {
3026
3026
  min-inline-size: 0;
3027
3027
  flex: 0 0 var(--ui-reel-item-width, var(--_reel-item-width));
3028
3028
  }
3029
- [data-component~="ui-reel"][data-ui-reel-state~="gap=xs"][data-v-0dde8279] {
3029
+ [data-component~="ui-reel"][data-ui-reel-state~="gap=xs"][data-v-0d41608a] {
3030
3030
  --_reel-gap: var(--ui-space-2);
3031
3031
  }
3032
- [data-component~="ui-reel"][data-ui-reel-state~="gap=s"][data-v-0dde8279] {
3032
+ [data-component~="ui-reel"][data-ui-reel-state~="gap=s"][data-v-0d41608a] {
3033
3033
  --_reel-gap: var(--ui-space-3);
3034
3034
  }
3035
- [data-component~="ui-reel"][data-ui-reel-state~="gap=m"][data-v-0dde8279] {
3035
+ [data-component~="ui-reel"][data-ui-reel-state~="gap=m"][data-v-0d41608a] {
3036
3036
  --_reel-gap: var(--ui-space-4);
3037
3037
  }
3038
- [data-component~="ui-reel"][data-ui-reel-state~="gap=l"][data-v-0dde8279] {
3038
+ [data-component~="ui-reel"][data-ui-reel-state~="gap=l"][data-v-0d41608a] {
3039
3039
  --_reel-gap: var(--ui-space-5);
3040
3040
  }
3041
- [data-component~="ui-reel"][data-ui-reel-state~="gap=xl"][data-v-0dde8279] {
3041
+ [data-component~="ui-reel"][data-ui-reel-state~="gap=xl"][data-v-0d41608a] {
3042
3042
  --_reel-gap: var(--ui-space-6);
3043
3043
  }
3044
- [data-component~="ui-reel"][data-ui-reel-state~="itemWidth=sm"][data-v-0dde8279] {
3044
+ [data-component~="ui-reel"][data-ui-reel-state~="itemWidth=sm"][data-v-0d41608a] {
3045
3045
  --_reel-item-width: 12rem;
3046
3046
  }
3047
- [data-component~="ui-reel"][data-ui-reel-state~="itemWidth=md"][data-v-0dde8279] {
3047
+ [data-component~="ui-reel"][data-ui-reel-state~="itemWidth=md"][data-v-0d41608a] {
3048
3048
  --_reel-item-width: 16rem;
3049
3049
  }
3050
- [data-component~="ui-reel"][data-ui-reel-state~="itemWidth=lg"][data-v-0dde8279] {
3050
+ [data-component~="ui-reel"][data-ui-reel-state~="itemWidth=lg"][data-v-0d41608a] {
3051
3051
  --_reel-item-width: 20rem;
3052
3052
  }
3053
- [data-component~="ui-reel"][data-ui-reel-state~="snap"][data-v-0dde8279] {
3053
+ [data-component~="ui-reel"][data-ui-reel-state~="snap"][data-v-0d41608a] {
3054
3054
  scroll-snap-type: inline mandatory;
3055
3055
  }
3056
- [data-component~="ui-reel"][data-ui-reel-state~="snap=start"] > [data-v-0dde8279-s] {
3056
+ [data-component~="ui-reel"][data-ui-reel-state~="snap=start"] > [data-v-0d41608a-s] {
3057
3057
  scroll-snap-align: start;
3058
3058
  }
3059
- [data-component~="ui-reel"][data-ui-reel-state~="snap=center"] > [data-v-0dde8279-s] {
3059
+ [data-component~="ui-reel"][data-ui-reel-state~="snap=center"] > [data-v-0d41608a-s] {
3060
3060
  scroll-snap-align: center;
3061
3061
  }
3062
3062
 
3063
3063
  /* A component that sets its display still honours the hidden attribute on its root. */
3064
- [data-component~="ui-reel"][hidden][data-v-0dde8279] {
3064
+ [data-component~="ui-reel"][hidden][data-v-0d41608a] {
3065
3065
  display: none;
3066
3066
  }
3067
3067
 
3068
- [data-component~="ui-search-result-row"][data-v-7d88a5d4] {
3068
+ [data-component~="ui-search-result-row"][data-v-9f29c4b0] {
3069
3069
  appearance: none;
3070
3070
  inline-size: 100%;
3071
3071
  min-block-size: var(--ui-search-result-row-min-height, 56px);
@@ -3083,69 +3083,69 @@ legend[data-v-df092584] + * {
3083
3083
  text-align: left;
3084
3084
  transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
3085
3085
  }
3086
- [data-component~="ui-search-result-row"][data-v-7d88a5d4]:last-child {
3086
+ [data-component~="ui-search-result-row"][data-v-9f29c4b0]:last-child {
3087
3087
  border-block-end: none;
3088
3088
  }
3089
- [data-component~="ui-search-result-row"][data-v-7d88a5d4]:hover:enabled {
3089
+ [data-component~="ui-search-result-row"][data-v-9f29c4b0]:hover:enabled {
3090
3090
  background: var(
3091
3091
  --ui-search-result-row-hover-surface,
3092
3092
  color-mix(in srgb, var(--ui-surface) 85%, black 3%)
3093
3093
  );
3094
3094
  }
3095
- [data-component~="ui-search-result-row"][data-ui-search-result-row-state~="selected"][data-v-7d88a5d4] {
3095
+ [data-component~="ui-search-result-row"][data-ui-search-result-row-state~="selected"][data-v-9f29c4b0] {
3096
3096
  background: var(
3097
3097
  --ui-search-result-row-selected-bg,
3098
3098
  var(--ui-search-result-row-hover-surface, color-mix(in srgb, var(--ui-surface) 85%, black 3%))
3099
3099
  );
3100
3100
  }
3101
- [data-component~="ui-search-result-row"][data-v-7d88a5d4]:focus-visible {
3101
+ [data-component~="ui-search-result-row"][data-v-9f29c4b0]:focus-visible {
3102
3102
  outline: 2px solid var(--ui-focus-ring);
3103
3103
  outline-offset: -2px;
3104
3104
  }
3105
- [data-component~="ui-search-result-row"][data-v-7d88a5d4]:disabled {
3105
+ [data-component~="ui-search-result-row"][data-v-9f29c4b0]:disabled {
3106
3106
  opacity: 0.6;
3107
3107
  cursor: not-allowed;
3108
3108
  }
3109
- .leading[data-v-7d88a5d4],
3110
- .trailing[data-v-7d88a5d4] {
3109
+ .leading[data-v-9f29c4b0],
3110
+ .trailing[data-v-9f29c4b0] {
3111
3111
  display: inline-flex;
3112
3112
  align-items: flex-start;
3113
3113
  flex-shrink: 0;
3114
3114
  }
3115
- .content[data-v-7d88a5d4] {
3115
+ .content[data-v-9f29c4b0] {
3116
3116
  min-inline-size: 0;
3117
3117
  flex: 1;
3118
3118
  display: flex;
3119
3119
  flex-direction: column;
3120
3120
  }
3121
- .title[data-v-7d88a5d4],
3122
- .meta[data-v-7d88a5d4],
3123
- .excerpt[data-v-7d88a5d4] {
3121
+ .title[data-v-9f29c4b0],
3122
+ .meta[data-v-9f29c4b0],
3123
+ .excerpt[data-v-9f29c4b0] {
3124
3124
  display: block;
3125
3125
  min-inline-size: 0;
3126
3126
  }
3127
3127
 
3128
3128
  /* An unused region takes no space. */
3129
- .leading[data-v-7d88a5d4]:empty,
3130
- .meta[data-v-7d88a5d4]:empty,
3131
- .excerpt[data-v-7d88a5d4]:empty,
3132
- .trailing[data-v-7d88a5d4]:empty {
3129
+ .leading[data-v-9f29c4b0]:empty,
3130
+ .meta[data-v-9f29c4b0]:empty,
3131
+ .excerpt[data-v-9f29c4b0]:empty,
3132
+ .trailing[data-v-9f29c4b0]:empty {
3133
3133
  display: none;
3134
3134
  }
3135
- [slot="title"][data-v-7d88a5d4-s],[slot="meta"][data-v-7d88a5d4-s],[slot="excerpt"][data-v-7d88a5d4-s] {
3135
+ [slot="title"][data-v-9f29c4b0-s],[slot="meta"][data-v-9f29c4b0-s],[slot="excerpt"][data-v-9f29c4b0-s] {
3136
3136
  display: block;
3137
3137
  margin: 0;
3138
3138
  }
3139
3139
 
3140
3140
  /* A component that sets its display still honours the hidden attribute on its root. */
3141
- [data-component~="ui-search-result-row"][hidden][data-v-7d88a5d4] {
3141
+ [data-component~="ui-search-result-row"][hidden][data-v-9f29c4b0] {
3142
3142
  display: none;
3143
3143
  }
3144
3144
 
3145
- [data-component~="ui-search-shell"][data-v-976b649d] {
3145
+ [data-component~="ui-search-shell"][data-v-d27d0d8a] {
3146
3146
  display: contents;
3147
3147
  }
3148
- dialog[data-v-976b649d] {
3148
+ dialog[data-v-d27d0d8a] {
3149
3149
  position: fixed;
3150
3150
  inset: 0;
3151
3151
  z-index: var(--ui-search-shell-z-index, 400);
@@ -3163,10 +3163,10 @@ dialog[data-v-976b649d] {
3163
3163
  background: var(--ui-overlay-backdrop);
3164
3164
  color: var(--ui-text-primary);
3165
3165
  }
3166
- dialog[data-v-976b649d]::backdrop {
3166
+ dialog[data-v-d27d0d8a]::backdrop {
3167
3167
  background: var(--ui-overlay-backdrop);
3168
3168
  }
3169
- .panel[data-v-976b649d] {
3169
+ .panel[data-v-d27d0d8a] {
3170
3170
  position: relative;
3171
3171
  display: flex;
3172
3172
  flex-direction: column;
@@ -3179,7 +3179,7 @@ dialog[data-v-976b649d]::backdrop {
3179
3179
  border-radius: var(--ui-search-shell-radius, var(--ui-radius-dialog));
3180
3180
  box-shadow: var(--ui-search-shell-shadow, var(--ui-elevation-dialog, var(--ui-shadow-xl)));
3181
3181
  }
3182
- .search[data-v-976b649d] {
3182
+ .search[data-v-d27d0d8a] {
3183
3183
  padding: var(--ui-space-3);
3184
3184
  border-block-end: 1px solid var(--ui-border-default);
3185
3185
  transition:
@@ -3188,11 +3188,11 @@ dialog[data-v-976b649d]::backdrop {
3188
3188
  }
3189
3189
 
3190
3190
  /* The search region shows where typing goes, whatever the author put in it. */
3191
- .search[data-v-976b649d]:focus-within {
3191
+ .search[data-v-d27d0d8a]:focus-within {
3192
3192
  border-block-end-color: var(--ui-search-shell-focus-color, var(--ui-control-focus));
3193
3193
  box-shadow: inset 0 -1px 0 var(--ui-search-shell-focus-color, var(--ui-control-focus));
3194
3194
  }
3195
- input[slot="search"][data-v-976b649d-s] {
3195
+ input[slot="search"][data-v-d27d0d8a-s] {
3196
3196
  box-sizing: border-box;
3197
3197
  inline-size: 100%;
3198
3198
  min-block-size: var(--ui-control-min-block-size);
@@ -3204,24 +3204,24 @@ input[slot="search"][data-v-976b649d-s] {
3204
3204
  font: inherit;
3205
3205
  box-shadow: var(--ui-shadow-xs);
3206
3206
  }
3207
- input[slot="search"][data-v-976b649d-s]:focus-visible {
3207
+ input[slot="search"][data-v-d27d0d8a-s]:focus-visible {
3208
3208
  border-color: var(--ui-control-focus);
3209
3209
  outline: 2px solid var(--ui-focus-ring);
3210
3210
  outline-offset: 2px;
3211
3211
  }
3212
- .status[data-v-976b649d],
3213
- .footer[data-v-976b649d] {
3212
+ .status[data-v-d27d0d8a],
3213
+ .footer[data-v-d27d0d8a] {
3214
3214
  flex-shrink: 0;
3215
3215
  padding: var(--ui-space-2) var(--ui-space-4);
3216
3216
  color: var(--ui-text-secondary);
3217
3217
  font-size: var(--ui-font-size-sm);
3218
3218
  }
3219
- .status[data-v-976b649d] {
3219
+ .status[data-v-d27d0d8a] {
3220
3220
  border-block-end: 1px solid var(--ui-border-default);
3221
3221
  }
3222
3222
 
3223
3223
  /* Laid out like the dialog's action row: actions right-aligned, spaced as buttons, no fill. */
3224
- .footer[data-v-976b649d] {
3224
+ .footer[data-v-d27d0d8a] {
3225
3225
  display: flex;
3226
3226
  flex-wrap: wrap;
3227
3227
  align-items: center;
@@ -3230,21 +3230,21 @@ input[slot="search"][data-v-976b649d-s]:focus-visible {
3230
3230
  padding: var(--ui-space-3) var(--ui-space-4);
3231
3231
  border-block-start: 1px solid var(--ui-border-default);
3232
3232
  }
3233
- .status[data-v-976b649d]:empty,
3234
- .footer[data-v-976b649d]:empty {
3233
+ .status[data-v-d27d0d8a]:empty,
3234
+ .footer[data-v-d27d0d8a]:empty {
3235
3235
  display: none;
3236
3236
  }
3237
- .body[data-v-976b649d] {
3237
+ .body[data-v-d27d0d8a] {
3238
3238
  flex: 1;
3239
3239
  min-block-size: 0;
3240
3240
  overflow: auto;
3241
3241
  padding: var(--ui-space-2);
3242
3242
  }
3243
3243
  @media (max-width: 47.9375rem) {
3244
- dialog[data-v-976b649d] {
3244
+ dialog[data-v-d27d0d8a] {
3245
3245
  padding: 0;
3246
3246
  }
3247
- .panel[data-v-976b649d] {
3247
+ .panel[data-v-d27d0d8a] {
3248
3248
  inline-size: 100%;
3249
3249
  min-block-size: 100dvh;
3250
3250
  max-block-size: none;
@@ -3254,11 +3254,11 @@ dialog[data-v-976b649d] {
3254
3254
  }
3255
3255
 
3256
3256
  /* A component that sets its display still honours the hidden attribute on its root. */
3257
- [data-component~="ui-search-shell"][hidden][data-v-976b649d] {
3257
+ [data-component~="ui-search-shell"][hidden][data-v-d27d0d8a] {
3258
3258
  display: none;
3259
3259
  }
3260
3260
 
3261
- [data-component~="ui-select"][data-v-01335c35] {
3261
+ [data-component~="ui-select"][data-v-d36968b7] {
3262
3262
  box-sizing: border-box;
3263
3263
  display: inline-block;
3264
3264
  inline-size: 100%;
@@ -3282,7 +3282,7 @@ dialog[data-v-976b649d] {
3282
3282
 
3283
3283
  /* Single selects draw their own chevron: the native caret cannot be inset or sized consistently.
3284
3284
  * The root stays a native <s-lect>, so the icon is a background image rather than an element. */
3285
- [data-component~="ui-select"][data-v-01335c35]:not([multiple]) {
3285
+ [data-component~="ui-select"][data-v-d36968b7]:not([multiple]) {
3286
3286
  appearance: none;
3287
3287
  padding-inline-end: calc(var(--ui-space-3) + 1.5rem);
3288
3288
  background-image: var(
@@ -3293,10 +3293,10 @@ dialog[data-v-976b649d] {
3293
3293
  background-position: right var(--ui-space-3) center;
3294
3294
  background-size: 1.125rem 1.125rem;
3295
3295
  }
3296
- [data-component~="ui-select"][data-v-01335c35]:hover:not(:focus):not(:disabled) {
3296
+ [data-component~="ui-select"][data-v-d36968b7]:hover:not(:focus):not(:disabled) {
3297
3297
  border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
3298
3298
  }
3299
- [data-component~="ui-select"][data-v-01335c35]:focus-visible {
3299
+ [data-component~="ui-select"][data-v-d36968b7]:focus-visible {
3300
3300
  border-color: var(--ui-control-focus, var(--ui-accent-solid));
3301
3301
  outline: none;
3302
3302
  box-shadow: var(
@@ -3307,46 +3307,46 @@ dialog[data-v-976b649d] {
3307
3307
  }
3308
3308
 
3309
3309
  /* The app's invalid flag, or the browser's own verdict once the user has left an invalid field. */
3310
- [data-component~="ui-select"][aria-invalid="true"][data-v-01335c35],
3311
- [data-component~="ui-select"][data-v-01335c35]:is(:user-invalid, [data-user-invalid]) {
3310
+ [data-component~="ui-select"][aria-invalid="true"][data-v-d36968b7],
3311
+ [data-component~="ui-select"][data-v-d36968b7]:is(:user-invalid, [data-user-invalid]) {
3312
3312
  border-color: var(--ui-danger-solid);
3313
3313
  }
3314
- [data-component~="ui-select"][data-v-01335c35]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
3314
+ [data-component~="ui-select"][data-v-d36968b7]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
3315
3315
  box-shadow:
3316
3316
  var(--ui-control-inset),
3317
3317
  0 0 0 3px color-mix(in srgb, var(--ui-danger-solid) 22%, transparent);
3318
3318
  }
3319
- [data-component~="ui-select"][data-v-01335c35]:disabled {
3319
+ [data-component~="ui-select"][data-v-d36968b7]:disabled {
3320
3320
  background-color: var(--ui-control-surface-disabled, var(--ui-surface-muted));
3321
3321
  color: var(--ui-text-muted);
3322
3322
  box-shadow: none;
3323
3323
  cursor: not-allowed;
3324
3324
  }
3325
- [data-component~="ui-select"][multiple][data-v-01335c35],
3326
- [data-component~="ui-select"][size][data-v-01335c35]:not([size="1"]) {
3325
+ [data-component~="ui-select"][multiple][data-v-d36968b7],
3326
+ [data-component~="ui-select"][size][data-v-d36968b7]:not([size="1"]) {
3327
3327
  min-block-size: 7rem;
3328
3328
  padding: var(--ui-space-2);
3329
3329
  }
3330
3330
 
3331
3331
  /* A component that sets its display still honours the hidden attribute on its root. */
3332
- [data-component~="ui-select"][hidden][data-v-01335c35] {
3332
+ [data-component~="ui-select"][hidden][data-v-d36968b7] {
3333
3333
  display: none;
3334
3334
  }
3335
3335
 
3336
- hr[data-v-f0034397] {
3336
+ hr[data-v-f07c3800] {
3337
3337
  box-sizing: border-box;
3338
3338
  align-self: stretch;
3339
3339
  margin: 0;
3340
3340
  border: 0;
3341
3341
  border-block-start: 1px solid var(--ui-separator-color, var(--ui-border-default));
3342
3342
  }
3343
- hr[aria-orientation="vertical"][data-v-f0034397] {
3343
+ hr[aria-orientation="vertical"][data-v-f07c3800] {
3344
3344
  block-size: auto;
3345
3345
  border-block-start: 0;
3346
3346
  border-inline-start: 1px solid var(--ui-separator-color, var(--ui-border-default));
3347
3347
  }
3348
3348
 
3349
- [data-component~="ui-sidebar"][data-v-a2e22569] {
3349
+ [data-component~="ui-sidebar"][data-v-4bcdb743] {
3350
3350
  position: relative;
3351
3351
  box-sizing: border-box;
3352
3352
  display: flex;
@@ -3358,21 +3358,21 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
3358
3358
  background: var(--ui-sidebar-surface, var(--ui-surface-default));
3359
3359
  border-inline-end: 1px solid var(--ui-sidebar-border, var(--ui-border-default));
3360
3360
  }
3361
- [data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][data-v-a2e22569] {
3361
+ [data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][data-v-4bcdb743] {
3362
3362
  border-inline-end: 0;
3363
3363
  border-inline-start: 1px solid var(--ui-sidebar-border, var(--ui-border-default));
3364
3364
  }
3365
- .content[data-v-a2e22569] {
3365
+ .content[data-v-4bcdb743] {
3366
3366
  flex: 1;
3367
3367
  min-block-size: 0;
3368
3368
  overflow: auto;
3369
3369
  }
3370
3370
 
3371
3371
  /* Collapsed while docked. */
3372
- [data-component~="ui-sidebar"][data-ui-sidebar-state~="internalCollapsed"][data-v-a2e22569]:not([popover]) {
3372
+ [data-component~="ui-sidebar"][data-ui-sidebar-state~="internalCollapsed"][data-v-4bcdb743]:not([popover]) {
3373
3373
  display: none;
3374
3374
  }
3375
- .resizer[data-v-a2e22569] {
3375
+ .resizer[data-v-4bcdb743] {
3376
3376
  position: absolute;
3377
3377
  z-index: 1;
3378
3378
  inset-block: 0;
@@ -3385,15 +3385,15 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
3385
3385
  touch-action: none;
3386
3386
  outline: none;
3387
3387
  }
3388
- .resizer[hidden][data-v-a2e22569] {
3388
+ .resizer[hidden][data-v-4bcdb743] {
3389
3389
  display: none;
3390
3390
  }
3391
- [data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"] .resizer[data-v-a2e22569] {
3391
+ [data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"] .resizer[data-v-4bcdb743] {
3392
3392
  inset-inline-end: auto;
3393
3393
  inset-inline-start: 0;
3394
3394
  transform: translateX(-50%);
3395
3395
  }
3396
- .resizer[data-v-a2e22569]::after {
3396
+ .resizer[data-v-4bcdb743]::after {
3397
3397
  content: "";
3398
3398
  position: absolute;
3399
3399
  inset-block: 0;
@@ -3409,7 +3409,7 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
3409
3409
  background-color var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
3410
3410
  opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
3411
3411
  }
3412
- .guide[data-v-a2e22569] {
3412
+ .guide[data-v-4bcdb743] {
3413
3413
  position: absolute;
3414
3414
  inset-block-start: 50%;
3415
3415
  inset-inline-start: 50%;
@@ -3423,16 +3423,16 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
3423
3423
  transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
3424
3424
  pointer-events: none;
3425
3425
  }
3426
- .resizer[data-v-a2e22569]:is(:hover, :focus-visible)::after {
3426
+ .resizer[data-v-4bcdb743]:is(:hover, :focus-visible)::after {
3427
3427
  background: var(--ui-affordance-direct-color, var(--ui-accent-solid, var(--ui-focus-ring)));
3428
3428
  opacity: 1;
3429
3429
  }
3430
- .resizer:is(:hover, :focus-visible) > .guide[data-v-a2e22569] {
3430
+ .resizer:is(:hover, :focus-visible) > .guide[data-v-4bcdb743] {
3431
3431
  opacity: 1;
3432
3432
  }
3433
3433
 
3434
3434
  /* Drawer: a popover in the top layer, sliding in from its edge. Closed popovers are hidden by the UA. */
3435
- [data-component~="ui-sidebar"][popover][data-v-a2e22569] {
3435
+ [data-component~="ui-sidebar"][popover][data-v-4bcdb743] {
3436
3436
  position: fixed;
3437
3437
  inset-block: 0;
3438
3438
  inset-inline-start: 0;
@@ -3452,40 +3452,40 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
3452
3452
  }
3453
3453
 
3454
3454
  /* The author display above would otherwise override the UA rule that hides a closed popover. */
3455
- [data-component~="ui-sidebar"][popover][data-v-a2e22569]:not(:popover-open) {
3455
+ [data-component~="ui-sidebar"][popover][data-v-4bcdb743]:not(:popover-open) {
3456
3456
  display: none;
3457
3457
  transform: translateX(-100%);
3458
3458
  }
3459
- [data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-a2e22569] {
3459
+ [data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-4bcdb743] {
3460
3460
  inset-inline-start: auto;
3461
3461
  inset-inline-end: 0;
3462
3462
  }
3463
- [data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-a2e22569]:not(:popover-open) {
3463
+ [data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-4bcdb743]:not(:popover-open) {
3464
3464
  transform: translateX(100%);
3465
3465
  }
3466
3466
  @starting-style {
3467
- [data-component~="ui-sidebar"][popover][data-v-a2e22569]:popover-open {
3467
+ [data-component~="ui-sidebar"][popover][data-v-4bcdb743]:popover-open {
3468
3468
  transform: translateX(-100%);
3469
3469
  }
3470
- [data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-a2e22569]:popover-open {
3470
+ [data-component~="ui-sidebar"][data-ui-sidebar-state~="side=end"][popover][data-v-4bcdb743]:popover-open {
3471
3471
  transform: translateX(100%);
3472
3472
  }
3473
3473
  }
3474
- [data-component~="ui-sidebar"][popover][data-v-a2e22569]::backdrop {
3474
+ [data-component~="ui-sidebar"][popover][data-v-4bcdb743]::backdrop {
3475
3475
  background: var(--ui-sidebar-backdrop, rgb(0 0 0 / 0.32));
3476
3476
  }
3477
3477
  @media (prefers-reduced-motion: reduce) {
3478
- [data-component~="ui-sidebar"][popover][data-v-a2e22569] {
3478
+ [data-component~="ui-sidebar"][popover][data-v-4bcdb743] {
3479
3479
  transition: none;
3480
3480
  }
3481
3481
  }
3482
3482
 
3483
3483
  /* A component that sets its display still honours the hidden attribute on its root. */
3484
- [data-component~="ui-sidebar"][hidden][data-v-a2e22569] {
3484
+ [data-component~="ui-sidebar"][hidden][data-v-4bcdb743] {
3485
3485
  display: none;
3486
3486
  }
3487
3487
 
3488
- [data-component~="ui-stack"][data-v-9a903e2b] {
3488
+ [data-component~="ui-stack"][data-v-43678d8b] {
3489
3489
  --_layout-gap: var(--ui-space-4);
3490
3490
  display: flex;
3491
3491
  flex-direction: column;
@@ -3495,46 +3495,46 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
3495
3495
  max-inline-size: 100%;
3496
3496
  margin: 0;
3497
3497
  }
3498
- [data-component~="ui-stack"][data-ui-stack-state~="gap=xs"][data-v-9a903e2b] {
3498
+ [data-component~="ui-stack"][data-ui-stack-state~="gap=xs"][data-v-43678d8b] {
3499
3499
  --_layout-gap: var(--ui-space-2);
3500
3500
  }
3501
- [data-component~="ui-stack"][data-ui-stack-state~="gap=s"][data-v-9a903e2b] {
3501
+ [data-component~="ui-stack"][data-ui-stack-state~="gap=s"][data-v-43678d8b] {
3502
3502
  --_layout-gap: var(--ui-space-3);
3503
3503
  }
3504
- [data-component~="ui-stack"][data-ui-stack-state~="gap=m"][data-v-9a903e2b] {
3504
+ [data-component~="ui-stack"][data-ui-stack-state~="gap=m"][data-v-43678d8b] {
3505
3505
  --_layout-gap: var(--ui-space-4);
3506
3506
  }
3507
- [data-component~="ui-stack"][data-ui-stack-state~="gap=l"][data-v-9a903e2b] {
3507
+ [data-component~="ui-stack"][data-ui-stack-state~="gap=l"][data-v-43678d8b] {
3508
3508
  --_layout-gap: var(--ui-space-5);
3509
3509
  }
3510
- [data-component~="ui-stack"][data-ui-stack-state~="gap=xl"][data-v-9a903e2b] {
3510
+ [data-component~="ui-stack"][data-ui-stack-state~="gap=xl"][data-v-43678d8b] {
3511
3511
  --_layout-gap: var(--ui-space-6);
3512
3512
  }
3513
- [data-component~="ui-stack"][data-ui-stack-state~="align=start"][data-v-9a903e2b] {
3513
+ [data-component~="ui-stack"][data-ui-stack-state~="align=start"][data-v-43678d8b] {
3514
3514
  align-items: flex-start;
3515
3515
  }
3516
- [data-component~="ui-stack"][data-ui-stack-state~="align=center"][data-v-9a903e2b] {
3516
+ [data-component~="ui-stack"][data-ui-stack-state~="align=center"][data-v-43678d8b] {
3517
3517
  align-items: center;
3518
3518
  }
3519
- [data-component~="ui-stack"][data-ui-stack-state~="align=end"][data-v-9a903e2b] {
3519
+ [data-component~="ui-stack"][data-ui-stack-state~="align=end"][data-v-43678d8b] {
3520
3520
  align-items: flex-end;
3521
3521
  }
3522
- [data-component~="ui-stack"][data-ui-stack-state~="justify=center"][data-v-9a903e2b] {
3522
+ [data-component~="ui-stack"][data-ui-stack-state~="justify=center"][data-v-43678d8b] {
3523
3523
  justify-content: center;
3524
3524
  }
3525
- [data-component~="ui-stack"][data-ui-stack-state~="justify=end"][data-v-9a903e2b] {
3525
+ [data-component~="ui-stack"][data-ui-stack-state~="justify=end"][data-v-43678d8b] {
3526
3526
  justify-content: flex-end;
3527
3527
  }
3528
- [data-component~="ui-stack"][data-ui-stack-state~="justify=between"][data-v-9a903e2b] {
3528
+ [data-component~="ui-stack"][data-ui-stack-state~="justify=between"][data-v-43678d8b] {
3529
3529
  justify-content: space-between;
3530
3530
  }
3531
3531
 
3532
3532
  /* A component that sets its display still honours the hidden attribute on its root. */
3533
- [data-component~="ui-stack"][hidden][data-v-9a903e2b] {
3533
+ [data-component~="ui-stack"][hidden][data-v-43678d8b] {
3534
3534
  display: none;
3535
3535
  }
3536
3536
 
3537
- [data-component~="ui-switch"][data-v-44eb48fd] {
3537
+ [data-component~="ui-switch"][data-v-529fe437] {
3538
3538
  display: inline-flex;
3539
3539
  align-items: flex-start;
3540
3540
  gap: var(--ui-switch-gap, var(--ui-space-2));
@@ -3542,11 +3542,11 @@ hr[aria-orientation="vertical"][data-v-f0034397] {
3542
3542
  color: var(--ui-text-primary);
3543
3543
  cursor: pointer;
3544
3544
  }
3545
- .label[data-v-44eb48fd] {
3545
+ .label[data-v-529fe437] {
3546
3546
  min-inline-size: 0;
3547
3547
  line-height: var(--ui-line-height-md);
3548
3548
  }
3549
- input[data-v-44eb48fd] {
3549
+ input[data-v-529fe437] {
3550
3550
  appearance: none;
3551
3551
  -webkit-appearance: none;
3552
3552
  position: relative;
@@ -3564,7 +3564,7 @@ input[data-v-44eb48fd] {
3564
3564
  border-color var(--ui-motion-fast) var(--ui-motion-ease);
3565
3565
  margin: 0;
3566
3566
  }
3567
- input[data-v-44eb48fd]::after {
3567
+ input[data-v-529fe437]::after {
3568
3568
  content: "";
3569
3569
  position: absolute;
3570
3570
  top: 3px;
@@ -3576,39 +3576,39 @@ input[data-v-44eb48fd]::after {
3576
3576
  box-shadow: var(--ui-shadow-xs);
3577
3577
  transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
3578
3578
  }
3579
- input[data-v-44eb48fd]:checked {
3579
+ input[data-v-529fe437]:checked {
3580
3580
  background: var(--ui-accent-solid);
3581
3581
  border-color: var(--ui-accent-solid);
3582
3582
  }
3583
- input[data-v-44eb48fd]:checked::after {
3583
+ input[data-v-529fe437]:checked::after {
3584
3584
  transform: translateX(1rem);
3585
3585
  background: var(--ui-text-on-accent);
3586
3586
  }
3587
- input[data-v-44eb48fd]:focus-visible {
3587
+ input[data-v-529fe437]:focus-visible {
3588
3588
  outline: 2px solid var(--ui-focus-ring, var(--ui-accent-solid));
3589
3589
  outline-offset: 2px;
3590
3590
  }
3591
- [data-component~="ui-switch"][data-ui-switch-state~="disabled"][data-v-44eb48fd] {
3591
+ [data-component~="ui-switch"][data-ui-switch-state~="disabled"][data-v-529fe437] {
3592
3592
  color: var(--ui-text-muted);
3593
3593
  cursor: not-allowed;
3594
3594
  }
3595
- [data-component~="ui-switch"][data-ui-switch-state~="disabled"] input[data-v-44eb48fd] {
3595
+ [data-component~="ui-switch"][data-ui-switch-state~="disabled"] input[data-v-529fe437] {
3596
3596
  border-color: var(--ui-border-default);
3597
3597
  background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
3598
3598
  cursor: not-allowed;
3599
3599
  }
3600
3600
  @media (prefers-reduced-motion: reduce) {
3601
- input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
3601
+ input[data-v-529fe437], input[data-v-529fe437]::after {
3602
3602
  transition: none;
3603
3603
  }
3604
3604
  }
3605
3605
 
3606
3606
  /* A component that sets its display still honours the hidden attribute on its root. */
3607
- [data-component~="ui-switch"][hidden][data-v-44eb48fd] {
3607
+ [data-component~="ui-switch"][hidden][data-v-529fe437] {
3608
3608
  display: none;
3609
3609
  }
3610
3610
 
3611
- [data-component~="ui-switcher"][data-v-4ba623e1] {
3611
+ [data-component~="ui-switcher"][data-v-3ed2c685] {
3612
3612
  --_switcher-gap: var(--ui-space-4);
3613
3613
  display: flex;
3614
3614
  flex-wrap: wrap;
@@ -3617,68 +3617,68 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
3617
3617
  max-inline-size: 100%;
3618
3618
  margin: 0;
3619
3619
  }
3620
- [data-component~="ui-switcher"] > [data-v-4ba623e1-s] {
3620
+ [data-component~="ui-switcher"] > [data-v-3ed2c685-s] {
3621
3621
  min-inline-size: 0;
3622
3622
  flex-grow: 1;
3623
3623
  /* The large multiplier makes the basis flip as a group at the intrinsic threshold. */
3624
3624
  flex-basis: calc((var(--ui-switcher-threshold, 30rem) - 100%) * 999);
3625
3625
  }
3626
- [data-component~="ui-switcher"][data-ui-switcher-state~="gap=xs"][data-v-4ba623e1] {
3626
+ [data-component~="ui-switcher"][data-ui-switcher-state~="gap=xs"][data-v-3ed2c685] {
3627
3627
  --_switcher-gap: var(--ui-space-2);
3628
3628
  }
3629
- [data-component~="ui-switcher"][data-ui-switcher-state~="gap=s"][data-v-4ba623e1] {
3629
+ [data-component~="ui-switcher"][data-ui-switcher-state~="gap=s"][data-v-3ed2c685] {
3630
3630
  --_switcher-gap: var(--ui-space-3);
3631
3631
  }
3632
- [data-component~="ui-switcher"][data-ui-switcher-state~="gap=m"][data-v-4ba623e1] {
3632
+ [data-component~="ui-switcher"][data-ui-switcher-state~="gap=m"][data-v-3ed2c685] {
3633
3633
  --_switcher-gap: var(--ui-space-4);
3634
3634
  }
3635
- [data-component~="ui-switcher"][data-ui-switcher-state~="gap=l"][data-v-4ba623e1] {
3635
+ [data-component~="ui-switcher"][data-ui-switcher-state~="gap=l"][data-v-3ed2c685] {
3636
3636
  --_switcher-gap: var(--ui-space-5);
3637
3637
  }
3638
- [data-component~="ui-switcher"][data-ui-switcher-state~="gap=xl"][data-v-4ba623e1] {
3638
+ [data-component~="ui-switcher"][data-ui-switcher-state~="gap=xl"][data-v-3ed2c685] {
3639
3639
  --_switcher-gap: var(--ui-space-6);
3640
3640
  }
3641
- [data-component~="ui-switcher"][data-ui-switcher-state~="threshold=xs"] > [data-v-4ba623e1-s] {
3641
+ [data-component~="ui-switcher"][data-ui-switcher-state~="threshold=xs"] > [data-v-3ed2c685-s] {
3642
3642
  flex-basis: calc((var(--ui-switcher-threshold, 20rem) - 100%) * 999);
3643
3643
  }
3644
- [data-component~="ui-switcher"][data-ui-switcher-state~="threshold=md"] > [data-v-4ba623e1-s] {
3644
+ [data-component~="ui-switcher"][data-ui-switcher-state~="threshold=md"] > [data-v-3ed2c685-s] {
3645
3645
  flex-basis: calc((var(--ui-switcher-threshold, 45rem) - 100%) * 999);
3646
3646
  }
3647
- [data-component~="ui-switcher"][data-ui-switcher-state~="threshold=lg"] > [data-v-4ba623e1-s] {
3647
+ [data-component~="ui-switcher"][data-ui-switcher-state~="threshold=lg"] > [data-v-3ed2c685-s] {
3648
3648
  flex-basis: calc((var(--ui-switcher-threshold, 60rem) - 100%) * 999);
3649
3649
  }
3650
- [data-component~="ui-switcher"][data-ui-switcher-state~="align=start"][data-v-4ba623e1] {
3650
+ [data-component~="ui-switcher"][data-ui-switcher-state~="align=start"][data-v-3ed2c685] {
3651
3651
  align-items: flex-start;
3652
3652
  }
3653
- [data-component~="ui-switcher"][data-ui-switcher-state~="align=center"][data-v-4ba623e1] {
3653
+ [data-component~="ui-switcher"][data-ui-switcher-state~="align=center"][data-v-3ed2c685] {
3654
3654
  align-items: center;
3655
3655
  }
3656
- [data-component~="ui-switcher"][data-ui-switcher-state~="align=end"][data-v-4ba623e1] {
3656
+ [data-component~="ui-switcher"][data-ui-switcher-state~="align=end"][data-v-3ed2c685] {
3657
3657
  align-items: flex-end;
3658
3658
  }
3659
3659
 
3660
3660
  /* A component that sets its display still honours the hidden attribute on its root. */
3661
- [data-component~="ui-switcher"][hidden][data-v-4ba623e1] {
3661
+ [data-component~="ui-switcher"][hidden][data-v-3ed2c685] {
3662
3662
  display: none;
3663
3663
  }
3664
3664
 
3665
3665
  /* Density resolves into the tab row's own values; the public tokens still override them. */
3666
- [data-component~="ui-tabs"][data-v-3e89baea] {
3666
+ [data-component~="ui-tabs"][data-v-f288c3b2] {
3667
3667
  --_tab-min-block-size: var(--ui-control-size);
3668
3668
  --_tab-padding-block: var(--ui-space-2);
3669
3669
  --_tab-padding-inline: var(--ui-space-3);
3670
3670
  }
3671
- [data-component~="ui-tabs"][data-ui-tabs-state~="density=compact"][data-v-3e89baea] {
3671
+ [data-component~="ui-tabs"][data-ui-tabs-state~="density=compact"][data-v-f288c3b2] {
3672
3672
  --_tab-min-block-size: var(--ui-control-size-sm);
3673
3673
  --_tab-padding-block: var(--ui-space-1);
3674
3674
  --_tab-padding-inline: var(--ui-space-2);
3675
3675
  }
3676
- [data-component~="ui-tabs"][data-v-3e89baea] {
3676
+ [data-component~="ui-tabs"][data-v-f288c3b2] {
3677
3677
  display: grid;
3678
3678
  inline-size: 100%;
3679
3679
  min-inline-size: 0;
3680
3680
  }
3681
- .list[data-v-3e89baea] {
3681
+ .list[data-v-f288c3b2] {
3682
3682
  display: grid;
3683
3683
  grid-auto-flow: column;
3684
3684
  grid-auto-columns: max-content;
@@ -3694,7 +3694,7 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
3694
3694
  scrollbar-width: thin;
3695
3695
  border-block-end: 1px solid var(--ui-border-default);
3696
3696
  }
3697
- .list button[data-v-3e89baea] {
3697
+ .list button[data-v-f288c3b2] {
3698
3698
  min-block-size: var(--ui-tabs-tab-min-block-size, var(--_tab-min-block-size));
3699
3699
  margin: 0 0 -1px;
3700
3700
  padding: var(--ui-tabs-tab-padding-block, var(--_tab-padding-block))
@@ -3717,7 +3717,7 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
3717
3717
  /* Centre the glyphs, not the line box: a label without descenders otherwise reads high.
3718
3718
  * Trimming applies to block containers, so the box is a block with centred content. */
3719
3719
  @supports (text-box-trim: trim-both) {
3720
- .list button[data-v-3e89baea] {
3720
+ .list button[data-v-f288c3b2] {
3721
3721
  display: block;
3722
3722
  text-align: center;
3723
3723
  align-content: center;
@@ -3725,43 +3725,43 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
3725
3725
  text-box-edge: cap alphabetic;
3726
3726
  }
3727
3727
  }
3728
- [data-component~="ui-tabs"][data-ui-tabs-state~="stretch"] .list[data-v-3e89baea] {
3728
+ [data-component~="ui-tabs"][data-ui-tabs-state~="stretch"] .list[data-v-f288c3b2] {
3729
3729
  grid-auto-columns: minmax(max-content, 1fr);
3730
3730
  }
3731
- .list button[data-v-3e89baea] {
3731
+ .list button[data-v-f288c3b2] {
3732
3732
  white-space: nowrap;
3733
3733
  }
3734
- .list button[data-v-3e89baea]:hover {
3734
+ .list button[data-v-f288c3b2]:hover {
3735
3735
  color: var(--ui-text-primary);
3736
3736
  background: var(--ui-surface-muted);
3737
3737
  }
3738
- .list button[aria-selected="true"][data-v-3e89baea] {
3738
+ .list button[aria-selected="true"][data-v-f288c3b2] {
3739
3739
  color: var(--ui-accent-solid);
3740
3740
  border-block-end-color: var(--ui-accent-solid);
3741
3741
  }
3742
- .list button[data-v-3e89baea]:focus-visible {
3742
+ .list button[data-v-f288c3b2]:focus-visible {
3743
3743
  position: relative;
3744
3744
  outline: none;
3745
3745
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ui-focus-ring) 45%, transparent);
3746
3746
  border-radius: var(--ui-radius-sm);
3747
3747
  }
3748
- .panels[data-v-3e89baea] {
3748
+ .panels[data-v-f288c3b2] {
3749
3749
  min-inline-size: 0;
3750
3750
  }
3751
- [data-v-3e89baea-s] {
3751
+ [data-v-f288c3b2-s] {
3752
3752
  padding: var(--ui-space-4);
3753
3753
  }
3754
- [data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"][data-v-3e89baea] {
3754
+ [data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"][data-v-f288c3b2] {
3755
3755
  grid-template-columns: max-content minmax(0, 1fr);
3756
3756
  align-items: start;
3757
3757
  }
3758
- [data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list[data-v-3e89baea] {
3758
+ [data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list[data-v-f288c3b2] {
3759
3759
  grid-auto-flow: row;
3760
3760
  grid-auto-columns: auto;
3761
3761
  border-block-end: 0;
3762
3762
  border-inline-end: 1px solid var(--ui-border-default);
3763
3763
  }
3764
- [data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list button[data-v-3e89baea] {
3764
+ [data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"] .list button[data-v-f288c3b2] {
3765
3765
  margin: 0 -1px 0 0;
3766
3766
  border-block-end: 0;
3767
3767
  border-inline-end: 2px solid transparent;
@@ -3769,21 +3769,21 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
3769
3769
  }
3770
3770
  [data-component~="ui-tabs"][data-ui-tabs-state~="orientation=vertical"]
3771
3771
  .list
3772
- button[aria-selected="true"][data-v-3e89baea] {
3772
+ button[aria-selected="true"][data-v-f288c3b2] {
3773
3773
  border-inline-end-color: var(--ui-accent-solid);
3774
3774
  }
3775
3775
  @media (prefers-reduced-motion: reduce) {
3776
- .list button[data-v-3e89baea] {
3776
+ .list button[data-v-f288c3b2] {
3777
3777
  transition: none;
3778
3778
  }
3779
3779
  }
3780
3780
 
3781
3781
  /* A component that sets its display still honours the hidden attribute on its root. */
3782
- [data-component~="ui-tabs"][hidden][data-v-3e89baea] {
3782
+ [data-component~="ui-tabs"][hidden][data-v-f288c3b2] {
3783
3783
  display: none;
3784
3784
  }
3785
3785
 
3786
- [data-component~="ui-textarea"][data-v-2b01ccc0] {
3786
+ [data-component~="ui-textarea"][data-v-fd749c95] {
3787
3787
  box-sizing: border-box;
3788
3788
  display: inline-block;
3789
3789
  inline-size: 100%;
@@ -3807,18 +3807,18 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
3807
3807
  }
3808
3808
 
3809
3809
  /* Tabbing into a field selects its text; tint that selection softly instead of the page highlight. */
3810
- [data-component~="ui-textarea"][data-v-2b01ccc0]::selection {
3810
+ [data-component~="ui-textarea"][data-v-fd749c95]::selection {
3811
3811
  background: color-mix(in srgb, var(--ui-accent-solid) 20%, transparent);
3812
3812
  color: inherit;
3813
3813
  }
3814
- [data-component~="ui-textarea"][data-v-2b01ccc0]::placeholder {
3814
+ [data-component~="ui-textarea"][data-v-fd749c95]::placeholder {
3815
3815
  color: var(--ui-control-placeholder, var(--ui-text-secondary));
3816
3816
  opacity: 1;
3817
3817
  }
3818
- [data-component~="ui-textarea"][data-v-2b01ccc0]:hover:not(:focus):not(:disabled) {
3818
+ [data-component~="ui-textarea"][data-v-fd749c95]:hover:not(:focus):not(:disabled) {
3819
3819
  border-color: var(--ui-control-border-hover, var(--ui-text-secondary));
3820
3820
  }
3821
- [data-component~="ui-textarea"][data-v-2b01ccc0]:focus-visible {
3821
+ [data-component~="ui-textarea"][data-v-fd749c95]:focus-visible {
3822
3822
  border-color: var(--ui-control-focus, var(--ui-accent-solid));
3823
3823
  outline: none;
3824
3824
  box-shadow: var(
@@ -3829,16 +3829,16 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
3829
3829
  }
3830
3830
 
3831
3831
  /* The app's invalid flag, or the browser's own verdict once the user has left an invalid field. */
3832
- [data-component~="ui-textarea"][aria-invalid="true"][data-v-2b01ccc0],
3833
- [data-component~="ui-textarea"][data-v-2b01ccc0]:is(:user-invalid, [data-user-invalid]) {
3832
+ [data-component~="ui-textarea"][aria-invalid="true"][data-v-fd749c95],
3833
+ [data-component~="ui-textarea"][data-v-fd749c95]:is(:user-invalid, [data-user-invalid]) {
3834
3834
  border-color: var(--ui-danger-solid);
3835
3835
  }
3836
- [data-component~="ui-textarea"][data-v-2b01ccc0]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
3836
+ [data-component~="ui-textarea"][data-v-fd749c95]:is([aria-invalid="true"], :is(:user-invalid, [data-user-invalid])):focus-visible {
3837
3837
  box-shadow:
3838
3838
  var(--ui-control-inset),
3839
3839
  0 0 0 3px color-mix(in srgb, var(--ui-danger-solid) 22%, transparent);
3840
3840
  }
3841
- [data-component~="ui-textarea"][data-v-2b01ccc0]:disabled {
3841
+ [data-component~="ui-textarea"][data-v-fd749c95]:disabled {
3842
3842
  background: var(--ui-control-surface-disabled, var(--ui-surface-muted));
3843
3843
  color: var(--ui-text-muted);
3844
3844
  box-shadow: none;
@@ -3846,11 +3846,11 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
3846
3846
  }
3847
3847
 
3848
3848
  /* A component that sets its display still honours the hidden attribute on its root. */
3849
- [data-component~="ui-textarea"][hidden][data-v-2b01ccc0] {
3849
+ [data-component~="ui-textarea"][hidden][data-v-fd749c95] {
3850
3850
  display: none;
3851
3851
  }
3852
3852
 
3853
- [data-component~="ui-toast-region"][data-v-660faa24] {
3853
+ [data-component~="ui-toast-region"][data-v-925e00c2] {
3854
3854
  position: fixed;
3855
3855
  top: calc(var(--ui-space-4) + env(safe-area-inset-top));
3856
3856
  right: auto;
@@ -3872,14 +3872,14 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
3872
3872
  box-shadow: none;
3873
3873
  pointer-events: none;
3874
3874
  }
3875
- [data-component~="ui-toast-region"][data-v-660faa24]:not(:popover-open) {
3875
+ [data-component~="ui-toast-region"][data-v-925e00c2]:not(:popover-open) {
3876
3876
  display: none;
3877
3877
  }
3878
- [data-component~="ui-toast-region"] > .toast[data-v-660faa24],
3879
- [data-component~="ui-toast-region"] > [data-v-660faa24-s] {
3878
+ [data-component~="ui-toast-region"] > .toast[data-v-925e00c2],
3879
+ [data-component~="ui-toast-region"] > [data-v-925e00c2-s] {
3880
3880
  pointer-events: auto;
3881
3881
  }
3882
- .toast[data-v-660faa24] {
3882
+ .toast[data-v-925e00c2] {
3883
3883
  display: grid;
3884
3884
  grid-template-columns: 1fr auto;
3885
3885
  gap: var(--ui-space-2);
@@ -3890,16 +3890,16 @@ input[data-v-44eb48fd], input[data-v-44eb48fd]::after {
3890
3890
  background: var(--ui-surface-elevated);
3891
3891
  color: var(--ui-text-primary);
3892
3892
  box-shadow: var(--ui-elevation-overlay, var(--ui-shadow-lg));
3893
- animation: ui-toast-enter-660faa24 var(--ui-toast-region-enter-duration, 0.32s)
3893
+ animation: ui-toast-enter-925e00c2 var(--ui-toast-region-enter-duration, 0.32s)
3894
3894
  var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
3895
3895
  }
3896
3896
 
3897
3897
  /* Leaving slides on down and fades; the controller removes the toast when this ends. */
3898
- .toast.closing[data-v-660faa24] {
3899
- animation: ui-toast-exit-660faa24 var(--ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease) both;
3898
+ .toast.closing[data-v-925e00c2] {
3899
+ animation: ui-toast-exit-925e00c2 var(--ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease) both;
3900
3900
  pointer-events: none;
3901
3901
  }
3902
- @keyframes ui-toast-enter-660faa24 {
3902
+ @keyframes ui-toast-enter-925e00c2 {
3903
3903
  from {
3904
3904
  opacity: 0;
3905
3905
  transform: translateY(-1rem);
@@ -3909,7 +3909,7 @@ to {
3909
3909
  transform: translateY(0);
3910
3910
  }
3911
3911
  }
3912
- @keyframes ui-toast-exit-660faa24 {
3912
+ @keyframes ui-toast-exit-925e00c2 {
3913
3913
  from {
3914
3914
  opacity: 1;
3915
3915
  transform: translateY(0);
@@ -3920,25 +3920,25 @@ to {
3920
3920
  }
3921
3921
  }
3922
3922
  @media (prefers-reduced-motion: reduce) {
3923
- .toast[data-v-660faa24], .toast.closing[data-v-660faa24] {
3923
+ .toast[data-v-925e00c2], .toast.closing[data-v-925e00c2] {
3924
3924
  animation: none;
3925
3925
  }
3926
3926
  }
3927
- .message[data-v-660faa24] {
3927
+ .message[data-v-925e00c2] {
3928
3928
  min-inline-size: 0;
3929
3929
  align-self: center;
3930
3930
  }
3931
- .dismiss[data-v-660faa24] {
3931
+ .dismiss[data-v-925e00c2] {
3932
3932
  align-self: center;
3933
3933
  margin-inline-end: calc(var(--ui-space-2) * -1);
3934
3934
  }
3935
3935
 
3936
3936
  /* A component that sets its display still honours the hidden attribute on its root. */
3937
- [data-component~="ui-toast-region"][hidden][data-v-660faa24] {
3937
+ [data-component~="ui-toast-region"][hidden][data-v-925e00c2] {
3938
3938
  display: none;
3939
3939
  }
3940
3940
 
3941
- [data-component~="ui-top-bar"][data-v-88437f08] {
3941
+ [data-component~="ui-top-bar"][data-v-d08120f9] {
3942
3942
  position: sticky;
3943
3943
  inset-block-start: 0;
3944
3944
  z-index: var(--ui-top-bar-z-index, 100);
@@ -3958,61 +3958,62 @@ to {
3958
3958
  background: var(--ui-top-bar-surface, var(--ui-surface-elevated));
3959
3959
  border-block-end: 1px solid var(--ui-top-bar-border, var(--ui-border-default));
3960
3960
  }
3961
- .leading[data-v-88437f08],
3962
- .search[data-v-88437f08],
3963
- .actions[data-v-88437f08] {
3961
+ .leading[data-v-d08120f9],
3962
+ .search[data-v-d08120f9],
3963
+ .actions[data-v-d08120f9] {
3964
3964
  display: flex;
3965
3965
  align-items: center;
3966
3966
  flex-shrink: 0;
3967
3967
  }
3968
- .actions[data-v-88437f08] {
3968
+ .actions[data-v-d08120f9] {
3969
3969
  gap: var(--ui-top-bar-actions-gap, var(--ui-space-1));
3970
3970
  }
3971
- .title[data-v-88437f08] {
3971
+ .title[data-v-d08120f9] {
3972
3972
  min-inline-size: 0;
3973
3973
  flex: 1;
3974
3974
  }
3975
3975
 
3976
3976
  /* An unused region takes no space, so it adds no gap. */
3977
- .leading[data-v-88437f08]:empty,
3978
- .search[data-v-88437f08]:empty,
3979
- .actions[data-v-88437f08]:empty {
3977
+ .leading[data-v-d08120f9]:empty,
3978
+ .search[data-v-d08120f9]:empty,
3979
+ .actions[data-v-d08120f9]:empty {
3980
3980
  display: none;
3981
3981
  }
3982
3982
 
3983
3983
  /* A component that sets its display still honours the hidden attribute on its root. */
3984
- [data-component~="ui-top-bar"][hidden][data-v-88437f08] {
3984
+ [data-component~="ui-top-bar"][hidden][data-v-d08120f9] {
3985
3985
  display: none;
3986
3986
  }
3987
3987
 
3988
- [data-component~="ui-tree"][data-ui-tree-state~="density=compact"][data-v-e94f7a5c] {
3988
+ [data-component~="ui-tree"][data-ui-tree-state~="density=compact"][data-v-89a4437c] {
3989
3989
  --ui-tree-item-min-block-size: var(--ui-control-size-sm);
3990
3990
  --ui-tree-item-font-size: var(--ui-font-size-sm);
3991
3991
  --ui-tree-item-label-padding-block: 0;
3992
3992
  }
3993
- [data-component~="ui-tree"][data-v-e94f7a5c] {
3993
+ [data-component~="ui-tree"][data-v-89a4437c] {
3994
3994
  display: block;
3995
3995
  min-inline-size: 0;
3996
3996
  padding-inline-start: var(--ui-tree-gutter, 0px);
3997
3997
  }
3998
3998
 
3999
3999
  /* A component that sets its display still honours the hidden attribute on its root. */
4000
- [data-component~="ui-tree"][hidden][data-v-e94f7a5c] {
4000
+ [data-component~="ui-tree"][hidden][data-v-89a4437c] {
4001
4001
  display: none;
4002
4002
  }
4003
4003
 
4004
- [data-component~="ui-tree-item"][data-v-b57a29c6] {
4004
+ [data-component~="ui-tree-item"][data-v-9b8fd08d] {
4005
4005
  --_tree-row-min-height: 32px;
4006
+ --_tree-disclosure-size: 16px;
4006
4007
 
4007
4008
  position: relative;
4008
4009
  display: block;
4009
4010
  min-inline-size: 0;
4010
4011
  margin-inline-start: calc(var(--ui-tree-item-depth, 0) * var(--ui-tree-indent, 16px));
4011
4012
  }
4012
- .row[data-v-b57a29c6] {
4013
+ .row[data-v-9b8fd08d] {
4013
4014
  position: relative;
4014
4015
  display: grid;
4015
- grid-template-columns: 20px auto minmax(0, 1fr) auto;
4016
+ grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr);
4016
4017
  align-items: center;
4017
4018
  min-block-size: var(--ui-tree-item-min-block-size, var(--_tree-row-min-height));
4018
4019
  min-inline-size: 0;
@@ -4026,40 +4027,41 @@ to {
4026
4027
  box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
4027
4028
  min-block-size var(--ui-motion-base) var(--ui-motion-ease);
4028
4029
  }
4029
- .row[data-v-b57a29c6]:hover,
4030
- [data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] .row[data-v-b57a29c6],
4031
- .row[data-v-b57a29c6]:focus-within {
4030
+ .row[data-v-9b8fd08d]:hover,
4031
+ [data-component~="ui-tree-item"][data-ui-tree-item-state~="selected"] .row[data-v-9b8fd08d],
4032
+ .row[data-v-9b8fd08d]:focus-within {
4032
4033
  color: var(--ui-text-primary);
4033
4034
  background: var(--ui-surface-muted);
4034
4035
  }
4035
- [data-component~="ui-tree-item"][data-ui-tree-item-state~="disabled"] .row[data-v-b57a29c6] {
4036
+ [data-component~="ui-tree-item"][data-ui-tree-item-state~="disabled"] .row[data-v-9b8fd08d] {
4036
4037
  opacity: 0.55;
4037
4038
  }
4038
- [data-component~="ui-tree-item"][data-dragging] .row[data-v-b57a29c6] {
4039
+ [data-component~="ui-tree-item"][data-dragging] .row[data-v-9b8fd08d] {
4039
4040
  opacity: 0.42;
4040
4041
  }
4041
- [data-component~="ui-tree-item"][data-v-b57a29c6]:focus {
4042
+ [data-component~="ui-tree-item"][data-v-9b8fd08d]:focus {
4042
4043
  outline: none;
4043
4044
  }
4044
- [data-component~="ui-tree-item"]:focus-visible .row[data-v-b57a29c6] {
4045
+ [data-component~="ui-tree-item"]:focus-visible .row[data-v-9b8fd08d] {
4045
4046
  box-shadow: 0 0 0 2px var(--ui-focus-ring);
4046
4047
  }
4047
4048
 
4048
4049
  /* Child combinators: drop feedback belongs to this item's own row, not the rows nested in it. */
4049
- [data-component~="ui-tree-item"][data-drop-position="inside"] > .row[data-v-b57a29c6] {
4050
+ [data-component~="ui-tree-item"][data-drop-position="inside"] > .row[data-v-9b8fd08d] {
4050
4051
  background: var(--ui-accent-subtle);
4051
4052
  box-shadow: inset 0 0 0 1px var(--ui-tree-drop-color, var(--ui-accent-solid));
4052
4053
  }
4053
- .disclosure[data-v-b57a29c6],
4054
- .disclosure-spacer[data-v-b57a29c6] {
4054
+ .disclosure[data-v-9b8fd08d],
4055
+ .disclosure-spacer[data-v-9b8fd08d] {
4055
4056
  grid-column: 1;
4056
4057
  grid-row: 1;
4057
- inline-size: 20px;
4058
+ inline-size: var(--_tree-disclosure-size);
4058
4059
  block-size: 28px;
4059
4060
  }
4060
- .disclosure[data-v-b57a29c6] {
4061
+ .disclosure[data-v-9b8fd08d] {
4061
4062
  display: grid;
4062
- place-items: center;
4063
+ /* Start-aligned: the chevron's ink, not its hit area, aligns with the content above it. */
4064
+ place-items: center start;
4063
4065
  padding: 0;
4064
4066
  color: var(--ui-text-muted);
4065
4067
  background: transparent;
@@ -4067,44 +4069,44 @@ to {
4067
4069
  border-radius: var(--ui-radius-sm);
4068
4070
  cursor: pointer;
4069
4071
  }
4070
- .disclosure[hidden][data-v-b57a29c6] {
4072
+ .disclosure[hidden][data-v-9b8fd08d] {
4071
4073
  display: none;
4072
4074
  }
4073
- .disclosure[data-v-b57a29c6]:hover {
4075
+ .disclosure[data-v-9b8fd08d]:hover {
4074
4076
  color: var(--ui-text-primary);
4075
4077
  background: var(--ui-surface-elevated);
4076
4078
  }
4077
- .disclosure-icon[data-v-b57a29c6] {
4079
+ .disclosure-icon[data-v-9b8fd08d] {
4078
4080
  display: grid;
4079
4081
  place-items: center;
4080
- inline-size: 14px;
4081
- block-size: 14px;
4082
+ inline-size: 12px;
4083
+ block-size: 12px;
4082
4084
  transform: rotate(-90deg);
4083
4085
  transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
4084
4086
  }
4085
- .disclosure-icon[data-v-b57a29c6]::before {
4087
+ .disclosure-icon[data-v-9b8fd08d]::before {
4086
4088
  display: block;
4087
- inline-size: 0.45rem;
4088
- block-size: 0.45rem;
4089
- border-inline-end: 2px solid currentColor;
4090
- border-block-end: 2px solid currentColor;
4089
+ inline-size: 0.375rem;
4090
+ block-size: 0.375rem;
4091
+ border-inline-end: 1.5px solid currentColor;
4092
+ border-block-end: 1.5px solid currentColor;
4091
4093
  content: "";
4092
4094
  /* A chevron's ink sits below its box centre; lift it so it centres optically (in either rotation). */
4093
4095
  transform: translateY(-20%) rotate(45deg);
4094
4096
  }
4095
- [data-component~="ui-tree-item"][aria-expanded="true"] .disclosure-icon[data-v-b57a29c6] {
4097
+ [data-component~="ui-tree-item"][aria-expanded="true"] .disclosure-icon[data-v-9b8fd08d] {
4096
4098
  transform: rotate(0deg);
4097
4099
  }
4098
4100
 
4099
4101
  /* Lucide grip-vertical, filling the handle as in Looma 0.2. */
4100
- .drag-handle svg[data-v-b57a29c6] {
4102
+ .drag-handle svg[data-v-9b8fd08d] {
4101
4103
  display: block;
4102
4104
  inline-size: 100%;
4103
4105
  block-size: 100%;
4104
4106
  }
4105
4107
 
4106
4108
  /* Slotted content is outside this scope, so :has() cannot see it; hide only a truly empty slot. */
4107
- .leading[data-v-b57a29c6] {
4109
+ .leading[data-v-9b8fd08d] {
4108
4110
  display: inline-grid;
4109
4111
  place-items: center;
4110
4112
  grid-column: 2;
@@ -4114,12 +4116,12 @@ to {
4114
4116
  margin-inline-start: var(--ui-space-1);
4115
4117
  color: var(--ui-text-muted);
4116
4118
  }
4117
- .leading[data-v-b57a29c6]:empty {
4119
+ .leading[data-v-9b8fd08d]:empty {
4118
4120
  display: none;
4119
4121
  }
4120
4122
 
4121
4123
  /* Icons match the label's size (as in Knit's tree): an unsized SVG would otherwise render 300×150. */
4122
- svg[data-v-b57a29c6-s],img[data-v-b57a29c6-s] {
4124
+ svg[data-v-9b8fd08d-s],img[data-v-9b8fd08d-s] {
4123
4125
  display: block;
4124
4126
  inline-size: 1em;
4125
4127
  block-size: 1em;
@@ -4128,7 +4130,7 @@ svg[data-v-b57a29c6-s],img[data-v-b57a29c6-s] {
4128
4130
 
4129
4131
  /* The label spans the row's height and centres its content, so slotted content (a link) can
4130
4132
  stretch to fill the row as its own hit area; the padding tokens remove the inset. */
4131
- .label[data-v-b57a29c6] {
4133
+ .label[data-v-9b8fd08d] {
4132
4134
  grid-column: 3;
4133
4135
  grid-row: 1;
4134
4136
  align-self: stretch;
@@ -4141,18 +4143,68 @@ svg[data-v-b57a29c6-s],img[data-v-b57a29c6-s] {
4141
4143
 
4142
4144
  /* Slotted label content fills the cell, so a link is the row's hit area rather than sizing to
4143
4145
  its own text and reading as overflow. */
4144
- .label > [data-v-b57a29c6-s] {
4146
+ .label > [data-v-9b8fd08d-s] {
4145
4147
  flex: 1 1 auto;
4146
4148
  min-inline-size: 0;
4147
4149
  }
4148
- .actions[data-v-b57a29c6] {
4149
- grid-column: 4;
4150
- grid-row: 1;
4150
+
4151
+ /* The controls sit over the label's end, so the text fades out where they begin. The fade is
4152
+ the truncation mark while it shows: an ellipsis under it would read as a second one. */
4153
+ .row:hover > .label[data-v-9b8fd08d],
4154
+ .row:focus-within > .label[data-v-9b8fd08d] {
4155
+ text-overflow: clip;
4156
+ mask-image: linear-gradient(
4157
+ to right,
4158
+ #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
4159
+ transparent calc(100% - var(--_tree-actions-width, 1.75rem))
4160
+ );
4161
+ }
4162
+ .row:hover > .label[data-v-9b8fd08d]:dir(rtl),
4163
+ .row:focus-within > .label[data-v-9b8fd08d]:dir(rtl) {
4164
+ mask-image: linear-gradient(
4165
+ to left,
4166
+ #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
4167
+ transparent calc(100% - var(--_tree-actions-width, 1.75rem))
4168
+ );
4169
+ }
4170
+ .row:hover > .label > [data-v-9b8fd08d-s],
4171
+ .row:focus-within > .label > [data-v-9b8fd08d-s] {
4172
+ text-overflow: clip;
4173
+ }
4174
+ .actions[data-v-9b8fd08d] {
4175
+ position: absolute;
4176
+ z-index: 1;
4177
+ inset-block: 0;
4178
+ inset-inline-end: 0;
4151
4179
  display: inline-flex;
4152
4180
  align-items: center;
4153
4181
  min-inline-size: 0;
4182
+ opacity: 0;
4183
+ pointer-events: none;
4184
+ transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
4185
+ }
4186
+ .row:hover > .actions[data-v-9b8fd08d],
4187
+ .row:focus-within > .actions[data-v-9b8fd08d] {
4188
+ opacity: 1;
4189
+ pointer-events: auto;
4190
+ }
4191
+
4192
+ /* Without hover there is no reveal, so the controls keep their own column. */
4193
+ @media (hover: none) {
4194
+ .row[data-v-9b8fd08d] {
4195
+ grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr) auto;
4196
+ }
4197
+ .actions[data-v-9b8fd08d] {
4198
+ position: static;
4199
+ grid-column: 4;
4200
+ grid-row: 1;
4201
+ padding-inline-start: 0;
4202
+ background: none;
4203
+ opacity: 1;
4204
+ pointer-events: auto;
4205
+ }
4154
4206
  }
4155
- .drag-handle[data-v-b57a29c6] {
4207
+ .drag-handle[data-v-9b8fd08d] {
4156
4208
  position: absolute;
4157
4209
  z-index: 2;
4158
4210
  inset-block-start: 50%;
@@ -4173,16 +4225,16 @@ svg[data-v-b57a29c6-s],img[data-v-b57a29c6-s] {
4173
4225
  transform: translateY(-50%);
4174
4226
  transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
4175
4227
  }
4176
- .row:hover .drag-handle[data-v-b57a29c6],
4177
- .drag-handle[data-v-b57a29c6]:hover,
4178
- .drag-handle[data-v-b57a29c6]:focus-visible,
4179
- [data-component~="ui-tree-item"][data-dragging] > .row > .drag-handle[data-v-b57a29c6] {
4228
+ .row:hover .drag-handle[data-v-9b8fd08d],
4229
+ .drag-handle[data-v-9b8fd08d]:hover,
4230
+ .drag-handle[data-v-9b8fd08d]:focus-visible,
4231
+ [data-component~="ui-tree-item"][data-dragging] > .row > .drag-handle[data-v-9b8fd08d] {
4180
4232
  opacity: 1;
4181
4233
  }
4182
- .drag-handle[data-v-b57a29c6]:active {
4234
+ .drag-handle[data-v-9b8fd08d]:active {
4183
4235
  cursor: grabbing;
4184
4236
  }
4185
- .drop-indicator[data-v-b57a29c6] {
4237
+ .drop-indicator[data-v-9b8fd08d] {
4186
4238
  position: absolute;
4187
4239
  z-index: 3;
4188
4240
  inset-inline: 1px;
@@ -4192,8 +4244,8 @@ svg[data-v-b57a29c6-s],img[data-v-b57a29c6-s] {
4192
4244
  background: var(--ui-tree-drop-color, var(--ui-accent-solid));
4193
4245
  pointer-events: none;
4194
4246
  }
4195
- .drop-indicator[data-v-b57a29c6]::before,
4196
- .drop-indicator[data-v-b57a29c6]::after {
4247
+ .drop-indicator[data-v-9b8fd08d]::before,
4248
+ .drop-indicator[data-v-9b8fd08d]::after {
4197
4249
  content: "";
4198
4250
  position: absolute;
4199
4251
  inset-block-start: 50%;
@@ -4204,39 +4256,39 @@ svg[data-v-b57a29c6-s],img[data-v-b57a29c6-s] {
4204
4256
  background: var(--ui-surface-elevated);
4205
4257
  transform: translateY(-50%);
4206
4258
  }
4207
- .drop-indicator[data-v-b57a29c6]::before {
4259
+ .drop-indicator[data-v-9b8fd08d]::before {
4208
4260
  inset-inline-start: -1px;
4209
4261
  }
4210
- .drop-indicator[data-v-b57a29c6]::after {
4262
+ .drop-indicator[data-v-9b8fd08d]::after {
4211
4263
  inset-inline-end: -1px;
4212
4264
  }
4213
- [data-component~="ui-tree-item"][data-drop-position="before"] > .row > .row-drop-indicator[data-v-b57a29c6] {
4265
+ [data-component~="ui-tree-item"][data-drop-position="before"] > .row > .row-drop-indicator[data-v-9b8fd08d] {
4214
4266
  display: block;
4215
4267
  inset-block-start: -1px;
4216
4268
  }
4217
- [data-component~="ui-tree-item"][data-drop-position="after"] > .subtree-drop-indicator[data-v-b57a29c6] {
4269
+ [data-component~="ui-tree-item"][data-drop-position="after"] > .subtree-drop-indicator[data-v-9b8fd08d] {
4218
4270
  display: block;
4219
4271
  inset-block-end: -1px;
4220
4272
  }
4221
- .children[hidden][data-v-b57a29c6] {
4273
+ .children[hidden][data-v-9b8fd08d] {
4222
4274
  display: none;
4223
4275
  }
4224
- html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-b57a29c6] {
4276
+ html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"][data-v-9b8fd08d] {
4225
4277
  --_tree-row-min-height: 44px;
4226
4278
  }
4227
- html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-b57a29c6] {
4279
+ html[data-ui-input-modality="touch"] [data-component~="ui-tree-item"] .drag-handle[data-v-9b8fd08d] {
4228
4280
  display: none;
4229
4281
  }
4230
4282
  @media (prefers-reduced-motion: reduce) {
4231
- .row[data-v-b57a29c6],
4232
- .disclosure-icon[data-v-b57a29c6],
4233
- .drag-handle[data-v-b57a29c6] {
4283
+ .row[data-v-9b8fd08d],
4284
+ .disclosure-icon[data-v-9b8fd08d],
4285
+ .drag-handle[data-v-9b8fd08d] {
4234
4286
  transition: none;
4235
4287
  }
4236
4288
  }
4237
4289
 
4238
4290
  /* A component that sets its display still honours the hidden attribute on its root. */
4239
- [data-component~="ui-tree-item"][hidden][data-v-b57a29c6] {
4291
+ [data-component~="ui-tree-item"][hidden][data-v-9b8fd08d] {
4240
4292
  display: none;
4241
4293
  }
4242
4294
  /**