@threadlabs/looma 0.21.3 → 0.21.5

package/vue/UiMenu.d.ts

@@ -24,6 +24,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<string | null>;
         default: string;
     };
+    size: {
+        type: PropType<"sm" | "md" | null>;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: CustomEvent<{
         readonly value: string;
@@ -62,6 +66,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<string | null>;
         default: string;
     };
+    size: {
+        type: PropType<"sm" | "md" | null>;
+        default: string;
+    };
 }>> & Readonly<{
     onSelect?: ((event: CustomEvent<{
         readonly value: string;
@@ -81,6 +89,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     }>) => any) | undefined;
 }>, {
     open: boolean | null;
+    size: "sm" | "md" | null;
     for: string | null;
     placement: string | null;
     inline: boolean | null;

package/vue/UiMenu.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -16,6 +16,7 @@ const props = defineProps({
   inline: { type: null as unknown as PropType<boolean | null>, default: false },
   open: { type: null as unknown as PropType<boolean | null>, default: false },
   placement: { type: null as unknown as PropType<string | null>, default: 'bottom-start' },
+  size: { type: null as unknown as PropType<'sm' | 'md' | null>, default: 'md' },
 })
 const checkedProps = computed(() => ({
   density: checkedProp<'comfortable' | 'compact'>(
@@ -58,6 +59,14 @@ const checkedProps = computed(() => ({
     undefined,
     undefined,
   ) as string,
+  size: checkedProp<'sm' | 'md'>(
+    props['size'],
+    { kind: 'terminal', name: 'keyword' },
+    false,
+    'size',
+    undefined,
+    ['sm', 'md'],
+  ) as 'sm' | 'md',
 }))
 void checkedProps.value
 watchSyncEffect(() => {
@@ -149,6 +158,8 @@ const hostState = computed(() =>
     checkedProps.value.density && 'density',
     checkedProps.value.density != null
     && `density=${encodeURIComponent(checkedProps.value.density)}`,
+    checkedProps.value.size && 'size',
+    checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
     internalOpen.value && 'internalOpen',
     checkedProps.value.inline && 'inline',
   ].filter(Boolean).join(' ')
@@ -215,6 +226,7 @@ useComponentHost(() => import('../components/ui-menu/ui-menu.js'), {
     :data-inline="reflectedProp('inline', 'inline', checkedProps.inline, undefined, false)"
     :data-open="reflectedProp('open', 'open', checkedProps.open, undefined, false)"
     :data-placement="reflectedProp('placement', 'placement', checkedProps.placement, undefined, false)"
+    :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
     :data-ui-menu-state="hostState || undefined"
     ref="root"
   >
@@ -256,6 +268,19 @@ useComponentHost(() => import('../components/ui-menu/ui-menu.js'), {
   gap: 0;
 }
 
+/* Small follows its trigger down: an item's own hooks still win. */
+[data-component~="ui-menu"][data-ui-menu-state~="size=sm"] {
+  --_ui-default-menu-item-padding-block: var(--ui-space-0-5);
+  --_ui-default-menu-item-padding-inline: var(--ui-space-2);
+  --_ui-default-menu-item-font-size: var(--ui-font-size-xs);
+  --_ui-default-menu-item-radius: var(--ui-radius-sm);
+  --_ui-default-menu-item-min-block-size: 1.5rem;
+  --_ui-default-menu-indicator-size: 0.75rem;
+  min-inline-size: min(8rem, calc(100vw - var(--ui-menu-viewport-gap, var(--ui-space-2)) * 2));
+  padding: var(--ui-space-1);
+  gap: 0;
+}
+
 [data-component~="ui-menu"] {
   --_ui-menu-surface: var(--ui-menu-surface);
   --_ui-menu-border: var(--ui-menu-border);
@@ -266,6 +291,8 @@ useComponentHost(() => import('../components/ui-menu/ui-menu.js'), {
   --_ui-default-menu-item-padding-inline: initial;
   --_ui-default-menu-item-font-size: initial;
   --_ui-default-menu-item-radius: initial;
+  --_ui-default-menu-item-min-block-size: initial;
+  --_ui-default-menu-indicator-size: initial;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;

package/vue/UiMenuGroup.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiMenuItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -245,7 +245,7 @@ function attribute(value: unknown): any {
     ref="@html-next/root"
   >
     <span class="indicator" aria-hidden="true"><UiIcon
-        v-if="checkedProps.type === 'checkbox' && internalChecked"
+        v-if="(checkedProps.type === 'checkbox' || checkedProps.type === 'radio') && internalChecked"
         name="check"
       /></span>
     <span class="label"><slot /></span>
@@ -327,8 +327,8 @@ function attribute(value: unknown): any {
   justify-content: center;
   flex: none;
   box-sizing: border-box;
-  inline-size: var(--ui-icon-size-sm);
-  block-size: var(--ui-icon-size-sm);
+  inline-size: var(--_ui-default-menu-indicator-size, var(--ui-icon-size-sm));
+  block-size: var(--_ui-default-menu-indicator-size, var(--ui-icon-size-sm));
   border: 1.5px solid var(--ui-control-border);
   border-radius: var(--ui-radius-sm);
   color: var(--ui-surface);
@@ -345,22 +345,11 @@ function attribute(value: unknown): any {
   background: var(--ui-accent);
 }
 
+/* A menu marks its chosen item with a check, as menus conventionally do; a radio circle reads
+   as a form control. The empty slot keeps unchosen labels aligned with the chosen one. */
 [data-component~="ui-menu-item"][data-ui-menu-item-state~="type=radio"] .indicator {
-  border-radius: var(--ui-radius-round);
-}
-
-[data-component~="ui-menu-item"][data-ui-menu-item-state~="type=radio"][aria-checked="true"]
-  .indicator {
-  border-color: var(--ui-accent);
-}
-
-[data-component~="ui-menu-item"][data-ui-menu-item-state~="type=radio"][aria-checked="true"]
-  .indicator::after {
-  content: "";
-  inline-size: 0.375rem;
-  block-size: 0.375rem;
-  border-radius: var(--ui-radius-round);
-  background: var(--ui-accent);
+  border-color: transparent;
+  color: var(--ui-text-secondary);
 }
 
 .shortcut {
@@ -377,7 +366,10 @@ function attribute(value: unknown): any {
 /* Keep the text row at the shared control height where cap trimming is available. */
 @supports (text-box-trim: trim-both) {
   [data-component~="ui-menu-item"] {
-    min-block-size: var(--ui-menu-item-min-block-size, var(--ui-control-size-md, 2.5rem));
+    min-block-size: var(
+      --ui-menu-item-min-block-size,
+      var(--_ui-default-menu-item-min-block-size, var(--ui-control-size-md, 2.5rem))
+    );
     text-box-trim: trim-both;
     text-box-edge: cap alphabetic;
   }

package/vue/UiMeter.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiNavItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiPageHeader.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiPopover.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiRadio.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiRadioGroup.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiReel.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiScrollArea.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSearchResultRow.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSearchShell.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSection.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSelect.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSeparator.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSidebar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSpinner.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiStack.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiStatusMessage.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSwitch.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiSwitcher.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTable.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTabs.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import {
   computed,

package/vue/UiText.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTextarea.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiToast.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiToastRegion.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, defineComponent, getCurrentInstance, h, ref, watchSyncEffect } from 'vue'
 import type { PropType, VNode } from 'vue'

package/vue/UiTooltip.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTopBar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { getCurrentInstance } from 'vue'
 

package/vue/UiTree.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/UiTreeItem.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.13 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'

package/vue/chunks/UiActionBar.js

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

package/vue/chunks/UiAffordanceScope.js

@@ -89,6 +89,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-12e9cbd9"]]);
+}), [["__scopeId", "data-v-db655641"]]);
 //#endregion
 export { UiAffordanceScope_default as t };

package/vue/chunks/UiAvatar.js

@@ -186,6 +186,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-42e2a578"]]);
+}), [["__scopeId", "data-v-13af89a3"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

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

package/vue/chunks/UiBadge.js

@@ -96,6 +96,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-5bde1f25"]]);
+}), [["__scopeId", "data-v-ed7b2831"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiBreadcrumbItem.js

@@ -79,6 +79,6 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			}), [createElementVNode("span", _hoisted_2, [createVNode(UiIcon_default, { name: "chevron-right" })]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-bfa8e8af"]]);
+}), [["__scopeId", "data-v-fe563ada"]]);
 //#endregion
 export { UiBreadcrumbItem_default as t };

package/vue/chunks/UiBreadcrumbs.js

@@ -50,6 +50,6 @@ var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}), [createElementVNode("ol", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-bdb582a4"]]);
+}), [["__scopeId", "data-v-bf09b165"]]);
 //#endregion
 export { UiBreadcrumbs_default as t };

package/vue/chunks/UiButton.js

@@ -18,6 +18,7 @@ var _hoisted_1 = [
 	"data-loading",
 	"data-pending",
 	"data-rel",
+	"data-shape",
 	"data-size",
 	"data-stretch",
 	"data-target",
@@ -42,6 +43,7 @@ var _hoisted_3 = [
 	"data-loading",
 	"data-pending",
 	"data-rel",
+	"data-shape",
 	"data-size",
 	"data-stretch",
 	"data-target",
@@ -88,6 +90,10 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			type: null,
 			default: null
 		},
+		shape: {
+			type: null,
+			default: "rounded"
+		},
 		size: {
 			type: null,
 			default: "md"
@@ -144,10 +150,15 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				kind: "terminal",
 				name: "string"
 			}, false, "rel", void 0, void 0),
+			shape: checkedProp(props["shape"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "shape", void 0, ["rounded", "pill"]),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
 			}, false, "size", void 0, [
+				"xs",
 				"sm",
 				"md",
 				"lg"
@@ -224,6 +235,8 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			checkedProps.value.stretch && "stretch",
 			checkedProps.value.size && "size",
 			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
+			checkedProps.value.shape && "shape",
+			checkedProps.value.shape != null && `shape=${encodeURIComponent(checkedProps.value.shape)}`,
 			checkedProps.value.variant && "variant",
 			checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
 			checkedProps.value.tone && "tone",
@@ -282,6 +295,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"data-loading": reflectedProp("loading", "loading", checkedProps.value.loading, void 0, false),
 				"data-pending": reflectedProp("pending", "pending", checkedProps.value.pending, void 0, false),
 				"data-rel": reflectedProp("rel", "rel", checkedProps.value.rel, void 0, false),
+				"data-shape": reflectedProp("shape", "shape", checkedProps.value.shape, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-stretch": reflectedProp("stretch", "stretch", checkedProps.value.stretch, void 0, false),
 				"data-target": reflectedProp("target", "target", checkedProps.value.target, void 0, false),
@@ -314,6 +328,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"data-loading": reflectedProp("loading", "loading", checkedProps.value.loading, void 0, false),
 				"data-pending": reflectedProp("pending", "pending", checkedProps.value.pending, void 0, false),
 				"data-rel": reflectedProp("rel", "rel", checkedProps.value.rel, void 0, false),
+				"data-shape": reflectedProp("shape", "shape", checkedProps.value.shape, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-stretch": reflectedProp("stretch", "stretch", checkedProps.value.stretch, void 0, false),
 				"data-target": reflectedProp("target", "target", checkedProps.value.target, void 0, false),
@@ -325,6 +340,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}), [checkedProps.value.loading || checkedProps.value.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-64d7d8f1"]]);
+}), [["__scopeId", "data-v-7a112b47"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCallout.js

@@ -145,6 +145,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-74b9eed2"]]);
+}), [["__scopeId", "data-v-12d58166"]]);
 //#endregion
 export { UiCallout_default as t };

package/vue/chunks/UiCard.js

@@ -167,6 +167,6 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_4));
 		};
 	}
-}), [["__scopeId", "data-v-fb1858fb"]]);
+}), [["__scopeId", "data-v-979a6da1"]]);
 //#endregion
 export { UiCard_default as t };

