@auronui/vue 1.3.0 → 1.4.0

package/dist/components/menubar/MenubarItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenubarItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarItem } from 'reka-ui'\nimport { menuItemVariants, type MenuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: MenuItemVariants['variant']\n  shortcut?: string\n  description?: string\n  class?: string\n  /** Whether this item is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  shortcut: undefined,\n  description: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <MenubarItem\n    :text-value=\"props.textValue\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot name=\"startContent\" />\n\n    <div class=\"flex flex-1 flex-col\">\n      <span data-slot=\"label\">\n        <slot />\n      </span>\n      <span\n        v-if=\"props.description\"\n        data-slot=\"description\"\n      >\n        {{ props.description }}\n      </span>\n    </div>\n\n    <kbd\n      v-if=\"props.shortcut\"\n      data-slot=\"shortcut\"\n      class=\"ml-auto text-xs text-muted font-mono\"\n    >\n      {{ props.shortcut }}\n    </kbd>\n\n    <slot name=\"endContent\" />\n  </MenubarItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EAIb,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;;uBAIvD,YA+Bc,MAAA,YAAA,EAAA;IA9BX,cAAY,MAAM;IAClB,UAAU,MAAM,YAAY,MAAM;IAClC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAEF;KAA5B,WAA4B,KAAA,QAAA,eAAA;KAE5B,mBAUM,OAVN,YAUM,CATJ,mBAEO,QAFP,YAEO,CADL,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,EAGF,MAAM,eAAA,WAAA,EADd,mBAKO,QALP,YAKO,gBADF,MAAM,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;KAKhB,MAAM,YAAA,WAAA,EADd,mBAMM,OANN,YAMM,gBADD,MAAM,SAAQ,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAGnB,WAA0B,KAAA,QAAA,aAAA"}
+{"version":3,"file":"MenubarItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarItem } from 'reka-ui'\nimport { menuItemVariants, type MenuItemVariants } from '@auronui/styles'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: MenuItemVariants['variant']\n  shortcut?: string\n  description?: string\n  class?: string\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: undefined,\n  variant: 'default',\n  shortcut: undefined,\n  description: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MenubarItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <MenubarItem\n    :text-value=\"props.textValue\"\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot name=\"startContent\" />\n\n    <div class=\"flex flex-1 flex-col\">\n      <span data-slot=\"label\">\n        <slot />\n      </span>\n      <span\n        v-if=\"props.description\"\n        data-slot=\"description\"\n      >\n        {{ props.description }}\n      </span>\n    </div>\n\n    <!-- Raw <kbd> (not <Kbd>): a menu shortcut renders as plain muted text; <Kbd> applies a\n         boxed keycap style that would break visual parity with HeroUI's menu shortcuts. -->\n    <kbd\n      v-if=\"props.shortcut\"\n      data-slot=\"shortcut\"\n      class=\"ml-auto text-xs text-muted font-mono\"\n    >\n      {{ props.shortcut }}\n    </kbd>\n\n    <slot name=\"endContent\" />\n  </MenubarItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EAIb,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;EAEzD,MAAM,aAAa,yBACjB,eAAe,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAC/E;;uBAIE,YAiCc,MAAA,YAAA,EAAA;IAhCX,cAAY,MAAM;IAClB,UAAU,MAAA,WAAU;IACpB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAEF;KAA5B,WAA4B,KAAA,QAAA,eAAA;KAE5B,mBAUM,OAVN,YAUM,CATJ,mBAEO,QAFP,YAEO,CADL,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,EAGF,MAAM,eAAA,WAAA,EADd,mBAKO,QALP,YAKO,gBADF,MAAM,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;KAOhB,MAAM,YAAA,WAAA,EADd,mBAMM,OANN,YAMM,gBADD,MAAM,SAAQ,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAGnB,WAA0B,KAAA,QAAA,aAAA"}

package/dist/components/menubar/MenubarRadioItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenubarRadioItem.js","names":[],"sources":["../../../src/components/menubar/MenubarRadioItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarRadioItem, MenubarItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n  /** Whether this item is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <MenubarRadioItem\n    :value=\"props.value\"\n    :text-value=\"props.textValue\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <MenubarItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Radio dot indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"8\"\n        height=\"8\"\n        viewBox=\"0 0 8 8\"\n        aria-hidden=\"true\"\n        data-slot=\"menu-item-indicator--dot\"\n      >\n        <circle\n          cx=\"4\"\n          cy=\"4\"\n          r=\"4\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </MenubarItemIndicator>\n\n    <slot />\n  </MenubarRadioItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"MenubarRadioItem.js","names":[],"sources":["../../../src/components/menubar/MenubarRadioItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarRadioItem, MenubarItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: undefined,\n  variant: 'default',\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MenubarRadioItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <MenubarRadioItem\n    :value=\"props.value\"\n    :text-value=\"props.textValue\"\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <MenubarItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Radio dot indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"8\"\n        height=\"8\"\n        viewBox=\"0 0 8 8\"\n        aria-hidden=\"true\"\n        data-slot=\"menu-item-indicator--dot\"\n      >\n        <circle\n          cx=\"4\"\n          cy=\"4\"\n          r=\"4\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </MenubarItemIndicator>\n\n    <slot />\n  </MenubarRadioItem>\n</template>\n"],"mappings":""}

package/dist/components/menubar/MenubarRadioItem.vue_vue_type_script_setup_true_lang.js

@@ -1,3 +1,4 @@
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 import { menuItemVariants } from "@auronui/styles";
 import { MenubarItemIndicator, MenubarRadioItem } from "reka-ui";
@@ -9,7 +10,7 @@ var MenubarRadioItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		textValue: { default: void 0 },
 		isDisabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		variant: { default: "default" },
 		class: { default: void 0 },
@@ -28,11 +29,12 @@ var MenubarRadioItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const props = __props;
 		const emit = __emit;
 		const slots = menuItemVariants({ variant: props.variant });
+		const isDisabled = useDeprecatedBooleanProp("MenubarRadioItem", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(MenubarRadioItem), {
 				value: props.value,
 				"text-value": props.textValue,
-				disabled: props.disabled ?? props.isDisabled,
+				disabled: unref(isDisabled),
 				as: props.as,
 				"as-child": props.asChild,
 				class: normalizeClass([unref(slots).item(), props.class]),

package/dist/components/menubar/MenubarRadioItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenubarRadioItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarRadioItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarRadioItem, MenubarItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n  /** Whether this item is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <MenubarRadioItem\n    :value=\"props.value\"\n    :text-value=\"props.textValue\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <MenubarItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Radio dot indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"8\"\n        height=\"8\"\n        viewBox=\"0 0 8 8\"\n        aria-hidden=\"true\"\n        data-slot=\"menu-item-indicator--dot\"\n      >\n        <circle\n          cx=\"4\"\n          cy=\"4\"\n          r=\"4\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </MenubarItemIndicator>\n\n    <slot />\n  </MenubarRadioItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAsBd,MAAM,OAAO;EAIb,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;;uBAIvD,YAgCmB,MAAA,iBAAA,EAAA;IA/BhB,OAAO,MAAM;IACb,cAAY,MAAM;IAClB,UAAU,MAAM,YAAY,MAAM;IAClC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAsBP,CApBvB,YAoBuB,MAAA,qBAAA,EAAA;KAnBpB,OAAK,eAAE,MAAA,MAAK,CAAC,WAAS,CAAA;KACvB,eAAA;;4BAiBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAdN,mBAcM,OAAA;MAbJ,OAAM;MACN,OAAM;MACN,QAAO;MACP,SAAQ;MACR,eAAY;MACZ,aAAU;SAEV,mBAKE,UAAA;MAJA,IAAG;MACH,IAAG;MACH,GAAE;MACF,MAAK;;;sBAKX,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"MenubarRadioItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarRadioItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarRadioItem, MenubarItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: undefined,\n  variant: 'default',\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MenubarRadioItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <MenubarRadioItem\n    :value=\"props.value\"\n    :text-value=\"props.textValue\"\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <MenubarItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Radio dot indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"8\"\n        height=\"8\"\n        viewBox=\"0 0 8 8\"\n        aria-hidden=\"true\"\n        data-slot=\"menu-item-indicator--dot\"\n      >\n        <circle\n          cx=\"4\"\n          cy=\"4\"\n          r=\"4\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </MenubarItemIndicator>\n\n    <slot />\n  </MenubarRadioItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAsBd,MAAM,OAAO;EAIb,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;EAEzD,MAAM,aAAa,yBACjB,oBAAoB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACpF;;uBAIE,YAgCmB,MAAA,iBAAA,EAAA;IA/BhB,OAAO,MAAM;IACb,cAAY,MAAM;IAClB,UAAU,MAAA,WAAU;IACpB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAsBP,CApBvB,YAoBuB,MAAA,qBAAA,EAAA;KAnBpB,OAAK,eAAE,MAAA,MAAK,CAAC,WAAS,CAAA;KACvB,eAAA;;4BAiBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAdN,mBAcM,OAAA;MAbJ,OAAM;MACN,OAAM;MACN,QAAO;MACP,SAAQ;MACR,eAAY;MACZ,aAAU;SAEV,mBAKE,UAAA;MAJA,IAAG;MACH,IAAG;MACH,GAAE;MACF,MAAK;;;sBAKX,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/menubar/MenubarSubTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenubarSubTrigger.js","names":[],"sources":["../../../src/components/menubar/MenubarSubTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSubTrigger } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  textValue?: string\n  class?: string\n  /** Whether this trigger is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  isDisabled: false,\n  textValue: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst slots = menuItemVariants({ variant: 'default' })\n</script>\n\n<template>\n  <MenubarSubTrigger\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :text-value=\"props.textValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n  >\n    <slot />\n    <span\n      :class=\"slots.submenuIndicator()\"\n      aria-hidden=\"true\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"submenu-indicator\"\n      >\n        <polyline points=\"9 18 15 12 9 6\" />\n      </svg>\n    </span>\n  </MenubarSubTrigger>\n</template>\n"],"mappings":""}
+{"version":3,"file":"MenubarSubTrigger.js","names":[],"sources":["../../../src/components/menubar/MenubarSubTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSubTrigger } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  textValue?: string\n  class?: string\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  isDisabled: undefined,\n  textValue: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst slots = menuItemVariants({ variant: 'default' })\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MenubarSubTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <MenubarSubTrigger\n    :disabled=\"isDisabled\"\n    :text-value=\"props.textValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n  >\n    <slot />\n    <span\n      :class=\"slots.submenuIndicator()\"\n      aria-hidden=\"true\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"submenu-indicator\"\n      >\n        <polyline points=\"9 18 15 12 9 6\" />\n      </svg>\n    </span>\n  </MenubarSubTrigger>\n</template>\n"],"mappings":""}

package/dist/components/menubar/MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1,3 +1,4 @@
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 import { menuItemVariants } from "@auronui/styles";
 import { MenubarSubTrigger } from "reka-ui";
@@ -7,7 +8,7 @@ var MenubarSubTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	props: {
 		isDisabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		textValue: { default: void 0 },
 		class: { default: void 0 },
@@ -24,9 +25,10 @@ var MenubarSubTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	setup(__props) {
 		const props = __props;
 		const slots = menuItemVariants({ variant: "default" });
+		const isDisabled = useDeprecatedBooleanProp("MenubarSubTrigger", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(MenubarSubTrigger), {
-				disabled: props.disabled ?? props.isDisabled,
+				disabled: unref(isDisabled),
 				"text-value": props.textValue,
 				as: props.as,
 				"as-child": props.asChild,

package/dist/components/menubar/MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarSubTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSubTrigger } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  textValue?: string\n  class?: string\n  /** Whether this trigger is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  isDisabled: false,\n  textValue: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst slots = menuItemVariants({ variant: 'default' })\n</script>\n\n<template>\n  <MenubarSubTrigger\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :text-value=\"props.textValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n  >\n    <slot />\n    <span\n      :class=\"slots.submenuIndicator()\"\n      aria-hidden=\"true\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"submenu-indicator\"\n      >\n        <polyline points=\"9 18 15 12 9 6\" />\n      </svg>\n    </span>\n  </MenubarSubTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAmBd,MAAM,QAAQ,iBAAiB,EAAE,SAAS,WAAW,CAAA;;uBAInD,YA2BoB,MAAA,kBAAA,EAAA;IA1BjB,UAAU,MAAM,YAAY,MAAM;IAClC,cAAY,MAAM;IAClB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;;2BAE1B,CAAR,WAAQ,KAAA,QAAA,UAAA,EACR,mBAkBO,QAAA;KAjBJ,OAAK,eAAE,MAAA,MAAK,CAAC,kBAAgB,CAAA;KAC9B,eAAY;sCAEZ,mBAaM,OAAA;KAZJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,aAAU;QAEV,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarSubTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSubTrigger } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  textValue?: string\n  class?: string\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  isDisabled: undefined,\n  textValue: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst slots = menuItemVariants({ variant: 'default' })\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MenubarSubTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <MenubarSubTrigger\n    :disabled=\"isDisabled\"\n    :text-value=\"props.textValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n  >\n    <slot />\n    <span\n      :class=\"slots.submenuIndicator()\"\n      aria-hidden=\"true\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"submenu-indicator\"\n      >\n        <polyline points=\"9 18 15 12 9 6\" />\n      </svg>\n    </span>\n  </MenubarSubTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAmBd,MAAM,QAAQ,iBAAiB,EAAE,SAAS,WAAW,CAAA;EAErD,MAAM,aAAa,yBACjB,qBAAqB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACrF;;uBAIE,YA2BoB,MAAA,kBAAA,EAAA;IA1BjB,UAAU,MAAA,WAAU;IACpB,cAAY,MAAM;IAClB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;;2BAE1B,CAAR,WAAQ,KAAA,QAAA,UAAA,EACR,mBAkBO,QAAA;KAjBJ,OAAK,eAAE,MAAA,MAAK,CAAC,kBAAgB,CAAA;KAC9B,eAAY;sCAEZ,mBAaM,OAAA;KAZJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,aAAU;QAEV,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/menubar/MenubarTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenubarTrigger.js","names":[],"sources":["../../../src/components/menubar/MenubarTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { MenubarTrigger } from 'reka-ui'\nimport { menubarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  disabled?: boolean\n  /** Render as a different element or component. @default 'button' (Reka's own default) */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. @default false */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst slots = computed(() => menubarVariants())\n</script>\n\n<template>\n  <MenubarTrigger\n    :disabled=\"props.disabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slots.trigger(), props.class)\"\n  >\n    <slot />\n  </MenubarTrigger>\n</template>\n"],"mappings":""}
+{"version":3,"file":"MenubarTrigger.js","names":[],"sources":["../../../src/components/menubar/MenubarTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { MenubarTrigger } from 'reka-ui'\nimport { menubarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. @default 'button' (Reka's own default) */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. @default false */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MenubarTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slots = computed(() => menubarVariants())\n</script>\n\n<template>\n  <MenubarTrigger\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slots.trigger(), props.class)\"\n  >\n    <slot />\n  </MenubarTrigger>\n</template>\n"],"mappings":""}

