@auronui/vue 1.0.19 → 1.0.21

package/dist/components/alert-dialog/AlertDialogAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogAction.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogAction } from 'reka-ui'\nimport { buttonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\n/**\n * AlertDialogAction — confirm button for destructive flows.\n *\n * Wraps reka-ui AlertDialogAction which renders <button type=\"button\"> by default\n * (confirmed: AlertDialogAction uses DialogClose which sets type=\"button\" when as=\"button\").\n *\n * D-04: Do NOT override the button type — reka-ui's default `type=\"button\"` is intentional\n * and prevents accidental form submission / Enter-key propagation.\n */\nconst props = withDefaults(defineProps<{\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Override default classes for any slot. Keys correspond to slot names (e.g., base). */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  asChild?: boolean\n}>(), {\n  variant: 'danger',\n  size: 'md',\n  asChild: false,\n})\n\nconst slotFns = buttonVariants({ variant: props.variant, size: props.size })\n</script>\n\n<template>\n  <AlertDialogAction\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogAction>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AlertDialogAction.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogAction } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogAction — confirm button for destructive flows.\n *\n * Wraps reka-ui AlertDialogAction which renders <button type=\"button\"> by default\n * (confirmed: AlertDialogAction uses DialogClose which sets type=\"button\" when as=\"button\").\n *\n * D-04: Do NOT override the button type — reka-ui's default `type=\"button\"` is intentional\n * and prevents accidental form submission / Enter-key propagation.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Override default classes for any slot. Keys correspond to slot names (e.g., base). */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  asChild?: boolean\n}>(), {\n  variant: 'danger',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogAction', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogAction\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogAction>\n</template>\n"],"mappings":""}

package/dist/components/alert-dialog/AlertDialogAction.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { composeClassName } from "../../utils/composeClassName.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import "../../utils/warnDeprecated.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 import { buttonVariants } from "@auronui/styles";
 import { AlertDialogAction } from "reka-ui";
 //#region src/components/alert-dialog/AlertDialogAction.vue?vue&type=script&setup=true&lang.ts
