@threadlabs/looma 0.32.1 → 0.33.0

package/vue/UiTreeItem.vue

@@ -762,16 +762,17 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     --_tree-disclosure-size: 16px;
 
     position: relative;
-    display: block;
+    display: block !important;
     min-inline-size: 0;
-    margin-inline-start: calc(var(--_ui-tree-item-indent-step, 0) * var(--_ui-tree-indent, 16px));
+    margin-inline-start: calc(var(--_ui-tree-item-indent-step, 0) * var(--_ui-tree-indent, 16px))
+      !important;
   }
 
   :global(.row:where([data-hn-ui-tree-item])) {
     position: relative;
-    display: grid;
+    display: grid !important;
     grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr);
-    align-items: center;
+    align-items: center !important;
     min-block-size: var(--_ui-tree-item-min-block-size, var(--_tree-row-min-height));
     min-inline-size: 0;
     font-size: var(--_ui-tree-item-font-size, var(--ui-font-size-sm));
@@ -841,10 +842,10 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   }
 
   :global(.disclosure:where([data-hn-ui-tree-item])) {
-    display: grid;
+    display: grid !important;
     /* Start-aligned: the chevron's ink, not its hit area, aligns with the content above it. */
     place-items: center start;
-    padding: 0;
+    padding: 0 !important;
     color: var(--ui-text-muted);
     background: transparent;
     border: 0;
@@ -853,11 +854,11 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   }
 
   :global(.disclosure[hidden]:where([data-hn-ui-tree-item])) {
-    display: none;
+    display: none !important;
   }
 
   :global(.selection-hit:where([data-hn-ui-tree-item])) {
-    display: none;
+    display: none !important;
     grid-column: 2;
     grid-row: 1;
     place-items: center;
@@ -868,7 +869,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   :global(.selection-checkbox:where([data-hn-ui-tree-item])) {
     inline-size: 1rem;
     block-size: 1rem;
-    margin: 0;
+    margin: 0 !important;
     accent-color: var(--ui-accent-solid);
   }
 
@@ -878,7 +879,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   :global(:scope[data-selection-mode="multiple"]
     > .row
     > .selection-hit:where([data-hn-ui-tree-item])) {
-    display: grid;
+    display: grid !important;
   }
   :global(:scope[data-selection-mode="multiple"] > .row > .leading:where([data-hn-ui-tree-item])) {
     grid-column: 3;
@@ -893,7 +894,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   }
 
   :global(.disclosure-icon:where([data-hn-ui-tree-item])) {
-    display: grid;
+    display: grid !important;
     place-items: center;
     inline-size: 12px;
     block-size: 12px;
@@ -902,7 +903,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   }
 
   :global(.disclosure-icon:where([data-hn-ui-tree-item])::before) {
-    display: block;
+    display: block !important;
     inline-size: 0.375rem;
     block-size: 0.375rem;
     border-inline-end: 1.5px solid currentColor;
@@ -919,18 +920,18 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     transform: rotate(0deg);
   }
   :global(.drag-handle svg:where([data-hn-ui-tree-item])) {
-    display: block;
+    display: block !important;
     inline-size: 100%;
     block-size: 100%;
   }
   :global(.leading:where([data-hn-ui-tree-item])) {
-    display: inline-grid;
+    display: inline-grid !important;
     place-items: center;
     grid-column: 2;
     grid-row: 1;
     inline-size: 1em;
     block-size: 1em;
-    margin-inline-start: var(--ui-space-1);
+    margin-inline-start: var(--ui-space-1) !important;
     color: var(--ui-text-muted);
     /* Above the label, so a sliding name passes under the icon. */
     position: relative;
@@ -938,11 +939,11 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   }
 
   :global(.leading:empty:where([data-hn-ui-tree-item])) {
-    display: none;
+    display: none !important;
   }
   :global(:where(:not([data-hn-ui-tree-item])):is(svg)),
   :global(:where(:not([data-hn-ui-tree-item])):is(img)) {
-    display: block;
+    display: block !important;
     inline-size: 1em;
     block-size: 1em;
     flex: none;
@@ -951,20 +952,20 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     grid-column: 3;
     grid-row: 1;
     align-self: stretch;
-    display: flex;
-    align-items: center;
+    display: flex !important;
+    align-items: center !important;
     min-inline-size: 0;
     /* The cell clips: a name longer than the row slides inside it rather than over its icons. */
     overflow: hidden;
     padding: var(--_ui-tree-item-label-padding-block, var(--ui-space-1))
-      var(--_ui-tree-item-label-padding-inline, var(--ui-space-2));
+      var(--_ui-tree-item-label-padding-inline, var(--ui-space-2)) !important;
     /* The length of the fade before the controls. The label's one flex child lays out no gap; this
        is where the controller reads the length in pixels to stop a sliding name before the fade. */
-    column-gap: var(--ui-space-1);
+    column-gap: var(--ui-space-1) !important;
   }
   :global(.label-text:where([data-hn-ui-tree-item])) {
-    display: flex;
-    align-items: center;
+    display: flex !important;
+    align-items: center !important;
     /* Stretches, so slotted content can still be the row's full-height hit area. */
     align-self: stretch;
     block-size: 100%;
@@ -1010,10 +1011,10 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     will-change: transform;
   }
   :global(.row[data-ui-marquee] > .label:where([data-hn-ui-tree-item])) {
-    margin-inline-start: calc(-1 * var(--_marquee-lead, 0px));
+    margin-inline-start: calc(-1 * var(--_marquee-lead, 0px)) !important;
     padding-inline-start: calc(
       var(--_marquee-lead, 0px) + var(--_ui-tree-item-label-padding-inline, var(--ui-space-2))
-    );
+    ) !important;
     mask-image: linear-gradient(
       to right,
       transparent var(--_marquee-icon-width, 0px),
@@ -1052,8 +1053,8 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     z-index: 1;
     inset-block: 0;
     inset-inline-end: 0;
-    display: inline-flex;
-    align-items: center;
+    display: inline-flex !important;
+    align-items: center !important;
     min-inline-size: 0;
     opacity: 0;
     pointer-events: none;
@@ -1078,7 +1079,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
       position: static;
       grid-column: 4;
       grid-row: 1;
-      padding-inline-start: 0;
+      padding-inline-start: 0 !important;
       background: none;
       opacity: 1;
       pointer-events: auto;
@@ -1140,9 +1141,9 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     inset-inline-start: 0;
     inline-size: var(--_tree-disclosure-size);
     block-size: 24px;
-    display: grid;
+    display: grid !important;
     place-items: center;
-    padding: 5px 2px;
+    padding: 5px 2px !important;
     color: var(--ui-text-muted);
     background: transparent;
     border: 0;
@@ -1182,7 +1183,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     position: absolute;
     z-index: 3;
     inset-inline: 1px;
-    display: none;
+    display: none !important;
     block-size: var(--ui-accent-line-width);
     border-radius: var(--ui-radius-round);
     background: var(--_ui-tree-drop-color, var(--ui-accent-solid));
@@ -1212,18 +1213,18 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   :global(:scope[data-drop-position="before"]
     > .row
     > .row-drop-indicator:where([data-hn-ui-tree-item])) {
-    display: block;
+    display: block !important;
     inset-block-start: calc(-0.5 * var(--ui-accent-line-width));
   }
 
   :global(:scope[data-drop-position="after"]
     > .subtree-drop-indicator:where([data-hn-ui-tree-item])) {
-    display: block;
+    display: block !important;
     inset-block-end: calc(-0.5 * var(--ui-accent-line-width));
   }
 
   :global(.children[hidden]:where([data-hn-ui-tree-item])) {
-    display: none;
+    display: none !important;
   }
 
   :global(html[data-ui-input-modality="touch"] :scope:where([data-hn-ui-tree-item])) {
@@ -1245,7 +1246,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     inset: auto;
     inline-size: 44px;
     block-size: 44px;
-    padding: 14px;
+    padding: 14px !important;
     opacity: 1;
     transform: none;
     cursor: pointer;
@@ -1330,7 +1331,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     }
   }
   :global(:scope[hidden]:where([data-hn-ui-tree-item])) {
-    display: none;
+    display: none !important;
   }
 }
 