package/dist/components/menubar/MenubarTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 import { menubarVariants } from "@auronui/styles";
 import { MenubarTrigger } from "reka-ui";
@@ -6,6 +7,10 @@ import { MenubarTrigger } from "reka-ui";
 var MenubarTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "MenubarTrigger",
 	props: {
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
 			default: void 0
@@ -28,10 +33,11 @@ var MenubarTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	},
 	setup(__props) {
 		const props = __props;
+		const isDisabled = useDeprecatedBooleanProp("MenubarTrigger", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		const slots = computed(() => menubarVariants());
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(MenubarTrigger), {
-				disabled: props.disabled,
+				disabled: unref(isDisabled),
 				as: props.as,
 				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(slots.value.trigger(), props.class))

package/dist/components/menubar/MenubarTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenubarTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { MenubarTrigger } from 'reka-ui'\nimport { menubarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  disabled?: boolean\n  /** Render as a different element or component. @default 'button' (Reka's own default) */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. @default false */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst slots = computed(() => menubarVariants())\n</script>\n\n<template>\n  <MenubarTrigger\n    :disabled=\"props.disabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slots.trigger(), props.class)\"\n  >\n    <slot />\n  </MenubarTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAcd,MAAM,QAAQ,eAAe,iBAAiB,CAAA;;uBAI5C,YAOiB,MAAA,eAAA,EAAA;IANd,UAAU,MAAM;IAChB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,MAAM,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAE7C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"MenubarTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { MenubarTrigger } from 'reka-ui'\nimport { menubarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. @default 'button' (Reka's own default) */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. @default false */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MenubarTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slots = computed(() => menubarVariants())\n</script>\n\n<template>\n  <MenubarTrigger\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slots.trigger(), props.class)\"\n  >\n    <slot />\n  </MenubarTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAiBd,MAAM,aAAa,yBACjB,kBAAkB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAClF;EAEA,MAAM,QAAQ,eAAe,iBAAiB,CAAA;;uBAI5C,YAOiB,MAAA,eAAA,EAAA;IANd,UAAU,MAAA,WAAU;IACpB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,MAAM,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAE7C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/meter/Meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Meter.js","names":[],"sources":["../../../src/components/meter/Meter.vue"],"sourcesContent":["<!--\n  Meter — A quantity indicator within a known range.\n\n  Implementation note: Although HTML provides a native <meter> element, it is\n  notoriously difficult to style cross-browser and does NOT reliably expose the\n  ARIA `meter` role to all assistive technologies. This component therefore uses\n  a <div role=\"meter\"> with explicit aria-valuenow / aria-valuemin / aria-valuemax\n  attributes, matching React's approach (React Aria's useMeter → div-based).\n  This is fully compliant with the ARIA 1.1 specification.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { meterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'default' | 'accent' | 'success' | 'warning' | 'danger'\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    output: ClassValue\n    track: ClassValue\n    fill: ClassValue\n  }>\n}>(), {\n  value: 0,\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n})\n\nconst percentage = computed(() => {\n  const raw = ((props.value - props.minValue) / (props.maxValue - props.minValue)) * 100\n  return Math.min(100, Math.max(0, raw))\n})\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return `${Math.round(percentage.value)}%`\n})\n\nconst slotFns = computed(() =>\n  meterVariants({\n    size: props.size,\n    color: props.color,\n  })\n)\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"label\"\n      data-slot=\"label\"\n      :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n    >{{ label }}</span>\n    <output\n      v-if=\"showValueLabel\"\n      :class=\"composeClassName(slotFns.output(), props.classNames?.output)\"\n    >{{ formattedValue }}</output>\n    <div\n      role=\"meter\"\n      :aria-valuenow=\"value\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      :aria-valuetext=\"formattedValue\"\n      :aria-label=\"label || 'Meter'\"\n      :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n    >\n      <div\n        :class=\"composeClassName(slotFns.fill(), props.classNames?.fill)\"\n        :style=\"{ width: percentage + '%' }\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Meter.js","names":[],"sources":["../../../src/components/meter/Meter.vue"],"sourcesContent":["<!--\n  Meter — A quantity indicator within a known range.\n\n  Implementation note: Although HTML provides a native <meter> element, it is\n  notoriously difficult to style cross-browser and does NOT reliably expose the\n  ARIA `meter` role to all assistive technologies. This component therefore uses\n  a <div role=\"meter\"> with explicit aria-valuenow / aria-valuemin / aria-valuemax\n  attributes, matching React's approach (React Aria's useMeter → div-based).\n  This is fully compliant with the ARIA 1.1 specification.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { meterVariants, type MeterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: MeterVariants['size']\n  color?: MeterVariants['color']\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    output: ClassValue\n    track: ClassValue\n    fill: ClassValue\n  }>\n}>(), {\n  value: 0,\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n})\n\nconst percentage = computed(() => {\n  const raw = ((props.value - props.minValue) / (props.maxValue - props.minValue)) * 100\n  return Math.min(100, Math.max(0, raw))\n})\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return `${Math.round(percentage.value)}%`\n})\n\nconst slotFns = computed(() =>\n  meterVariants({\n    size: props.size,\n    color: props.color,\n  })\n)\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"label\"\n      data-slot=\"label\"\n      :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n    >{{ label }}</span>\n    <output\n      v-if=\"showValueLabel\"\n      :class=\"composeClassName(slotFns.output(), props.classNames?.output)\"\n    >{{ formattedValue }}</output>\n    <div\n      role=\"meter\"\n      :aria-valuenow=\"value\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      :aria-valuetext=\"formattedValue\"\n      :aria-label=\"label || 'Meter'\"\n      :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n    >\n      <div\n        :class=\"composeClassName(slotFns.fill(), props.classNames?.fill)\"\n        :style=\"{ width: percentage + '%' }\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/meter/Meter.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Meter.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/meter/Meter.vue"],"sourcesContent":["<!--\n  Meter — A quantity indicator within a known range.\n\n  Implementation note: Although HTML provides a native <meter> element, it is\n  notoriously difficult to style cross-browser and does NOT reliably expose the\n  ARIA `meter` role to all assistive technologies. This component therefore uses\n  a <div role=\"meter\"> with explicit aria-valuenow / aria-valuemin / aria-valuemax\n  attributes, matching React's approach (React Aria's useMeter → div-based).\n  This is fully compliant with the ARIA 1.1 specification.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { meterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'default' | 'accent' | 'success' | 'warning' | 'danger'\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    output: ClassValue\n    track: ClassValue\n    fill: ClassValue\n  }>\n}>(), {\n  value: 0,\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n})\n\nconst percentage = computed(() => {\n  const raw = ((props.value - props.minValue) / (props.maxValue - props.minValue)) * 100\n  return Math.min(100, Math.max(0, raw))\n})\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return `${Math.round(percentage.value)}%`\n})\n\nconst slotFns = computed(() =>\n  meterVariants({\n    size: props.size,\n    color: props.color,\n  })\n)\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"label\"\n      data-slot=\"label\"\n      :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n    >{{ label }}</span>\n    <output\n      v-if=\"showValueLabel\"\n      :class=\"composeClassName(slotFns.output(), props.classNames?.output)\"\n    >{{ formattedValue }}</output>\n    <div\n      role=\"meter\"\n      :aria-valuenow=\"value\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      :aria-valuetext=\"formattedValue\"\n      :aria-label=\"label || 'Meter'\"\n      :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n    >\n      <div\n        :class=\"composeClassName(slotFns.fill(), props.classNames?.fill)\"\n        :style=\"{ width: percentage + '%' }\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EA0Bd,MAAM,aAAa,eAAe;GAChC,MAAM,OAAQ,MAAM,QAAQ,MAAM,aAAa,MAAM,WAAW,MAAM,YAAa;AACnF,UAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,IAAI,CAAA;IACtC;EAED,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,WAAY,QAAO,MAAM;AACnC,OAAI,MAAM,cACR,QAAO,IAAI,KAAK,aAAa,KAAA,GAAW,MAAM,cAAc,CAAC,OAAO,MAAM,MAAK;AAEjF,UAAO,GAAG,KAAK,MAAM,WAAW,MAAM,CAAC;IACxC;EAED,MAAM,UAAU,eACd,cAAc;GACZ,MAAM,MAAM;GACZ,OAAO,MAAM;GACd,CAAA,CACH;;uBAIE,mBAwBM,OAAA,EAxBA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA,EAAA,EAAA;IAEvE,QAAA,SAAA,WAAA,EADR,mBAImB,QAAA;;KAFjB,aAAU;KACT,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;uBAC/D,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAED,QAAA,kBAAA,WAAA,EADR,mBAG8B,UAAA;;KAD3B,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,MAAM,YAAY,OAAM,CAAA;uBACjE,eAAA,MAAc,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAClB,mBAaM,OAAA;KAZJ,MAAK;KACJ,iBAAe,QAAA;KACf,iBAAe,QAAA;KACf,iBAAe,QAAA;KACf,kBAAgB,eAAA;KAChB,cAAY,QAAA,SAAK;KACjB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;QAEjE,mBAGE,OAAA;KAFC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA;KAC9D,OAAK,eAAA,EAAA,OAAW,WAAA,QAAU,KAAA,CAAA"}
+{"version":3,"file":"Meter.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/meter/Meter.vue"],"sourcesContent":["<!--\n  Meter — A quantity indicator within a known range.\n\n  Implementation note: Although HTML provides a native <meter> element, it is\n  notoriously difficult to style cross-browser and does NOT reliably expose the\n  ARIA `meter` role to all assistive technologies. This component therefore uses\n  a <div role=\"meter\"> with explicit aria-valuenow / aria-valuemin / aria-valuemax\n  attributes, matching React's approach (React Aria's useMeter → div-based).\n  This is fully compliant with the ARIA 1.1 specification.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { meterVariants, type MeterVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: MeterVariants['size']\n  color?: MeterVariants['color']\n  class?: ClassValue\n  /** Override classes for individual slots */\n  classNames?: Partial<{\n    base: ClassValue\n    label: ClassValue\n    output: ClassValue\n    track: ClassValue\n    fill: ClassValue\n  }>\n}>(), {\n  value: 0,\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n})\n\nconst percentage = computed(() => {\n  const raw = ((props.value - props.minValue) / (props.maxValue - props.minValue)) * 100\n  return Math.min(100, Math.max(0, raw))\n})\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return `${Math.round(percentage.value)}%`\n})\n\nconst slotFns = computed(() =>\n  meterVariants({\n    size: props.size,\n    color: props.color,\n  })\n)\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\">\n    <span\n      v-if=\"label\"\n      data-slot=\"label\"\n      :class=\"composeClassName(slotFns.label(), props.classNames?.label)\"\n    >{{ label }}</span>\n    <output\n      v-if=\"showValueLabel\"\n      :class=\"composeClassName(slotFns.output(), props.classNames?.output)\"\n    >{{ formattedValue }}</output>\n    <div\n      role=\"meter\"\n      :aria-valuenow=\"value\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      :aria-valuetext=\"formattedValue\"\n      :aria-label=\"label || 'Meter'\"\n      :class=\"composeClassName(slotFns.track(), props.classNames?.track)\"\n    >\n      <div\n        :class=\"composeClassName(slotFns.fill(), props.classNames?.fill)\"\n        :style=\"{ width: percentage + '%' }\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EA0Bd,MAAM,aAAa,eAAe;GAChC,MAAM,OAAQ,MAAM,QAAQ,MAAM,aAAa,MAAM,WAAW,MAAM,YAAa;AACnF,UAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,IAAI,CAAA;IACtC;EAED,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,WAAY,QAAO,MAAM;AACnC,OAAI,MAAM,cACR,QAAO,IAAI,KAAK,aAAa,KAAA,GAAW,MAAM,cAAc,CAAC,OAAO,MAAM,MAAK;AAEjF,UAAO,GAAG,KAAK,MAAM,WAAW,MAAM,CAAC;IACxC;EAED,MAAM,UAAU,eACd,cAAc;GACZ,MAAM,MAAM;GACZ,OAAO,MAAM;GACd,CAAA,CACH;;uBAIE,mBAwBM,OAAA,EAxBA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA,EAAA,EAAA;IAEvE,QAAA,SAAA,WAAA,EADR,mBAImB,QAAA;;KAFjB,aAAU;KACT,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;uBAC/D,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAED,QAAA,kBAAA,WAAA,EADR,mBAG8B,UAAA;;KAD3B,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,MAAM,YAAY,OAAM,CAAA;uBACjE,eAAA,MAAc,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAClB,mBAaM,OAAA;KAZJ,MAAK;KACJ,iBAAe,QAAA;KACf,iBAAe,QAAA;KACf,iBAAe,QAAA;KACf,kBAAgB,eAAA;KAChB,cAAY,QAAA,SAAK;KACjB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,YAAY,MAAK,CAAA;QAEjE,mBAGE,OAAA;KAFC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA;KAC9D,OAAK,eAAA,EAAA,OAAW,WAAA,QAAU,KAAA,CAAA"}

package/dist/components/month-picker/MonthPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthPicker.js","names":[],"sources":["../../../src/components/month-picker/MonthPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  MonthPickerRoot,\n  MonthPickerHeader,\n  MonthPickerHeading,\n  MonthPickerPrev,\n  MonthPickerNext,\n  MonthPickerGrid,\n  MonthPickerGridBody,\n  MonthPickerGridRow,\n  MonthPickerCell,\n  MonthPickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isMonthDisabled?: (date: DateValue) => boolean\n  isMonthUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  preventDeselect?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page (next year). */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page (previous year). */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Allow multiple selections. */\n  multiple?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    monthGrid: ClassValue\n    monthGridBody: ClassValue\n    monthGridRow: ClassValue\n    monthCell: ClassValue\n  }>\n}>(), {\n  preventDeselect: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst modelValue = defineModel<DateValue | undefined>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst slotFns = computed(() => calendarVariants())\n</script>\n\n<template>\n  <MonthPickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :locale=\"locale\"\n    :prevent-deselect=\"preventDeselect\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :multiple=\"multiple\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <template #default=\"{ grid }\">\n      <MonthPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthPickerPrev>\n\n        <MonthPickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </MonthPickerHeading>\n\n        <MonthPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthPickerNext>\n      </MonthPickerHeader>\n\n      <MonthPickerGrid :class=\"composeClassName(slotFns.monthGrid(), props.classNames?.monthGrid)\">\n        <MonthPickerGridBody :class=\"composeClassName(slotFns.monthGridBody(), props.classNames?.monthGridBody)\">\n          <MonthPickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.monthGridRow(), props.classNames?.monthGridRow)\"\n          >\n            <MonthPickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthPickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.monthCell(), props.classNames?.monthCell)\"\n              />\n            </MonthPickerCell>\n          </MonthPickerGridRow>\n        </MonthPickerGridBody>\n      </MonthPickerGrid>\n    </template>\n  </MonthPickerRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"MonthPicker.js","names":[],"sources":["../../../src/components/month-picker/MonthPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  MonthPickerRoot,\n  MonthPickerHeader,\n  MonthPickerHeading,\n  MonthPickerPrev,\n  MonthPickerNext,\n  MonthPickerGrid,\n  MonthPickerGridBody,\n  MonthPickerGridRow,\n  MonthPickerCell,\n  MonthPickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isMonthDisabled?: (date: DateValue) => boolean\n  isMonthUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  preventDeselect?: boolean\n  isReadOnly?: boolean\n  /** @deprecated Use isReadOnly instead. */\n  readonly?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page (next year). */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page (previous year). */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Allow multiple selections. */\n  multiple?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    monthGrid: ClassValue\n    monthGridBody: ClassValue\n    monthGridRow: ClassValue\n    monthCell: ClassValue\n  }>\n}>(), {\n  preventDeselect: false,\n  isReadOnly: undefined,\n  readonly: undefined,\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst modelValue = defineModel<DateValue | undefined>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'MonthPicker', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MonthPicker', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => calendarVariants())\n</script>\n\n<template>\n  <MonthPickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :locale=\"locale\"\n    :prevent-deselect=\"preventDeselect\"\n    :readonly=\"isReadOnly\"\n    :disabled=\"isDisabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :multiple=\"multiple\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <template #default=\"{ grid }\">\n      <MonthPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthPickerPrev>\n\n        <MonthPickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </MonthPickerHeading>\n\n        <MonthPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthPickerNext>\n      </MonthPickerHeader>\n\n      <MonthPickerGrid :class=\"composeClassName(slotFns.monthGrid(), props.classNames?.monthGrid)\">\n        <MonthPickerGridBody :class=\"composeClassName(slotFns.monthGridBody(), props.classNames?.monthGridBody)\">\n          <MonthPickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.monthGridRow(), props.classNames?.monthGridRow)\"\n          >\n            <MonthPickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthPickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.monthCell(), props.classNames?.monthCell)\"\n              />\n            </MonthPickerCell>\n          </MonthPickerGridRow>\n        </MonthPickerGridBody>\n      </MonthPickerGrid>\n    </template>\n  </MonthPickerRoot>\n</template>\n"],"mappings":""}

package/dist/components/month-picker/MonthPicker.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
 import { calendarVariants } from "@auronui/styles";
 import { MonthPickerCell, MonthPickerCellTrigger, MonthPickerGrid, MonthPickerGridBody, MonthPickerGridRow, MonthPickerHeader, MonthPickerHeading, MonthPickerNext, MonthPickerPrev, MonthPickerRoot } from "reka-ui";
@@ -17,13 +18,21 @@ var MonthPicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			type: Boolean,
 			default: false
 		},
+		isReadOnly: {
+			type: Boolean,
+			default: void 0
+		},
 		readonly: {
 			type: Boolean,
-			default: false
+			default: void 0
+		},
+		isDisabled: {
+			type: Boolean,
+			default: void 0
 		},
 		disabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		calendarLabel: {},
 		initialFocus: { type: Boolean },
@@ -52,6 +61,8 @@ var MonthPicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		const props = __props;
 		const modelValue = useModel(__props, "modelValue");
 		const placeholderModel = useModel(__props, "placeholder");
+		const isReadOnly = useDeprecatedBooleanProp("MonthPicker", "isReadOnly", () => props.isReadOnly, "readonly", () => props.readonly);
+		const isDisabled = useDeprecatedBooleanProp("MonthPicker", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		const slotFns = computed(() => calendarVariants());
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(MonthPickerRoot), {
@@ -67,8 +78,8 @@ var MonthPicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				"is-month-unavailable": __props.isMonthUnavailable,
 				locale: __props.locale,
 				"prevent-deselect": __props.preventDeselect,
-				readonly: __props.readonly,
-				disabled: __props.disabled,
+				readonly: unref(isReadOnly),
+				disabled: unref(isDisabled),
 				"calendar-label": __props.calendarLabel,
 				"initial-focus": __props.initialFocus,
 				dir: __props.dir,

package/dist/components/month-picker/MonthPicker.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthPicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/month-picker/MonthPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  MonthPickerRoot,\n  MonthPickerHeader,\n  MonthPickerHeading,\n  MonthPickerPrev,\n  MonthPickerNext,\n  MonthPickerGrid,\n  MonthPickerGridBody,\n  MonthPickerGridRow,\n  MonthPickerCell,\n  MonthPickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isMonthDisabled?: (date: DateValue) => boolean\n  isMonthUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  preventDeselect?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page (next year). */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page (previous year). */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Allow multiple selections. */\n  multiple?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    monthGrid: ClassValue\n    monthGridBody: ClassValue\n    monthGridRow: ClassValue\n    monthCell: ClassValue\n  }>\n}>(), {\n  preventDeselect: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst modelValue = defineModel<DateValue | undefined>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst slotFns = computed(() => calendarVariants())\n</script>\n\n<template>\n  <MonthPickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :locale=\"locale\"\n    :prevent-deselect=\"preventDeselect\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :multiple=\"multiple\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <template #default=\"{ grid }\">\n      <MonthPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthPickerPrev>\n\n        <MonthPickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </MonthPickerHeading>\n\n        <MonthPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthPickerNext>\n      </MonthPickerHeader>\n\n      <MonthPickerGrid :class=\"composeClassName(slotFns.monthGrid(), props.classNames?.monthGrid)\">\n        <MonthPickerGridBody :class=\"composeClassName(slotFns.monthGridBody(), props.classNames?.monthGridBody)\">\n          <MonthPickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.monthGridRow(), props.classNames?.monthGridRow)\"\n          >\n            <MonthPickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthPickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.monthCell(), props.classNames?.monthCell)\"\n              />\n            </MonthPickerCell>\n          </MonthPickerGridRow>\n        </MonthPickerGridBody>\n      </MonthPickerGrid>\n    </template>\n  </MonthPickerRoot>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"MonthPicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/month-picker/MonthPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  MonthPickerRoot,\n  MonthPickerHeader,\n  MonthPickerHeading,\n  MonthPickerPrev,\n  MonthPickerNext,\n  MonthPickerGrid,\n  MonthPickerGridBody,\n  MonthPickerGridRow,\n  MonthPickerCell,\n  MonthPickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isMonthDisabled?: (date: DateValue) => boolean\n  isMonthUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  preventDeselect?: boolean\n  isReadOnly?: boolean\n  /** @deprecated Use isReadOnly instead. */\n  readonly?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page (next year). */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page (previous year). */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Allow multiple selections. */\n  multiple?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    monthGrid: ClassValue\n    monthGridBody: ClassValue\n    monthGridRow: ClassValue\n    monthCell: ClassValue\n  }>\n}>(), {\n  preventDeselect: false,\n  isReadOnly: undefined,\n  readonly: undefined,\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst modelValue = defineModel<DateValue | undefined>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'MonthPicker', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MonthPicker', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => calendarVariants())\n</script>\n\n<template>\n  <MonthPickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :locale=\"locale\"\n    :prevent-deselect=\"preventDeselect\"\n    :readonly=\"isReadOnly\"\n    :disabled=\"isDisabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :multiple=\"multiple\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <template #default=\"{ grid }\">\n      <MonthPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthPickerPrev>\n\n        <MonthPickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </MonthPickerHeading>\n\n        <MonthPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthPickerNext>\n      </MonthPickerHeader>\n\n      <MonthPickerGrid :class=\"composeClassName(slotFns.monthGrid(), props.classNames?.monthGrid)\">\n        <MonthPickerGridBody :class=\"composeClassName(slotFns.monthGridBody(), props.classNames?.monthGridBody)\">\n          <MonthPickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.monthGridRow(), props.classNames?.monthGridRow)\"\n          >\n            <MonthPickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthPickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.monthCell(), props.classNames?.monthCell)\"\n              />\n            </MonthPickerCell>\n          </MonthPickerGridRow>\n        </MonthPickerGridBody>\n      </MonthPickerGrid>\n    </template>\n  </MonthPickerRoot>\n</template>\n"],"mappings":"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"}

package/dist/components/month-range-picker/MonthRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthRangePicker.js","names":[],"sources":["../../../src/components/month-range-picker/MonthRangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  MonthRangePickerRoot,\n  MonthRangePickerHeader,\n  MonthRangePickerHeading,\n  MonthRangePickerPrev,\n  MonthRangePickerNext,\n  MonthRangePickerGrid,\n  MonthRangePickerGridBody,\n  MonthRangePickerGridRow,\n  MonthRangePickerCell,\n  MonthRangePickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { monthRangePickerVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateRange | null\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isMonthDisabled?: (date: DateValue) => boolean\n  isMonthUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  preventDeselect?: boolean\n  allowNonContiguousRanges?: boolean\n  maximumMonths?: number\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page (next year). */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page (previous year). */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Fix one end of the range. */\n  fixedDate?: 'start' | 'end'\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    grid: ClassValue\n    gridBody: ClassValue\n    gridRow: ClassValue\n    cell: ClassValue\n  }>\n}>(), {\n  preventDeselect: false,\n  allowNonContiguousRanges: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:start-value': [value: DateValue | undefined]\n}>()\n\nconst modelValue = defineModel<DateRange | null>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst slotFns = computed(() => monthRangePickerVariants())\n</script>\n\n<template>\n  <MonthRangePickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue ?? undefined\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :locale=\"locale\"\n    :prevent-deselect=\"preventDeselect\"\n    :allow-non-contiguous-ranges=\"allowNonContiguousRanges\"\n    :maximum-months=\"maximumMonths\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :fixed-date=\"fixedDate\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:start-value=\"emit('update:start-value', $event)\"\n  >\n    <template #default=\"{ grid }\">\n      <MonthRangePickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthRangePickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthRangePickerPrev>\n\n        <MonthRangePickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </MonthRangePickerHeading>\n\n        <MonthRangePickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthRangePickerNext>\n      </MonthRangePickerHeader>\n\n      <MonthRangePickerGrid :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\">\n        <MonthRangePickerGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n          <MonthRangePickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n          >\n            <MonthRangePickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthRangePickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              />\n            </MonthRangePickerCell>\n          </MonthRangePickerGridRow>\n        </MonthRangePickerGridBody>\n      </MonthRangePickerGrid>\n    </template>\n  </MonthRangePickerRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"MonthRangePicker.js","names":[],"sources":["../../../src/components/month-range-picker/MonthRangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  MonthRangePickerRoot,\n  MonthRangePickerHeader,\n  MonthRangePickerHeading,\n  MonthRangePickerPrev,\n  MonthRangePickerNext,\n  MonthRangePickerGrid,\n  MonthRangePickerGridBody,\n  MonthRangePickerGridRow,\n  MonthRangePickerCell,\n  MonthRangePickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { monthRangePickerVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateRange | null\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isMonthDisabled?: (date: DateValue) => boolean\n  isMonthUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  preventDeselect?: boolean\n  allowNonContiguousRanges?: boolean\n  maximumMonths?: number\n  isReadOnly?: boolean\n  /** @deprecated Use isReadOnly instead. */\n  readonly?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page (next year). */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page (previous year). */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Fix one end of the range. */\n  fixedDate?: 'start' | 'end'\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    grid: ClassValue\n    gridBody: ClassValue\n    gridRow: ClassValue\n    cell: ClassValue\n  }>\n}>(), {\n  preventDeselect: false,\n  allowNonContiguousRanges: false,\n  isReadOnly: undefined,\n  readonly: undefined,\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:start-value': [value: DateValue | undefined]\n}>()\n\nconst modelValue = defineModel<DateRange | null>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'MonthRangePicker', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MonthRangePicker', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => monthRangePickerVariants())\n</script>\n\n<template>\n  <MonthRangePickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue ?? undefined\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :locale=\"locale\"\n    :prevent-deselect=\"preventDeselect\"\n    :allow-non-contiguous-ranges=\"allowNonContiguousRanges\"\n    :maximum-months=\"maximumMonths\"\n    :readonly=\"isReadOnly\"\n    :disabled=\"isDisabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :fixed-date=\"fixedDate\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:start-value=\"emit('update:start-value', $event)\"\n  >\n    <template #default=\"{ grid }\">\n      <MonthRangePickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthRangePickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthRangePickerPrev>\n\n        <MonthRangePickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </MonthRangePickerHeading>\n\n        <MonthRangePickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthRangePickerNext>\n      </MonthRangePickerHeader>\n\n      <MonthRangePickerGrid :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\">\n        <MonthRangePickerGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n          <MonthRangePickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n          >\n            <MonthRangePickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthRangePickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              />\n            </MonthRangePickerCell>\n          </MonthRangePickerGridRow>\n        </MonthRangePickerGridBody>\n      </MonthRangePickerGrid>\n    </template>\n  </MonthRangePickerRoot>\n</template>\n"],"mappings":""}

package/dist/components/month-range-picker/MonthRangePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
 import { monthRangePickerVariants } from "@auronui/styles";
 import { MonthRangePickerCell, MonthRangePickerCellTrigger, MonthRangePickerGrid, MonthRangePickerGridBody, MonthRangePickerGridRow, MonthRangePickerHeader, MonthRangePickerHeading, MonthRangePickerNext, MonthRangePickerPrev, MonthRangePickerRoot } from "reka-ui";
@@ -22,13 +23,21 @@ var MonthRangePicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			default: false
 		},
 		maximumMonths: {},
+		isReadOnly: {
+			type: Boolean,
+			default: void 0
+		},
 		readonly: {
 			type: Boolean,
-			default: false
+			default: void 0
+		},
+		isDisabled: {
+			type: Boolean,
+			default: void 0
 		},
 		disabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		calendarLabel: {},
 		initialFocus: { type: Boolean },
@@ -58,6 +67,8 @@ var MonthRangePicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const emit = __emit;
 		const modelValue = useModel(__props, "modelValue");
 		const placeholderModel = useModel(__props, "placeholder");
+		const isReadOnly = useDeprecatedBooleanProp("MonthRangePicker", "isReadOnly", () => props.isReadOnly, "readonly", () => props.readonly);
+		const isDisabled = useDeprecatedBooleanProp("MonthRangePicker", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		const slotFns = computed(() => monthRangePickerVariants());
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(MonthRangePickerRoot), {
@@ -75,8 +86,8 @@ var MonthRangePicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				"prevent-deselect": __props.preventDeselect,
 				"allow-non-contiguous-ranges": __props.allowNonContiguousRanges,
 				"maximum-months": __props.maximumMonths,
-				readonly: __props.readonly,
-				disabled: __props.disabled,
+				readonly: unref(isReadOnly),
+				disabled: unref(isDisabled),
 				"calendar-label": __props.calendarLabel,
 				"initial-focus": __props.initialFocus,
 				dir: __props.dir,

package/dist/components/month-range-picker/MonthRangePicker.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthRangePicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/month-range-picker/MonthRangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  MonthRangePickerRoot,\n  MonthRangePickerHeader,\n  MonthRangePickerHeading,\n  MonthRangePickerPrev,\n  MonthRangePickerNext,\n  MonthRangePickerGrid,\n  MonthRangePickerGridBody,\n  MonthRangePickerGridRow,\n  MonthRangePickerCell,\n  MonthRangePickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { monthRangePickerVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateRange | null\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isMonthDisabled?: (date: DateValue) => boolean\n  isMonthUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  preventDeselect?: boolean\n  allowNonContiguousRanges?: boolean\n  maximumMonths?: number\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page (next year). */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page (previous year). */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Fix one end of the range. */\n  fixedDate?: 'start' | 'end'\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    grid: ClassValue\n    gridBody: ClassValue\n    gridRow: ClassValue\n    cell: ClassValue\n  }>\n}>(), {\n  preventDeselect: false,\n  allowNonContiguousRanges: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:start-value': [value: DateValue | undefined]\n}>()\n\nconst modelValue = defineModel<DateRange | null>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst slotFns = computed(() => monthRangePickerVariants())\n</script>\n\n<template>\n  <MonthRangePickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue ?? undefined\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :locale=\"locale\"\n    :prevent-deselect=\"preventDeselect\"\n    :allow-non-contiguous-ranges=\"allowNonContiguousRanges\"\n    :maximum-months=\"maximumMonths\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :fixed-date=\"fixedDate\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:start-value=\"emit('update:start-value', $event)\"\n  >\n    <template #default=\"{ grid }\">\n      <MonthRangePickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthRangePickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthRangePickerPrev>\n\n        <MonthRangePickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </MonthRangePickerHeading>\n\n        <MonthRangePickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthRangePickerNext>\n      </MonthRangePickerHeader>\n\n      <MonthRangePickerGrid :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\">\n        <MonthRangePickerGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n          <MonthRangePickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n          >\n            <MonthRangePickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthRangePickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              />\n            </MonthRangePickerCell>\n          </MonthRangePickerGridRow>\n        </MonthRangePickerGridBody>\n      </MonthRangePickerGrid>\n    </template>\n  </MonthRangePickerRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;EAgDd,MAAM,OAAO;EAIb,MAAM,aAAa,SAA6B,SAAA,aAAC;EACjD,MAAM,mBAAmB,SAAkC,SAAC,cAAa;EAEzE,MAAM,UAAU,eAAe,0BAA0B,CAAA;;uBAIvD,YAyGuB,MAAA,qBAAA,EAAA;gBAxGZ,WAAA;4EAAU,QAAA;IACX,aAAa,iBAAA;mFAAgB,QAAA;IACpC,iBAAe,QAAA,gBAAgB,KAAA;IAC/B,uBAAqB,QAAA;IACrB,aAAW,QAAA;IACX,aAAW,QAAA;IACX,qBAAmB,QAAA;IACnB,wBAAsB,QAAA;IACtB,QAAQ,QAAA;IACR,oBAAkB,QAAA;IAClB,+BAA6B,QAAA;IAC7B,kBAAgB,QAAA;IAChB,UAAU,QAAA;IACV,UAAU,QAAA;IACV,kBAAgB,QAAA;IAChB,iBAAe,QAAA;IACf,KAAK,QAAA;IACL,aAAW,QAAA;IACX,aAAW,QAAA;IACX,cAAY,QAAA;IACZ,IAAI,QAAA;IACJ,YAAU,QAAA;IACV,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,sBAAuB,OAAM;;IAE3C,SAAO,SAuDS,EAvDL,WAAI,CACxB,YAsDyB,MAAA,uBAAA,EAAA,EAtDA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,QAAM,EAAI,MAAM,YAAY,OAAM,CAAA,EAAA,EAAA;4BAoBlE;MAnBvB,YAmBuB,MAAA,qBAAA,EAAA;OAlBpB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA;OACzE,cAAW;;8BAgBL,EAAA,WAAA,EAdN,mBAcM,OAAA;QAbH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,eAAa,EAAI,MAAM,YAAY,cAAa,CAAA;QACjF,OAAM;QACN,OAAM;QACN,QAAO;QACP,SAAQ;QACR,MAAK;QACL,QAAO;QACP,gBAAa;QACb,kBAAe;QACf,mBAAgB;QAChB,eAAY;yCAEZ,mBAAqC,YAAA,EAA3B,QAAO,mBAAiB,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA;;;MAItC,YAU0B,MAAA,wBAAA,EAAA,EARvB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA;yBAO9D,EARG,mBAAY,CAGtB,WAKO,KAAA,QAAA,WAAA,EAHW,cAAY,QAGvB,CAAA,gBAAA,gBADF,aAAY,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;MAInB,YAmBuB,MAAA,qBAAA,EAAA;OAlBpB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA;OACzE,cAAW;;8BAgBL,EAAA,WAAA,EAdN,mBAcM,OAAA;QAbH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,eAAa,EAAI,MAAM,YAAY,cAAa,CAAA;QACjF,OAAM;QACN,OAAM;QACN,QAAO;QACP,SAAQ;QACR,MAAK;QACL,QAAO;QACP,gBAAa;QACb,kBAAe;QACf,mBAAgB;QAChB,eAAY;yCAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA;;;;;sBAKvC,YAoBuB,MAAA,qBAAA,EAAA,EApBA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA,EAAA,EAAA;4BAmBxD,CAlB3B,YAkB2B,MAAA,yBAAA,EAAA,EAlBA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,UAAQ,EAAI,MAAM,YAAY,SAAQ,CAAA,EAAA,EAAA;6BAEzD,EAAA,UAAA,KAAA,EADtC,mBAgB0B,UAAA,MAAA,WAfE,KAAK,OAAvB,KAAK,aAAQ;2BADvB,YAgB0B,MAAA,wBAAA,EAAA;QAdvB,KAAK;QACL,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,SAAO,EAAI,MAAM,YAAY,QAAO,CAAA;;+BAG1C,EAAA,UAAA,KAAA,EAD3B,mBAUuB,UAAA,MAAA,WATA,MAAd,eAAU;6BADnB,YAUuB,MAAA,qBAAA,EAAA;UARpB,KAAK,WAAW,UAAQ;UACxB,MAAM;;iCAML,CAJF,YAIE,MAAA,4BAAA,EAAA;WAHC,OAAO;WACR,IAAG;WACF,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,YAAY,KAAI,CAAA"}
+{"version":3,"file":"MonthRangePicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/month-range-picker/MonthRangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  MonthRangePickerRoot,\n  MonthRangePickerHeader,\n  MonthRangePickerHeading,\n  MonthRangePickerPrev,\n  MonthRangePickerNext,\n  MonthRangePickerGrid,\n  MonthRangePickerGridBody,\n  MonthRangePickerGridRow,\n  MonthRangePickerCell,\n  MonthRangePickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { monthRangePickerVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateRange | null\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isMonthDisabled?: (date: DateValue) => boolean\n  isMonthUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  preventDeselect?: boolean\n  allowNonContiguousRanges?: boolean\n  maximumMonths?: number\n  isReadOnly?: boolean\n  /** @deprecated Use isReadOnly instead. */\n  readonly?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page (next year). */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page (previous year). */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Fix one end of the range. */\n  fixedDate?: 'start' | 'end'\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    grid: ClassValue\n    gridBody: ClassValue\n    gridRow: ClassValue\n    cell: ClassValue\n  }>\n}>(), {\n  preventDeselect: false,\n  allowNonContiguousRanges: false,\n  isReadOnly: undefined,\n  readonly: undefined,\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:start-value': [value: DateValue | undefined]\n}>()\n\nconst modelValue = defineModel<DateRange | null>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'MonthRangePicker', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'MonthRangePicker', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => monthRangePickerVariants())\n</script>\n\n<template>\n  <MonthRangePickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue ?? undefined\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :locale=\"locale\"\n    :prevent-deselect=\"preventDeselect\"\n    :allow-non-contiguous-ranges=\"allowNonContiguousRanges\"\n    :maximum-months=\"maximumMonths\"\n    :readonly=\"isReadOnly\"\n    :disabled=\"isDisabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :fixed-date=\"fixedDate\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:start-value=\"emit('update:start-value', $event)\"\n  >\n    <template #default=\"{ grid }\">\n      <MonthRangePickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <MonthRangePickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </MonthRangePickerPrev>\n\n        <MonthRangePickerHeading\n          v-slot=\"{ headingValue }\"\n          :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n        >\n          <slot\n            name=\"heading\"\n            :heading-value=\"headingValue\"\n          >\n            {{ headingValue }}\n          </slot>\n        </MonthRangePickerHeading>\n\n        <MonthRangePickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next year\"\n        >\n          <svg\n            :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </MonthRangePickerNext>\n      </MonthRangePickerHeader>\n\n      <MonthRangePickerGrid :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\">\n        <MonthRangePickerGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n          <MonthRangePickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n          >\n            <MonthRangePickerCell\n              v-for=\"monthValue in row\"\n              :key=\"monthValue.toString()\"\n              :date=\"monthValue\"\n            >\n              <MonthRangePickerCellTrigger\n                :month=\"monthValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              />\n            </MonthRangePickerCell>\n          </MonthRangePickerGridRow>\n        </MonthRangePickerGridBody>\n      </MonthRangePickerGrid>\n    </template>\n  </MonthRangePickerRoot>\n</template>\n"],"mappings":"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"}

package/dist/components/navigation-menu/NavigationMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuTrigger.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuTrigger } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  disabled?: boolean\n  /** Render as a different element or component. @default 'button' (Reka's own default) */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. @default false */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuTrigger\n    :disabled=\"props.disabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.trigger(), props.class)\"\n  >\n    <slot />\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"navigation-menu-trigger--chevron\"\n      :class=\"slotFns.chevron()\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  </NavigationMenuTrigger>\n</template>\n"],"mappings":""}
+{"version":3,"file":"NavigationMenuTrigger.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuTrigger } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. @default 'button' (Reka's own default) */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. @default false */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'NavigationMenuTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuTrigger\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.trigger(), props.class)\"\n  >\n    <slot />\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"navigation-menu-trigger--chevron\"\n      :class=\"slotFns.chevron()\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  </NavigationMenuTrigger>\n</template>\n"],"mappings":""}