@@ -32,14 +33,33 @@ var AlertDialogAction_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	},
 	setup(__props) {
 		const props = __props;
-		const slotFns = buttonVariants({
-			variant: props.variant,
-			size: props.size
+		const LEGACY_VARIANTS = {
+			primary: "primary",
+			secondary: "secondary",
+			tertiary: "secondary",
+			danger: "danger",
+			"danger-soft": "danger-soft",
+			success: "success",
+			"success-soft": "success-soft",
+			warning: "warning",
+			"warning-soft": "warning-soft",
+			ghost: "ghost",
+			bordered: "bordered"
+		};
+		const resolvedVariant = computed(() => {
+			const v = props.variant;
+			if (!v) return v;
+			if (v === "outline") return "bordered";
+			return LEGACY_VARIANTS[v] ?? v;
 		});
+		const slotFns = computed(() => buttonVariants({
+			variant: resolvedVariant.value,
+			size: props.size
+		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(AlertDialogAction), {
 				"as-child": props.asChild,
-				class: normalizeClass(unref(composeClassName)(unref(slotFns).base(), props.class, props.classNames?.base))
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3

package/dist/components/alert-dialog/AlertDialogAction.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogAction.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogAction } from 'reka-ui'\nimport { buttonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\n/**\n * AlertDialogAction — confirm button for destructive flows.\n *\n * Wraps reka-ui AlertDialogAction which renders <button type=\"button\"> by default\n * (confirmed: AlertDialogAction uses DialogClose which sets type=\"button\" when as=\"button\").\n *\n * D-04: Do NOT override the button type — reka-ui's default `type=\"button\"` is intentional\n * and prevents accidental form submission / Enter-key propagation.\n */\nconst props = withDefaults(defineProps<{\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Override default classes for any slot. Keys correspond to slot names (e.g., base). */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  asChild?: boolean\n}>(), {\n  variant: 'danger',\n  size: 'md',\n  asChild: false,\n})\n\nconst slotFns = buttonVariants({ variant: props.variant, size: props.size })\n</script>\n\n<template>\n  <AlertDialogAction\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogAction>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAed,MAAM,UAAU,eAAe;GAAE,SAAS,MAAM;GAAS,MAAM,MAAM;GAAM,CAAA;;uBAIzE,YAKoB,MAAA,kBAAA,EAAA;IAJjB,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAEpE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"AlertDialogAction.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogAction } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogAction — confirm button for destructive flows.\n *\n * Wraps reka-ui AlertDialogAction which renders <button type=\"button\"> by default\n * (confirmed: AlertDialogAction uses DialogClose which sets type=\"button\" when as=\"button\").\n *\n * D-04: Do NOT override the button type — reka-ui's default `type=\"button\"` is intentional\n * and prevents accidental form submission / Enter-key propagation.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Override default classes for any slot. Keys correspond to slot names (e.g., base). */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  asChild?: boolean\n}>(), {\n  variant: 'danger',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogAction', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogAction\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogAction>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAiBd,MAAM,kBAA6D;GACjE,SAAS;GACT,WAAW;GACX,UAAU;GACV,QAAQ;GACR,eAAe;GACf,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,gBAAgB;GAChB,OAAO;GACP,UAAU;GACZ;EAEA,MAAM,kBAAkB,eAAe;GACrC,MAAM,IAAI,MAAM;AAChB,OAAI,CAAC,EAAG,QAAO;AACf,OAAI,MAAM,UAER,QAAO;AAET,UAAQ,gBAAgB,MAAM;IAC/B;EAED,MAAM,UAAU,eAAe,eAAe;GAAE,SAAS,gBAAgB;GAAO,MAAM,MAAM;GAAM,CAAC,CAAA;;uBAIjG,YAKoB,MAAA,kBAAA,EAAA;IAJjB,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAEpE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogCancel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogCancel.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogCancel } from 'reka-ui'\nimport { buttonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\n/**\n * AlertDialogCancel — dismiss button for alert dialogs.\n * Wraps reka-ui AlertDialogCancel which renders <button type=\"button\"> by default.\n */\nconst props = withDefaults(defineProps<{\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{ base: ClassValue }>\n  asChild?: boolean\n}>(), {\n  variant: 'secondary',\n  size: 'md',\n  asChild: false,\n})\n\nconst slotFns = buttonVariants({ variant: props.variant, size: props.size })\n</script>\n\n<template>\n  <AlertDialogCancel\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogCancel>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AlertDialogCancel.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogCancel } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogCancel — dismiss button for alert dialogs.\n * Wraps reka-ui AlertDialogCancel which renders <button type=\"button\"> by default.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{ base: ClassValue }>\n  asChild?: boolean\n}>(), {\n  variant: 'secondary',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogCancel', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogCancel\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogCancel>\n</template>\n"],"mappings":""}

package/dist/components/alert-dialog/AlertDialogCancel.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { composeClassName } from "../../utils/composeClassName.js";
-import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import "../../utils/warnDeprecated.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 import { buttonVariants } from "@auronui/styles";
 import { AlertDialogCancel } from "reka-ui";
 //#region src/components/alert-dialog/AlertDialogCancel.vue?vue&type=script&setup=true&lang.ts
@@ -27,14 +28,33 @@ var AlertDialogCancel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	},
 	setup(__props) {
 		const props = __props;
-		const slotFns = buttonVariants({
-			variant: props.variant,
-			size: props.size
+		const LEGACY_VARIANTS = {
+			primary: "primary",
+			secondary: "secondary",
+			tertiary: "secondary",
+			danger: "danger",
+			"danger-soft": "danger-soft",
+			success: "success",
+			"success-soft": "success-soft",
+			warning: "warning",
+			"warning-soft": "warning-soft",
+			ghost: "ghost",
+			bordered: "bordered"
+		};
+		const resolvedVariant = computed(() => {
+			const v = props.variant;
+			if (!v) return v;
+			if (v === "outline") return "bordered";
+			return LEGACY_VARIANTS[v] ?? v;
 		});
+		const slotFns = computed(() => buttonVariants({
+			variant: resolvedVariant.value,
+			size: props.size
+		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(AlertDialogCancel), {
 				"as-child": props.asChild,
-				class: normalizeClass(unref(composeClassName)(unref(slotFns).base(), props.class, props.classNames?.base))
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3

package/dist/components/alert-dialog/AlertDialogCancel.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogCancel.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogCancel } from 'reka-ui'\nimport { buttonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\n/**\n * AlertDialogCancel — dismiss button for alert dialogs.\n * Wraps reka-ui AlertDialogCancel which renders <button type=\"button\"> by default.\n */\nconst props = withDefaults(defineProps<{\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{ base: ClassValue }>\n  asChild?: boolean\n}>(), {\n  variant: 'secondary',\n  size: 'md',\n  asChild: false,\n})\n\nconst slotFns = buttonVariants({ variant: props.variant, size: props.size })\n</script>\n\n<template>\n  <AlertDialogCancel\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogCancel>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;EAad,MAAM,UAAU,eAAe;GAAE,SAAS,MAAM;GAAS,MAAM,MAAM;GAAM,CAAA;;uBAIzE,YAKoB,MAAA,kBAAA,EAAA;IAJjB,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAEpE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"AlertDialogCancel.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogCancel } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogCancel — dismiss button for alert dialogs.\n * Wraps reka-ui AlertDialogCancel which renders <button type=\"button\"> by default.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{ base: ClassValue }>\n  asChild?: boolean\n}>(), {\n  variant: 'secondary',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogCancel', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogCancel\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogCancel>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAed,MAAM,kBAA6D;GACjE,SAAS;GACT,WAAW;GACX,UAAU;GACV,QAAQ;GACR,eAAe;GACf,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,gBAAgB;GAChB,OAAO;GACP,UAAU;GACZ;EAEA,MAAM,kBAAkB,eAAe;GACrC,MAAM,IAAI,MAAM;AAChB,OAAI,CAAC,EAAG,QAAO;AACf,OAAI,MAAM,UAER,QAAO;AAET,UAAQ,gBAAgB,MAAM;IAC/B;EAED,MAAM,UAAU,eAAe,eAAe;GAAE,SAAS,gBAAgB;GAAO,MAAM,MAAM;GAAM,CAAC,CAAA;;uBAIjG,YAKoB,MAAA,kBAAA,EAAA;IAJjB,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAEpE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/avatar/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","names":[],"sources":["../../../src/components/avatar/AvatarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, ref, h, Fragment, type VNode } from 'vue'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAvatarGroupProvide } from './avatar-group.context'\nimport Avatar from './Avatar.vue'\n\n\ntype AvatarShorthandItem = {\n  src?: string\n  alt?: string\n  name?: string\n  color?: string\n  variant?: string\n  isBordered?: boolean\n  isDisabled?: boolean\n  showFallback?: boolean\n}\n\nconst props = withDefaults(defineProps<{\n  size?: 'sm' | 'md' | 'lg'\n  isBordered?: boolean\n  isDisabled?: boolean\n  isGrid?: boolean\n  max?: number\n  total?: number\n  renderCount?: (count: number) => string\n  class?: string\n  /** Shorthand API: render avatars from an array instead of the compound slot API */\n  avatars?: AvatarShorthandItem[]\n}>(), {\n  size: 'md',\n\n  isBordered: false,\n  isDisabled: false,\n  isGrid: false,\n})\n\nconst slots = defineSlots<{\n  default?(): VNode[];\n}>()\n\n// Provide context using toRef() for reactivity (canonical pattern from ButtonGroup)\nuseAvatarGroupProvide({\n  size: toRef(props, 'size'),\n  isBordered: toRef(props, 'isBordered'),\n  isDisabled: toRef(props, 'isDisabled'),\n  isGrid: toRef(props, 'isGrid'),\n  isInGroup: ref(true),\n})\n\nconst containerClass = computed(() =>\n  composeClassName('flex items-center flex-row', props.class)\n)\n\nconst visibleAvatars = computed(() => {\n  if (!props.avatars) return []\n  return props.max !== undefined ? props.avatars.slice(0, props.max) : props.avatars\n})\nconst avatarOverflowCount = computed(() => {\n  if (!props.avatars || props.max === undefined) return 0\n  const total = props.total ?? props.avatars.length\n  return total - props.max\n})\nconst avatarOverflowLabel = computed(() => {\n  if (avatarOverflowCount.value <= 0) return ''\n  return props.renderCount ? props.renderCount(avatarOverflowCount.value) : `+${avatarOverflowCount.value}`\n})\n\n// Flatten slot vnodes (handles Fragments from v-for etc.)\nfunction flattenVNodes(vnodes: VNode[]): VNode[] {\n  const result: VNode[] = []\n  for (const vnode of vnodes) {\n    if (vnode.type === Fragment && Array.isArray(vnode.children)) {\n      result.push(...flattenVNodes(vnode.children as VNode[]))\n    } else {\n      result.push(vnode)\n    }\n  }\n  return result\n}\n\n// Determine which vnodes to render when max is set\nfunction getSlicedNodes(): VNode[] {\n  const defaultSlot = slots.default?.()\n  if (!defaultSlot) return []\n\n  const allNodes = flattenVNodes(defaultSlot)\n\n  if (props.max === undefined) {\n    return allNodes\n  }\n\n  const visibleNodes = allNodes.slice(0, props.max)\n  const totalCount = props.total ?? allNodes.length\n  const overflowCount = totalCount - props.max\n\n  if (overflowCount <= 0) {\n    return visibleNodes\n  }\n\n  const counterLabel = props.renderCount\n    ? props.renderCount(overflowCount)\n    : `+${overflowCount}`\n\n  // Render counter avatar with a fallback slot so the full label string is shown\n  const counterNode = h(Avatar, {}, {\n    fallback: () => h('span', { class: 'avatar__name text-xs font-medium leading-none' }, counterLabel),\n  })\n\n  return [...visibleNodes, counterNode]\n}\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    :class=\"containerClass\"\n  >\n    <template v-if=\"props.avatars\">\n      <Avatar\n        v-for=\"(avatar, idx) in visibleAvatars\"\n        :key=\"idx\"\n        v-bind=\"avatar\"\n      />\n      <Avatar v-if=\"avatarOverflowCount > 0\">\n        <template #fallback>\n          <span class=\"avatar__name text-xs font-medium leading-none\">{{ avatarOverflowLabel }}</span>\n        </template>\n      </Avatar>\n    </template>\n    <template v-else-if=\"props.max !== undefined\">\n      <!-- Use render function output for sliced vnodes -->\n      <template\n        v-for=\"(node, _i) in getSlicedNodes()\"\n        :key=\"_i\"\n      >\n        <component :is=\"node\" />\n      </template>\n    </template>\n    <template v-else>\n      <slot />\n    </template>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AvatarGroup.js","names":[],"sources":["../../../src/components/avatar/AvatarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, ref, h, Fragment, type VNode } from 'vue'\nimport { type AvatarVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAvatarGroupProvide } from './avatar-group.context'\nimport Avatar from './Avatar.vue'\n\ntype AvatarShorthandItem = {\n  src?: string\n  alt?: string\n  name?: string\n  color?: AvatarVariants['color']\n  variant?: AvatarVariants['variant']\n  isBordered?: boolean\n  isDisabled?: boolean\n  showFallback?: boolean\n}\n\nconst props = withDefaults(defineProps<{\n  size?: 'sm' | 'md' | 'lg'\n  isBordered?: boolean\n  isDisabled?: boolean\n  isGrid?: boolean\n  max?: number\n  total?: number\n  renderCount?: (count: number) => string\n  class?: string\n  /** Shorthand API: render avatars from an array instead of the compound slot API */\n  avatars?: AvatarShorthandItem[]\n}>(), {\n  size: 'md',\n\n  isBordered: false,\n  isDisabled: false,\n  isGrid: false,\n})\n\nconst slots = defineSlots<{\n  default?(): VNode[];\n}>()\n\n// Provide context using toRef() for reactivity (canonical pattern from ButtonGroup)\nuseAvatarGroupProvide({\n  size: toRef(props, 'size'),\n  isBordered: toRef(props, 'isBordered'),\n  isDisabled: toRef(props, 'isDisabled'),\n  isGrid: toRef(props, 'isGrid'),\n  isInGroup: ref(true),\n})\n\nconst containerClass = computed(() =>\n  composeClassName('flex items-center flex-row', props.class)\n)\n\nconst visibleAvatars = computed(() => {\n  if (!props.avatars) return []\n  return props.max !== undefined ? props.avatars.slice(0, props.max) : props.avatars\n})\nconst avatarOverflowCount = computed(() => {\n  if (!props.avatars || props.max === undefined) return 0\n  const total = props.total ?? props.avatars.length\n  return total - props.max\n})\nconst avatarOverflowLabel = computed(() => {\n  if (avatarOverflowCount.value <= 0) return ''\n  return props.renderCount ? props.renderCount(avatarOverflowCount.value) : `+${avatarOverflowCount.value}`\n})\n\n// Flatten slot vnodes (handles Fragments from v-for etc.)\nfunction flattenVNodes(vnodes: VNode[]): VNode[] {\n  const result: VNode[] = []\n  for (const vnode of vnodes) {\n    if (vnode.type === Fragment && Array.isArray(vnode.children)) {\n      result.push(...flattenVNodes(vnode.children as VNode[]))\n    } else {\n      result.push(vnode)\n    }\n  }\n  return result\n}\n\n// Determine which vnodes to render when max is set\nfunction getSlicedNodes(): VNode[] {\n  const defaultSlot = slots.default?.()\n  if (!defaultSlot) return []\n\n  const allNodes = flattenVNodes(defaultSlot)\n\n  if (props.max === undefined) {\n    return allNodes\n  }\n\n  const visibleNodes = allNodes.slice(0, props.max)\n  const totalCount = props.total ?? allNodes.length\n  const overflowCount = totalCount - props.max\n\n  if (overflowCount <= 0) {\n    return visibleNodes\n  }\n\n  const counterLabel = props.renderCount\n    ? props.renderCount(overflowCount)\n    : `+${overflowCount}`\n\n  // Render counter avatar with a fallback slot so the full label string is shown\n  const counterNode = h(Avatar, {}, {\n    fallback: () => h('span', { class: 'avatar__name text-xs font-medium leading-none' }, counterLabel),\n  })\n\n  return [...visibleNodes, counterNode]\n}\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    :class=\"containerClass\"\n  >\n    <template v-if=\"props.avatars\">\n      <Avatar\n        v-for=\"(avatar, idx) in visibleAvatars\"\n        :key=\"idx\"\n        v-bind=\"avatar\"\n      />\n      <Avatar v-if=\"avatarOverflowCount > 0\">\n        <template #fallback>\n          <span class=\"avatar__name text-xs font-medium leading-none\">{{ avatarOverflowLabel }}</span>\n        </template>\n      </Avatar>\n    </template>\n    <template v-else-if=\"props.max !== undefined\">\n      <!-- Use render function output for sliced vnodes -->\n      <template\n        v-for=\"(node, _i) in getSlicedNodes()\"\n        :key=\"_i\"\n      >\n        <component :is=\"node\" />\n      </template>\n    </template>\n    <template v-else>\n      <slot />\n    </template>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/avatar/AvatarGroup.vue_vue_type_script_setup_true_lang.js

@@ -2,6 +2,7 @@ import { composeClassName } from "../../utils/composeClassName.js";
 import { useAvatarGroupProvide } from "./avatar-group.context.js";
 import Avatar_default from "./Avatar.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, h, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRef, useSlots, withCtx } from "vue";
+import "@auronui/styles";
 //#region src/components/avatar/AvatarGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "avatar__name text-xs font-medium leading-none" };
 var AvatarGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({

package/dist/components/avatar/AvatarGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/avatar/AvatarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, ref, h, Fragment, type VNode } from 'vue'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAvatarGroupProvide } from './avatar-group.context'\nimport Avatar from './Avatar.vue'\n\n\ntype AvatarShorthandItem = {\n  src?: string\n  alt?: string\n  name?: string\n  color?: string\n  variant?: string\n  isBordered?: boolean\n  isDisabled?: boolean\n  showFallback?: boolean\n}\n\nconst props = withDefaults(defineProps<{\n  size?: 'sm' | 'md' | 'lg'\n  isBordered?: boolean\n  isDisabled?: boolean\n  isGrid?: boolean\n  max?: number\n  total?: number\n  renderCount?: (count: number) => string\n  class?: string\n  /** Shorthand API: render avatars from an array instead of the compound slot API */\n  avatars?: AvatarShorthandItem[]\n}>(), {\n  size: 'md',\n\n  isBordered: false,\n  isDisabled: false,\n  isGrid: false,\n})\n\nconst slots = defineSlots<{\n  default?(): VNode[];\n}>()\n\n// Provide context using toRef() for reactivity (canonical pattern from ButtonGroup)\nuseAvatarGroupProvide({\n  size: toRef(props, 'size'),\n  isBordered: toRef(props, 'isBordered'),\n  isDisabled: toRef(props, 'isDisabled'),\n  isGrid: toRef(props, 'isGrid'),\n  isInGroup: ref(true),\n})\n\nconst containerClass = computed(() =>\n  composeClassName('flex items-center flex-row', props.class)\n)\n\nconst visibleAvatars = computed(() => {\n  if (!props.avatars) return []\n  return props.max !== undefined ? props.avatars.slice(0, props.max) : props.avatars\n})\nconst avatarOverflowCount = computed(() => {\n  if (!props.avatars || props.max === undefined) return 0\n  const total = props.total ?? props.avatars.length\n  return total - props.max\n})\nconst avatarOverflowLabel = computed(() => {\n  if (avatarOverflowCount.value <= 0) return ''\n  return props.renderCount ? props.renderCount(avatarOverflowCount.value) : `+${avatarOverflowCount.value}`\n})\n\n// Flatten slot vnodes (handles Fragments from v-for etc.)\nfunction flattenVNodes(vnodes: VNode[]): VNode[] {\n  const result: VNode[] = []\n  for (const vnode of vnodes) {\n    if (vnode.type === Fragment && Array.isArray(vnode.children)) {\n      result.push(...flattenVNodes(vnode.children as VNode[]))\n    } else {\n      result.push(vnode)\n    }\n  }\n  return result\n}\n\n// Determine which vnodes to render when max is set\nfunction getSlicedNodes(): VNode[] {\n  const defaultSlot = slots.default?.()\n  if (!defaultSlot) return []\n\n  const allNodes = flattenVNodes(defaultSlot)\n\n  if (props.max === undefined) {\n    return allNodes\n  }\n\n  const visibleNodes = allNodes.slice(0, props.max)\n  const totalCount = props.total ?? allNodes.length\n  const overflowCount = totalCount - props.max\n\n  if (overflowCount <= 0) {\n    return visibleNodes\n  }\n\n  const counterLabel = props.renderCount\n    ? props.renderCount(overflowCount)\n    : `+${overflowCount}`\n\n  // Render counter avatar with a fallback slot so the full label string is shown\n  const counterNode = h(Avatar, {}, {\n    fallback: () => h('span', { class: 'avatar__name text-xs font-medium leading-none' }, counterLabel),\n  })\n\n  return [...visibleNodes, counterNode]\n}\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    :class=\"containerClass\"\n  >\n    <template v-if=\"props.avatars\">\n      <Avatar\n        v-for=\"(avatar, idx) in visibleAvatars\"\n        :key=\"idx\"\n        v-bind=\"avatar\"\n      />\n      <Avatar v-if=\"avatarOverflowCount > 0\">\n        <template #fallback>\n          <span class=\"avatar__name text-xs font-medium leading-none\">{{ avatarOverflowLabel }}</span>\n        </template>\n      </Avatar>\n    </template>\n    <template v-else-if=\"props.max !== undefined\">\n      <!-- Use render function output for sliced vnodes -->\n      <template\n        v-for=\"(node, _i) in getSlicedNodes()\"\n        :key=\"_i\"\n      >\n        <component :is=\"node\" />\n      </template>\n    </template>\n    <template v-else>\n      <slot />\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAmBd,MAAM,QAAQ,UAAA;AAKd,wBAAsB;GACpB,MAAM,MAAM,OAAO,OAAO;GAC1B,YAAY,MAAM,OAAO,aAAa;GACtC,YAAY,MAAM,OAAO,aAAa;GACtC,QAAQ,MAAM,OAAO,SAAS;GAC9B,WAAW,IAAI,KAAK;GACrB,CAAA;EAED,MAAM,iBAAiB,eACrB,iBAAiB,8BAA8B,MAAM,MAAK,CAC5D;EAEA,MAAM,iBAAiB,eAAe;AACpC,OAAI,CAAC,MAAM,QAAS,QAAO,EAAC;AAC5B,UAAO,MAAM,QAAQ,KAAA,IAAY,MAAM,QAAQ,MAAM,GAAG,MAAM,IAAI,GAAG,MAAM;IAC5E;EACD,MAAM,sBAAsB,eAAe;AACzC,OAAI,CAAC,MAAM,WAAW,MAAM,QAAQ,KAAA,EAAW,QAAO;AAEtD,WADc,MAAM,SAAS,MAAM,QAAQ,UAC5B,MAAM;IACtB;EACD,MAAM,sBAAsB,eAAe;AACzC,OAAI,oBAAoB,SAAS,EAAG,QAAO;AAC3C,UAAO,MAAM,cAAc,MAAM,YAAY,oBAAoB,MAAM,GAAG,IAAI,oBAAoB;IACnG;EAGD,SAAS,cAAc,QAA0B;GAC/C,MAAM,SAAkB,EAAC;AACzB,QAAK,MAAM,SAAS,OAClB,KAAI,MAAM,SAAS,YAAY,MAAM,QAAQ,MAAM,SAAS,CAC1D,QAAO,KAAK,GAAG,cAAc,MAAM,SAAoB,CAAA;OAEvD,QAAO,KAAK,MAAK;AAGrB,UAAO;;EAIT,SAAS,iBAA0B;GACjC,MAAM,cAAc,MAAM,WAAU;AACpC,OAAI,CAAC,YAAa,QAAO,EAAC;GAE1B,MAAM,WAAW,cAAc,YAAW;AAE1C,OAAI,MAAM,QAAQ,KAAA,EAChB,QAAO;GAGT,MAAM,eAAe,SAAS,MAAM,GAAG,MAAM,IAAG;GAEhD,MAAM,iBADa,MAAM,SAAS,SAAS,UACR,MAAM;AAEzC,OAAI,iBAAiB,EACnB,QAAO;GAGT,MAAM,eAAe,MAAM,cACvB,MAAM,YAAY,cAAa,GAC/B,IAAI;GAGR,MAAM,cAAc,EAAE,gBAAQ,EAAE,EAAE,EAChC,gBAAgB,EAAE,QAAQ,EAAE,OAAO,iDAAiD,EAAE,aAAa,EACpG,CAAA;AAED,UAAO,CAAC,GAAG,cAAc,YAAW;;;uBAKpC,mBA4BM,OAAA;IA3BJ,MAAK;IACJ,OAAK,eAAE,eAAA,MAAc;OAEN,MAAM,WAAA,WAAA,EAAtB,mBAWW,UAAA,EAAA,KAAA,GAAA,EAAA,EAAA,UAAA,KAAA,EAVT,mBAIE,UAAA,MAAA,WAHwB,eAAA,QAAhB,QAAQ,QAAG;wBADrB,YAIE,gBAJF,WAIE,EAFC,KAAK,KAAG,EAAA,EAAA,SAAA,MAAA,EACD,OAAM,EAAA,MAAA,GAAA;cAEF,oBAAA,QAAmB,KAAA,WAAA,EAAjC,YAIS,gBAAA,EAAA,KAAA,GAAA,EAAA;IAHI,UAAQ,cAC2E,CAA5F,mBAA4F,QAA5F,YAA4F,gBAA7B,oBAAA,MAAmB,EAAA,EAAA,CAAA,CAAA;;+CAInE,MAAM,QAAQ,KAAA,KAAA,UAAA,KAAA,EAEjC,mBAKW,UAAA,EAAA,KAAA,GAAA,EAAA,WAJY,gBAAc,GAA3B,MAAM,OAAE;wBAGhB,YAAwB,wBAAR,KAAI,EAAA,EAAA,KAFd,IAAE,CAAA;eAMV,WAAQ,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"AvatarGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/avatar/AvatarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, ref, h, Fragment, type VNode } from 'vue'\nimport { type AvatarVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAvatarGroupProvide } from './avatar-group.context'\nimport Avatar from './Avatar.vue'\n\ntype AvatarShorthandItem = {\n  src?: string\n  alt?: string\n  name?: string\n  color?: AvatarVariants['color']\n  variant?: AvatarVariants['variant']\n  isBordered?: boolean\n  isDisabled?: boolean\n  showFallback?: boolean\n}\n\nconst props = withDefaults(defineProps<{\n  size?: 'sm' | 'md' | 'lg'\n  isBordered?: boolean\n  isDisabled?: boolean\n  isGrid?: boolean\n  max?: number\n  total?: number\n  renderCount?: (count: number) => string\n  class?: string\n  /** Shorthand API: render avatars from an array instead of the compound slot API */\n  avatars?: AvatarShorthandItem[]\n}>(), {\n  size: 'md',\n\n  isBordered: false,\n  isDisabled: false,\n  isGrid: false,\n})\n\nconst slots = defineSlots<{\n  default?(): VNode[];\n}>()\n\n// Provide context using toRef() for reactivity (canonical pattern from ButtonGroup)\nuseAvatarGroupProvide({\n  size: toRef(props, 'size'),\n  isBordered: toRef(props, 'isBordered'),\n  isDisabled: toRef(props, 'isDisabled'),\n  isGrid: toRef(props, 'isGrid'),\n  isInGroup: ref(true),\n})\n\nconst containerClass = computed(() =>\n  composeClassName('flex items-center flex-row', props.class)\n)\n\nconst visibleAvatars = computed(() => {\n  if (!props.avatars) return []\n  return props.max !== undefined ? props.avatars.slice(0, props.max) : props.avatars\n})\nconst avatarOverflowCount = computed(() => {\n  if (!props.avatars || props.max === undefined) return 0\n  const total = props.total ?? props.avatars.length\n  return total - props.max\n})\nconst avatarOverflowLabel = computed(() => {\n  if (avatarOverflowCount.value <= 0) return ''\n  return props.renderCount ? props.renderCount(avatarOverflowCount.value) : `+${avatarOverflowCount.value}`\n})\n\n// Flatten slot vnodes (handles Fragments from v-for etc.)\nfunction flattenVNodes(vnodes: VNode[]): VNode[] {\n  const result: VNode[] = []\n  for (const vnode of vnodes) {\n    if (vnode.type === Fragment && Array.isArray(vnode.children)) {\n      result.push(...flattenVNodes(vnode.children as VNode[]))\n    } else {\n      result.push(vnode)\n    }\n  }\n  return result\n}\n\n// Determine which vnodes to render when max is set\nfunction getSlicedNodes(): VNode[] {\n  const defaultSlot = slots.default?.()\n  if (!defaultSlot) return []\n\n  const allNodes = flattenVNodes(defaultSlot)\n\n  if (props.max === undefined) {\n    return allNodes\n  }\n\n  const visibleNodes = allNodes.slice(0, props.max)\n  const totalCount = props.total ?? allNodes.length\n  const overflowCount = totalCount - props.max\n\n  if (overflowCount <= 0) {\n    return visibleNodes\n  }\n\n  const counterLabel = props.renderCount\n    ? props.renderCount(overflowCount)\n    : `+${overflowCount}`\n\n  // Render counter avatar with a fallback slot so the full label string is shown\n  const counterNode = h(Avatar, {}, {\n    fallback: () => h('span', { class: 'avatar__name text-xs font-medium leading-none' }, counterLabel),\n  })\n\n  return [...visibleNodes, counterNode]\n}\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    :class=\"containerClass\"\n  >\n    <template v-if=\"props.avatars\">\n      <Avatar\n        v-for=\"(avatar, idx) in visibleAvatars\"\n        :key=\"idx\"\n        v-bind=\"avatar\"\n      />\n      <Avatar v-if=\"avatarOverflowCount > 0\">\n        <template #fallback>\n          <span class=\"avatar__name text-xs font-medium leading-none\">{{ avatarOverflowLabel }}</span>\n        </template>\n      </Avatar>\n    </template>\n    <template v-else-if=\"props.max !== undefined\">\n      <!-- Use render function output for sliced vnodes -->\n      <template\n        v-for=\"(node, _i) in getSlicedNodes()\"\n        :key=\"_i\"\n      >\n        <component :is=\"node\" />\n      </template>\n    </template>\n    <template v-else>\n      <slot />\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAmBd,MAAM,QAAQ,UAAA;AAKd,wBAAsB;GACpB,MAAM,MAAM,OAAO,OAAO;GAC1B,YAAY,MAAM,OAAO,aAAa;GACtC,YAAY,MAAM,OAAO,aAAa;GACtC,QAAQ,MAAM,OAAO,SAAS;GAC9B,WAAW,IAAI,KAAK;GACrB,CAAA;EAED,MAAM,iBAAiB,eACrB,iBAAiB,8BAA8B,MAAM,MAAK,CAC5D;EAEA,MAAM,iBAAiB,eAAe;AACpC,OAAI,CAAC,MAAM,QAAS,QAAO,EAAC;AAC5B,UAAO,MAAM,QAAQ,KAAA,IAAY,MAAM,QAAQ,MAAM,GAAG,MAAM,IAAI,GAAG,MAAM;IAC5E;EACD,MAAM,sBAAsB,eAAe;AACzC,OAAI,CAAC,MAAM,WAAW,MAAM,QAAQ,KAAA,EAAW,QAAO;AAEtD,WADc,MAAM,SAAS,MAAM,QAAQ,UAC5B,MAAM;IACtB;EACD,MAAM,sBAAsB,eAAe;AACzC,OAAI,oBAAoB,SAAS,EAAG,QAAO;AAC3C,UAAO,MAAM,cAAc,MAAM,YAAY,oBAAoB,MAAM,GAAG,IAAI,oBAAoB;IACnG;EAGD,SAAS,cAAc,QAA0B;GAC/C,MAAM,SAAkB,EAAC;AACzB,QAAK,MAAM,SAAS,OAClB,KAAI,MAAM,SAAS,YAAY,MAAM,QAAQ,MAAM,SAAS,CAC1D,QAAO,KAAK,GAAG,cAAc,MAAM,SAAoB,CAAA;OAEvD,QAAO,KAAK,MAAK;AAGrB,UAAO;;EAIT,SAAS,iBAA0B;GACjC,MAAM,cAAc,MAAM,WAAU;AACpC,OAAI,CAAC,YAAa,QAAO,EAAC;GAE1B,MAAM,WAAW,cAAc,YAAW;AAE1C,OAAI,MAAM,QAAQ,KAAA,EAChB,QAAO;GAGT,MAAM,eAAe,SAAS,MAAM,GAAG,MAAM,IAAG;GAEhD,MAAM,iBADa,MAAM,SAAS,SAAS,UACR,MAAM;AAEzC,OAAI,iBAAiB,EACnB,QAAO;GAGT,MAAM,eAAe,MAAM,cACvB,MAAM,YAAY,cAAa,GAC/B,IAAI;GAGR,MAAM,cAAc,EAAE,gBAAQ,EAAE,EAAE,EAChC,gBAAgB,EAAE,QAAQ,EAAE,OAAO,iDAAiD,EAAE,aAAa,EACpG,CAAA;AAED,UAAO,CAAC,GAAG,cAAc,YAAW;;;uBAKpC,mBA4BM,OAAA;IA3BJ,MAAK;IACJ,OAAK,eAAE,eAAA,MAAc;OAEN,MAAM,WAAA,WAAA,EAAtB,mBAWW,UAAA,EAAA,KAAA,GAAA,EAAA,EAAA,UAAA,KAAA,EAVT,mBAIE,UAAA,MAAA,WAHwB,eAAA,QAAhB,QAAQ,QAAG;wBADrB,YAIE,gBAJF,WAIE,EAFC,KAAK,KAAG,EAAA,EAAA,SAAA,MAAA,EACD,OAAM,EAAA,MAAA,GAAA;cAEF,oBAAA,QAAmB,KAAA,WAAA,EAAjC,YAIS,gBAAA,EAAA,KAAA,GAAA,EAAA;IAHI,UAAQ,cAC2E,CAA5F,mBAA4F,QAA5F,YAA4F,gBAA7B,oBAAA,MAAmB,EAAA,EAAA,CAAA,CAAA;;+CAInE,MAAM,QAAQ,KAAA,KAAA,UAAA,KAAA,EAEjC,mBAKW,UAAA,EAAA,KAAA,GAAA,EAAA,WAJY,gBAAc,GAA3B,MAAM,OAAE;wBAGhB,YAAwB,wBAAR,KAAI,EAAA,EAAA,KAFd,IAAE,CAAA;eAMV,WAAQ,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,EAAA,EAAA"}

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Primitive } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useButtonGroupInject } from './button-group.context'\nimport Spinner from '../spinner/Spinner.vue'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  color?: ButtonVariants['color']\n  size?: ButtonVariants['size']\n  radius?: ButtonVariants['radius']\n  isIconOnly?: boolean\n  fullWidth?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  as?: string | object\n  class?: ClassValue\n  /** Override classes for individual slots (base, startContent, label, endContent, spinner) */\n  classNames?: Partial<{\n    base: ClassValue\n    startContent: ClassValue\n    label: ClassValue\n    endContent: ClassValue\n    spinner: ClassValue\n  }>\n  value?: string | number\n}>(), {\n  variant: undefined,\n  color: undefined,\n  size: undefined,\n  radius: undefined,\n  isIconOnly: false,\n  fullWidth: false,\n  disabled: false,\n  isLoading: false,\n  as: 'button',\n  value: undefined,\n})\n\n// Inject ButtonGroup context unconditionally with fallback defaults (D-12)\n// When no ButtonGroup is present, inject returns these fallback values (no-op)\nconst groupCtx = useButtonGroupInject({\n  variant: ref('solid'),\n  color: ref('primary'),\n  size: ref('md'),\n  disabled: ref(false),\n  fullWidth: ref(false),\n  orientation: ref('horizontal'),\n  selectionMode: ref('single'),\n  selectedValue: ref(null),\n  isValueSelected: () => false,\n  selectValue: () => {},\n})\n\nconst isSelected = computed(() => groupCtx.isValueSelected(props.value))\n\nfunction handleClick() {\n  if (props.value !== undefined) groupCtx.selectValue(props.value)\n}\n\n// Prop precedence rules (D-13):\n// - group disabled ALWAYS wins over child prop\n// - all other props: child prop wins over group value (child ?? group)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\nconst finalColor = computed(() => props.color ?? groupCtx.color.value)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalFullWidth = computed(() => props.fullWidth || groupCtx.fullWidth.value)\n\n// Map legacy variant names to new variant+color so old usage keeps working\nconst LEGACY_VARIANTS: Record<string, { variant: string; color: string }> = {\n  primary:       { variant: 'solid',   color: 'primary' },\n  secondary:     { variant: 'default', color: 'default' },\n  tertiary:      { variant: 'default', color: 'default' },\n  danger:        { variant: 'solid',   color: 'danger' },\n  'danger-soft': { variant: 'soft',    color: 'danger' },\n  success:       { variant: 'solid',   color: 'success' },\n  'success-soft':{ variant: 'soft',    color: 'success' },\n  warning:       { variant: 'solid',   color: 'warning' },\n  'warning-soft':{ variant: 'soft',    color: 'warning' },\n}\n\nconst resolvedVariant = computed(() => {\n  const v = finalVariant.value\n  return (LEGACY_VARIANTS[v]?.variant ?? v) as ButtonVariants['variant']\n})\n\nconst resolvedColor = computed(() => {\n  const v = finalVariant.value\n  // If caller explicitly set color, respect it; otherwise infer from legacy variant\n  if (props.color === undefined && LEGACY_VARIANTS[v]) return LEGACY_VARIANTS[v].color as ButtonVariants['color']\n  return finalColor.value\n})\n\nconst slotFns = computed(() =>\n  buttonVariants({\n    variant: resolvedVariant.value,\n    color: resolvedColor.value,\n    size: finalSize.value,\n    radius: props.radius,\n    isIconOnly: props.isIconOnly,\n    fullWidth: finalFullWidth.value,\n    isLoading: props.isLoading,\n  })\n)\n\n// Spinner size scales with button size\nconst spinnerSize = computed(() => {\n  if (finalSize.value === 'xs' || finalSize.value === 'sm') return 'sm' as const\n  if (finalSize.value === 'lg' || finalSize.value === 'xl') return 'lg' as const\n  return 'md' as const\n})\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :disabled=\"isDisabled || props.isLoading || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-loading=\"props.isLoading || undefined\"\n    :data-orientation=\"groupCtx.orientation.value\"\n    :data-selected=\"isSelected || undefined\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  >\n    <!-- startContent named slot -->\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <!-- default (label) slot -->\n    <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n      <slot />\n    </span>\n\n    <!-- endContent named slot -->\n    <span\n      v-if=\"$slots.endContent\"\n      :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <!-- Loading spinner: absolute-centered, only rendered when isLoading=true (D-08, D-09) -->\n    <!-- color=\"current\" inherits --button-fg so spinner contrasts with the button background -->\n    <span\n      v-if=\"props.isLoading\"\n      :class=\"composeClassName(slotFns.spinner(), props.classNames?.spinner)\"\n      aria-hidden=\"true\"\n      data-slot=\"spinner\"\n    >\n      <Spinner\n        :size=\"spinnerSize\"\n        color=\"current\"\n      />\n    </span>\n  </Primitive>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Primitive } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useButtonGroupInject } from './button-group.context'\nimport Spinner from '../spinner/Spinner.vue'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\n\nconst props = withDefaults(defineProps<{\n  /**\n   * Visual style of the button.\n   * @deprecated 'outline' — use 'bordered' instead.\n   */\n  variant?: ButtonVariants['variant'] | 'outline'\n  color?: ButtonVariants['color']\n  size?: ButtonVariants['size']\n  radius?: ButtonVariants['radius']\n  isIconOnly?: boolean\n  fullWidth?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  as?: string | object\n  class?: ClassValue\n  /** Override classes for individual slots (base, startContent, label, endContent, spinner) */\n  classNames?: Partial<{\n    base: ClassValue\n    startContent: ClassValue\n    label: ClassValue\n    endContent: ClassValue\n    spinner: ClassValue\n  }>\n  value?: string | number\n}>(), {\n  variant: undefined,\n  color: undefined,\n  size: undefined,\n  radius: undefined,\n  isIconOnly: false,\n  fullWidth: false,\n  disabled: false,\n  isLoading: false,\n  as: 'button',\n  value: undefined,\n})\n\n// Inject ButtonGroup context unconditionally with fallback defaults (D-12)\n// When no ButtonGroup is present, inject returns these fallback values (no-op)\nconst groupCtx = useButtonGroupInject({\n  variant: ref('solid'),\n  color: ref('primary'),\n  size: ref('md'),\n  disabled: ref(false),\n  fullWidth: ref(false),\n  orientation: ref('horizontal'),\n  selectionMode: ref('single'),\n  selectedValue: ref(null),\n  isValueSelected: () => false,\n  selectValue: () => {},\n})\n\nconst isSelected = computed(() => groupCtx.isValueSelected(props.value))\n\nfunction handleClick() {\n  if (props.value !== undefined) groupCtx.selectValue(props.value)\n}\n\n// Prop precedence rules (D-13):\n// - group disabled ALWAYS wins over child prop\n// - all other props: child prop wins over group value (child ?? group)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\nconst finalColor = computed(() => props.color ?? groupCtx.color.value)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalFullWidth = computed(() => props.fullWidth || groupCtx.fullWidth.value)\n\n// Map legacy variant names to new variant+color so old usage keeps working\nconst LEGACY_VARIANTS: Record<string, { variant: string; color: string }> = {\n  primary:       { variant: 'solid',   color: 'primary' },\n  secondary:     { variant: 'default', color: 'default' },\n  tertiary:      { variant: 'default', color: 'default' },\n  danger:        { variant: 'solid',   color: 'danger' },\n  'danger-soft': { variant: 'soft',    color: 'danger' },\n  success:       { variant: 'solid',   color: 'success' },\n  'success-soft':{ variant: 'soft',    color: 'success' },\n  warning:       { variant: 'solid',   color: 'warning' },\n  'warning-soft':{ variant: 'soft',    color: 'warning' },\n}\n\nconst resolvedVariant = computed(() => {\n  const v = finalVariant.value\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('Button', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v]?.variant ?? v) as ButtonVariants['variant']\n})\n\nconst resolvedColor = computed(() => {\n  const v = finalVariant.value\n  // If caller explicitly set color, respect it; otherwise infer from legacy variant\n  if (props.color === undefined && v && LEGACY_VARIANTS[v]) return LEGACY_VARIANTS[v].color as ButtonVariants['color']\n  return finalColor.value\n})\n\nconst slotFns = computed(() =>\n  buttonVariants({\n    variant: resolvedVariant.value,\n    color: resolvedColor.value,\n    size: finalSize.value,\n    radius: props.radius,\n    isIconOnly: props.isIconOnly,\n    fullWidth: finalFullWidth.value,\n    isLoading: props.isLoading,\n  })\n)\n\n// Spinner size scales with button size\nconst spinnerSize = computed(() => {\n  if (finalSize.value === 'xs' || finalSize.value === 'sm') return 'sm' as const\n  if (finalSize.value === 'lg' || finalSize.value === 'xl') return 'lg' as const\n  return 'md' as const\n})\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :disabled=\"isDisabled || props.isLoading || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-loading=\"props.isLoading || undefined\"\n    :data-orientation=\"groupCtx.orientation.value\"\n    :data-selected=\"isSelected || undefined\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  >\n    <!-- startContent named slot -->\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <!-- default (label) slot -->\n    <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n      <slot />\n    </span>\n\n    <!-- endContent named slot -->\n    <span\n      v-if=\"$slots.endContent\"\n      :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <!-- Loading spinner: absolute-centered, only rendered when isLoading=true (D-08, D-09) -->\n    <!-- color=\"current\" inherits --button-fg so spinner contrasts with the button background -->\n    <span\n      v-if=\"props.isLoading\"\n      :class=\"composeClassName(slotFns.spinner(), props.classNames?.spinner)\"\n      aria-hidden=\"true\"\n      data-slot=\"spinner\"\n    >\n      <Spinner\n        :size=\"spinnerSize\"\n        color=\"current\"\n      />\n    </span>\n  </Primitive>\n</template>\n"],"mappings":""}

package/dist/components/button/Button.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { composeClassName } from "../../utils/composeClassName.js";
 import Spinner_default from "../spinner/Spinner.js";
+import "../../utils/warnDeprecated.js";
 import { useButtonGroupInject } from "./button-group.context.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, unref, withCtx } from "vue";
 import { buttonVariants } from "@auronui/styles";
@@ -102,11 +103,13 @@ var Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		};
 		const resolvedVariant = computed(() => {
 			const v = finalVariant.value;
+			if (!v) return v;
+			if (v === "outline") return "bordered";
 			return LEGACY_VARIANTS[v]?.variant ?? v;
 		});
 		const resolvedColor = computed(() => {
 			const v = finalVariant.value;
-			if (props.color === void 0 && LEGACY_VARIANTS[v]) return LEGACY_VARIANTS[v].color;
+			if (props.color === void 0 && v && LEGACY_VARIANTS[v]) return LEGACY_VARIANTS[v].color;
 			return finalColor.value;
 		});
 		const slotFns = computed(() => buttonVariants({

package/dist/components/button/Button.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../src/components/button/Button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Primitive } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useButtonGroupInject } from './button-group.context'\nimport Spinner from '../spinner/Spinner.vue'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  color?: ButtonVariants['color']\n  size?: ButtonVariants['size']\n  radius?: ButtonVariants['radius']\n  isIconOnly?: boolean\n  fullWidth?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  as?: string | object\n  class?: ClassValue\n  /** Override classes for individual slots (base, startContent, label, endContent, spinner) */\n  classNames?: Partial<{\n    base: ClassValue\n    startContent: ClassValue\n    label: ClassValue\n    endContent: ClassValue\n    spinner: ClassValue\n  }>\n  value?: string | number\n}>(), {\n  variant: undefined,\n  color: undefined,\n  size: undefined,\n  radius: undefined,\n  isIconOnly: false,\n  fullWidth: false,\n  disabled: false,\n  isLoading: false,\n  as: 'button',\n  value: undefined,\n})\n\n// Inject ButtonGroup context unconditionally with fallback defaults (D-12)\n// When no ButtonGroup is present, inject returns these fallback values (no-op)\nconst groupCtx = useButtonGroupInject({\n  variant: ref('solid'),\n  color: ref('primary'),\n  size: ref('md'),\n  disabled: ref(false),\n  fullWidth: ref(false),\n  orientation: ref('horizontal'),\n  selectionMode: ref('single'),\n  selectedValue: ref(null),\n  isValueSelected: () => false,\n  selectValue: () => {},\n})\n\nconst isSelected = computed(() => groupCtx.isValueSelected(props.value))\n\nfunction handleClick() {\n  if (props.value !== undefined) groupCtx.selectValue(props.value)\n}\n\n// Prop precedence rules (D-13):\n// - group disabled ALWAYS wins over child prop\n// - all other props: child prop wins over group value (child ?? group)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\nconst finalColor = computed(() => props.color ?? groupCtx.color.value)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalFullWidth = computed(() => props.fullWidth || groupCtx.fullWidth.value)\n\n// Map legacy variant names to new variant+color so old usage keeps working\nconst LEGACY_VARIANTS: Record<string, { variant: string; color: string }> = {\n  primary:       { variant: 'solid',   color: 'primary' },\n  secondary:     { variant: 'default', color: 'default' },\n  tertiary:      { variant: 'default', color: 'default' },\n  danger:        { variant: 'solid',   color: 'danger' },\n  'danger-soft': { variant: 'soft',    color: 'danger' },\n  success:       { variant: 'solid',   color: 'success' },\n  'success-soft':{ variant: 'soft',    color: 'success' },\n  warning:       { variant: 'solid',   color: 'warning' },\n  'warning-soft':{ variant: 'soft',    color: 'warning' },\n}\n\nconst resolvedVariant = computed(() => {\n  const v = finalVariant.value\n  return (LEGACY_VARIANTS[v]?.variant ?? v) as ButtonVariants['variant']\n})\n\nconst resolvedColor = computed(() => {\n  const v = finalVariant.value\n  // If caller explicitly set color, respect it; otherwise infer from legacy variant\n  if (props.color === undefined && LEGACY_VARIANTS[v]) return LEGACY_VARIANTS[v].color as ButtonVariants['color']\n  return finalColor.value\n})\n\nconst slotFns = computed(() =>\n  buttonVariants({\n    variant: resolvedVariant.value,\n    color: resolvedColor.value,\n    size: finalSize.value,\n    radius: props.radius,\n    isIconOnly: props.isIconOnly,\n    fullWidth: finalFullWidth.value,\n    isLoading: props.isLoading,\n  })\n)\n\n// Spinner size scales with button size\nconst spinnerSize = computed(() => {\n  if (finalSize.value === 'xs' || finalSize.value === 'sm') return 'sm' as const\n  if (finalSize.value === 'lg' || finalSize.value === 'xl') return 'lg' as const\n  return 'md' as const\n})\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :disabled=\"isDisabled || props.isLoading || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-loading=\"props.isLoading || undefined\"\n    :data-orientation=\"groupCtx.orientation.value\"\n    :data-selected=\"isSelected || undefined\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  >\n    <!-- startContent named slot -->\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <!-- default (label) slot -->\n    <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n      <slot />\n    </span>\n\n    <!-- endContent named slot -->\n    <span\n      v-if=\"$slots.endContent\"\n      :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <!-- Loading spinner: absolute-centered, only rendered when isLoading=true (D-08, D-09) -->\n    <!-- color=\"current\" inherits --button-fg so spinner contrasts with the button background -->\n    <span\n      v-if=\"props.isLoading\"\n      :class=\"composeClassName(slotFns.spinner(), props.classNames?.spinner)\"\n      aria-hidden=\"true\"\n      data-slot=\"spinner\"\n    >\n      <Spinner\n        :size=\"spinnerSize\"\n        color=\"current\"\n      />\n    </span>\n  </Primitive>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"Button.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../src/components/button/Button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Primitive } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useButtonGroupInject } from './button-group.context'\nimport Spinner from '../spinner/Spinner.vue'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\n\nconst props = withDefaults(defineProps<{\n  /**\n   * Visual style of the button.\n   * @deprecated 'outline' — use 'bordered' instead.\n   */\n  variant?: ButtonVariants['variant'] | 'outline'\n  color?: ButtonVariants['color']\n  size?: ButtonVariants['size']\n  radius?: ButtonVariants['radius']\n  isIconOnly?: boolean\n  fullWidth?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  as?: string | object\n  class?: ClassValue\n  /** Override classes for individual slots (base, startContent, label, endContent, spinner) */\n  classNames?: Partial<{\n    base: ClassValue\n    startContent: ClassValue\n    label: ClassValue\n    endContent: ClassValue\n    spinner: ClassValue\n  }>\n  value?: string | number\n}>(), {\n  variant: undefined,\n  color: undefined,\n  size: undefined,\n  radius: undefined,\n  isIconOnly: false,\n  fullWidth: false,\n  disabled: false,\n  isLoading: false,\n  as: 'button',\n  value: undefined,\n})\n\n// Inject ButtonGroup context unconditionally with fallback defaults (D-12)\n// When no ButtonGroup is present, inject returns these fallback values (no-op)\nconst groupCtx = useButtonGroupInject({\n  variant: ref('solid'),\n  color: ref('primary'),\n  size: ref('md'),\n  disabled: ref(false),\n  fullWidth: ref(false),\n  orientation: ref('horizontal'),\n  selectionMode: ref('single'),\n  selectedValue: ref(null),\n  isValueSelected: () => false,\n  selectValue: () => {},\n})\n\nconst isSelected = computed(() => groupCtx.isValueSelected(props.value))\n\nfunction handleClick() {\n  if (props.value !== undefined) groupCtx.selectValue(props.value)\n}\n\n// Prop precedence rules (D-13):\n// - group disabled ALWAYS wins over child prop\n// - all other props: child prop wins over group value (child ?? group)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\nconst finalColor = computed(() => props.color ?? groupCtx.color.value)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalFullWidth = computed(() => props.fullWidth || groupCtx.fullWidth.value)\n\n// Map legacy variant names to new variant+color so old usage keeps working\nconst LEGACY_VARIANTS: Record<string, { variant: string; color: string }> = {\n  primary:       { variant: 'solid',   color: 'primary' },\n  secondary:     { variant: 'default', color: 'default' },\n  tertiary:      { variant: 'default', color: 'default' },\n  danger:        { variant: 'solid',   color: 'danger' },\n  'danger-soft': { variant: 'soft',    color: 'danger' },\n  success:       { variant: 'solid',   color: 'success' },\n  'success-soft':{ variant: 'soft',    color: 'success' },\n  warning:       { variant: 'solid',   color: 'warning' },\n  'warning-soft':{ variant: 'soft',    color: 'warning' },\n}\n\nconst resolvedVariant = computed(() => {\n  const v = finalVariant.value\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('Button', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v]?.variant ?? v) as ButtonVariants['variant']\n})\n\nconst resolvedColor = computed(() => {\n  const v = finalVariant.value\n  // If caller explicitly set color, respect it; otherwise infer from legacy variant\n  if (props.color === undefined && v && LEGACY_VARIANTS[v]) return LEGACY_VARIANTS[v].color as ButtonVariants['color']\n  return finalColor.value\n})\n\nconst slotFns = computed(() =>\n  buttonVariants({\n    variant: resolvedVariant.value,\n    color: resolvedColor.value,\n    size: finalSize.value,\n    radius: props.radius,\n    isIconOnly: props.isIconOnly,\n    fullWidth: finalFullWidth.value,\n    isLoading: props.isLoading,\n  })\n)\n\n// Spinner size scales with button size\nconst spinnerSize = computed(() => {\n  if (finalSize.value === 'xs' || finalSize.value === 'sm') return 'sm' as const\n  if (finalSize.value === 'lg' || finalSize.value === 'xl') return 'lg' as const\n  return 'md' as const\n})\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :disabled=\"isDisabled || props.isLoading || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-loading=\"props.isLoading || undefined\"\n    :data-orientation=\"groupCtx.orientation.value\"\n    :data-selected=\"isSelected || undefined\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  >\n    <!-- startContent named slot -->\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <!-- default (label) slot -->\n    <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n      <slot />\n    </span>\n\n    <!-- endContent named slot -->\n    <span\n      v-if=\"$slots.endContent\"\n      :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <!-- Loading spinner: absolute-centered, only rendered when isLoading=true (D-08, D-09) -->\n    <!-- color=\"current\" inherits --button-fg so spinner contrasts with the button background -->\n    <span\n      v-if=\"props.isLoading\"\n      :class=\"composeClassName(slotFns.spinner(), props.classNames?.spinner)\"\n      aria-hidden=\"true\"\n      data-slot=\"spinner\"\n    >\n      <Spinner\n        :size=\"spinnerSize\"\n        color=\"current\"\n      />\n    </span>\n  </Primitive>\n</template>\n"],"mappings":"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"}

package/dist/components/chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { chipVariants, type ChipVariants } from \"@auronui/styles\";\nimport { composeClassName , type ClassValue} from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: ChipVariants[\"color\"];\n    size?: ChipVariants[\"size\"];\n    variant?: ChipVariants[\"variant\"];\n    /** Show a colored dot indicator before the label */\n    dot?: boolean;\n    /** Render a built-in close button that emits `close` */\n    isClosable?: boolean;\n    /** Aria-label for the close button */\n    closeAriaLabel?: string;\n    class?: ClassValue;\n    /** Override classes for named slots */\n    classNames?: Partial<{\n      base: ClassValue;\n      dot: ClassValue;\n      startContent: ClassValue;\n      label: ClassValue;\n      endContent: ClassValue;\n      closeButton: ClassValue;\n    }>;\n  }>(),\n  {\n    color: \"default\",\n    variant: \"solid\",\n    dot: false,\n    isClosable: false,\n    closeAriaLabel: \"Remove\",\n  }\n);\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n}>();\n\nconst slotFns = computed(() =>\n  chipVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n  })\n);\n</script>\n\n<template>\n  <span :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"dot\"\n      :class=\"composeClassName(slotFns.dot(), props.classNames?.dot)\"\n      aria-hidden=\"true\"\n    />\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n      <slot />\n    </span>\n\n    <span\n      v-if=\"$slots.endContent && !isClosable\"\n      :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <button\n      v-if=\"isClosable\"\n      type=\"button\"\n      :class=\"composeClassName(slotFns.closeButton(), props.classNames?.closeButton)\"\n      :aria-label=\"closeAriaLabel\"\n      @click=\"emit('close')\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { chipVariants, type ChipVariants } from \"@auronui/styles\";\nimport { composeClassName , type ClassValue} from \"../../utils/composeClassName\";\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated';\n\nconst props = withDefaults(\n  defineProps<{\n    color?: ChipVariants[\"color\"];\n    size?: ChipVariants[\"size\"];\n    /**\n     * Visual style of the chip.\n     * @deprecated 'outlined' — use 'bordered' instead.\n     */\n    variant?: ChipVariants[\"variant\"] | 'outlined';\n    /** Show a colored dot indicator before the label */\n    dot?: boolean;\n    /** Render a built-in close button that emits `close` */\n    isClosable?: boolean;\n    /** Aria-label for the close button */\n    closeAriaLabel?: string;\n    class?: ClassValue;\n    /** Override classes for named slots */\n    classNames?: Partial<{\n      base: ClassValue;\n      dot: ClassValue;\n      startContent: ClassValue;\n      label: ClassValue;\n      endContent: ClassValue;\n      closeButton: ClassValue;\n    }>;\n  }>(),\n  {\n    color: \"default\",\n    variant: \"solid\",\n    dot: false,\n    isClosable: false,\n    closeAriaLabel: \"Remove\",\n  }\n);\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n}>();\n\nconst resolvedVariant = computed(() => {\n  if (props.variant === 'outlined') {\n    warnDeprecatedVariant('Chip', 'outlined', 'bordered')\n    return 'bordered' as ChipVariants['variant']\n  }\n  return props.variant\n})\n\nconst slotFns = computed(() =>\n  chipVariants({\n    color: props.color,\n    size: props.size,\n    variant: resolvedVariant.value,\n  })\n);\n</script>\n\n<template>\n  <span :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"dot\"\n      :class=\"composeClassName(slotFns.dot(), props.classNames?.dot)\"\n      aria-hidden=\"true\"\n    />\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n      <slot />\n    </span>\n\n    <span\n      v-if=\"$slots.endContent && !isClosable\"\n      :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <button\n      v-if=\"isClosable\"\n      type=\"button\"\n      :class=\"composeClassName(slotFns.closeButton(), props.classNames?.closeButton)\"\n      :aria-label=\"closeAriaLabel\"\n      @click=\"emit('close')\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":""}

package/dist/components/chip/Chip.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import "../../utils/warnDeprecated.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
 import { chipVariants } from "@auronui/styles";
 //#region src/components/chip/Chip.vue?vue&type=script&setup=true&lang.ts
@@ -31,10 +32,14 @@ var Chip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const resolvedVariant = computed(() => {
+			if (props.variant === "outlined") return "bordered";
+			return props.variant;
+		});
 		const slotFns = computed(() => chipVariants({
 			color: props.color,
 			size: props.size,
-			variant: props.variant
+			variant: resolvedVariant.value
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)) }, [

package/dist/components/chip/Chip.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { chipVariants, type ChipVariants } from \"@auronui/styles\";\nimport { composeClassName , type ClassValue} from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: ChipVariants[\"color\"];\n    size?: ChipVariants[\"size\"];\n    variant?: ChipVariants[\"variant\"];\n    /** Show a colored dot indicator before the label */\n    dot?: boolean;\n    /** Render a built-in close button that emits `close` */\n    isClosable?: boolean;\n    /** Aria-label for the close button */\n    closeAriaLabel?: string;\n    class?: ClassValue;\n    /** Override classes for named slots */\n    classNames?: Partial<{\n      base: ClassValue;\n      dot: ClassValue;\n      startContent: ClassValue;\n      label: ClassValue;\n      endContent: ClassValue;\n      closeButton: ClassValue;\n    }>;\n  }>(),\n  {\n    color: \"default\",\n    variant: \"solid\",\n    dot: false,\n    isClosable: false,\n    closeAriaLabel: \"Remove\",\n  }\n);\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n}>();\n\nconst slotFns = computed(() =>\n  chipVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n  })\n);\n</script>\n\n<template>\n  <span :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"dot\"\n      :class=\"composeClassName(slotFns.dot(), props.classNames?.dot)\"\n      aria-hidden=\"true\"\n    />\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n      <slot />\n    </span>\n\n    <span\n      v-if=\"$slots.endContent && !isClosable\"\n      :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <button\n      v-if=\"isClosable\"\n      type=\"button\"\n      :class=\"composeClassName(slotFns.closeButton(), props.classNames?.closeButton)\"\n      :aria-label=\"closeAriaLabel\"\n      @click=\"emit('close')\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EA+Bd,MAAM,OAAO;EAIb,MAAM,UAAU,eACd,aAAa;GACX,OAAO,MAAM;GACb,MAAM,MAAM;GACZ,SAAS,MAAM;GAChB,CAAA,CACF;;uBAIC,mBA0DO,QAAA,EA1DA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA,EAAA,EAAA;IAExE,QAAA,OAAA,WAAA,EADR,mBAIE,QAAA;;KAFC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,KAAG,EAAI,MAAM,YAAY,IAAG,CAAA;KAC7D,eAAY;;IAGNA,KAAAA,OAAO,gBAAA,WAAA,EADf,mBAMO,QAAA;;KAJJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,cAAY,EAAI,MAAM,YAAY,aAAY,CAAA;KAC/E,eAAY;QAEZ,WAA4B,KAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAG9B,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA,EAAA,EAAA,CACrE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;IAIFA,KAAAA,OAAO,cAAU,CAAK,QAAA,cAAA,WAAA,EAD9B,mBAMO,QAAA;;KAJJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,YAAU,EAAI,MAAM,YAAY,WAAU,CAAA;KAC3E,eAAY;QAEZ,WAA0B,KAAA,QAAA,aAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAIpB,QAAA,cAAA,WAAA,EADR,mBA+BS,UAAA;;KA7BP,MAAK;KACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,aAAW,EAAI,MAAM,YAAY,YAAW,CAAA;KAC5E,cAAY,QAAA;KACZ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;sCAEZ,mBAuBM,OAAA;KAtBJ,OAAM;KACN,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;KACZ,WAAU;QAEV,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;QAEL,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG"}
+{"version":3,"file":"Chip.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/chip/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { chipVariants, type ChipVariants } from \"@auronui/styles\";\nimport { composeClassName , type ClassValue} from \"../../utils/composeClassName\";\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated';\n\nconst props = withDefaults(\n  defineProps<{\n    color?: ChipVariants[\"color\"];\n    size?: ChipVariants[\"size\"];\n    /**\n     * Visual style of the chip.\n     * @deprecated 'outlined' — use 'bordered' instead.\n     */\n    variant?: ChipVariants[\"variant\"] | 'outlined';\n    /** Show a colored dot indicator before the label */\n    dot?: boolean;\n    /** Render a built-in close button that emits `close` */\n    isClosable?: boolean;\n    /** Aria-label for the close button */\n    closeAriaLabel?: string;\n    class?: ClassValue;\n    /** Override classes for named slots */\n    classNames?: Partial<{\n      base: ClassValue;\n      dot: ClassValue;\n      startContent: ClassValue;\n      label: ClassValue;\n      endContent: ClassValue;\n      closeButton: ClassValue;\n    }>;\n  }>(),\n  {\n    color: \"default\",\n    variant: \"solid\",\n    dot: false,\n    isClosable: false,\n    closeAriaLabel: \"Remove\",\n  }\n);\n\nconst emit = defineEmits<{\n  (e: \"close\"): void;\n}>();\n\nconst resolvedVariant = computed(() => {\n  if (props.variant === 'outlined') {\n    warnDeprecatedVariant('Chip', 'outlined', 'bordered')\n    return 'bordered' as ChipVariants['variant']\n  }\n  return props.variant\n})\n\nconst slotFns = computed(() =>\n  chipVariants({\n    color: props.color,\n    size: props.size,\n    variant: resolvedVariant.value,\n  })\n);\n</script>\n\n<template>\n  <span :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"dot\"\n      :class=\"composeClassName(slotFns.dot(), props.classNames?.dot)\"\n      aria-hidden=\"true\"\n    />\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"composeClassName(slotFns.startContent(), props.classNames?.startContent)\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <span :class=\"composeClassName(slotFns.label(), props.classNames?.label)\">\n      <slot />\n    </span>\n\n    <span\n      v-if=\"$slots.endContent && !isClosable\"\n      :class=\"composeClassName(slotFns.endContent(), props.classNames?.endContent)\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <button\n      v-if=\"isClosable\"\n      type=\"button\"\n      :class=\"composeClassName(slotFns.closeButton(), props.classNames?.closeButton)\"\n      :aria-label=\"closeAriaLabel\"\n      @click=\"emit('close')\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAmCd,MAAM,OAAO;EAIb,MAAM,kBAAkB,eAAe;AACrC,OAAI,MAAM,YAAY,WAEpB,QAAO;AAET,UAAO,MAAM;IACd;EAED,MAAM,UAAU,eACd,aAAa;GACX,OAAO,MAAM;GACb,MAAM,MAAM;GACZ,SAAS,gBAAgB;GAC1B,CAAA,CACF;;uBAIC,mBA0DO,QAAA,EA1DA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA,EAAA,EAAA;IAExE,QAAA,OAAA,WAAA,EADR,mBAIE,QAAA;;KAFC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,KAAG,EAAI,MAAM,YAAY,IAAG,CAAA;KAC7D,eAAY;;IAGNA,KAAAA,OAAO,gBAAA,WAAA,EADf,mBAMO,QAAA;;KAJJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,cAAY,EAAI,MAAM,YAAY,aAAY,CAAA;KAC/E,eAAY;QAEZ,WAA4B,KAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAG9B,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA,EAAA,EAAA,CACrE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;IAIFA,KAAAA,OAAO,cAAU,CAAK,QAAA,cAAA,WAAA,EAD9B,mBAMO,QAAA;;KAJJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,YAAU,EAAI,MAAM,YAAY,WAAU,CAAA;KAC3E,eAAY;QAEZ,WAA0B,KAAA,QAAA,aAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAIpB,QAAA,cAAA,WAAA,EADR,mBA+BS,UAAA;;KA7BP,MAAK;KACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,aAAW,EAAI,MAAM,YAAY,YAAW,CAAA;KAC5E,cAAY,QAAA;KACZ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;sCAEZ,mBAuBM,OAAA;KAtBJ,OAAM;KACN,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;KACZ,WAAU;QAEV,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;QAEL,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG"}

package/dist/components/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":[],"sources":["../../../src/components/drawer/Drawer.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h, toRef } from 'vue'\nimport { DialogRoot } from 'reka-ui'\nimport { useDrawerProvide } from './drawer.context'\nimport type { DrawerPlacement, DrawerSize } from './drawer.context'\n\n/**\n * Drawer root component. Wraps Reka UI's DialogRoot.\n *\n * Uses Options API / render-function style to avoid Vue SFC compiled template\n * from forwarding `open: undefined` to DialogRoot — same pattern as Modal.vue.\n * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled\n * vs controlled mode.\n */\nexport default defineComponent({\n  name: 'Drawer',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    modal: { type: Boolean, default: true },\n    placement: {\n      type: String as () => DrawerPlacement,\n      default: 'right',\n    },\n    size: {\n      type: String as () => DrawerSize,\n      default: 'md',\n    },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    // Provide context to all Drawer sub-components\n    useDrawerProvide({\n      placement: toRef(props, 'placement'),\n      size: toRef(props, 'size'),\n    })\n\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        modal: props.modal,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      // Only include `open` when explicitly controlled — omitting the key lets\n      // Reka use `defaultOpen` for uncontrolled behavior.\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      return p\n    })\n\n    return () => h(DialogRoot, rootProps.value, slots)\n  },\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"Drawer.js","names":[],"sources":["../../../src/components/drawer/Drawer.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h, toRef, ref } from 'vue'\nimport { DialogRoot } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { useDrawerProvide } from './drawer.context'\nimport type { DrawerPlacement, DrawerSize } from './drawer.context'\n\n/**\n * Drawer root component. Wraps Reka UI's DialogRoot.\n *\n * Uses Options API / render-function style to avoid Vue SFC compiled template\n * from forwarding `open: undefined` to DialogRoot — same pattern as Modal.vue.\n * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled\n * vs controlled mode.\n *\n * When `dock=true` the component renders a flex container div and manages its\n * own open state without Reka, so the drawer panel shifts content in the DOM\n * rather than overlaying it.\n */\nexport default defineComponent({\n  name: 'Drawer',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    modal: { type: Boolean, default: true },\n    placement: {\n      type: String as () => DrawerPlacement,\n      default: 'right',\n    },\n    size: {\n      type: String as () => DrawerSize,\n      default: 'md',\n    },\n    inline: { type: Boolean, default: false },\n    hideBackdrop: { type: Boolean, default: false },\n    dock: { type: Boolean, default: false },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    const styles = drawerVariants()\n\n    // Dock mode: open state managed locally (no Reka dialog)\n    const localPushOpen = ref(props.defaultOpen ?? false)\n    const dockOpen = computed(() =>\n      props.open !== undefined ? props.open : localPushOpen.value,\n    )\n\n    function toggleDock() {\n      const next = !dockOpen.value\n      if (props.open === undefined) localPushOpen.value = next\n      emit('update:open', next)\n    }\n\n    function closeDock() {\n      if (props.open === undefined) localPushOpen.value = false\n      emit('update:open', false)\n    }\n\n    // Provide context to all Drawer sub-components\n    useDrawerProvide({\n      placement: toRef(props, 'placement'),\n      size: toRef(props, 'size'),\n      inline: toRef(props, 'inline'),\n      hideBackdrop: toRef(props, 'hideBackdrop'),\n      dock: toRef(props, 'dock'),\n      dockOpen,\n      toggleDock,\n      closeDock,\n    })\n\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        // inline and hideBackdrop both require non-modal: no scroll lock, no focus trap\n        modal: props.inline || props.hideBackdrop ? false : props.modal,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      // Only include `open` when explicitly controlled — omitting the key lets\n      // Reka use `defaultOpen` for uncontrolled behavior.\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      return p\n    })\n\n    return () => {\n      // Dock mode: render a flex container that shifts content\n      if (props.dock) {\n        return h(\n          'div',\n          { class: styles.dockContainer({ placement: props.placement }) },\n          slots.default?.(),\n        )\n      }\n      return h(DialogRoot, rootProps.value, slots)\n    }\n  },\n})\n</script>\n"],"mappings":""}

package/dist/components/drawer/Drawer.vue_vue_type_script_lang.js

@@ -1,5 +1,6 @@
+import { drawerVariants } from "../../packages/styles/src/components/drawer/drawer.styles.js";
 import { useDrawerProvide } from "./drawer.context.js";
-import { computed, defineComponent, h, toRef } from "vue";
+import { computed, defineComponent, h, ref, toRef } from "vue";
 import { DialogRoot } from "reka-ui";
 //#region src/components/drawer/Drawer.vue?vue&type=script&lang.ts
 /**
@@ -9,6 +10,10 @@ import { DialogRoot } from "reka-ui";
 * from forwarding `open: undefined` to DialogRoot — same pattern as Modal.vue.
 * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled
 * vs controlled mode.
+*
+* When `dock=true` the component renders a flex container div and manages its
+* own open state without Reka, so the drawer panel shifts content in the DOM
+* rather than overlaying it.
 */
 var Drawer_vue_vue_type_script_lang_default = defineComponent({
 	name: "Drawer",
@@ -32,24 +37,57 @@ var Drawer_vue_vue_type_script_lang_default = defineComponent({
 		size: {
 			type: String,
 			default: "md"
+		},
+		inline: {
+			type: Boolean,
+			default: false
+		},
+		hideBackdrop: {
+			type: Boolean,
+			default: false
+		},
+		dock: {
+			type: Boolean,
+			default: false
 		}
 	},
 	emits: ["update:open"],
 	setup(props, { slots, emit }) {
+		const styles = drawerVariants();
+		const localPushOpen = ref(props.defaultOpen ?? false);
+		const dockOpen = computed(() => props.open !== void 0 ? props.open : localPushOpen.value);
+		function toggleDock() {
+			const next = !dockOpen.value;
+			if (props.open === void 0) localPushOpen.value = next;
+			emit("update:open", next);
+		}
+		function closeDock() {
+			if (props.open === void 0) localPushOpen.value = false;
+			emit("update:open", false);
+		}
 		useDrawerProvide({
 			placement: toRef(props, "placement"),
-			size: toRef(props, "size")
+			size: toRef(props, "size"),
+			inline: toRef(props, "inline"),
+			hideBackdrop: toRef(props, "hideBackdrop"),
+			dock: toRef(props, "dock"),
+			dockOpen,
+			toggleDock,
+			closeDock
 		});
 		const rootProps = computed(() => {
 			const p = {
 				defaultOpen: props.defaultOpen,
-				modal: props.modal,
+				modal: props.inline || props.hideBackdrop ? false : props.modal,
 				"onUpdate:open": (val) => emit("update:open", val)
 			};
 			if (props.open !== void 0) p.open = props.open;
 			return p;
 		});
-		return () => h(DialogRoot, rootProps.value, slots);
+		return () => {
+			if (props.dock) return h("div", { class: styles.dockContainer({ placement: props.placement }) }, slots.default?.());
+			return h(DialogRoot, rootProps.value, slots);
+		};
 	}
 });
 //#endregion

package/dist/components/drawer/Drawer.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.vue_vue_type_script_lang.js","names":[],"sources":["../../../src/components/drawer/Drawer.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h, toRef } from 'vue'\nimport { DialogRoot } from 'reka-ui'\nimport { useDrawerProvide } from './drawer.context'\nimport type { DrawerPlacement, DrawerSize } from './drawer.context'\n\n/**\n * Drawer root component. Wraps Reka UI's DialogRoot.\n *\n * Uses Options API / render-function style to avoid Vue SFC compiled template\n * from forwarding `open: undefined` to DialogRoot — same pattern as Modal.vue.\n * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled\n * vs controlled mode.\n */\nexport default defineComponent({\n  name: 'Drawer',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    modal: { type: Boolean, default: true },\n    placement: {\n      type: String as () => DrawerPlacement,\n      default: 'right',\n    },\n    size: {\n      type: String as () => DrawerSize,\n      default: 'md',\n    },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    // Provide context to all Drawer sub-components\n    useDrawerProvide({\n      placement: toRef(props, 'placement'),\n      size: toRef(props, 'size'),\n    })\n\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        modal: props.modal,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      // Only include `open` when explicitly controlled — omitting the key lets\n      // Reka use `defaultOpen` for uncontrolled behavior.\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      return p\n    })\n\n    return () => h(DialogRoot, rootProps.value, slots)\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;AAcA,IAAA,0CAAe,gBAAgB;CAC7B,MAAM;CACN,OAAO;EACL,aAAa;GAAE,MAAM;GAAS,SAAS;GAAO;EAC9C,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;GAAW;EAC3C,OAAO;GAAE,MAAM;GAAS,SAAS;GAAM;EACvC,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EACF;CACD,OAAO,CAAC,cAAc;CACtB,MAAM,OAAO,EAAE,OAAO,QAAQ;AAE5B,mBAAiB;GACf,WAAW,MAAM,OAAO,YAAY;GACpC,MAAM,MAAM,OAAO,OAAO;GAC3B,CAAA;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,IAA6B;IACjC,aAAa,MAAM;IACnB,OAAO,MAAM;IACb,kBAAkB,QAAiB,KAAK,eAAe,IAAI;IAC7D;AAGA,OAAI,MAAM,SAAS,KAAA,EACjB,GAAE,OAAO,MAAM;AAEjB,UAAO;IACR;AAED,eAAa,EAAE,YAAY,UAAU,OAAO,MAAK;;CAEpD,CAAA"}
+{"version":3,"file":"Drawer.vue_vue_type_script_lang.js","names":[],"sources":["../../../src/components/drawer/Drawer.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h, toRef, ref } from 'vue'\nimport { DialogRoot } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { useDrawerProvide } from './drawer.context'\nimport type { DrawerPlacement, DrawerSize } from './drawer.context'\n\n/**\n * Drawer root component. Wraps Reka UI's DialogRoot.\n *\n * Uses Options API / render-function style to avoid Vue SFC compiled template\n * from forwarding `open: undefined` to DialogRoot — same pattern as Modal.vue.\n * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled\n * vs controlled mode.\n *\n * When `dock=true` the component renders a flex container div and manages its\n * own open state without Reka, so the drawer panel shifts content in the DOM\n * rather than overlaying it.\n */\nexport default defineComponent({\n  name: 'Drawer',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    modal: { type: Boolean, default: true },\n    placement: {\n      type: String as () => DrawerPlacement,\n      default: 'right',\n    },\n    size: {\n      type: String as () => DrawerSize,\n      default: 'md',\n    },\n    inline: { type: Boolean, default: false },\n    hideBackdrop: { type: Boolean, default: false },\n    dock: { type: Boolean, default: false },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    const styles = drawerVariants()\n\n    // Dock mode: open state managed locally (no Reka dialog)\n    const localPushOpen = ref(props.defaultOpen ?? false)\n    const dockOpen = computed(() =>\n      props.open !== undefined ? props.open : localPushOpen.value,\n    )\n\n    function toggleDock() {\n      const next = !dockOpen.value\n      if (props.open === undefined) localPushOpen.value = next\n      emit('update:open', next)\n    }\n\n    function closeDock() {\n      if (props.open === undefined) localPushOpen.value = false\n      emit('update:open', false)\n    }\n\n    // Provide context to all Drawer sub-components\n    useDrawerProvide({\n      placement: toRef(props, 'placement'),\n      size: toRef(props, 'size'),\n      inline: toRef(props, 'inline'),\n      hideBackdrop: toRef(props, 'hideBackdrop'),\n      dock: toRef(props, 'dock'),\n      dockOpen,\n      toggleDock,\n      closeDock,\n    })\n\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        // inline and hideBackdrop both require non-modal: no scroll lock, no focus trap\n        modal: props.inline || props.hideBackdrop ? false : props.modal,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      // Only include `open` when explicitly controlled — omitting the key lets\n      // Reka use `defaultOpen` for uncontrolled behavior.\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      return p\n    })\n\n    return () => {\n      // Dock mode: render a flex container that shifts content\n      if (props.dock) {\n        return h(\n          'div',\n          { class: styles.dockContainer({ placement: props.placement }) },\n          slots.default?.(),\n        )\n      }\n      return h(DialogRoot, rootProps.value, slots)\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,IAAA,0CAAe,gBAAgB;CAC7B,MAAM;CACN,OAAO;EACL,aAAa;GAAE,MAAM;GAAS,SAAS;GAAO;EAC9C,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;GAAW;EAC3C,OAAO;GAAE,MAAM;GAAS,SAAS;GAAM;EACvC,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EACD,QAAQ;GAAE,MAAM;GAAS,SAAS;GAAO;EACzC,cAAc;GAAE,MAAM;GAAS,SAAS;GAAO;EAC/C,MAAM;GAAE,MAAM;GAAS,SAAS;GAAO;EACxC;CACD,OAAO,CAAC,cAAc;CACtB,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,SAAS,gBAAe;EAG9B,MAAM,gBAAgB,IAAI,MAAM,eAAe,MAAK;EACpD,MAAM,WAAW,eACf,MAAM,SAAS,KAAA,IAAY,MAAM,OAAO,cAAc,MACxD;EAEA,SAAS,aAAa;GACpB,MAAM,OAAO,CAAC,SAAS;AACvB,OAAI,MAAM,SAAS,KAAA,EAAW,eAAc,QAAQ;AACpD,QAAK,eAAe,KAAI;;EAG1B,SAAS,YAAY;AACnB,OAAI,MAAM,SAAS,KAAA,EAAW,eAAc,QAAQ;AACpD,QAAK,eAAe,MAAK;;AAI3B,mBAAiB;GACf,WAAW,MAAM,OAAO,YAAY;GACpC,MAAM,MAAM,OAAO,OAAO;GAC1B,QAAQ,MAAM,OAAO,SAAS;GAC9B,cAAc,MAAM,OAAO,eAAe;GAC1C,MAAM,MAAM,OAAO,OAAO;GAC1B;GACA;GACA;GACD,CAAA;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,IAA6B;IACjC,aAAa,MAAM;IAEnB,OAAO,MAAM,UAAU,MAAM,eAAe,QAAQ,MAAM;IAC1D,kBAAkB,QAAiB,KAAK,eAAe,IAAI;IAC7D;AAGA,OAAI,MAAM,SAAS,KAAA,EACjB,GAAE,OAAO,MAAM;AAEjB,UAAO;IACR;AAED,eAAa;AAEX,OAAI,MAAM,KACR,QAAO,EACL,OACA,EAAE,OAAO,OAAO,cAAc,EAAE,WAAW,MAAM,WAAW,CAAA,EAAG,EAC/D,MAAM,WAAW,CACnB;AAEF,UAAO,EAAE,YAAY,UAAU,OAAO,MAAK;;;CAGhD,CAAA"}

package/dist/components/drawer/DrawerClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerClose.js","names":[],"sources":["../../../src/components/drawer/DrawerClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogClose } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogClose\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n  >\n    <slot />\n  </DialogClose>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DrawerClose.js","names":[],"sources":["../../../src/components/drawer/DrawerClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogClose, Primitive } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useDrawerInject } from './drawer.context'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n})\n\nconst ctx = useDrawerInject()\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <!-- dock mode: close open state directly (no Reka dialog context) -->\n  <Primitive\n    v-if=\"ctx.dock.value\"\n    :as-child=\"props.asChild\"\n    as=\"button\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n    @click=\"ctx.closeDock()\"\n  >\n    <slot />\n  </Primitive>\n\n  <!-- default / inline / hideBackdrop modes: Reka manages close -->\n  <DialogClose\n    v-else\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n  >\n    <slot />\n  </DialogClose>\n</template>\n"],"mappings":""}

package/dist/components/drawer/DrawerClose.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,8 @@
 import { composeClassName } from "../../utils/composeClassName.js";
 import { drawerVariants } from "../../packages/styles/src/components/drawer/drawer.styles.js";
+import { useDrawerInject } from "./drawer.context.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
-import { DialogClose } from "reka-ui";
+import { DialogClose, Primitive } from "reka-ui";
 //#region src/components/drawer/DrawerClose.vue?vue&type=script&setup=true&lang.ts
 var DrawerClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "DrawerClose",
@@ -14,15 +15,26 @@ var DrawerClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	},
 	setup(__props) {
 		const props = __props;
+		const ctx = useDrawerInject();
 		const styles = drawerVariants();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogClose), {
+			return unref(ctx).dock.value ? (openBlock(), createBlock(unref(Primitive), {
+				key: 0,
+				"as-child": props.asChild,
+				as: "button",
+				class: normalizeClass(unref(composeClassName)(unref(styles).closeTrigger(), props.class)),
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(ctx).closeDock())
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child", "class"])) : (openBlock(), createBlock(unref(DialogClose), {
+				key: 1,
 				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(unref(styles).closeTrigger(), props.class))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["as-child", "class"]);
+			}, 8, ["as-child", "class"]));
 		};
 	}
 });