@@ -1356,16 +1357,17 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     --_tree-disclosure-size: 16px;
 
     position: relative;
-    display: block;
+    display: block !important;
     min-inline-size: 0;
-    margin-inline-start: calc(var(--_ui-tree-item-indent-step, 0) * var(--_ui-tree-indent, 16px));
+    margin-inline-start: calc(var(--_ui-tree-item-indent-step, 0) * var(--_ui-tree-indent, 16px))
+      !important;
   }
 
   :global(.row:where(:scope, :scope *):where([data-hn-ui-tree-item])) {
     position: relative;
-    display: grid;
+    display: grid !important;
     grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr);
-    align-items: center;
+    align-items: center !important;
     min-block-size: var(--_ui-tree-item-min-block-size, var(--_tree-row-min-height));
     min-inline-size: 0;
     font-size: var(--_ui-tree-item-font-size, var(--ui-font-size-sm));
@@ -1444,10 +1446,10 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   }
 
   :global(.disclosure:where(:scope, :scope *):where([data-hn-ui-tree-item])) {
-    display: grid;
+    display: grid !important;
     /* Start-aligned: the chevron's ink, not its hit area, aligns with the content above it. */
     place-items: center start;
-    padding: 0;
+    padding: 0 !important;
     color: var(--ui-text-muted);
     background: transparent;
     border: 0;
@@ -1456,11 +1458,11 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   }
 
   :global(.disclosure[hidden]:where(:scope, :scope *):where([data-hn-ui-tree-item])) {
-    display: none;
+    display: none !important;
   }
 
   :global(.selection-hit:where(:scope, :scope *):where([data-hn-ui-tree-item])) {
-    display: none;
+    display: none !important;
     grid-column: 2;
     grid-row: 1;
     place-items: center;
@@ -1471,7 +1473,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   :global(.selection-checkbox:where(:scope, :scope *):where([data-hn-ui-tree-item])) {
     inline-size: 1rem;
     block-size: 1rem;
-    margin: 0;
+    margin: 0 !important;
     accent-color: var(--ui-accent-solid);
   }
 
@@ -1482,7 +1484,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   :global(:where(.ui-tree-item)[data-selection-mode="multiple"]
     > .row
     > .selection-hit:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-tree-item"]))):where([data-hn-ui-tree-item])) {
-    display: grid;
+    display: grid !important;
   }
   :global(:where(.ui-tree-item)[data-selection-mode="multiple"]
     > .row
@@ -1501,7 +1503,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   }
 
   :global(.disclosure-icon:where(:scope, :scope *):where([data-hn-ui-tree-item])) {
-    display: grid;
+    display: grid !important;
     place-items: center;
     inline-size: 12px;
     block-size: 12px;
@@ -1511,7 +1513,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
 
   :global(.disclosure-icon:where(:not([data-hn], [data-slotted]:not([data-slotted~="ui-tree-item"]))):where(:scope, :scope
     *):where([data-hn-ui-tree-item])::before) {
-    display: block;
+    display: block !important;
     inline-size: 0.375rem;
     block-size: 0.375rem;
     border-inline-end: 1.5px solid currentColor;
@@ -1528,18 +1530,18 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     transform: rotate(0deg);
   }
   :global(.drag-handle:where(:scope, :scope *) svg:where([data-hn-ui-tree-item])) {
-    display: block;
+    display: block !important;
     inline-size: 100%;
     block-size: 100%;
   }
   :global(.leading:where(:scope, :scope *):where([data-hn-ui-tree-item])) {
-    display: inline-grid;
+    display: inline-grid !important;
     place-items: center;
     grid-column: 2;
     grid-row: 1;
     inline-size: 1em;
     block-size: 1em;
-    margin-inline-start: var(--ui-space-1);
+    margin-inline-start: var(--ui-space-1) !important;
     color: var(--ui-text-muted);
     /* Above the label, so a sliding name passes under the icon. */
     position: relative;
@@ -1547,26 +1549,26 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   }
 
   :global(.leading:empty:where(:scope, :scope *):where([data-hn-ui-tree-item])) {
-    display: none;
+    display: none !important;
   }
   :global(.label:where(:scope, :scope *):where([data-hn-ui-tree-item])) {
     grid-column: 3;
     grid-row: 1;
     align-self: stretch;
-    display: flex;
-    align-items: center;
+    display: flex !important;
+    align-items: center !important;
     min-inline-size: 0;
     /* The cell clips: a name longer than the row slides inside it rather than over its icons. */
     overflow: hidden;
     padding: var(--_ui-tree-item-label-padding-block, var(--ui-space-1))
-      var(--_ui-tree-item-label-padding-inline, var(--ui-space-2));
+      var(--_ui-tree-item-label-padding-inline, var(--ui-space-2)) !important;
     /* The length of the fade before the controls. The label's one flex child lays out no gap; this
        is where the controller reads the length in pixels to stop a sliding name before the fade. */
-    column-gap: var(--ui-space-1);
+    column-gap: var(--ui-space-1) !important;
   }
   :global(.label-text:where(:scope, :scope *):where([data-hn-ui-tree-item])) {
-    display: flex;
-    align-items: center;
+    display: flex !important;
+    align-items: center !important;
     /* Stretches, so slotted content can still be the row's full-height hit area. */
     align-self: stretch;
     block-size: 100%;
@@ -1614,10 +1616,10 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     will-change: transform;
   }
   :global(.row[data-ui-marquee]:where(:scope, :scope *) > .label:where([data-hn-ui-tree-item])) {
-    margin-inline-start: calc(-1 * var(--_marquee-lead, 0px));
+    margin-inline-start: calc(-1 * var(--_marquee-lead, 0px)) !important;
     padding-inline-start: calc(
       var(--_marquee-lead, 0px) + var(--_ui-tree-item-label-padding-inline, var(--ui-space-2))
-    );
+    ) !important;
     mask-image: linear-gradient(
       to right,
       transparent var(--_marquee-icon-width, 0px),
@@ -1654,8 +1656,8 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     z-index: 1;
     inset-block: 0;
     inset-inline-end: 0;
-    display: inline-flex;
-    align-items: center;
+    display: inline-flex !important;
+    align-items: center !important;
     min-inline-size: 0;
     opacity: 0;
     pointer-events: none;
@@ -1682,7 +1684,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
       position: static;
       grid-column: 4;
       grid-row: 1;
-      padding-inline-start: 0;
+      padding-inline-start: 0 !important;
       background: none;
       opacity: 1;
       pointer-events: auto;
@@ -1752,9 +1754,9 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     inset-inline-start: 0;
     inline-size: var(--_tree-disclosure-size);
     block-size: 24px;
-    display: grid;
+    display: grid !important;
     place-items: center;
-    padding: 5px 2px;
+    padding: 5px 2px !important;
     color: var(--ui-text-muted);
     background: transparent;
     border: 0;
@@ -1796,7 +1798,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     position: absolute;
     z-index: 3;
     inset-inline: 1px;
-    display: none;
+    display: none !important;
     block-size: var(--ui-accent-line-width);
     border-radius: var(--ui-radius-round);
     background: var(--_ui-tree-drop-color, var(--ui-accent-solid));
@@ -1830,18 +1832,18 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   :global(:where(.ui-tree-item)[data-drop-position="before"]
     > .row
     > .row-drop-indicator:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-tree-item"]))):where([data-hn-ui-tree-item])) {
-    display: block;
+    display: block !important;
     inset-block-start: calc(-0.5 * var(--ui-accent-line-width));
   }
 
   :global(:where(.ui-tree-item)[data-drop-position="after"]
     > .subtree-drop-indicator:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-tree-item"]))):where([data-hn-ui-tree-item])) {
-    display: block;
+    display: block !important;
     inset-block-end: calc(-0.5 * var(--ui-accent-line-width));
   }
 
   :global(.children[hidden]:where(:scope, :scope *):where([data-hn-ui-tree-item])) {
-    display: none;
+    display: none !important;
   }
 
   :global(html[data-ui-input-modality="touch"]
@@ -1868,7 +1870,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     inset: auto;
     inline-size: 44px;
     block-size: 44px;
-    padding: 14px;
+    padding: 14px !important;
     opacity: 1;
     transform: none;
     cursor: pointer;
@@ -1964,7 +1966,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     }
   }
   :global(:where(.ui-tree-item)[hidden]:where(:scope, :not([data-hn], [data-slotted]:not([data-slotted~="ui-tree-item"]))):where([data-hn-ui-tree-item])) {
-    display: none;
+    display: none !important;
   }
 }
 </style>

package/vue/chunks/UiActionBar.js

@@ -37,6 +37,6 @@ var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			])], 16);
 		};
 	}