package/vue/chunks/UiCheckbox.js

@@ -205,6 +205,6 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]), 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-ff5de0db"]]);
+}), [["__scopeId", "data-v-7d5b0d28"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiCluster.js

@@ -113,6 +113,6 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-374c8a1c"]]);
+}), [["__scopeId", "data-v-eee4174d"]]);
 //#endregion
 export { UiCluster_default as t };

package/vue/chunks/UiCombobox.js

@@ -959,6 +959,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-7540dab2"]]);
+}), [["__scopeId", "data-v-09776d0d"]]);
 //#endregion
 export { UiCombobox_default as t };

package/vue/chunks/UiContainer.js

@@ -77,6 +77,6 @@ var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-25fae953"]]);
+}), [["__scopeId", "data-v-178bfc72"]]);
 //#endregion
 export { UiContainer_default as t };

package/vue/chunks/UiContextMenu.js

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

package/vue/chunks/UiCover.js

@@ -51,6 +51,6 @@ var UiCover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-14c776ab"]]);
+}), [["__scopeId", "data-v-9b72621f"]]);
 //#endregion
 export { UiCover_default as t };

package/vue/chunks/UiDescriptionItem.js

@@ -46,6 +46,6 @@ var UiDescriptionItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-description-item" }, nativeAttrs(_ctx.$attrs), { "data-term": reflectedProp("term", "term", checkedProps.value.term, void 0, false) }), [createElementVNode("dt", null, toDisplayString(checkedProps.value.term), 1), createElementVNode("dd", null, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-b419bcf1"]]);
+}), [["__scopeId", "data-v-a00963b1"]]);
 //#endregion
 export { UiDescriptionItem_default as t };

package/vue/chunks/UiDescriptionList.js

@@ -94,6 +94,6 @@ var UiDescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-e2875b29"]]);
+}), [["__scopeId", "data-v-7a37f9f7"]]);
 //#endregion
 export { UiDescriptionList_default as t };

package/vue/chunks/UiDialog.js

@@ -206,6 +206,6 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-340c5761"]]);
+}), [["__scopeId", "data-v-33d86fa8"]]);
 //#endregion
 export { UiDialog_default as t };