package/dist/components/navigation-menu/NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 import { navigationMenuVariants } from "@auronui/styles";
 import { NavigationMenuTrigger } from "reka-ui";
@@ -6,6 +7,10 @@ import { NavigationMenuTrigger } from "reka-ui";
 var NavigationMenuTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "NavigationMenuTrigger",
 	props: {
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
 			default: void 0
@@ -28,10 +33,11 @@ var NavigationMenuTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PU
 	},
 	setup(__props) {
 		const props = __props;
+		const isDisabled = useDeprecatedBooleanProp("NavigationMenuTrigger", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		const slotFns = navigationMenuVariants();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(NavigationMenuTrigger), {
-				disabled: props.disabled,
+				disabled: unref(isDisabled),
 				as: props.as,
 				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(unref(slotFns).trigger(), props.class))

package/dist/components/navigation-menu/NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuTrigger } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  disabled?: boolean\n  /** Render as a different element or component. @default 'button' (Reka's own default) */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. @default false */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuTrigger\n    :disabled=\"props.disabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.trigger(), props.class)\"\n  >\n    <slot />\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"navigation-menu-trigger--chevron\"\n      :class=\"slotFns.chevron()\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  </NavigationMenuTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAcd,MAAM,UAAU,wBAAuB;;uBAIrC,YAuBwB,MAAA,sBAAA,EAAA;IAtBrB,UAAU,MAAM;IAChB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAE/C,CAAR,WAAQ,KAAA,QAAA,UAAA,GAAA,WAAA,EACR,mBAeM,OAAA;KAdJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;KACZ,aAAU;KACT,OAAK,eAAE,MAAA,QAAO,CAAC,SAAO,CAAA;sCAEvB,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA"}
+{"version":3,"file":"NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/navigation-menu/NavigationMenuTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationMenuVariants } from '@auronui/styles'\nimport { NavigationMenuTrigger } from 'reka-ui'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. @default 'button' (Reka's own default) */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. @default false */\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: undefined,\n  class: undefined,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'NavigationMenuTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = navigationMenuVariants()\n</script>\n\n<template>\n  <NavigationMenuTrigger\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.trigger(), props.class)\"\n  >\n    <slot />\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"navigation-menu-trigger--chevron\"\n      :class=\"slotFns.chevron()\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  </NavigationMenuTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAiBd,MAAM,aAAa,yBACjB,yBAAyB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACzF;EAEA,MAAM,UAAU,wBAAuB;;uBAIrC,YAuBwB,MAAA,sBAAA,EAAA;IAtBrB,UAAU,MAAA,WAAU;IACpB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAE/C,CAAR,WAAQ,KAAA,QAAA,UAAA,GAAA,WAAA,EACR,mBAeM,OAAA;KAdJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;KACZ,aAAU;KACT,OAAK,eAAE,MAAA,QAAO,CAAC,SAAO,CAAA;sCAEvB,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA"}