@threadlabs/looma 0.17.2 → 0.17.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.17.2",
+  "version": "0.17.4",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",

package/styles/ui-button.css

@@ -131,6 +131,11 @@
       margin: 0;
     }
 
+    /* An anchor keeps the boxed button look even when an app styles ordinary links. */
+    :scope:is(a) {
+      text-decoration: none;
+    }
+
     .spinner-wrap {
       display: inline-flex;
       flex: none;
@@ -363,6 +368,8 @@
 @scope ([data-component~="ui-button"]) to ([data-component]) {
 /* This component's hooks style the element they are set on, and never a nested one. */
 
+    /* An anchor keeps the boxed button look even when an app styles ordinary links. */
+
     @supports (text-box-trim: trim-both) {
     }
 

package/styles/ui-checkbox.css

@@ -14,15 +14,15 @@
 @keyframes ui-checkbox-check {
       from {
         opacity: 0;
-        transform: translate(0.07rem, -0.09rem) rotate(45deg) scale(0.55);
+        transform: translateY(-0.09rem) rotate(45deg) scale(0.55);
       }
       65% {
         opacity: 1;
-        transform: translate(0.07rem, -0.09rem) rotate(45deg) scale(1.12);
+        transform: translateY(-0.09rem) rotate(45deg) scale(1.12);
       }
       to {
         opacity: 1;
-        transform: translate(0.07rem, -0.09rem) rotate(45deg) scale(1);
+        transform: translateY(-0.09rem) rotate(45deg) scale(1);
       }
     }
 @scope ([data-component~="ui-checkbox"]) to ([data-component], [data-slotted]) {
@@ -97,7 +97,7 @@
       box-shadow: var(--ui-control-inset);
     }
 
-    /* Centre the tick's box, then lift it: a rotated L's ink sits ~0.11rem below its box centre. */
+    /* Centre the tick's box and lift it slightly for the rotated check shape. */
     input:checked::after {
       inset: 0;
       margin: auto;
@@ -109,7 +109,7 @@
       border-color: var(--ui-text-on-accent);
       border-width: 0 0.125rem 0.125rem 0;
       opacity: 1;
-      transform: translate(0.07rem, -0.09rem) rotate(45deg);
+      transform: translateY(-0.09rem) rotate(45deg);
       animation: ui-checkbox-check 180ms var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
     }
 
@@ -197,7 +197,7 @@
 
     /* The label, and under it an optional line saying what the choice means. */
 
-    /* Centre the tick's box, then lift it: a rotated L's ink sits ~0.11rem below its box centre. */
+    /* Centre the tick's box and lift it slightly for the rotated check shape. */
 
     @media (prefers-reduced-motion: reduce) {
     }

package/styles/ui-icon-button.css

@@ -117,7 +117,7 @@
     @media (hover: hover) and (pointer: fine) {
       :scope[data-ui-icon-button-state~="anticipatory"]:not(:scope[data-ui-icon-button-state~="variant=solid"], :scope[data-ui-icon-button-state~="loading"], :scope[data-ui-icon-button-state~="pending"], :disabled, [data-ui-proximity="near"], :hover, :focus-visible) {
         border-color: transparent;
-        background: transparent;
+        background-color: transparent;
         box-shadow: none;
       }
 
@@ -145,7 +145,7 @@
       margin: 0;
       border: 1px solid transparent;
       border-radius: var(--ui-icon-button-radius, var(--ui-action-radius, var(--ui-radius-md)));
-      background: var(--ui-icon-button-surface, transparent);
+      background-color: var(--ui-icon-button-surface, transparent);
       color: inherit;
       display: inline-flex;
       align-items: center;
@@ -217,14 +217,14 @@
 
     :scope[data-ui-icon-button-state~="variant=outline"] {
       border-color: var(--ui-icon-button-border, var(--ui-control-border, var(--ui-border-strong)));
-      background: var(--ui-icon-button-outline-surface, var(--ui-surface-default));
+      background-color: var(--ui-icon-button-outline-surface, var(--ui-surface-default));
       background-image: var(--ui-raised-highlight);
       color: var(--ui-icon-button-outline-text, var(--ui-text-primary));
       box-shadow: var(--ui-raised);
     }
 
     :scope[data-ui-icon-button-state~="variant=solid"] {
-      background: var(--ui-icon-button-solid-surface, var(--ui-accent-solid));
+      background-color: var(--ui-icon-button-solid-surface, var(--ui-accent-solid));
       background-image: var(--ui-raised-highlight);
       color: var(--ui-icon-button-solid-text, var(--ui-text-on-accent));
       box-shadow: var(
@@ -235,7 +235,7 @@
 
     :scope:hover:enabled:not([aria-disabled="true"]) {
       /* Derived from the text colour so the ghost hover shows on any background. */
-      background: var(--ui-icon-button-hover-surface, color-mix(in srgb, currentColor 8%, transparent));
+      background-color: var(--ui-icon-button-hover-surface, color-mix(in srgb, currentColor 8%, transparent));
       color: var(--ui-icon-button-hover-text, var(--ui-text-primary));
     }
 
@@ -244,7 +244,7 @@
     }
 
     :scope[data-ui-icon-button-state~="variant=solid"]:hover:enabled:not([aria-disabled="true"]) {
-      background: var(--ui-icon-button-solid-hover-surface, var(--ui-accent-hover));
+      background-color: var(--ui-icon-button-solid-hover-surface, var(--ui-accent-hover));
     }
 
     :scope:active:enabled:not([aria-disabled="true"]) {
@@ -279,7 +279,7 @@
     /* Disabled is a flat neutral control, independent of the active variant's tone. */
     :scope:disabled {
       border-color: var(--ui-disabled-border);
-      background: var(--ui-disabled-surface);
+      background-color: var(--ui-disabled-surface);
       color: var(--ui-disabled-text);
       filter: var(--ui-icon-button-disabled-filter, var(--ui-disabled-filter));
       opacity: var(--ui-icon-button-disabled-opacity, 1);

package/styles/ui-input-group.css

@@ -119,7 +119,7 @@
       flex: none;
       align-items: center;
       padding-inline: var(--ui-space-2);
-      color: var(--ui-text-secondary);
+      color: var(--ui-text-muted);
       font-family: var(--ui-font-family-mono);
       font-size: var(--ui-font-size-sm);
       white-space: nowrap;

package/styles/ui-search-result-row.css

@@ -45,18 +45,14 @@
       align-items: flex-start;
       gap: var(--ui-search-result-row-gap, var(--ui-space-3));
       background: var(--ui-search-result-row-surface, transparent);
-      border: none;
-      border-block-end: 1px solid var(--ui-search-result-row-border, var(--ui-border-divider));
+      border: 1px solid var(--ui-search-result-row-border, transparent);
+      border-radius: var(--ui-radius-md);
       color: inherit;
       cursor: pointer;
       text-align: left;
       transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
     }
 
-    :scope:last-child {
-      border-block-end: none;
-    }
-
     :scope:hover:enabled {
       background: var(--ui-search-result-row-hover-surface, color-mix(in srgb, var(--ui-surface) 85%, black 3%));
     }

package/styles/ui-search-shell.css

@@ -96,14 +96,6 @@
 
     .search {
       padding: var(--ui-space-3);
-      border-block-end: 1px solid var(--ui-border-divider);
-      transition: border-color var(--ui-motion-fast) var(--ui-motion-ease), box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
-    }
-
-    /* The search region shows where typing goes, whatever the author put in it. */
-    .search:focus-within {
-      border-block-end-color: var(--_ui-search-shell-focus-color, var(--ui-control-focus));
-      box-shadow: inset 0 -1px 0 var(--_ui-search-shell-focus-color, var(--ui-control-focus));
     }
 
     .status,
@@ -115,7 +107,7 @@
     }
 
     .status {
-      border-block-end: 1px solid var(--ui-border-divider);
+      padding-block-start: 0;
     }
 
     /* Laid out like the dialog's action row: actions right-aligned, spaced as buttons, no fill. */
@@ -126,7 +118,6 @@
       justify-content: flex-end;
       gap: var(--ui-space-2);
       padding: var(--ui-space-3) var(--ui-space-4);
-      border-block-start: 1px solid var(--ui-border-divider);
     }
 
     .status:empty,
@@ -180,8 +171,6 @@
 @scope ([data-component~="ui-search-shell"]) to ([data-component]) {
 /* This component's hooks style the element they are set on, and never a nested one. */
 
-    /* The search region shows where typing goes, whatever the author put in it. */
-
     :where([data-slotted], [data-slotted] *):is(input[slot="search"]) {
       box-sizing: border-box;
       inline-size: 100%;
@@ -196,7 +185,7 @@
     }
 
     :where([data-slotted], [data-slotted] *):is(input[slot="search"]:focus-visible) {
-      border-color: var(--ui-control-focus);
+      border-color: var(--_ui-search-shell-focus-color, var(--ui-control-focus));
       outline: 2px solid var(--ui-focus-ring);
       outline-offset: 2px;
     }

package/styles/ui-spinner.css

@@ -18,22 +18,16 @@
       flex: none;
       align-items: center;
       justify-content: center;
+      box-sizing: border-box;
       inline-size: 1em;
       block-size: 1em;
-      color: currentColor;
-      font-size: var(--ui-font-size-lg);
-      line-height: 1;
-    }
-
-    .ring {
-      display: block;
-      box-sizing: border-box;
-      inline-size: 100%;
-      block-size: 100%;
       border: 2px solid transparent;
       border-block-start-color: currentColor;
       border-inline-end-color: color-mix(in srgb, currentColor 52%, transparent);
       border-radius: 50%;
+      color: currentColor;
+      font-size: var(--ui-font-size-lg);
+      line-height: 1;
       animation: ui-spinner-chase 1s linear infinite;
     }
 
@@ -42,7 +36,7 @@
     }
 
     @media (prefers-reduced-motion: reduce) {
-      .ring {
+      :scope {
         animation: none;
       }
     }

package/styles/ui-tooltip.css

@@ -147,14 +147,14 @@
       inset-inline-start: auto;
       inset-inline-end: calc(var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - 0.5px);
       border-inline-end-width: 1px;
-      border-block-end-width: 1px;
+      border-block-start-width: 1px;
     }
 
     :scope[data-ui-actual-placement="right"] .surface::after {
       inset-inline-start: calc(var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - 0.5px);
       inset-inline-end: auto;
       border-inline-start-width: 1px;
-      border-block-start-width: 1px;
+      border-block-end-width: 1px;
     }
 
     :scope[data-ui-actual-placement="left"][data-ui-actual-align="start"] .surface::after,

package/vue/UiButton.vue

@@ -241,6 +241,11 @@ function attribute(value: unknown): any {
   margin: 0;
 }
 
+/* An anchor keeps the boxed button look even when an app styles ordinary links. */
+[data-component~="ui-button"]:is(a) {
+  text-decoration: none;
+}
+
 .spinner-wrap {
   display: inline-flex;
   flex: none;

package/vue/UiCheckbox.vue

@@ -188,7 +188,7 @@ input:indeterminate {
   box-shadow: var(--ui-control-inset);
 }
 
-/* Centre the tick's box, then lift it: a rotated L's ink sits ~0.11rem below its box centre. */
+/* Centre the tick's box and lift it slightly for the rotated check shape. */
 input:checked::after {
   inset: 0;
   margin: auto;
@@ -200,7 +200,7 @@ input:checked::after {
   border-color: var(--ui-text-on-accent);
   border-width: 0 0.125rem 0.125rem 0;
   opacity: 1;
-  transform: translate(0.07rem, -0.09rem) rotate(45deg);
+  transform: translateY(-0.09rem) rotate(45deg);
   animation: ui-checkbox-check 180ms var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
 }
 
@@ -216,15 +216,15 @@ input:indeterminate::after {
 @keyframes ui-checkbox-check {
   from {
     opacity: 0;
-    transform: translate(0.07rem, -0.09rem) rotate(45deg) scale(0.55);
+    transform: translateY(-0.09rem) rotate(45deg) scale(0.55);
   }
   65% {
     opacity: 1;
-    transform: translate(0.07rem, -0.09rem) rotate(45deg) scale(1.12);
+    transform: translateY(-0.09rem) rotate(45deg) scale(1.12);
   }
   to {
     opacity: 1;
-    transform: translate(0.07rem, -0.09rem) rotate(45deg) scale(1);
+    transform: translateY(-0.09rem) rotate(45deg) scale(1);
   }
 }
 

package/vue/UiIconButton.vue

@@ -204,7 +204,7 @@ function attribute(value: unknown): any {
 @media (hover: hover) and (pointer: fine) {
   [data-component~="ui-icon-button"][data-ui-icon-button-state~="anticipatory"]:not([data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="loading"], [data-component~="ui-icon-button"][data-ui-icon-button-state~="pending"], :disabled, [data-ui-proximity="near"], :hover, :focus-visible) {
     border-color: transparent;
-    background: transparent;
+    background-color: transparent;
     box-shadow: none;
   }
 
@@ -232,7 +232,7 @@ function attribute(value: unknown): any {
   margin: 0;
   border: 1px solid transparent;
   border-radius: var(--ui-icon-button-radius, var(--ui-action-radius, var(--ui-radius-md)));
-  background: var(--ui-icon-button-surface, transparent);
+  background-color: var(--ui-icon-button-surface, transparent);
   color: inherit;
   display: inline-flex;
   align-items: center;
@@ -304,14 +304,14 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"]::after {
 
 [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=outline"] {
   border-color: var(--ui-icon-button-border, var(--ui-control-border, var(--ui-border-strong)));
-  background: var(--ui-icon-button-outline-surface, var(--ui-surface-default));
+  background-color: var(--ui-icon-button-outline-surface, var(--ui-surface-default));
   background-image: var(--ui-raised-highlight);
   color: var(--ui-icon-button-outline-text, var(--ui-text-primary));
   box-shadow: var(--ui-raised);
 }
 
 [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"] {
-  background: var(--ui-icon-button-solid-surface, var(--ui-accent-solid));
+  background-color: var(--ui-icon-button-solid-surface, var(--ui-accent-solid));
   background-image: var(--ui-raised-highlight);
   color: var(--ui-icon-button-solid-text, var(--ui-text-on-accent));
   box-shadow: var(
@@ -322,7 +322,10 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"]::after {
 
 [data-component~="ui-icon-button"]:hover:enabled:not([aria-disabled="true"]) {
   /* Derived from the text colour so the ghost hover shows on any background. */
-  background: var(--ui-icon-button-hover-surface, color-mix(in srgb, currentColor 8%, transparent));
+  background-color: var(
+    --ui-icon-button-hover-surface,
+    color-mix(in srgb, currentColor 8%, transparent)
+  );
   color: var(--ui-icon-button-hover-text, var(--ui-text-primary));
 }
 
@@ -334,7 +337,7 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"]::after {
 }
 
 [data-component~="ui-icon-button"][data-ui-icon-button-state~="variant=solid"]:hover:enabled:not([aria-disabled="true"]) {
-  background: var(--ui-icon-button-solid-hover-surface, var(--ui-accent-hover));
+  background-color: var(--ui-icon-button-solid-hover-surface, var(--ui-accent-hover));
 }
 
 [data-component~="ui-icon-button"]:active:enabled:not([aria-disabled="true"]) {
@@ -370,7 +373,7 @@ html[data-ui-input-modality="touch"] [data-component~="ui-icon-button"]::after {
 /* Disabled is a flat neutral control, independent of the active variant's tone. */
 [data-component~="ui-icon-button"]:disabled {
   border-color: var(--ui-disabled-border);
-  background: var(--ui-disabled-surface);
+  background-color: var(--ui-disabled-surface);
   color: var(--ui-disabled-text);
   filter: var(--ui-icon-button-disabled-filter, var(--ui-disabled-filter));
   opacity: var(--ui-icon-button-disabled-opacity, 1);

package/vue/UiInputGroup.vue

@@ -176,7 +176,7 @@ useComponentHost(controllerModule.default, {
   flex: none;
   align-items: center;
   padding-inline: var(--ui-space-2);
-  color: var(--ui-text-secondary);
+  color: var(--ui-text-muted);
   font-family: var(--ui-font-family-mono);
   font-size: var(--ui-font-size-sm);
   white-space: nowrap;

package/vue/UiSearchResultRow.vue

@@ -86,18 +86,14 @@ const hostState = computed(() =>
   align-items: flex-start;
   gap: var(--ui-search-result-row-gap, var(--ui-space-3));
   background: var(--ui-search-result-row-surface, transparent);
-  border: none;
-  border-block-end: 1px solid var(--ui-search-result-row-border, var(--ui-border-divider));
+  border: 1px solid var(--ui-search-result-row-border, transparent);
+  border-radius: var(--ui-radius-md);
   color: inherit;
   cursor: pointer;
   text-align: left;
   transition: background-color var(--ui-motion-fast) var(--ui-motion-ease);
 }
 
-[data-component~="ui-search-result-row"]:last-child {
-  border-block-end: none;
-}
-
 [data-component~="ui-search-result-row"]:hover:enabled {
   background: var(
     --ui-search-result-row-hover-surface,

package/vue/UiSearchShell.vue

@@ -180,16 +180,6 @@ dialog::backdrop {
 
 .search {
   padding: var(--ui-space-3);
-  border-block-end: 1px solid var(--ui-border-divider);
-  transition:
-    border-color var(--ui-motion-fast) var(--ui-motion-ease),
-    box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
-}
-
-/* The search region shows where typing goes, whatever the author put in it. */
-.search:focus-within {
-  border-block-end-color: var(--_ui-search-shell-focus-color, var(--ui-control-focus));
-  box-shadow: inset 0 -1px 0 var(--_ui-search-shell-focus-color, var(--ui-control-focus));
 }
 
 :slotted(input[slot="search"]) {
@@ -206,7 +196,7 @@ dialog::backdrop {
 }
 
 :slotted(input[slot="search"]:focus-visible) {
-  border-color: var(--ui-control-focus);
+  border-color: var(--_ui-search-shell-focus-color, var(--ui-control-focus));
   outline: 2px solid var(--ui-focus-ring);
   outline-offset: 2px;
 }
@@ -220,7 +210,7 @@ dialog::backdrop {
 }
 
 .status {
-  border-block-end: 1px solid var(--ui-border-divider);
+  padding-block-start: 0;
 }
 
 /* Laid out like the dialog's action row: actions right-aligned, spaced as buttons, no fill. */
@@ -231,7 +221,6 @@ dialog::backdrop {
   justify-content: flex-end;
   gap: var(--ui-space-2);
   padding: var(--ui-space-3) var(--ui-space-4);
-  border-block-start: 1px solid var(--ui-border-divider);
 }
 
 .status:empty,

package/vue/UiSpinner.vue

@@ -60,22 +60,16 @@ function attribute(value: unknown): any {
   flex: none;
   align-items: center;
   justify-content: center;
+  box-sizing: border-box;
   inline-size: 1em;
   block-size: 1em;
-  color: currentColor;
-  font-size: var(--ui-font-size-lg);
-  line-height: 1;
-}
-
-.ring {
-  display: block;
-  box-sizing: border-box;
-  inline-size: 100%;
-  block-size: 100%;
   border: 2px solid transparent;
   border-block-start-color: currentColor;
   border-inline-end-color: color-mix(in srgb, currentColor 52%, transparent);
   border-radius: 50%;
+  color: currentColor;
+  font-size: var(--ui-font-size-lg);
+  line-height: 1;
   animation: ui-spinner-chase 1s linear infinite;
 }
 
@@ -96,7 +90,7 @@ function attribute(value: unknown): any {
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .ring {
+  [data-component~="ui-spinner"] {
     animation: none;
   }
 }

package/vue/UiTooltip.vue

@@ -256,14 +256,14 @@ useComponentHost(controllerModule.default, {
   inset-inline-start: auto;
   inset-inline-end: calc(var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - 0.5px);
   border-inline-end-width: 1px;
-  border-block-end-width: 1px;
+  border-block-start-width: 1px;
 }
 
 [data-component~="ui-tooltip"][data-ui-actual-placement="right"] .surface::after {
   inset-inline-start: calc(var(--_ui-tooltip-arrow-size, 0.625rem) / -2 - 0.5px);
   inset-inline-end: auto;
   border-inline-start-width: 1px;
-  border-block-start-width: 1px;
+  border-block-end-width: 1px;
 }
 
 [data-component~="ui-tooltip"][data-ui-actual-placement="left"][data-ui-actual-align="start"]

package/vue/chunks/UiButton.js

@@ -139,6 +139,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}), [__props.loading || __props.pending ? (openBlock(), createElementBlock("span", _hoisted_4, [createVNode(UiSpinner_default, { size: "sm" })])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_3));
 		};
 	}
-}), [["__scopeId", "data-v-84ef27e9"]]);
+}), [["__scopeId", "data-v-a89a1895"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCheckbox.js

@@ -105,6 +105,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-62f133c7"]]);
+}), [["__scopeId", "data-v-9a218638"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiIconButton.js

@@ -95,6 +95,6 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			})) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-e99fb642"]]);
+}), [["__scopeId", "data-v-ae1ec9d2"]]);
 //#endregion
 export { UiIconButton_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-8627fd48"]]);
+}), [["__scopeId", "data-v-51eefe72"]]);
 //#endregion
 export { UiInputGroup_default as t };

package/vue/chunks/UiSearchResultRow.js

@@ -50,6 +50,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-5a2d6e2a"]]);
+}), [["__scopeId", "data-v-5fd17258"]]);
 //#endregion
 export { UiSearchResultRow_default as t };

package/vue/chunks/UiSearchShell.js

@@ -67,6 +67,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			])], 8, _hoisted_1)], 16);
 		};
 	}
-}), [["__scopeId", "data-v-089e37ee"]]);
+}), [["__scopeId", "data-v-b1cde00b"]]);
 //#endregion
 export { UiSearchShell_default as t };

package/vue/chunks/UiSpinner.js

@@ -61,6 +61,6 @@ var UiSpinner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}), null, 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-1c74343f"]]);
+}), [["__scopeId", "data-v-f5f5cd89"]]);
 //#endregion
 export { UiSpinner_default as t };

package/vue/chunks/UiTooltip.js

@@ -68,6 +68,6 @@ var UiTooltip_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-8f81f4b2"]]);
+}), [["__scopeId", "data-v-0e272bf3"]]);
 //#endregion
 export { UiTooltip_default as t };