@threadlabs/looma 0.12.6 → 0.13.0

package/vue/UiTooltip.vue

@@ -96,7 +96,56 @@ useComponentHost(controllerModule.default, {
 </template>
 
 <style scoped>
+/* This component's hooks style the element they are set on, and never a nested one. */
+@property --ui-tooltip-arrow-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tooltip-border {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tooltip-inverse-surface {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tooltip-inverse-text {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tooltip-max-inline-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tooltip-radius {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tooltip-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tooltip-surface {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tooltip-text {
+  syntax: "*";
+  inherits: false;
+}
+
 [data-component~="ui-tooltip"] {
+  /* Hooks do not inherit, so the parts below read them from the root. */
+  --_ui-tooltip-border: var(--ui-tooltip-border);
+  --_ui-tooltip-max-inline-size: var(--ui-tooltip-max-inline-size);
+  --_ui-tooltip-radius: var(--ui-tooltip-radius);
+  --_ui-tooltip-surface: var(--ui-tooltip-surface);
+  --_ui-tooltip-text: var(--ui-tooltip-text);
+  --_ui-tooltip-shadow: var(--ui-tooltip-shadow);
+  --_ui-tooltip-inverse-surface: var(--ui-tooltip-inverse-surface);
+  --_ui-tooltip-inverse-text: var(--ui-tooltip-inverse-text);
+  --_ui-tooltip-arrow-size: var(--ui-tooltip-arrow-size);
+
   position: fixed;
   inset: auto;
   margin: 0;
@@ -119,25 +168,25 @@ useComponentHost(controllerModule.default, {
 }
 
 .surface {
-  --_tooltip-line: var(--ui-tooltip-border, var(--ui-border-default));
+  --_tooltip-line: var(--_ui-tooltip-border, var(--ui-border-default));
   position: relative;
   box-sizing: border-box;
-  max-inline-size: var(--ui-tooltip-max-inline-size, 18rem);
+  max-inline-size: var(--_ui-tooltip-max-inline-size, 18rem);
   border: 1px solid var(--_tooltip-line);
-  border-radius: var(--ui-tooltip-radius, var(--ui-radius-sm));
-  background: var(--ui-tooltip-surface, var(--ui-surface-elevated));
-  color: var(--ui-tooltip-text, var(--ui-text-primary));
+  border-radius: var(--_ui-tooltip-radius, var(--ui-radius-sm));
+  background: var(--_ui-tooltip-surface, var(--ui-surface-elevated));
+  color: var(--_ui-tooltip-text, var(--ui-text-primary));
   padding: var(--ui-space-1) var(--ui-space-2);
   font-family: var(--ui-font-family-sans);
   font-size: var(--ui-font-size-sm);
   line-height: var(--ui-line-height-tight);
-  box-shadow: var(--ui-tooltip-shadow, var(--ui-elevation-tooltip, var(--ui-shadow-md)));
+  box-shadow: var(--_ui-tooltip-shadow, var(--ui-elevation-tooltip, var(--ui-shadow-md)));
 }
 
 [data-component~="ui-tooltip"][data-ui-tooltip-state~="inverse"] .surface {
-  --_tooltip-line: var(--ui-tooltip-inverse-surface, var(--ui-text-primary));
-  background: var(--ui-tooltip-inverse-surface, var(--ui-text-primary));
-  color: var(--ui-tooltip-inverse-text, var(--ui-surface-default));
+  --_tooltip-line: var(--_ui-tooltip-inverse-surface, var(--ui-text-primary));
+  background: var(--_ui-tooltip-inverse-surface, var(--ui-text-primary));
+  color: var(--_ui-tooltip-inverse-text, var(--ui-surface-default));
 }
 
 /* A rotated square shares the surface fill and draws the two outward border edges. Its centre sits on
@@ -147,9 +196,9 @@ useComponentHost(controllerModule.default, {
   position: absolute;
   z-index: 1;
   inset-inline-start: var(--ui-space-3);
-  inset-block-end: calc(var(--ui-tooltip-arrow-size, 0.5rem) / -2 - 0.5px);
-  inline-size: var(--ui-tooltip-arrow-size, 0.5rem);
-  block-size: var(--ui-tooltip-arrow-size, 0.5rem);
+  inset-block-end: calc(var(--_ui-tooltip-arrow-size, 0.5rem) / -2 - 0.5px);
+  inline-size: var(--_ui-tooltip-arrow-size, 0.5rem);
+  block-size: var(--_ui-tooltip-arrow-size, 0.5rem);
   box-sizing: border-box;
   background: inherit;
   border: 0 solid var(--_tooltip-line);
@@ -161,7 +210,7 @@ useComponentHost(controllerModule.default, {
 
 :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"])
   .surface::after {
-  inset-block-start: calc(var(--ui-tooltip-arrow-size, 0.5rem) / -2 - 0.5px);
+  inset-block-start: calc(var(--_ui-tooltip-arrow-size, 0.5rem) / -2 - 0.5px);
   inset-block-end: auto;
   border-inline-end-width: 0;
   border-block-end-width: 0;

package/vue/UiTopBar.vue

@@ -13,7 +13,40 @@ defineOptions({ inheritAttrs: false })
 </template>
 
 <style scoped>
+/* This component's hooks style the element they are set on, and never a nested one. */
+@property --ui-top-bar-actions-gap {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-top-bar-border {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-top-bar-gap {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-top-bar-height {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-top-bar-padding-inline {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-top-bar-surface {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-top-bar-z-index {
+  syntax: "*";
+  inherits: false;
+}
+
 [data-component~="ui-top-bar"] {
+  /* Hooks do not inherit, so the parts below read them from the root. */
+  --_ui-top-bar-actions-gap: var(--ui-top-bar-actions-gap);
+
   position: sticky;
   inset-block-start: 0;
   z-index: var(--ui-top-bar-z-index, 100);
@@ -43,7 +76,7 @@ defineOptions({ inheritAttrs: false })
 }
 
 .actions {
-  gap: var(--ui-top-bar-actions-gap, var(--ui-space-1));
+  gap: var(--_ui-top-bar-actions-gap, var(--ui-space-1));
 }
 
 .title {

package/vue/UiTree.vue

@@ -130,19 +130,42 @@ useComponentHost(controllerModule.default, {
 </template>
 
 <style scoped>
+/* This component's hooks style the element they are set on, and never a nested one. */
+@property --ui-tree-drop-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tree-gutter {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tree-indent {
+  syntax: "*";
+  inherits: false;
+}
+
 /* Reaches the items the way density does, so the setting lives on the tree the way a reader
-       thinks about it: this list scrolls its long names. */
+   thinks about it: this list scrolls its long names. */
 [data-component~="ui-tree"][data-ui-tree-state~="marquee"] {
-  --ui-tree-item-marquee: 1;
+  --_ui-default-tree-item-marquee: 1;
 }
 
+/* The items' defaults for this density: an item's own hook still wins. */
 [data-component~="ui-tree"][data-ui-tree-state~="density=compact"] {
-  --ui-tree-item-min-block-size: var(--ui-control-size-sm);
-  --ui-tree-item-font-size: var(--ui-font-size-sm);
-  --ui-tree-item-label-padding-block: 0;
+  --_ui-default-tree-item-min-block-size: var(--ui-control-size-sm);
+  --_ui-default-tree-item-font-size: var(--ui-font-size-sm);
+  --_ui-default-tree-item-label-padding-block: 0;
 }
 
 [data-component~="ui-tree"] {
+  /* Hooks do not inherit: the tree hands its own to its items here, and a tree nested in an item
+     starts again from its own settings. */
+  --_ui-tree-indent: var(--ui-tree-indent);
+  --_ui-tree-drop-color: var(--ui-tree-drop-color);
+  --_ui-default-tree-item-marquee: initial;
+  --_ui-default-tree-item-min-block-size: initial;
+  --_ui-default-tree-item-font-size: initial;
+  --_ui-default-tree-item-label-padding-block: initial;
   display: block;
   min-inline-size: 0;
   padding-inline-start: var(--ui-tree-gutter, 0px);

package/vue/UiTreeItem.vue

@@ -173,14 +173,49 @@ useComponentHost(controllerModule.default, {
 </template>
 
 <style scoped>
+/* This component's hooks style the element they are set on, and never a nested one. */
+@property --ui-tree-item-depth {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tree-item-font-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tree-item-label-padding-block {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tree-item-label-padding-inline {
+  syntax: "*";
+  inherits: false;
+}
+@property --ui-tree-item-min-block-size {
+  syntax: "*";
+  inherits: false;
+}
+
 [data-component~="ui-tree-item"] {
+  /* Hooks do not inherit, so the parts below read them from the root. The tree's density
+     sets the defaults, in --_ui-default-*. */
+  --_ui-tree-item-min-block-size: var(
+    --ui-tree-item-min-block-size,
+    var(--_ui-default-tree-item-min-block-size)
+  );
+  --_ui-tree-item-font-size: var(--ui-tree-item-font-size, var(--_ui-default-tree-item-font-size));
+  --_ui-tree-item-label-padding-block: var(
+    --ui-tree-item-label-padding-block,
+    var(--_ui-default-tree-item-label-padding-block)
+  );
+  --_ui-tree-item-label-padding-inline: var(--ui-tree-item-label-padding-inline);
+
   --_tree-row-min-height: 32px;
   --_tree-disclosure-size: 16px;
 
   position: relative;
   display: block;
   min-inline-size: 0;
-  margin-inline-start: calc(var(--ui-tree-item-depth, 0) * var(--ui-tree-indent, 16px));
+  margin-inline-start: calc(var(--ui-tree-item-depth, 0) * var(--_ui-tree-indent, 16px));
 }
 
 .row {
@@ -188,9 +223,9 @@ useComponentHost(controllerModule.default, {
   display: grid;
   grid-template-columns: var(--_tree-disclosure-size) auto minmax(0, 1fr);
   align-items: center;
-  min-block-size: var(--ui-tree-item-min-block-size, var(--_tree-row-min-height));
+  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));
+  font-size: var(--_ui-tree-item-font-size, var(--ui-font-size-sm));
   border-radius: var(--ui-radius-md);
   color: var(--ui-text-secondary);
   transition:
@@ -227,7 +262,7 @@ useComponentHost(controllerModule.default, {
 /* Child combinators: drop feedback belongs to this item's own row, not the rows nested in it. */
 [data-component~="ui-tree-item"][data-drop-position="inside"] > .row {
   background: var(--ui-accent-subtle);
-  box-shadow: inset 0 0 0 1px var(--ui-tree-drop-color, var(--ui-accent-solid));
+  box-shadow: inset 0 0 0 1px var(--_ui-tree-drop-color, var(--ui-accent-solid));
 }
 
 .disclosure,
@@ -329,8 +364,8 @@ useComponentHost(controllerModule.default, {
   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));
+  padding: var(--_ui-tree-item-label-padding-block, var(--ui-space-1))
+    var(--_ui-tree-item-label-padding-inline, var(--ui-space-2));
   /* 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-3);
@@ -393,13 +428,13 @@ useComponentHost(controllerModule.default, {
 .row[data-ui-marquee] > .label {
   margin-inline-start: calc(-1 * var(--_marquee-lead, 0px));
   padding-inline-start: calc(
-    var(--_marquee-lead, 0px) + var(--ui-tree-item-label-padding-inline, var(--ui-space-2))
+    var(--_marquee-lead, 0px) + var(--_ui-tree-item-label-padding-inline, var(--ui-space-2))
   );
   mask-image: linear-gradient(
     to right,
     transparent calc(var(--_marquee-lead, 0px) / 2),
     #000 calc(
-      var(--_marquee-lead, 0px) + var(--ui-tree-item-label-padding-inline, var(--ui-space-2))
+      var(--_marquee-lead, 0px) + var(--_ui-tree-item-label-padding-inline, var(--ui-space-2))
     ),
     #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
     transparent calc(100% - var(--_tree-actions-width, 1.75rem))
@@ -411,7 +446,7 @@ useComponentHost(controllerModule.default, {
     to left,
     transparent calc(var(--_marquee-lead, 0px) / 2),
     #000 calc(
-      var(--_marquee-lead, 0px) + var(--ui-tree-item-label-padding-inline, var(--ui-space-2))
+      var(--_marquee-lead, 0px) + var(--_ui-tree-item-label-padding-inline, var(--ui-space-2))
     ),
     #000 calc(100% - var(--_tree-actions-width, 1.75rem) - var(--ui-space-3)),
     transparent calc(100% - var(--_tree-actions-width, 1.75rem))
@@ -530,7 +565,7 @@ useComponentHost(controllerModule.default, {
   display: none;
   block-size: 2px;
   border-radius: 999px;
-  background: var(--ui-tree-drop-color, var(--ui-accent-solid));
+  background: var(--_ui-tree-drop-color, var(--ui-accent-solid));
   pointer-events: none;
 }
 
@@ -541,7 +576,7 @@ useComponentHost(controllerModule.default, {
   inset-block-start: 50%;
   inline-size: 7px;
   block-size: 7px;
-  border: 2px solid var(--ui-tree-drop-color, var(--ui-accent-solid));
+  border: 2px solid var(--_ui-tree-drop-color, var(--ui-accent-solid));
   border-radius: 999px;
   background: var(--ui-surface-elevated);
   transform: translateY(-50%);

package/vue/chunks/UiActionBar.js

@@ -19,6 +19,6 @@ var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			])], 16);
 		};
 	}
-}), [["__scopeId", "data-v-f4ba10f3"]]);
+}), [["__scopeId", "data-v-7751fea7"]]);
 //#endregion
 export { UiActionBar_default as t };

package/vue/chunks/UiAvatar.js

@@ -66,6 +66,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-a5e0e48e"]]);
+}), [["__scopeId", "data-v-69ce58d1"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -44,6 +44,6 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}, toDisplayString(`+${overflowCount.value}`), 9, _hoisted_2)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-6c48e0e3"]]);
+}), [["__scopeId", "data-v-5e4b76ea"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -24,6 +24,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			return openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-badge" }, _ctx.$attrs, { "data-ui-badge-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-4fe703f2"]]);
+}), [["__scopeId", "data-v-01118c8d"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiButton.js

@@ -83,6 +83,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-75541d8a"]]);
+}), [["__scopeId", "data-v-77e9072e"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCallout.js

@@ -103,6 +103,6 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			]), createElementVNode("div", _hoisted_8, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-36fb7e55"]]);
+}), [["__scopeId", "data-v-c6355f1f"]]);
 //#endregion
 export { UiCallout_default as t };

package/vue/chunks/UiCheckbox.js

@@ -94,6 +94,6 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-4d65c3b0"]]);
+}), [["__scopeId", "data-v-91e106d5"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiCluster.js

@@ -19,6 +19,6 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-cluster" }, _ctx.$attrs, { "data-ui-cluster-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-c4f9b76d"]]);
+}), [["__scopeId", "data-v-2672f50e"]]);
 //#endregion
 export { UiCluster_default as t };

package/vue/chunks/UiCombobox.js

@@ -479,6 +479,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-0bd7ecc4"]]);
+}), [["__scopeId", "data-v-083b5c7a"]]);
 //#endregion
 export { UiCombobox_default as t };

package/vue/chunks/UiContainer.js

@@ -19,6 +19,6 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-container" }, _ctx.$attrs, { "data-ui-container-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-b1605eab"]]);
+}), [["__scopeId", "data-v-cce10c33"]]);
 //#endregion
 export { UiContainer_default as t };

package/vue/chunks/UiContextMenu.js

@@ -61,6 +61,6 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}), [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16);
 		};
 	}
-}), [["__scopeId", "data-v-06309584"]]);
+}), [["__scopeId", "data-v-795c1691"]]);
 //#endregion
 export { UiContextMenu_default as t };

package/vue/chunks/UiDialog.js

@@ -75,6 +75,6 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-0fd6654c"]]);
+}), [["__scopeId", "data-v-361de32a"]]);
 //#endregion
 export { UiDialog_default as t };

package/vue/chunks/UiDisclosure.js

@@ -86,6 +86,6 @@ var UiDisclosure_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}, [createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 8, _hoisted_3)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-54a22a7e"]]);
+}), [["__scopeId", "data-v-444f3a00"]]);
 //#endregion
 export { UiDisclosure_default as t };

package/vue/chunks/UiEditable.js

@@ -120,6 +120,6 @@ var UiEditable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}, "Cancel", -1)])])) : createCommentVNode("v-if", true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-8fe1c571"]]);
+}), [["__scopeId", "data-v-3b785d66"]]);
 //#endregion
 export { UiEditable_default as t };

package/vue/chunks/UiEditorSlashMenu.js

@@ -95,6 +95,6 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-dcc1f07d"]]);
+}), [["__scopeId", "data-v-becc3f6b"]]);
 //#endregion
 export { UiEditorSlashMenu_default as t };

package/vue/chunks/UiEditorTableContextMenu.js

@@ -93,6 +93,6 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 			}), 128))], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-64488d5e"]]);
+}), [["__scopeId", "data-v-bfb4a4f3"]]);
 //#endregion
 export { UiEditorTableContextMenu_default as t };

package/vue/chunks/UiEditorTableOverlay.js

@@ -181,6 +181,6 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-fed0c263"]]);
+}), [["__scopeId", "data-v-1a161cbe"]]);
 //#endregion
 export { UiEditorTableOverlay_default as t };

package/vue/chunks/UiEditorTableToolbar.js

@@ -175,6 +175,6 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-fdb800d4"]]);
+}), [["__scopeId", "data-v-be005bab"]]);
 //#endregion
 export { UiEditorTableToolbar_default as t };

package/vue/chunks/UiFloatingActionButton.js

@@ -37,6 +37,6 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-dc9b5621"]]);
+}), [["__scopeId", "data-v-aa21e78e"]]);
 //#endregion
 export { UiFloatingActionButton_default as t };

package/vue/chunks/UiFormField.js

@@ -46,6 +46,6 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-4df6c2a6"]]);
+}), [["__scopeId", "data-v-5d5b1ca4"]]);
 //#endregion
 export { UiFormField_default as t };

package/vue/chunks/UiGrid.js

@@ -19,6 +19,6 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-grid" }, _ctx.$attrs, { "data-ui-grid-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-84466559"]]);
+}), [["__scopeId", "data-v-40bfd874"]]);
 //#endregion
 export { UiGrid_default as t };

package/vue/chunks/UiIcon.js

@@ -86,6 +86,6 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), 128))]))], 16);
 		};
 	}
-}), [["__scopeId", "data-v-6c3d73c1"]]);
+}), [["__scopeId", "data-v-666df64d"]]);
 //#endregion
 export { UiIcon_default as t };

package/vue/chunks/UiIconButton.js

@@ -59,6 +59,6 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-c322b7ed"]]);
+}), [["__scopeId", "data-v-3b39c407"]]);
 //#endregion
 export { UiIconButton_default as t };

package/vue/chunks/UiInput.js

@@ -61,6 +61,6 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}), null, 16, _hoisted_1)), [[vModelDynamic, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-e7c851a2"]]);
+}), [["__scopeId", "data-v-68f939b4"]]);
 //#endregion
 export { UiInput_default as t };

package/vue/chunks/UiInputGroup.js

@@ -41,6 +41,6 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-027c11f5"]]);
+}), [["__scopeId", "data-v-3b6fca95"]]);
 //#endregion
 export { UiInputGroup_default as t };

package/vue/chunks/UiList.js

@@ -22,6 +22,6 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, _ctx.$attrs, { "data-ui-list-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-9e6cf63f"]]);
+}), [["__scopeId", "data-v-9ad6fc45"]]);
 //#endregion
 export { UiList_default as t };

package/vue/chunks/UiListItem.js

@@ -34,6 +34,6 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-30896b18"]]);
+}), [["__scopeId", "data-v-5ad01b7a"]]);
 //#endregion
 export { UiListItem_default as t };

package/vue/chunks/UiMenu.js

@@ -69,6 +69,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-ad1dce95"]]);
+}), [["__scopeId", "data-v-76d96760"]]);
 //#endregion
 export { UiMenu_default as t };

package/vue/chunks/UiMenuItem.js

@@ -26,6 +26,6 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-4bd9e602"]]);
+}), [["__scopeId", "data-v-cbfc5845"]]);
 //#endregion
 export { UiMenuItem_default as t };

package/vue/chunks/UiNavItem.js

@@ -76,6 +76,6 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-aa140273"]]);
+}), [["__scopeId", "data-v-cefcf1e3"]]);
 //#endregion
 export { UiNavItem_default as t };

package/vue/chunks/UiPopover.js

@@ -56,6 +56,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-00194c85"]]);
+}), [["__scopeId", "data-v-5c15743c"]]);
 //#endregion
 export { UiPopover_default as t };

package/vue/chunks/UiRadio.js

@@ -88,6 +88,6 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}, null, 40, _hoisted_2), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-f9c61d50"]]);
+}), [["__scopeId", "data-v-8376958d"]]);
 //#endregion
 export { UiRadio_default as t };

package/vue/chunks/UiReel.js

@@ -28,6 +28,6 @@ var UiReel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, _ctx.$attrs, { "data-ui-reel-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-eb18d6be"]]);
+}), [["__scopeId", "data-v-10144744"]]);
 //#endregion
 export { UiReel_default as t };