nuance-ui 0.1.38 → 0.1.39

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.0.0"
   },
-  "version": "0.1.38",
+  "version": "0.1.39",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/action-icon/action-icon-group.d.vue.ts

@@ -2,9 +2,9 @@ import type { BoxProps } from '../box.vue.js';
 export interface ActionIconGroupProps extends BoxProps {
     orientation?: 'horizontal' | 'vertical';
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionIconGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/action-icon/action-icon-group.vue.d.ts

@@ -2,9 +2,9 @@ import type { BoxProps } from '../box.vue.js';
 export interface ActionIconGroupProps extends BoxProps {
     orientation?: 'horizontal' | 'vertical';
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionIconGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/action-icon/action-icon-section.d.vue.ts

@@ -8,9 +8,9 @@ export interface ActionIconSectionProps extends BoxProps {
     color?: NuanceColor;
     radius?: NuanceRadius;
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionIconSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconSectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/action-icon/action-icon-section.vue.d.ts

@@ -8,9 +8,9 @@ export interface ActionIconSectionProps extends BoxProps {
     color?: NuanceColor;
     radius?: NuanceRadius;
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionIconSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconSectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/action-icon/action-icon.d.vue.ts

@@ -16,9 +16,9 @@ export interface ActionIconProps {
     icon?: string;
     disabled?: boolean;
 }
-declare var __VLS_15: {};
+declare var __VLS_19: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_15) => any;
+    default?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/action-icon/action-icon.vue.d.ts

@@ -16,9 +16,9 @@ export interface ActionIconProps {
     icon?: string;
     disabled?: boolean;
 }
-declare var __VLS_15: {};
+declare var __VLS_19: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_15) => any;
+    default?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/alert.d.vue.ts

@@ -27,11 +27,11 @@ export interface AlertProps extends BoxProps {
         closeButton?: string;
     };
 }
-declare var __VLS_15: {}, __VLS_21: {};
+declare var __VLS_19: {}, __VLS_27: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_15) => any;
+    title?: (props: typeof __VLS_19) => any;
 } & {
-    default?: (props: typeof __VLS_21) => any;
+    default?: (props: typeof __VLS_27) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;

package/dist/runtime/components/alert.vue.d.ts

@@ -27,11 +27,11 @@ export interface AlertProps extends BoxProps {
         closeButton?: string;
     };
 }