-}), [["__scopeId", "data-v-6366b3ff"]]);
+}), [["__scopeId", "data-v-b5bcf9ae"]]);
 //#endregion
 export { UiActionBar_default as t };

package/vue/chunks/UiAffordanceScope.js

@@ -131,6 +131,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-70b98180"]]);
+}), [["__scopeId", "data-v-b11887e5"]]);
 //#endregion
 export { UiAffordanceScope_default as t };

package/vue/chunks/UiAvatar.js

@@ -336,6 +336,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-65d3b832"]]);
+}), [["__scopeId", "data-v-befec7d5"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -229,6 +229,6 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-43f51570"]]);
+}), [["__scopeId", "data-v-2446552a"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -90,7 +90,7 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				},
 				required: false,
 				target: { attribute: "variant" },
-				description: "Emphasis. subtle sets toned text over a soft wash; solid fills with the tone and uses contrasting text; outline keeps the surface with a toned edge.\n      inverse uses a translucent contrasting surface and toned ink for a count or label on a filled control of that tone. Neutral looks the same in solid and\n      subtle. overlay inherits the containing filled control's text colour on a faint translucent fill, with a quiet single-pixel boundary and no shadow. Its small circle is\n      20px. When space is constrained, the label truncates with an ellipsis while its full text remains available.",
+				description: "Emphasis. subtle sets toned text over a soft wash; solid fills with the tone and uses contrasting text; outline keeps the surface with a toned edge.\n      inverse uses a translucent contrasting surface and toned ink for a count or label on a filled control of that tone. Neutral looks the same in solid and\n      subtle. overlay inherits the containing filled control's text colour on a faint translucent fill, with a quiet single-pixel boundary and no shadow. Its\n      small circle is 20px. When space is constrained, the label truncates with an ellipsis while its full text remains available.",
 				values: [
 					"solid",
 					"subtle",
@@ -181,6 +181,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-35d4d9cb"]]);
+}), [["__scopeId", "data-v-8fcdd98a"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiBreadcrumbItem.js

@@ -99,6 +99,6 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d4dd65a9"]]);
+}), [["__scopeId", "data-v-49b5facf"]]);
 //#endregion
 export { UiBreadcrumbItem_default as t };

