@threadlabs/looma 0.29.18 → 0.30.0

package/vue/UiSection.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -77,7 +77,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('section', 'ui-section')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.variant && 'variant',

package/vue/UiSelect.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -131,7 +131,7 @@ const model = computed({
 const root = ref<HTMLElement | null>(null)
 checkHydratedRoot('select', 'ui-select')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',

package/vue/UiSeparator.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -98,7 +98,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('hr', 'ui-separator')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.emphasis && 'emphasis',

package/vue/UiSidebar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -206,7 +206,7 @@ provide('html-next:ui-sidebar:drawer', drawer)
 provide('html-next:ui-sidebar:resizing', resizing)
 checkHydratedRoot('aside', 'ui-sidebar')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.side && 'side',

package/vue/UiSpinner.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -192,7 +192,7 @@ const guardedBinding3 = computed(() => {
 })
 checkHydratedRoot('span', 'ui-spinner')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',

package/vue/UiStack.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -118,7 +118,7 @@ const reflectedProp = useReflectedProp()
 
 checkHydratedRoot('div', 'ui-stack')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.fill && 'fill',

package/vue/UiStatusMessage.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -102,7 +102,7 @@ const guarded = computed(() => {
 })
 checkHydratedRoot('div', 'ui-status-message')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.kind && 'kind',

package/vue/UiSwatch.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -62,7 +62,7 @@ const toneName = cycleCheckedComputed(() =>
 )
 checkHydratedRoot('input', 'ui-swatch')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.tone && 'tone',

package/vue/UiSwitch.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -154,7 +154,7 @@ const internalChecked = ref(false)
 provide('html-next:ui-switch:internalChecked', internalChecked)
 checkHydratedRoot('label', 'ui-switch')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.disabled && 'disabled',

package/vue/UiSwitcher.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -106,7 +106,7 @@ const overLimit = ref(false)
 provide('html-next:ui-switcher:overLimit', overLimit)
 checkHydratedRoot('div', 'ui-switcher')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     overLimit.value && 'overLimit',
@@ -183,27 +183,26 @@ useComponentHost(() => import('../components/ui-switcher/ui-switcher.js'), {
 
 @scope (.ui-switcher) to ([data-hn]) {
   :global(:scope:where([data-hn-ui-switcher])) {
-    /* Hooks do not inherit, so the parts below read them from the root. */
-    --_ui-switcher-threshold: var(--ui-switcher-threshold);
-
     --_switcher-gap: var(--ui-space-4);
-    display: flex;
-    flex-wrap: wrap;
+    --_switcher-threshold: 30rem;
+    --_switcher-track: clamp(
+      1px,
+      (var(--ui-switcher-threshold, var(--_switcher-threshold)) - 100%) * 999,
+      100%
+    );
+    /* Lays its children out from its own box: below the threshold each track takes the full width;
+       at or above it, tracks shrink to 1px so every child fits one row and empty tracks collapse.
+       The large multiplier makes the whole row flip at once. */
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(var(--_switcher-track), 1fr));
     gap: var(--ui-switcher-gap, var(--_switcher-gap));
     min-inline-size: 0;
     max-inline-size: 100%;
     margin: 0;
   }
 
-  :global(:scope > :where(:not([data-hn-ui-switcher])):is(*)) {
-    min-inline-size: 0;
-    flex-grow: 1;
-    /* The large multiplier makes the basis flip as a group at the intrinsic threshold. */
-    flex-basis: calc((var(--_ui-switcher-threshold, 30rem) - 100%) * 999);
-  }
-
-  :global(:scope[data-ui-switcher-state~="overLimit"] > :where(:not([data-hn-ui-switcher])):is(*)) {
-    flex-basis: 100%;
+  :global(:scope[data-ui-switcher-state~="overLimit"]:where([data-hn-ui-switcher])) {
+    grid-template-columns: minmax(0, 1fr);
   }
 
   :global(:scope[data-ui-switcher-state~="gap=xs"]:where([data-hn-ui-switcher])) {
@@ -221,26 +220,23 @@ useComponentHost(() => import('../components/ui-switcher/ui-switcher.js'), {
   :global(:scope[data-ui-switcher-state~="gap=xl"]:where([data-hn-ui-switcher])) {
     --_switcher-gap: var(--ui-space-6);
   }
-  :global(:scope[data-ui-switcher-state~="threshold=xs"]
-    > :where(:not([data-hn-ui-switcher])):is(*)) {
-    flex-basis: calc((var(--_ui-switcher-threshold, 20rem) - 100%) * 999);
+  :global(:scope[data-ui-switcher-state~="threshold=xs"]:where([data-hn-ui-switcher])) {
+    --_switcher-threshold: 20rem;
   }
-  :global(:scope[data-ui-switcher-state~="threshold=md"]
-    > :where(:not([data-hn-ui-switcher])):is(*)) {
-    flex-basis: calc((var(--_ui-switcher-threshold, 45rem) - 100%) * 999);
+  :global(:scope[data-ui-switcher-state~="threshold=md"]:where([data-hn-ui-switcher])) {
+    --_switcher-threshold: 45rem;
   }
-  :global(:scope[data-ui-switcher-state~="threshold=lg"]
-    > :where(:not([data-hn-ui-switcher])):is(*)) {
-    flex-basis: calc((var(--_ui-switcher-threshold, 60rem) - 100%) * 999);
+  :global(:scope[data-ui-switcher-state~="threshold=lg"]:where([data-hn-ui-switcher])) {
+    --_switcher-threshold: 60rem;
   }
   :global(:scope[data-ui-switcher-state~="align=start"]:where([data-hn-ui-switcher])) {
-    align-items: flex-start;
+    align-items: start;
   }
   :global(:scope[data-ui-switcher-state~="align=center"]:where([data-hn-ui-switcher])) {
     align-items: center;
   }
   :global(:scope[data-ui-switcher-state~="align=end"]:where([data-hn-ui-switcher])) {
-    align-items: flex-end;
+    align-items: end;
   }
   :global(:scope[hidden]:where([data-hn-ui-switcher])) {
     display: none;

package/vue/UiTable.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -68,7 +68,7 @@ const hydrationInstance = getCurrentInstance()
 const root = ref<HTMLElement | null>(null)
 checkHydratedRoot('div', 'ui-table')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.density && 'density',

package/vue/UiTabs.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -182,7 +182,7 @@ provide('html-next:ui-tabs:internalValue', internalValue)
 provide('html-next:ui-tabs:tabs', tabs)
 checkHydratedRoot('div', 'ui-tabs')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.density && 'density',

package/vue/UiText.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -280,7 +280,7 @@ checkHydratedRoot(
   'ui-text',
 )
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.grow && 'grow',

package/vue/UiTextarea.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -196,7 +196,7 @@ const model = computed({
 const root = ref<HTMLElement | null>(null)
 checkHydratedRoot('textarea', 'ui-textarea')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.size && 'size',

package/vue/UiToast.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -83,7 +83,7 @@ const root = ref<HTMLElement | null>(null)
 const actionElement = useTemplateRef<HTMLElement>('actionElement')
 checkHydratedRoot('div', 'ui-toast')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.tone && 'tone',

package/vue/UiToastRegion.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -110,7 +110,7 @@ const toasts = ref<
 provide('html-next:ui-toast-region:toasts', toasts)
 checkHydratedRoot('div', 'ui-toast-region')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.placement && 'placement',

package/vue/UiTooltip.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -227,7 +227,7 @@ const internalOpen = ref(false)
 provide('html-next:ui-tooltip:internalOpen', internalOpen)
 checkHydratedRoot('span', 'ui-tooltip')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.inverse && 'inverse',

package/vue/UiTopBar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { checkHydratedRoot, nativeAttrs } from './host'
 

package/vue/UiTree.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -203,7 +203,7 @@ const emit = defineEmits<{
 const root = ref<HTMLElement | null>(null)
 checkHydratedRoot('div', 'ui-tree')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.marquee && 'marquee',

package/vue/UiTreeItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.57 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -404,7 +404,7 @@ provide('html-next:ui-tree-item:isContainer', isContainer)
 provide('html-next:ui-tree-item:moving', moving)
 checkHydratedRoot('div', 'ui-tree-item')
 
-/** The values the styles' :host() prop and state rules test. */
+/** The values the styles' :host() and :state() rules test. */
 const hostState = computed(() =>
   [
     checkedProps.value.selected && 'selected',

package/vue/chunks/UiActionBar.js

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

package/vue/chunks/UiAffordanceScope.js

@@ -71,7 +71,7 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		const engaged = ref(false);
 		provide("html-next:ui-affordance-scope:engaged", engaged);
 		checkHydratedRoot("span", "ui-affordance-scope");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			engaged.value && "engaged",
 			checkedProps.value.guide && "guide",
@@ -117,6 +117,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-4341ad4c"]]);
+}), [["__scopeId", "data-v-3d2e92af"]]);
 //#endregion
 export { UiAffordanceScope_default as t };

package/vue/chunks/UiAvatar.js

@@ -207,7 +207,7 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		provide("html-next:ui-avatar:initials", initials);
 		provide("html-next:ui-avatar:showGlyph", showGlyph);
 		checkHydratedRoot("span", "ui-avatar");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
 			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
@@ -324,6 +324,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-412de8b7"]]);
+}), [["__scopeId", "data-v-bea3455f"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -139,7 +139,7 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		provide("html-next:ui-avatar-group:overflowCount", overflowCount);
 		provide("html-next:ui-avatar-group:overflowAnnouncement", overflowAnnouncement);
 		checkHydratedRoot("div", "ui-avatar-group");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [checkedProps.value.size && "size", checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(() => import("@threadlabs/looma/components/ui-avatar-group/ui-avatar-group.js"), {
@@ -216,6 +216,6 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9e8e1506"]]);
+}), [["__scopeId", "data-v-24eedda2"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -143,7 +143,7 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("span", "ui-badge");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.size && "size",
 			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
@@ -173,6 +173,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d888c3ef"]]);
+}), [["__scopeId", "data-v-4a4096a9"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiBreadcrumbItem.js

@@ -66,7 +66,7 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			}, concat(checkedProps.value.current)));
 		});
 		checkHydratedRoot("li", "ui-breadcrumb-item");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [checkedProps.value.current && "current"].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("li", mergeProps({ class: "ui-breadcrumb-item" }, unref(nativeAttrs)(_ctx.$attrs), {
@@ -88,6 +88,6 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-79f309c5"]]);
+}), [["__scopeId", "data-v-ad60ac51"]]);
 //#endregion
 export { UiBreadcrumbItem_default as t };

package/vue/chunks/UiBreadcrumbs.js

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

package/vue/chunks/UiButton.js

@@ -564,7 +564,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}, concat(checkedProps.value.loading || checkedProps.value.pending)));
 		});
 		checkHydratedRoot(checkedProps.value.variant === "card" && checkedProps.value.as === "a" ? "a" : checkedProps.value.variant === "card" ? "button" : checkedProps.value.as === "a" ? "a" : "button", "ui-button");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.align && "align",
 			checkedProps.value.align != null && `align=${encodeURIComponent(checkedProps.value.align)}`,
@@ -785,6 +785,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6d08e1d7"]]);
+}), [["__scopeId", "data-v-62d19015"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCallout.js

@@ -161,7 +161,7 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("div", "ui-callout");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [checkedProps.value.tone && "tone", checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
@@ -287,6 +287,6 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-8f43e3fa"]]);
+}), [["__scopeId", "data-v-5396108a"]]);
 //#endregion
 export { UiCallout_default as t };

package/vue/chunks/UiCard.js

@@ -183,7 +183,7 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const root = useTemplateRef("@html-next/root");
 		preserveRootFocus(root);
 		checkHydratedRoot(checkedProps.value.as === "section" ? "section" : checkedProps.value.as === "article" ? "article" : checkedProps.value.as === "aside" ? "aside" : "div", "ui-card");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.padding && "padding",
 			checkedProps.value.padding != null && `padding=${encodeURIComponent(checkedProps.value.padding)}`,
@@ -262,6 +262,6 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-8a78607f"]]);
+}), [["__scopeId", "data-v-94b011af"]]);
 //#endregion
 export { UiCard_default as t };

package/vue/chunks/UiCheckbox.js

@@ -241,7 +241,7 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const internalChecked = ref(false);
 		provide("html-next:ui-checkbox:internalChecked", internalChecked);
 		checkHydratedRoot("label", "ui-checkbox");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.invalid && "invalid",
 			checkedProps.value.disabled && "disabled",
@@ -349,6 +349,6 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6e1c7414"]]);
+}), [["__scopeId", "data-v-ecf9c529"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiCluster.js

@@ -196,7 +196,7 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("div", "ui-cluster");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.fixed && "fixed",
 			checkedProps.value.padding && "padding",
@@ -230,6 +230,6 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a0bfff84"]]);
+}), [["__scopeId", "data-v-61a36e38"]]);
 //#endregion
 export { UiCluster_default as t };