package/dist/components/drawer/DrawerClose.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerClose.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogClose } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogClose\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n  >\n    <slot />\n  </DialogClose>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAOd,MAAM,SAAS,gBAAe;;uBAI5B,YAKc,MAAA,YAAA,EAAA;IAJX,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,cAAY,EAAI,MAAM,MAAK,CAAA;;2BAEnD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"DrawerClose.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogClose, Primitive } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useDrawerInject } from './drawer.context'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n})\n\nconst ctx = useDrawerInject()\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <!-- dock mode: close open state directly (no Reka dialog context) -->\n  <Primitive\n    v-if=\"ctx.dock.value\"\n    :as-child=\"props.asChild\"\n    as=\"button\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n    @click=\"ctx.closeDock()\"\n  >\n    <slot />\n  </Primitive>\n\n  <!-- default / inline / hideBackdrop modes: Reka manages close -->\n  <DialogClose\n    v-else\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n  >\n    <slot />\n  </DialogClose>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAOd,MAAM,MAAM,iBAAgB;EAC5B,MAAM,SAAS,gBAAe;;UAMpB,MAAA,IAAG,CAAC,KAAK,SAAA,WAAA,EADjB,YAQY,MAAA,UAAA,EAAA;;IANT,YAAU,MAAM;IACjB,IAAG;IACF,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,cAAY,EAAI,MAAM,MAAK,CAAA;IAC1D,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,IAAG,CAAC,WAAS;;2BAEb,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;iDAIV,YAMc,MAAA,YAAA,EAAA;;IAJX,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,cAAY,EAAI,MAAM,MAAK,CAAA;;2BAEnD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}