package/vue/chunks/UiBreadcrumbs.js

@@ -62,6 +62,6 @@ var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-51b33de5"]]);
+}), [["__scopeId", "data-v-17896fa9"]]);
 //#endregion
 export { UiBreadcrumbs_default as t };

package/vue/chunks/UiButton.js

@@ -281,7 +281,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				},
 				required: false,
 				target: { attribute: "tone" },
-				description: "Which colour the button speaks in. It applies to every variant, so an outline, a ghost, and a solid in the same tone are the same action at three volumes:\n      tone=\"danger\" variant=\"outline\" is a destructive secondary action. neutral is the quiet one, for a button that should not claim a colour. The field variant always uses neutral field colors.",
+				description: "Which colour the button speaks in. It applies to every variant, so an outline, a ghost, and a solid in the same tone are the same action at three volumes:\n      tone=\"danger\" variant=\"outline\" is a destructive secondary action. neutral is the quiet one, for a button that should not claim a colour. The field\n      variant always uses neutral field colors.",
 				values: [
 					"accent",
 					"neutral",
@@ -783,6 +783,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6c63fa5c"]]);
+}), [["__scopeId", "data-v-8d08f911"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCallout.js

@@ -297,6 +297,6 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-2973d4ed"]]);
+}), [["__scopeId", "data-v-4d92265d"]]);
 //#endregion
 export { UiCallout_default as t };

package/vue/chunks/UiCard.js

@@ -269,6 +269,6 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-af52332b"]]);
+}), [["__scopeId", "data-v-a65679fe"]]);
 //#endregion
 export { UiCard_default as t };

package/vue/chunks/UiCheckbox.js

@@ -356,6 +356,6 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6120eba6"]]);
+}), [["__scopeId", "data-v-0e08e52b"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiCluster.js

@@ -231,6 +231,6 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0721e1c4"]]);
+}), [["__scopeId", "data-v-808cdb24"]]);
 //#endregion
 export { UiCluster_default as t };