-declare var __VLS_15: {}, __VLS_21: {};
+declare var __VLS_19: {}, __VLS_27: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_15) => any;
+    title?: (props: typeof __VLS_19) => any;
 } & {
-    default?: (props: typeof __VLS_21) => any;
+    default?: (props: typeof __VLS_27) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;

package/dist/runtime/components/app-shell/app-shell-aside.d.vue.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '../box.vue.js';
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app-shell/app-shell-aside.vue.d.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '../box.vue.js';
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app-shell/app-shell-footer.d.vue.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '../box.vue.js';
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app-shell/app-shell-footer.vue.d.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '../box.vue.js';
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app-shell/app-shell-header.d.vue.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '../box.vue.js';
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app-shell/app-shell-header.vue.d.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '../box.vue.js';
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app-shell/app-shell-main.d.vue.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '../box.vue.js';
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app-shell/app-shell-main.vue.d.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '../box.vue.js';
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app-shell/app-shell-navbar.d.vue.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '../box.vue.js';
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app-shell/app-shell-navbar.vue.d.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '../box.vue.js';
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app-shell/app-shell-section.d.vue.ts

@@ -3,9 +3,9 @@ export interface AppShellSectionProps extends BoxProps {
     /** Determines whether the section should take all available space, `false` by default */
     grow?: boolean;
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<AppShellSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AppShellSectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app-shell/app-shell-section.vue.d.ts

@@ -3,9 +3,9 @@ export interface AppShellSectionProps extends BoxProps {
     /** Determines whether the section should take all available space, `false` by default */
     grow?: boolean;
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<AppShellSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AppShellSectionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/app-shell/app-shell.d.vue.ts

@@ -15,9 +15,9 @@ type __VLS_ModelProps = {
     'footer'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:aside": (value: boolean) => any;

package/dist/runtime/components/app-shell/app-shell.vue.d.ts

@@ -15,9 +15,9 @@ type __VLS_ModelProps = {
     'footer'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:aside": (value: boolean) => any;

package/dist/runtime/components/avatar/avatar-group.d.vue.ts

@@ -4,9 +4,9 @@ export interface AvatarGroupProps extends BoxProps {
     /** Negative space between Avatar components @default `'sm'` */
     spacing?: NuanceSpacing | string;
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/avatar/avatar-group.vue.d.ts

@@ -4,9 +4,9 @@ export interface AvatarGroupProps extends BoxProps {
     /** Negative space between Avatar components @default `'sm'` */
     spacing?: NuanceSpacing | string;
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/avatar/avatar.d.vue.ts

@@ -21,9 +21,9 @@ export interface AvatarProps extends BoxProps {
     placeholder?: string;
     variant?: 'filled' | 'light' | 'gradient' | 'outline' | 'default';
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/avatar/avatar.vue.d.ts

@@ -21,9 +21,9 @@ export interface AvatarProps extends BoxProps {
     placeholder?: string;
     variant?: 'filled' | 'light' | 'gradient' | 'outline' | 'default';
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/badge.d.vue.ts

@@ -17,13 +17,13 @@ export interface BadgeProps extends BoxProps {
     /** Icon displayed before to the label */
     icon?: string;
 }
-declare var __VLS_6: {}, __VLS_13: {}, __VLS_15: {};
+declare var __VLS_8: {}, __VLS_15: {}, __VLS_17: {};
 type __VLS_Slots = {} & {
-    leftSection?: (props: typeof __VLS_6) => any;
+    leftSection?: (props: typeof __VLS_8) => any;
 } & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_15) => any;
 } & {
-    rightSection?: (props: typeof __VLS_15) => any;
+    rightSection?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/badge.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { useStyleResolver } from "#imports";
+import { useStyleResolver } from "@nui/composals";
 import { computed } from "vue";
 import { createVariantColorResolver, getRadius, getSize, getThemeColor } from "../utils";
 import Box from "./box.vue";
@@ -105,49 +105,62 @@ const style = computed(() => useStyleResolver((theme) => {
 	--badge-border-width: 1px;
 	--badge-bd: var(--badge-border-width) solid transparent;
 
-	-webkit-tap-highlight-color: transparent;
-	font-size: var(--badge-fz);
-	border-radius: var(--badge-radius);
-	height: var(--badge-height);
-	line-height: var(--badge-lh);
-	text-decoration: none;
-	padding: 0 var(--badge-padding-x);
+	cursor: default;
+
+	overflow: hidden;
 	display: inline-grid;
 	align-items: center;
 	justify-content: center;
+
 	width: fit-content;
-	text-transform: uppercase;
+	height: var(--badge-height);
+	padding: 0 var(--badge-padding-x);
+	border: var(--badge-bd);
+	border-radius: var(--badge-radius);
+
+	font-size: var(--badge-fz);
 	font-weight: 700;
-	letter-spacing: 0.25px;
-	cursor: default;
-	text-overflow: ellipsis;
-	overflow: hidden;
+	line-height: var(--badge-lh);
 	color: var(--badge-color);
+	text-decoration: none;
+	text-overflow: ellipsis;
+	text-transform: uppercase;
+	letter-spacing: 0.25px;
+
 	background: var(--badge-bg);
-	border: var(--badge-bd);
+
+	-webkit-tap-highlight-color: transparent;
 
 	&:where([data-with-left-section], [data-variant='dot']) {
 		grid-template-columns: auto 1fr;
+
+		padding-left: calc(var(--badge-padding-x) - calc(var(--spacing-xs) / 2));
 	}
 
 	&:where([data-with-right-section]) {
 		grid-template-columns: 1fr auto;
+
+		padding-right: calc(var(--badge-padding-x) - calc(var(--spacing-xs) / 2));
 	}
 
 	&:where([data-with-left-section][data-with-right-section],
 		[data-variant='dot'][data-with-right-section]) {
 		grid-template-columns: auto 1fr auto;
+
+		padding: 0 calc(var(--spacing-xs) / 2);
 	}
 
 	&:where([data-block]) {
 		display: flex;
+
 		width: 100%;
 	}
 
 	&:where([data-circle]) {
-		padding-inline: 2px;
 		display: flex;
+
 		width: var(--badge-height);
+		padding-inline: 2px;
 	}
 }
 
@@ -155,40 +168,48 @@ const style = computed(() => useStyleResolver((theme) => {
 	--badge-dot-size: calc(var(--badge-height) / 2);
 
 	display: block;
+
 	width: var(--badge-dot-size);
 	height: var(--badge-dot-size);
-	border-radius: var(--badge-dot-size);
 	margin-inline-end: calc(var(--badge-dot-size) / 2);
+	border-radius: var(--badge-dot-size);
+
+	background-color: var(--badge-dot-color, var(--badge-color));
 
 	@mixin where-light {
-		background-color: var(--color-white);
 		border-color: var(--color-gray-4);
+
 		color: var(--color-black);
+
+		background-color: var(--color-white);
 	}
 
 	@mixin where-dark {
-		background-color: var(--color-dark-5);
 		border-color: var(--color-dark-5);
+
 		color: var(--color-white);
-	}
 
-	background-color: var(--badge-dot-color, var(--badge-color));
+		background-color: var(--color-dark-5);
+	}
 }
 
 .label {
-	white-space: nowrap;
+	cursor: inherit;
+
 	overflow: hidden;
-	text-overflow: ellipsis;
+
 	text-align: center;
-	cursor: inherit;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 
 .section {
 	--badge-section-margin: calc(var(--spacing-xs) / 2);
 
 	display: inline-flex;
-	justify-content: center;
 	align-items: center;
+	justify-content: center;
+
 	max-height: calc(var(--badge-height) - var(--badge-border-width) * 2);
 
 	&:where([data-position='left']) {

package/dist/runtime/components/badge.vue.d.ts

@@ -17,13 +17,13 @@ export interface BadgeProps extends BoxProps {
     /** Icon displayed before to the label */
     icon?: string;
 }
-declare var __VLS_6: {}, __VLS_13: {}, __VLS_15: {};
+declare var __VLS_8: {}, __VLS_15: {}, __VLS_17: {};
 type __VLS_Slots = {} & {
-    leftSection?: (props: typeof __VLS_6) => any;
+    leftSection?: (props: typeof __VLS_8) => any;
 } & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_15) => any;
 } & {
-    rightSection?: (props: typeof __VLS_15) => any;
+    rightSection?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/box.d.vue.ts

@@ -5,9 +5,9 @@ export interface BoxProps {
     /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */
     mod?: Mod | Mod[] | Mod[][] | null;
 }
-declare var __VLS_7: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/box.vue.d.ts

@@ -5,9 +5,9 @@ export interface BoxProps {
     /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */
     mod?: Mod | Mod[] | Mod[][] | null;
 }
-declare var __VLS_7: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BoxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BoxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/breadcrumbs.d.vue.ts

@@ -21,15 +21,15 @@ export interface BreadcrumbsProps extends BoxProps {
     color?: ButtonProps['color'];
     size?: ButtonProps['size'];
 }
-declare var __VLS_7: string, __VLS_8: {
+declare var __VLS_9: string, __VLS_10: {
     item: BreadcrumbsItem;
     ix: number;
     active: boolean;
-}, __VLS_23: {};
+}, __VLS_26: {};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any;
+    [K in NonNullable<typeof __VLS_9>]?: (props: typeof __VLS_10) => any;
 } & {
-    separator?: (props: typeof __VLS_23) => any;
+    separator?: (props: typeof __VLS_26) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BreadcrumbsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (item: BreadcrumbsItem) => any;

package/dist/runtime/components/breadcrumbs.vue.d.ts

@@ -21,15 +21,15 @@ export interface BreadcrumbsProps extends BoxProps {
     color?: ButtonProps['color'];
     size?: ButtonProps['size'];
 }
-declare var __VLS_7: string, __VLS_8: {
+declare var __VLS_9: string, __VLS_10: {
     item: BreadcrumbsItem;
     ix: number;
     active: boolean;
-}, __VLS_23: {};
+}, __VLS_26: {};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any;
+    [K in NonNullable<typeof __VLS_9>]?: (props: typeof __VLS_10) => any;
 } & {
-    separator?: (props: typeof __VLS_23) => any;
+    separator?: (props: typeof __VLS_26) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BreadcrumbsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (item: BreadcrumbsItem) => any;

package/dist/runtime/components/button/button-group.d.vue.ts

@@ -2,9 +2,9 @@ import type { BoxProps } from '../box.vue.js';
 export interface ButtonGroupProps extends BoxProps {
     orientation?: 'horizontal' | 'vertical';
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/button/button-group.vue.d.ts

@@ -2,9 +2,9 @@ import type { BoxProps } from '../box.vue.js';
 export interface ButtonGroupProps extends BoxProps {
     orientation?: 'horizontal' | 'vertical';
 }
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;