@auronui/vue 1.3.0 → 1.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonGroup.js","names":[],"sources":["../../../src/components/button/ToggleButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { toggleButtonGroupVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useToggleButtonGroupProvide } from './toggle-button-group.context'\nimport ToggleButton from './ToggleButton.vue'\n\ntype ToggleButtonShorthandItem = { value: string; label?: string; isIconOnly?: boolean; disabled?: boolean; class?: string }\n\nconst props = withDefaults(defineProps<{\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  disabled?: boolean\n  fullWidth?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  selectionMode?: 'single' | 'multiple'\n  modelValue?: string | string[]\n  defaultValue?: string | string[]\n  class?: ClassValue\n  /** Additional class names to apply to component slots */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  /** Shorthand API: render toggle buttons from an array instead of the compound slot API */\n  buttons?: ToggleButtonShorthandItem[]\n}>(), {\n  variant: 'default',\n  size: 'md',\n  disabled: false,\n  fullWidth: false,\n  orientation: 'horizontal',\n  isDetached: false,\n  selectionMode: 'multiple',\n  modelValue: undefined,\n  defaultValue: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[]]\n}>()\n\n// Normalize modelValue / defaultValue to string[] for internal use\nconst internalSelected = ref<string[]>(\n  props.modelValue !== undefined\n    ? (Array.isArray(props.modelValue) ? [...props.modelValue] : [props.modelValue])\n    : props.defaultValue !== undefined\n      ? (Array.isArray(props.defaultValue) ? [...props.defaultValue] : [props.defaultValue])\n      : []\n)\n\n// Keep internalSelected in sync when modelValue changes from outside (controlled mode)\nimport { watch } from 'vue'\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val === undefined) return\n    internalSelected.value = Array.isArray(val) ? [...val] : [val]\n  },\n)\n\n// The selectedValues exposed to children (always string[])\nconst selectedValues = computed(() => internalSelected.value)\n\nfunction toggleValue(value: string) {\n  if (props.selectionMode === 'single') {\n    const next = internalSelected.value.includes(value) ? [] : [value]\n    internalSelected.value = next\n    emit('update:modelValue', next[0] ?? '')\n  } else {\n    // multiple\n    const idx = internalSelected.value.indexOf(value)\n    const next = idx === -1\n      ? [...internalSelected.value, value]\n      : internalSelected.value.filter((v) => v !== value)\n    internalSelected.value = next\n    emit('update:modelValue', next)\n  }\n}\n\n// Provide context to child ToggleButtons via toRef() for live reactivity\nuseToggleButtonGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  disabled: toRef(props, 'disabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n  orientation: toRef(props, 'orientation'),\n  selectionMode: toRef(props, 'selectionMode'),\n  selectedValues,\n  toggleValue,\n})\n\nconst slotFns = computed(() =>\n  toggleButtonGroupVariants({\n    fullWidth: props.fullWidth,\n    orientation: props.orientation,\n    isDetached: props.isDetached,\n  })\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-orientation=\"props.orientation\"\n    role=\"group\"\n  >\n    <template v-if=\"props.buttons\">\n      <ToggleButton\n        v-for=\"btn in props.buttons\"\n        :key=\"btn.value\"\n        :value=\"btn.value\"\n        :is-icon-only=\"btn.isIconOnly\"\n        :disabled=\"btn.disabled\"\n        :class=\"btn.class\"\n      >{{ btn.label }}</ToggleButton>\n    </template>\n    <slot v-else />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ToggleButtonGroup.js","names":[],"sources":["../../../src/components/button/ToggleButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { toggleButtonGroupVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useToggleButtonGroupProvide } from './toggle-button-group.context'\nimport ToggleButton from './ToggleButton.vue'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\ntype ToggleButtonShorthandItem = { value: string; label?: string; isIconOnly?: boolean; disabled?: boolean; class?: string }\n\nconst props = withDefaults(defineProps<{\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  fullWidth?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  selectionMode?: 'single' | 'multiple'\n  modelValue?: string | string[]\n  defaultValue?: string | string[]\n  class?: ClassValue\n  /** Additional class names to apply to component slots */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  /** Shorthand API: render toggle buttons from an array instead of the compound slot API */\n  buttons?: ToggleButtonShorthandItem[]\n}>(), {\n  variant: 'default',\n  size: 'md',\n  isDisabled: undefined,\n  disabled: undefined,\n  fullWidth: false,\n  orientation: 'horizontal',\n  isDetached: false,\n  selectionMode: 'multiple',\n  modelValue: undefined,\n  defaultValue: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[]]\n}>()\n\n// Normalize modelValue / defaultValue to string[] for internal use\nconst internalSelected = ref<string[]>(\n  props.modelValue !== undefined\n    ? (Array.isArray(props.modelValue) ? [...props.modelValue] : [props.modelValue])\n    : props.defaultValue !== undefined\n      ? (Array.isArray(props.defaultValue) ? [...props.defaultValue] : [props.defaultValue])\n      : []\n)\n\n// Keep internalSelected in sync when modelValue changes from outside (controlled mode)\nimport { watch } from 'vue'\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val === undefined) return\n    internalSelected.value = Array.isArray(val) ? [...val] : [val]\n  },\n)\n\n// The selectedValues exposed to children (always string[])\nconst selectedValues = computed(() => internalSelected.value)\n\nfunction toggleValue(value: string) {\n  if (props.selectionMode === 'single') {\n    const next = internalSelected.value.includes(value) ? [] : [value]\n    internalSelected.value = next\n    emit('update:modelValue', next[0] ?? '')\n  } else {\n    // multiple\n    const idx = internalSelected.value.indexOf(value)\n    const next = idx === -1\n      ? [...internalSelected.value, value]\n      : internalSelected.value.filter((v) => v !== value)\n    internalSelected.value = next\n    emit('update:modelValue', next)\n  }\n}\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'ToggleButtonGroup', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\n// Provide context to child ToggleButtons via toRef() for live reactivity\nuseToggleButtonGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  disabled: isDisabled,\n  fullWidth: toRef(props, 'fullWidth'),\n  orientation: toRef(props, 'orientation'),\n  selectionMode: toRef(props, 'selectionMode'),\n  selectedValues,\n  toggleValue,\n})\n\nconst slotFns = computed(() =>\n  toggleButtonGroupVariants({\n    fullWidth: props.fullWidth,\n    orientation: props.orientation,\n    isDetached: props.isDetached,\n  })\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-orientation=\"props.orientation\"\n    role=\"group\"\n  >\n    <template v-if=\"props.buttons\">\n      <ToggleButton\n        v-for=\"btn in props.buttons\"\n        :key=\"btn.value\"\n        :value=\"btn.value\"\n        :is-icon-only=\"btn.isIconOnly\"\n        :is-disabled=\"btn.disabled\"\n        :class=\"btn.class\"\n      >{{ btn.label }}</ToggleButton>\n    </template>\n    <slot v-else />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/button/ToggleButtonGroup.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 { useToggleButtonGroupProvide } from "./toggle-button-group.context.js";
 import ToggleButton_default from "./ToggleButton.js";
 import { Fragment, computed, createBlock, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, unref, watch, withCtx } from "vue";
@@ -10,9 +11,13 @@ var ToggleButtonGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	props: {
 		variant: { default: "default" },
 		size: { default: "md" },
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		fullWidth: {
 			type: Boolean,
@@ -57,10 +62,11 @@ var ToggleButtonGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				emit("update:modelValue", next);
 			}
 		}
+		const isDisabled = useDeprecatedBooleanProp("ToggleButtonGroup", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		useToggleButtonGroupProvide({
 			variant: toRef(props, "variant"),
 			size: toRef(props, "size"),
-			disabled: toRef(props, "disabled"),
+			disabled: isDisabled,
 			fullWidth: toRef(props, "fullWidth"),
 			orientation: toRef(props, "orientation"),
 			selectionMode: toRef(props, "selectionMode"),
@@ -82,7 +88,7 @@ var ToggleButtonGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					key: btn.value,
 					value: btn.value,
 					"is-icon-only": btn.isIconOnly,
-					disabled: btn.disabled,
+					"is-disabled": btn.disabled,
 					class: normalizeClass(btn.class)
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(btn.label), 1)]),
@@ -90,7 +96,7 @@ var ToggleButtonGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				}, 1032, [
 					"value",
 					"is-icon-only",
-					"disabled",
+					"is-disabled",
 					"class"
 				]);
 			}), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })], 10, _hoisted_1);

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/button/ToggleButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { toggleButtonGroupVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useToggleButtonGroupProvide } from './toggle-button-group.context'\nimport ToggleButton from './ToggleButton.vue'\n\ntype ToggleButtonShorthandItem = { value: string; label?: string; isIconOnly?: boolean; disabled?: boolean; class?: string }\n\nconst props = withDefaults(defineProps<{\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  disabled?: boolean\n  fullWidth?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  selectionMode?: 'single' | 'multiple'\n  modelValue?: string | string[]\n  defaultValue?: string | string[]\n  class?: ClassValue\n  /** Additional class names to apply to component slots */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  /** Shorthand API: render toggle buttons from an array instead of the compound slot API */\n  buttons?: ToggleButtonShorthandItem[]\n}>(), {\n  variant: 'default',\n  size: 'md',\n  disabled: false,\n  fullWidth: false,\n  orientation: 'horizontal',\n  isDetached: false,\n  selectionMode: 'multiple',\n  modelValue: undefined,\n  defaultValue: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[]]\n}>()\n\n// Normalize modelValue / defaultValue to string[] for internal use\nconst internalSelected = ref<string[]>(\n  props.modelValue !== undefined\n    ? (Array.isArray(props.modelValue) ? [...props.modelValue] : [props.modelValue])\n    : props.defaultValue !== undefined\n      ? (Array.isArray(props.defaultValue) ? [...props.defaultValue] : [props.defaultValue])\n      : []\n)\n\n// Keep internalSelected in sync when modelValue changes from outside (controlled mode)\nimport { watch } from 'vue'\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val === undefined) return\n    internalSelected.value = Array.isArray(val) ? [...val] : [val]\n  },\n)\n\n// The selectedValues exposed to children (always string[])\nconst selectedValues = computed(() => internalSelected.value)\n\nfunction toggleValue(value: string) {\n  if (props.selectionMode === 'single') {\n    const next = internalSelected.value.includes(value) ? [] : [value]\n    internalSelected.value = next\n    emit('update:modelValue', next[0] ?? '')\n  } else {\n    // multiple\n    const idx = internalSelected.value.indexOf(value)\n    const next = idx === -1\n      ? [...internalSelected.value, value]\n      : internalSelected.value.filter((v) => v !== value)\n    internalSelected.value = next\n    emit('update:modelValue', next)\n  }\n}\n\n// Provide context to child ToggleButtons via toRef() for live reactivity\nuseToggleButtonGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  disabled: toRef(props, 'disabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n  orientation: toRef(props, 'orientation'),\n  selectionMode: toRef(props, 'selectionMode'),\n  selectedValues,\n  toggleValue,\n})\n\nconst slotFns = computed(() =>\n  toggleButtonGroupVariants({\n    fullWidth: props.fullWidth,\n    orientation: props.orientation,\n    isDetached: props.isDetached,\n  })\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-orientation=\"props.orientation\"\n    role=\"group\"\n  >\n    <template v-if=\"props.buttons\">\n      <ToggleButton\n        v-for=\"btn in props.buttons\"\n        :key=\"btn.value\"\n        :value=\"btn.value\"\n        :is-icon-only=\"btn.isIconOnly\"\n        :disabled=\"btn.disabled\"\n        :class=\"btn.class\"\n      >{{ btn.label }}</ToggleButton>\n    </template>\n    <slot v-else />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;EA6Bd,MAAM,OAAO;EAKb,MAAM,mBAAmB,IACvB,MAAM,eAAe,KAAA,IAChB,MAAM,QAAQ,MAAM,WAAW,GAAG,CAAC,GAAG,MAAM,WAAW,GAAG,CAAC,MAAM,WAAW,GAC7E,MAAM,iBAAiB,KAAA,IACpB,MAAM,QAAQ,MAAM,aAAa,GAAG,CAAC,GAAG,MAAM,aAAa,GAAG,CAAC,MAAM,aAAa,GACnF,EAAC,CACT;AAIA,cACQ,MAAM,aACX,QAAQ;AACP,OAAI,QAAQ,KAAA,EAAW;AACvB,oBAAiB,QAAQ,MAAM,QAAQ,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,IAAG;IAEjE;EAGA,MAAM,iBAAiB,eAAe,iBAAiB,MAAK;EAE5D,SAAS,YAAY,OAAe;AAClC,OAAI,MAAM,kBAAkB,UAAU;IACpC,MAAM,OAAO,iBAAiB,MAAM,SAAS,MAAM,GAAG,EAAE,GAAG,CAAC,MAAK;AACjE,qBAAiB,QAAQ;AACzB,SAAK,qBAAqB,KAAK,MAAM,GAAE;UAClC;IAGL,MAAM,OADM,iBAAiB,MAAM,QAAQ,MAAK,KAC3B,KACjB,CAAC,GAAG,iBAAiB,OAAO,MAAK,GACjC,iBAAiB,MAAM,QAAQ,MAAM,MAAM,MAAK;AACpD,qBAAiB,QAAQ;AACzB,SAAK,qBAAqB,KAAI;;;AAKlC,8BAA4B;GAC1B,SAAS,MAAM,OAAO,UAAU;GAChC,MAAM,MAAM,OAAO,OAAO;GAC1B,UAAU,MAAM,OAAO,WAAW;GAClC,WAAW,MAAM,OAAO,YAAY;GACpC,aAAa,MAAM,OAAO,cAAc;GACxC,eAAe,MAAM,OAAO,gBAAgB;GAC5C;GACA;GACD,CAAA;EAED,MAAM,UAAU,eACd,0BAA0B;GACxB,WAAW,MAAM;GACjB,aAAa,MAAM;GACnB,YAAY,MAAM;GACnB,CAAA,CACH;;uBAIE,mBAgBM,OAAA;IAfH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,oBAAkB,MAAM;IACzB,MAAK;OAEW,MAAM,WAAA,UAAA,KAAA,EACpB,mBAO+B,UAAA,EAAA,KAAA,GAAA,EAAA,WANf,MAAM,UAAb,QAAG;wBADZ,YAO+B,sBAAA;KAL5B,KAAK,IAAI;KACT,OAAO,IAAI;KACX,gBAAc,IAAI;KAClB,UAAU,IAAI;KACd,OAAK,eAAE,IAAI,MAAK;;4BACH,CAAA,gBAAA,gBAAZ,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;;;eAEf,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,EAAA,IAAA,WAAA"}
+{"version":3,"file":"ToggleButtonGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/button/ToggleButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { toggleButtonGroupVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useToggleButtonGroupProvide } from './toggle-button-group.context'\nimport ToggleButton from './ToggleButton.vue'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\ntype ToggleButtonShorthandItem = { value: string; label?: string; isIconOnly?: boolean; disabled?: boolean; class?: string }\n\nconst props = withDefaults(defineProps<{\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  fullWidth?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  selectionMode?: 'single' | 'multiple'\n  modelValue?: string | string[]\n  defaultValue?: string | string[]\n  class?: ClassValue\n  /** Additional class names to apply to component slots */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  /** Shorthand API: render toggle buttons from an array instead of the compound slot API */\n  buttons?: ToggleButtonShorthandItem[]\n}>(), {\n  variant: 'default',\n  size: 'md',\n  isDisabled: undefined,\n  disabled: undefined,\n  fullWidth: false,\n  orientation: 'horizontal',\n  isDetached: false,\n  selectionMode: 'multiple',\n  modelValue: undefined,\n  defaultValue: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[]]\n}>()\n\n// Normalize modelValue / defaultValue to string[] for internal use\nconst internalSelected = ref<string[]>(\n  props.modelValue !== undefined\n    ? (Array.isArray(props.modelValue) ? [...props.modelValue] : [props.modelValue])\n    : props.defaultValue !== undefined\n      ? (Array.isArray(props.defaultValue) ? [...props.defaultValue] : [props.defaultValue])\n      : []\n)\n\n// Keep internalSelected in sync when modelValue changes from outside (controlled mode)\nimport { watch } from 'vue'\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val === undefined) return\n    internalSelected.value = Array.isArray(val) ? [...val] : [val]\n  },\n)\n\n// The selectedValues exposed to children (always string[])\nconst selectedValues = computed(() => internalSelected.value)\n\nfunction toggleValue(value: string) {\n  if (props.selectionMode === 'single') {\n    const next = internalSelected.value.includes(value) ? [] : [value]\n    internalSelected.value = next\n    emit('update:modelValue', next[0] ?? '')\n  } else {\n    // multiple\n    const idx = internalSelected.value.indexOf(value)\n    const next = idx === -1\n      ? [...internalSelected.value, value]\n      : internalSelected.value.filter((v) => v !== value)\n    internalSelected.value = next\n    emit('update:modelValue', next)\n  }\n}\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'ToggleButtonGroup', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\n// Provide context to child ToggleButtons via toRef() for live reactivity\nuseToggleButtonGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  disabled: isDisabled,\n  fullWidth: toRef(props, 'fullWidth'),\n  orientation: toRef(props, 'orientation'),\n  selectionMode: toRef(props, 'selectionMode'),\n  selectedValues,\n  toggleValue,\n})\n\nconst slotFns = computed(() =>\n  toggleButtonGroupVariants({\n    fullWidth: props.fullWidth,\n    orientation: props.orientation,\n    isDetached: props.isDetached,\n  })\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    :data-orientation=\"props.orientation\"\n    role=\"group\"\n  >\n    <template v-if=\"props.buttons\">\n      <ToggleButton\n        v-for=\"btn in props.buttons\"\n        :key=\"btn.value\"\n        :value=\"btn.value\"\n        :is-icon-only=\"btn.isIconOnly\"\n        :is-disabled=\"btn.disabled\"\n        :class=\"btn.class\"\n      >{{ btn.label }}</ToggleButton>\n    </template>\n    <slot v-else />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAgCd,MAAM,OAAO;EAKb,MAAM,mBAAmB,IACvB,MAAM,eAAe,KAAA,IAChB,MAAM,QAAQ,MAAM,WAAW,GAAG,CAAC,GAAG,MAAM,WAAW,GAAG,CAAC,MAAM,WAAW,GAC7E,MAAM,iBAAiB,KAAA,IACpB,MAAM,QAAQ,MAAM,aAAa,GAAG,CAAC,GAAG,MAAM,aAAa,GAAG,CAAC,MAAM,aAAa,GACnF,EAAC,CACT;AAIA,cACQ,MAAM,aACX,QAAQ;AACP,OAAI,QAAQ,KAAA,EAAW;AACvB,oBAAiB,QAAQ,MAAM,QAAQ,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,IAAG;IAEjE;EAGA,MAAM,iBAAiB,eAAe,iBAAiB,MAAK;EAE5D,SAAS,YAAY,OAAe;AAClC,OAAI,MAAM,kBAAkB,UAAU;IACpC,MAAM,OAAO,iBAAiB,MAAM,SAAS,MAAM,GAAG,EAAE,GAAG,CAAC,MAAK;AACjE,qBAAiB,QAAQ;AACzB,SAAK,qBAAqB,KAAK,MAAM,GAAE;UAClC;IAGL,MAAM,OADM,iBAAiB,MAAM,QAAQ,MAAK,KAC3B,KACjB,CAAC,GAAG,iBAAiB,OAAO,MAAK,GACjC,iBAAiB,MAAM,QAAQ,MAAM,MAAM,MAAK;AACpD,qBAAiB,QAAQ;AACzB,SAAK,qBAAqB,KAAI;;;EAIlC,MAAM,aAAa,yBACjB,qBAAqB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACrF;AAGA,8BAA4B;GAC1B,SAAS,MAAM,OAAO,UAAU;GAChC,MAAM,MAAM,OAAO,OAAO;GAC1B,UAAU;GACV,WAAW,MAAM,OAAO,YAAY;GACpC,aAAa,MAAM,OAAO,cAAc;GACxC,eAAe,MAAM,OAAO,gBAAgB;GAC5C;GACA;GACD,CAAA;EAED,MAAM,UAAU,eACd,0BAA0B;GACxB,WAAW,MAAM;GACjB,aAAa,MAAM;GACnB,YAAY,MAAM;GACnB,CAAA,CACH;;uBAIE,mBAgBM,OAAA;IAfH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,oBAAkB,MAAM;IACzB,MAAK;OAEW,MAAM,WAAA,UAAA,KAAA,EACpB,mBAO+B,UAAA,EAAA,KAAA,GAAA,EAAA,WANf,MAAM,UAAb,QAAG;wBADZ,YAO+B,sBAAA;KAL5B,KAAK,IAAI;KACT,OAAO,IAAI;KACX,gBAAc,IAAI;KAClB,eAAa,IAAI;KACjB,OAAK,eAAE,IAAI,MAAK;;4BACH,CAAA,gBAAA,gBAAZ,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;;;eAEf,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":[],"sources":["../../../src/components/calendar/Calendar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, shallowRef } from 'vue'\nimport {\n  CalendarRoot,\n  CalendarHeader,\n  CalendarHeading,\n  CalendarGrid,\n  CalendarGridHead,\n  CalendarGridRow,\n  CalendarHeadCell,\n  CalendarGridBody,\n  CalendarCell,\n  CalendarCellTrigger,\n  CalendarNext,\n  CalendarPrev,\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 { today, getLocalTimeZone, type DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport CalendarYearPicker from '../calendar-year-picker/CalendarYearPicker.vue'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isDateDisabled?: (date: DateValue) => boolean\n  isDateUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  weekdayFormat?: 'narrow' | 'short' | 'long'\n  fixedWeeks?: boolean\n  numberOfMonths?: number\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6\n  pagedNavigation?: boolean\n  preventDeselect?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Allow multiple date selections. */\n  multiple?: boolean\n  /** Disable days outside the current view. */\n  disableDaysOutsideCurrentView?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  /** MonthPicker: disable specific months. */\n  isMonthDisabled?: (date: DateValue) => boolean\n  /** MonthPicker: mark specific months as unavailable. */\n  isMonthUnavailable?: (date: DateValue) => boolean\n  class?: ClassValue\n  /** Override classes on any named slot */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    headingButton: ClassValue\n    grid: ClassValue\n    gridHeader: ClassValue\n    gridRow: ClassValue\n    headerCell: ClassValue\n    gridBody: ClassValue\n    cell: ClassValue\n    cellButton: ClassValue\n    monthGrid: ClassValue\n    monthGridBody: ClassValue\n    monthGridRow: ClassValue\n    monthCell: ClassValue\n  }>\n}>(), {\n  weekdayFormat: 'narrow',\n  fixedWeeks: false,\n  numberOfMonths: 1,\n  pagedNavigation: false,\n  preventDeselect: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst modelValue = defineModel<DateValue>()\n\nconst slotFns = computed(() => calendarVariants())\n\n// View-switcher state: 'date' (default 7-col calendar), 'month' (3x4 months), 'year' (3x4 years)\ntype View = 'date' | 'month' | 'year'\nconst view = ref<View>('date')\n\n// Shared placeholder synced with CalendarRoot/MonthPickerRoot/YearPickerRoot.\n// NOTE: shallowRef preserves reka-ui's `DateValue` discriminated-union without\n// deep reactive unwrapping that would break structural type matching on bind sites.\nconst placeholder = shallowRef<DateValue>(\n  (props.defaultValue ?? props.defaultPlaceholder ?? today(getLocalTimeZone())) as DateValue\n)\n\nfunction cycleView(): void {\n  view.value = view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n}\n\nfunction onMonthSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'date'\n}\n\nfunction onYearSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'month'\n}\n\nconst nextViewLabel = computed(() =>\n  view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n)\n</script>\n\n<template>\n  <CalendarRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholder\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-date-disabled=\"isDateDisabled\"\n    :is-date-unavailable=\"isDateUnavailable\"\n    :locale=\"locale\"\n    :weekday-format=\"weekdayFormat\"\n    :fixed-weeks=\"fixedWeeks\"\n    :number-of-months=\"numberOfMonths\"\n    :week-starts-on=\"weekStartsOn\"\n    :paged-navigation=\"pagedNavigation\"\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    :disable-days-outside-current-view=\"disableDaysOutsideCurrentView\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <template #default=\"{ grid, weekDays }\">\n      <template v-if=\"view === 'date'\">\n        <CalendarHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n          <CalendarPrev\n            :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n            aria-label=\"Previous month\"\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          </CalendarPrev>\n\n          <CalendarHeading\n            v-slot=\"{ headingValue }\"\n            :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n          >\n            <button\n              type=\"button\"\n              :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n              :aria-label=\"`Switch to ${nextViewLabel} view`\"\n              @click=\"cycleView\"\n            >\n              {{ headingValue }}\n            </button>\n          </CalendarHeading>\n\n          <CalendarNext\n            :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n            aria-label=\"Next month\"\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          </CalendarNext>\n        </CalendarHeader>\n\n        <CalendarGrid\n          v-for=\"month in grid\"\n          :key=\"month.value.toString()\"\n          :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\"\n        >\n          <CalendarGridHead :class=\"composeClassName(slotFns.gridHeader(), props.classNames?.gridHeader)\">\n            <CalendarGridRow :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\">\n              <CalendarHeadCell\n                v-for=\"day in weekDays\"\n                :key=\"day\"\n                :class=\"composeClassName(slotFns.headerCell(), props.classNames?.headerCell)\"\n              >\n                {{ day }}\n              </CalendarHeadCell>\n            </CalendarGridRow>\n          </CalendarGridHead>\n          <CalendarGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n            <CalendarGridRow\n              v-for=\"(week, weekIndex) in month.rows\"\n              :key=\"weekIndex\"\n              :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n            >\n              <CalendarCell\n                v-for=\"day in week\"\n                :key=\"day.toString()\"\n                :date=\"day\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              >\n                <CalendarCellTrigger\n                  :day=\"day\"\n                  :month=\"month.value\"\n                  :class=\"composeClassName(slotFns.cellButton(), props.classNames?.cellButton)\"\n                />\n              </CalendarCell>\n            </CalendarGridRow>\n          </CalendarGridBody>\n        </CalendarGrid>\n      </template>\n    </template>\n  </CalendarRoot>\n\n  <MonthPickerRoot\n    v-if=\"view === 'month'\"\n    :placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :multiple=\"multiple\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"onMonthSelect\"\n    @update:placeholder=\"(val: DateValue | undefined) => { if (val) placeholder = val }\"\n  >\n    <template #default=\"{ grid: monthGrid }\">\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          <button\n            type=\"button\"\n            :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n            :aria-label=\"`Switch to ${nextViewLabel} view`\"\n            @click=\"cycleView\"\n          >\n            {{ headingValue }}\n          </button>\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, i) in monthGrid.rows\"\n            :key=\"i\"\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\n  <CalendarYearPicker\n    v-if=\"view === 'year'\"\n    v-model:placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(props.class, props.classNames?.base)\"\n    @update:model-value=\"onYearSelect\"\n  >\n    <template #heading=\"{ headingValue }\">\n      <button\n        type=\"button\"\n        :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n        :aria-label=\"`Switch to ${nextViewLabel} view`\"\n        @click=\"cycleView\"\n      >\n        {{ headingValue }}\n      </button>\n    </template>\n  </CalendarYearPicker>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Calendar.js","names":[],"sources":["../../../src/components/calendar/Calendar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, shallowRef } from 'vue'\nimport {\n  CalendarRoot,\n  CalendarHeader,\n  CalendarHeading,\n  CalendarGrid,\n  CalendarGridHead,\n  CalendarGridRow,\n  CalendarHeadCell,\n  CalendarGridBody,\n  CalendarCell,\n  CalendarCellTrigger,\n  CalendarNext,\n  CalendarPrev,\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 { today, getLocalTimeZone, type DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\nimport CalendarYearPicker from '../calendar-year-picker/CalendarYearPicker.vue'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isDateDisabled?: (date: DateValue) => boolean\n  isDateUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  weekdayFormat?: 'narrow' | 'short' | 'long'\n  fixedWeeks?: boolean\n  numberOfMonths?: number\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6\n  pagedNavigation?: boolean\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. */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Allow multiple date selections. */\n  multiple?: boolean\n  /** Disable days outside the current view. */\n  disableDaysOutsideCurrentView?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  /** MonthPicker: disable specific months. */\n  isMonthDisabled?: (date: DateValue) => boolean\n  /** MonthPicker: mark specific months as unavailable. */\n  isMonthUnavailable?: (date: DateValue) => boolean\n  class?: ClassValue\n  /** Override classes on any named slot */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    headingButton: ClassValue\n    grid: ClassValue\n    gridHeader: ClassValue\n    gridRow: ClassValue\n    headerCell: ClassValue\n    gridBody: ClassValue\n    cell: ClassValue\n    cellButton: ClassValue\n    monthGrid: ClassValue\n    monthGridBody: ClassValue\n    monthGridRow: ClassValue\n    monthCell: ClassValue\n  }>\n}>(), {\n  weekdayFormat: 'narrow',\n  fixedWeeks: false,\n  numberOfMonths: 1,\n  pagedNavigation: false,\n  preventDeselect: false,\n  isReadOnly: undefined,\n  readonly: undefined,\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst modelValue = defineModel<DateValue>()\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'Calendar', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'Calendar', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => calendarVariants())\n\n// View-switcher state: 'date' (default 7-col calendar), 'month' (3x4 months), 'year' (3x4 years)\ntype View = 'date' | 'month' | 'year'\nconst view = ref<View>('date')\n\n// Shared placeholder synced with CalendarRoot/MonthPickerRoot/YearPickerRoot.\n// NOTE: shallowRef preserves reka-ui's `DateValue` discriminated-union without\n// deep reactive unwrapping that would break structural type matching on bind sites.\nconst placeholder = shallowRef<DateValue>(\n  (props.defaultValue ?? props.defaultPlaceholder ?? today(getLocalTimeZone())) as DateValue\n)\n\nfunction cycleView(): void {\n  view.value = view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n}\n\nfunction onMonthSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'date'\n}\n\nfunction onYearSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'month'\n}\n\nconst nextViewLabel = computed(() =>\n  view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n)\n</script>\n\n<template>\n  <CalendarRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholder\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-date-disabled=\"isDateDisabled\"\n    :is-date-unavailable=\"isDateUnavailable\"\n    :locale=\"locale\"\n    :weekday-format=\"weekdayFormat\"\n    :fixed-weeks=\"fixedWeeks\"\n    :number-of-months=\"numberOfMonths\"\n    :week-starts-on=\"weekStartsOn\"\n    :paged-navigation=\"pagedNavigation\"\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    :disable-days-outside-current-view=\"disableDaysOutsideCurrentView\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <template #default=\"{ grid, weekDays }\">\n      <template v-if=\"view === 'date'\">\n        <CalendarHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n          <CalendarPrev\n            :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n            aria-label=\"Previous month\"\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          </CalendarPrev>\n\n          <CalendarHeading\n            v-slot=\"{ headingValue }\"\n            :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n          >\n            <button\n              type=\"button\"\n              :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n              :aria-label=\"`Switch to ${nextViewLabel} view`\"\n              @click=\"cycleView\"\n            >\n              {{ headingValue }}\n            </button>\n          </CalendarHeading>\n\n          <CalendarNext\n            :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n            aria-label=\"Next month\"\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          </CalendarNext>\n        </CalendarHeader>\n\n        <CalendarGrid\n          v-for=\"month in grid\"\n          :key=\"month.value.toString()\"\n          :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\"\n        >\n          <CalendarGridHead :class=\"composeClassName(slotFns.gridHeader(), props.classNames?.gridHeader)\">\n            <CalendarGridRow :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\">\n              <CalendarHeadCell\n                v-for=\"day in weekDays\"\n                :key=\"day\"\n                :class=\"composeClassName(slotFns.headerCell(), props.classNames?.headerCell)\"\n              >\n                {{ day }}\n              </CalendarHeadCell>\n            </CalendarGridRow>\n          </CalendarGridHead>\n          <CalendarGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n            <CalendarGridRow\n              v-for=\"(week, weekIndex) in month.rows\"\n              :key=\"weekIndex\"\n              :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n            >\n              <CalendarCell\n                v-for=\"day in week\"\n                :key=\"day.toString()\"\n                :date=\"day\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              >\n                <CalendarCellTrigger\n                  :day=\"day\"\n                  :month=\"month.value\"\n                  :class=\"composeClassName(slotFns.cellButton(), props.classNames?.cellButton)\"\n                />\n              </CalendarCell>\n            </CalendarGridRow>\n          </CalendarGridBody>\n        </CalendarGrid>\n      </template>\n    </template>\n  </CalendarRoot>\n\n  <MonthPickerRoot\n    v-if=\"view === 'month'\"\n    :placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :readonly=\"isReadOnly\"\n    :disabled=\"isDisabled\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :multiple=\"multiple\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"onMonthSelect\"\n    @update:placeholder=\"(val: DateValue | undefined) => { if (val) placeholder = val }\"\n  >\n    <template #default=\"{ grid: monthGrid }\">\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          <button\n            type=\"button\"\n            :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n            :aria-label=\"`Switch to ${nextViewLabel} view`\"\n            @click=\"cycleView\"\n          >\n            {{ headingValue }}\n          </button>\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, i) in monthGrid.rows\"\n            :key=\"i\"\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\n  <CalendarYearPicker\n    v-if=\"view === 'year'\"\n    v-model:placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-read-only=\"isReadOnly\"\n    :is-disabled=\"isDisabled\"\n    :class=\"composeClassName(props.class, props.classNames?.base)\"\n    @update:model-value=\"onYearSelect\"\n  >\n    <template #heading=\"{ headingValue }\">\n      <button\n        type=\"button\"\n        :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n        :aria-label=\"`Switch to ${nextViewLabel} view`\"\n        @click=\"cycleView\"\n      >\n        {{ headingValue }}\n      </button>\n    </template>\n  </CalendarYearPicker>\n</template>\n"],"mappings":""}

package/dist/components/calendar/Calendar.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 CalendarYearPicker_default from "../calendar-year-picker/CalendarYearPicker.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useModel, withCtx } from "vue";
 import { calendarVariants } from "@auronui/styles";
@@ -33,13 +34,21 @@ var Calendar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			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 },
@@ -68,6 +77,8 @@ var Calendar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 	setup(__props) {
 		const props = __props;
 		const modelValue = useModel(__props, "modelValue");
+		const isReadOnly = useDeprecatedBooleanProp("Calendar", "isReadOnly", () => props.isReadOnly, "readonly", () => props.readonly);
+		const isDisabled = useDeprecatedBooleanProp("Calendar", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		const slotFns = computed(() => calendarVariants());
 		const view = ref("date");
 		const placeholder = shallowRef(props.defaultValue ?? props.defaultPlaceholder ?? today(getLocalTimeZone()));
@@ -109,8 +120,8 @@ var Calendar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					"week-starts-on": __props.weekStartsOn,
 					"paged-navigation": __props.pagedNavigation,
 					"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,
@@ -260,8 +271,8 @@ var Calendar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					locale: __props.locale,
 					"min-value": __props.minValue,
 					"max-value": __props.maxValue,
-					readonly: __props.readonly,
-					disabled: __props.disabled,
+					readonly: unref(isReadOnly),
+					disabled: unref(isDisabled),
 					"initial-focus": __props.initialFocus,
 					dir: __props.dir,
 					"next-page": __props.nextPage,
@@ -381,8 +392,8 @@ var Calendar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					locale: __props.locale,
 					"min-value": __props.minValue,
 					"max-value": __props.maxValue,
-					readonly: __props.readonly,
-					disabled: __props.disabled,
+					"is-read-only": unref(isReadOnly),
+					"is-disabled": unref(isDisabled),
 					class: normalizeClass(unref(composeClassName)(props.class, props.classNames?.base)),
 					"onUpdate:modelValue": onYearSelect
 				}, {
@@ -398,8 +409,8 @@ var Calendar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					"locale",
 					"min-value",
 					"max-value",
-					"readonly",
-					"disabled",
+					"is-read-only",
+					"is-disabled",
 					"class"
 				])) : createCommentVNode("", true)
 			], 64);

package/dist/components/calendar/Calendar.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/calendar/Calendar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, shallowRef } from 'vue'\nimport {\n  CalendarRoot,\n  CalendarHeader,\n  CalendarHeading,\n  CalendarGrid,\n  CalendarGridHead,\n  CalendarGridRow,\n  CalendarHeadCell,\n  CalendarGridBody,\n  CalendarCell,\n  CalendarCellTrigger,\n  CalendarNext,\n  CalendarPrev,\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 { today, getLocalTimeZone, type DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport CalendarYearPicker from '../calendar-year-picker/CalendarYearPicker.vue'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isDateDisabled?: (date: DateValue) => boolean\n  isDateUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  weekdayFormat?: 'narrow' | 'short' | 'long'\n  fixedWeeks?: boolean\n  numberOfMonths?: number\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6\n  pagedNavigation?: boolean\n  preventDeselect?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Allow multiple date selections. */\n  multiple?: boolean\n  /** Disable days outside the current view. */\n  disableDaysOutsideCurrentView?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  /** MonthPicker: disable specific months. */\n  isMonthDisabled?: (date: DateValue) => boolean\n  /** MonthPicker: mark specific months as unavailable. */\n  isMonthUnavailable?: (date: DateValue) => boolean\n  class?: ClassValue\n  /** Override classes on any named slot */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    headingButton: ClassValue\n    grid: ClassValue\n    gridHeader: ClassValue\n    gridRow: ClassValue\n    headerCell: ClassValue\n    gridBody: ClassValue\n    cell: ClassValue\n    cellButton: ClassValue\n    monthGrid: ClassValue\n    monthGridBody: ClassValue\n    monthGridRow: ClassValue\n    monthCell: ClassValue\n  }>\n}>(), {\n  weekdayFormat: 'narrow',\n  fixedWeeks: false,\n  numberOfMonths: 1,\n  pagedNavigation: false,\n  preventDeselect: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst modelValue = defineModel<DateValue>()\n\nconst slotFns = computed(() => calendarVariants())\n\n// View-switcher state: 'date' (default 7-col calendar), 'month' (3x4 months), 'year' (3x4 years)\ntype View = 'date' | 'month' | 'year'\nconst view = ref<View>('date')\n\n// Shared placeholder synced with CalendarRoot/MonthPickerRoot/YearPickerRoot.\n// NOTE: shallowRef preserves reka-ui's `DateValue` discriminated-union without\n// deep reactive unwrapping that would break structural type matching on bind sites.\nconst placeholder = shallowRef<DateValue>(\n  (props.defaultValue ?? props.defaultPlaceholder ?? today(getLocalTimeZone())) as DateValue\n)\n\nfunction cycleView(): void {\n  view.value = view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n}\n\nfunction onMonthSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'date'\n}\n\nfunction onYearSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'month'\n}\n\nconst nextViewLabel = computed(() =>\n  view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n)\n</script>\n\n<template>\n  <CalendarRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholder\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-date-disabled=\"isDateDisabled\"\n    :is-date-unavailable=\"isDateUnavailable\"\n    :locale=\"locale\"\n    :weekday-format=\"weekdayFormat\"\n    :fixed-weeks=\"fixedWeeks\"\n    :number-of-months=\"numberOfMonths\"\n    :week-starts-on=\"weekStartsOn\"\n    :paged-navigation=\"pagedNavigation\"\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    :disable-days-outside-current-view=\"disableDaysOutsideCurrentView\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <template #default=\"{ grid, weekDays }\">\n      <template v-if=\"view === 'date'\">\n        <CalendarHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n          <CalendarPrev\n            :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n            aria-label=\"Previous month\"\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          </CalendarPrev>\n\n          <CalendarHeading\n            v-slot=\"{ headingValue }\"\n            :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n          >\n            <button\n              type=\"button\"\n              :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n              :aria-label=\"`Switch to ${nextViewLabel} view`\"\n              @click=\"cycleView\"\n            >\n              {{ headingValue }}\n            </button>\n          </CalendarHeading>\n\n          <CalendarNext\n            :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n            aria-label=\"Next month\"\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          </CalendarNext>\n        </CalendarHeader>\n\n        <CalendarGrid\n          v-for=\"month in grid\"\n          :key=\"month.value.toString()\"\n          :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\"\n        >\n          <CalendarGridHead :class=\"composeClassName(slotFns.gridHeader(), props.classNames?.gridHeader)\">\n            <CalendarGridRow :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\">\n              <CalendarHeadCell\n                v-for=\"day in weekDays\"\n                :key=\"day\"\n                :class=\"composeClassName(slotFns.headerCell(), props.classNames?.headerCell)\"\n              >\n                {{ day }}\n              </CalendarHeadCell>\n            </CalendarGridRow>\n          </CalendarGridHead>\n          <CalendarGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n            <CalendarGridRow\n              v-for=\"(week, weekIndex) in month.rows\"\n              :key=\"weekIndex\"\n              :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n            >\n              <CalendarCell\n                v-for=\"day in week\"\n                :key=\"day.toString()\"\n                :date=\"day\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              >\n                <CalendarCellTrigger\n                  :day=\"day\"\n                  :month=\"month.value\"\n                  :class=\"composeClassName(slotFns.cellButton(), props.classNames?.cellButton)\"\n                />\n              </CalendarCell>\n            </CalendarGridRow>\n          </CalendarGridBody>\n        </CalendarGrid>\n      </template>\n    </template>\n  </CalendarRoot>\n\n  <MonthPickerRoot\n    v-if=\"view === 'month'\"\n    :placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :multiple=\"multiple\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"onMonthSelect\"\n    @update:placeholder=\"(val: DateValue | undefined) => { if (val) placeholder = val }\"\n  >\n    <template #default=\"{ grid: monthGrid }\">\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          <button\n            type=\"button\"\n            :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n            :aria-label=\"`Switch to ${nextViewLabel} view`\"\n            @click=\"cycleView\"\n          >\n            {{ headingValue }}\n          </button>\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, i) in monthGrid.rows\"\n            :key=\"i\"\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\n  <CalendarYearPicker\n    v-if=\"view === 'year'\"\n    v-model:placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(props.class, props.classNames?.base)\"\n    @update:model-value=\"onYearSelect\"\n  >\n    <template #heading=\"{ headingValue }\">\n      <button\n        type=\"button\"\n        :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n        :aria-label=\"`Switch to ${nextViewLabel} view`\"\n        @click=\"cycleView\"\n      >\n        {{ headingValue }}\n      </button>\n    </template>\n  </CalendarYearPicker>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/calendar/Calendar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, shallowRef } from 'vue'\nimport {\n  CalendarRoot,\n  CalendarHeader,\n  CalendarHeading,\n  CalendarGrid,\n  CalendarGridHead,\n  CalendarGridRow,\n  CalendarHeadCell,\n  CalendarGridBody,\n  CalendarCell,\n  CalendarCellTrigger,\n  CalendarNext,\n  CalendarPrev,\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 { today, getLocalTimeZone, type DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\nimport CalendarYearPicker from '../calendar-year-picker/CalendarYearPicker.vue'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateValue\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isDateDisabled?: (date: DateValue) => boolean\n  isDateUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  weekdayFormat?: 'narrow' | 'short' | 'long'\n  fixedWeeks?: boolean\n  numberOfMonths?: number\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6\n  pagedNavigation?: boolean\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. */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Allow multiple date selections. */\n  multiple?: boolean\n  /** Disable days outside the current view. */\n  disableDaysOutsideCurrentView?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  /** MonthPicker: disable specific months. */\n  isMonthDisabled?: (date: DateValue) => boolean\n  /** MonthPicker: mark specific months as unavailable. */\n  isMonthUnavailable?: (date: DateValue) => boolean\n  class?: ClassValue\n  /** Override classes on any named slot */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    headingButton: ClassValue\n    grid: ClassValue\n    gridHeader: ClassValue\n    gridRow: ClassValue\n    headerCell: ClassValue\n    gridBody: ClassValue\n    cell: ClassValue\n    cellButton: ClassValue\n    monthGrid: ClassValue\n    monthGridBody: ClassValue\n    monthGridRow: ClassValue\n    monthCell: ClassValue\n  }>\n}>(), {\n  weekdayFormat: 'narrow',\n  fixedWeeks: false,\n  numberOfMonths: 1,\n  pagedNavigation: false,\n  preventDeselect: false,\n  isReadOnly: undefined,\n  readonly: undefined,\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst modelValue = defineModel<DateValue>()\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'Calendar', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'Calendar', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => calendarVariants())\n\n// View-switcher state: 'date' (default 7-col calendar), 'month' (3x4 months), 'year' (3x4 years)\ntype View = 'date' | 'month' | 'year'\nconst view = ref<View>('date')\n\n// Shared placeholder synced with CalendarRoot/MonthPickerRoot/YearPickerRoot.\n// NOTE: shallowRef preserves reka-ui's `DateValue` discriminated-union without\n// deep reactive unwrapping that would break structural type matching on bind sites.\nconst placeholder = shallowRef<DateValue>(\n  (props.defaultValue ?? props.defaultPlaceholder ?? today(getLocalTimeZone())) as DateValue\n)\n\nfunction cycleView(): void {\n  view.value = view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n}\n\nfunction onMonthSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'date'\n}\n\nfunction onYearSelect(val: DateValue | DateValue[] | undefined): void {\n  if (!val) return\n  const next = Array.isArray(val) ? val[val.length - 1] : val\n  if (!next) return\n  placeholder.value = next\n  view.value = 'month'\n}\n\nconst nextViewLabel = computed(() =>\n  view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'\n)\n</script>\n\n<template>\n  <CalendarRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholder\"\n    :default-value=\"defaultValue\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-date-disabled=\"isDateDisabled\"\n    :is-date-unavailable=\"isDateUnavailable\"\n    :locale=\"locale\"\n    :weekday-format=\"weekdayFormat\"\n    :fixed-weeks=\"fixedWeeks\"\n    :number-of-months=\"numberOfMonths\"\n    :week-starts-on=\"weekStartsOn\"\n    :paged-navigation=\"pagedNavigation\"\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    :disable-days-outside-current-view=\"disableDaysOutsideCurrentView\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <template #default=\"{ grid, weekDays }\">\n      <template v-if=\"view === 'date'\">\n        <CalendarHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n          <CalendarPrev\n            :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n            aria-label=\"Previous month\"\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          </CalendarPrev>\n\n          <CalendarHeading\n            v-slot=\"{ headingValue }\"\n            :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n          >\n            <button\n              type=\"button\"\n              :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n              :aria-label=\"`Switch to ${nextViewLabel} view`\"\n              @click=\"cycleView\"\n            >\n              {{ headingValue }}\n            </button>\n          </CalendarHeading>\n\n          <CalendarNext\n            :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n            aria-label=\"Next month\"\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          </CalendarNext>\n        </CalendarHeader>\n\n        <CalendarGrid\n          v-for=\"month in grid\"\n          :key=\"month.value.toString()\"\n          :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\"\n        >\n          <CalendarGridHead :class=\"composeClassName(slotFns.gridHeader(), props.classNames?.gridHeader)\">\n            <CalendarGridRow :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\">\n              <CalendarHeadCell\n                v-for=\"day in weekDays\"\n                :key=\"day\"\n                :class=\"composeClassName(slotFns.headerCell(), props.classNames?.headerCell)\"\n              >\n                {{ day }}\n              </CalendarHeadCell>\n            </CalendarGridRow>\n          </CalendarGridHead>\n          <CalendarGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n            <CalendarGridRow\n              v-for=\"(week, weekIndex) in month.rows\"\n              :key=\"weekIndex\"\n              :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n            >\n              <CalendarCell\n                v-for=\"day in week\"\n                :key=\"day.toString()\"\n                :date=\"day\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              >\n                <CalendarCellTrigger\n                  :day=\"day\"\n                  :month=\"month.value\"\n                  :class=\"composeClassName(slotFns.cellButton(), props.classNames?.cellButton)\"\n                />\n              </CalendarCell>\n            </CalendarGridRow>\n          </CalendarGridBody>\n        </CalendarGrid>\n      </template>\n    </template>\n  </CalendarRoot>\n\n  <MonthPickerRoot\n    v-if=\"view === 'month'\"\n    :placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :readonly=\"isReadOnly\"\n    :disabled=\"isDisabled\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :multiple=\"multiple\"\n    :is-month-disabled=\"isMonthDisabled\"\n    :is-month-unavailable=\"isMonthUnavailable\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"onMonthSelect\"\n    @update:placeholder=\"(val: DateValue | undefined) => { if (val) placeholder = val }\"\n  >\n    <template #default=\"{ grid: monthGrid }\">\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          <button\n            type=\"button\"\n            :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n            :aria-label=\"`Switch to ${nextViewLabel} view`\"\n            @click=\"cycleView\"\n          >\n            {{ headingValue }}\n          </button>\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, i) in monthGrid.rows\"\n            :key=\"i\"\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\n  <CalendarYearPicker\n    v-if=\"view === 'year'\"\n    v-model:placeholder=\"placeholder\"\n    :locale=\"locale\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-read-only=\"isReadOnly\"\n    :is-disabled=\"isDisabled\"\n    :class=\"composeClassName(props.class, props.classNames?.base)\"\n    @update:model-value=\"onYearSelect\"\n  >\n    <template #heading=\"{ headingValue }\">\n      <button\n        type=\"button\"\n        :class=\"composeClassName(slotFns.headingButton(), props.classNames?.headingButton)\"\n        :aria-label=\"`Switch to ${nextViewLabel} view`\"\n        @click=\"cycleView\"\n      >\n        {{ headingValue }}\n      </button>\n    </template>\n  </CalendarYearPicker>\n</template>\n"],"mappings":"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"}

package/dist/components/calendar-year-picker/CalendarYearPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarYearPicker.js","names":[],"sources":["../../../src/components/calendar-year-picker/CalendarYearPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  YearPickerRoot,\n  YearPickerHeader,\n  YearPickerHeading,\n  YearPickerPrev,\n  YearPickerNext,\n  YearPickerGrid,\n  YearPickerGridBody,\n  YearPickerGridRow,\n  YearPickerCell,\n  YearPickerCellTrigger,\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  isYearDisabled?: (date: DateValue) => boolean\n  isYearUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  yearsPerPage?: number\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. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\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    yearGrid: ClassValue\n    yearGridBody: ClassValue\n    yearGridRow: ClassValue\n    yearCell: ClassValue\n  }>\n}>(), {\n  yearsPerPage: 12,\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  <YearPickerRoot\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-year-disabled=\"isYearDisabled\"\n    :is-year-unavailable=\"isYearUnavailable\"\n    :locale=\"locale\"\n    :years-per-page=\"yearsPerPage\"\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      <YearPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <YearPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous years\"\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        </YearPickerPrev>\n\n        <YearPickerHeading\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        </YearPickerHeading>\n\n        <YearPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next years\"\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        </YearPickerNext>\n      </YearPickerHeader>\n\n      <YearPickerGrid :class=\"composeClassName(slotFns.yearGrid(), props.classNames?.yearGrid)\">\n        <YearPickerGridBody :class=\"composeClassName(slotFns.yearGridBody(), props.classNames?.yearGridBody)\">\n          <YearPickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.yearGridRow(), props.classNames?.yearGridRow)\"\n          >\n            <YearPickerCell\n              v-for=\"yearValue in row\"\n              :key=\"yearValue.toString()\"\n              :date=\"yearValue\"\n            >\n              <YearPickerCellTrigger\n                :year=\"yearValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.yearCell(), props.classNames?.yearCell)\"\n              />\n            </YearPickerCell>\n          </YearPickerGridRow>\n        </YearPickerGridBody>\n      </YearPickerGrid>\n    </template>\n  </YearPickerRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CalendarYearPicker.js","names":[],"sources":["../../../src/components/calendar-year-picker/CalendarYearPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  YearPickerRoot,\n  YearPickerHeader,\n  YearPickerHeading,\n  YearPickerPrev,\n  YearPickerNext,\n  YearPickerGrid,\n  YearPickerGridBody,\n  YearPickerGridRow,\n  YearPickerCell,\n  YearPickerCellTrigger,\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  isYearDisabled?: (date: DateValue) => boolean\n  isYearUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  yearsPerPage?: number\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. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\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    yearGrid: ClassValue\n    yearGridBody: ClassValue\n    yearGridRow: ClassValue\n    yearCell: ClassValue\n  }>\n}>(), {\n  yearsPerPage: 12,\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  'CalendarYearPicker', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'CalendarYearPicker', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => calendarVariants())\n</script>\n\n<template>\n  <YearPickerRoot\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-year-disabled=\"isYearDisabled\"\n    :is-year-unavailable=\"isYearUnavailable\"\n    :locale=\"locale\"\n    :years-per-page=\"yearsPerPage\"\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      <YearPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <YearPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous years\"\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        </YearPickerPrev>\n\n        <YearPickerHeading\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        </YearPickerHeading>\n\n        <YearPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next years\"\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        </YearPickerNext>\n      </YearPickerHeader>\n\n      <YearPickerGrid :class=\"composeClassName(slotFns.yearGrid(), props.classNames?.yearGrid)\">\n        <YearPickerGridBody :class=\"composeClassName(slotFns.yearGridBody(), props.classNames?.yearGridBody)\">\n          <YearPickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.yearGridRow(), props.classNames?.yearGridRow)\"\n          >\n            <YearPickerCell\n              v-for=\"yearValue in row\"\n              :key=\"yearValue.toString()\"\n              :date=\"yearValue\"\n            >\n              <YearPickerCellTrigger\n                :year=\"yearValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.yearCell(), props.classNames?.yearCell)\"\n              />\n            </YearPickerCell>\n          </YearPickerGridRow>\n        </YearPickerGridBody>\n      </YearPickerGrid>\n    </template>\n  </YearPickerRoot>\n</template>\n"],"mappings":""}

package/dist/components/calendar-year-picker/CalendarYearPicker.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 { YearPickerCell, YearPickerCellTrigger, YearPickerGrid, YearPickerGridBody, YearPickerGridRow, YearPickerHeader, YearPickerHeading, YearPickerNext, YearPickerPrev, YearPickerRoot } from "reka-ui";
@@ -18,13 +19,21 @@ var CalendarYearPicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 			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 },
@@ -53,6 +62,8 @@ var CalendarYearPicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		const props = __props;
 		const modelValue = useModel(__props, "modelValue");
 		const placeholderModel = useModel(__props, "placeholder");
+		const isReadOnly = useDeprecatedBooleanProp("CalendarYearPicker", "isReadOnly", () => props.isReadOnly, "readonly", () => props.readonly);
+		const isDisabled = useDeprecatedBooleanProp("CalendarYearPicker", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		const slotFns = computed(() => calendarVariants());
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(YearPickerRoot), {
@@ -69,8 +80,8 @@ var CalendarYearPicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 				locale: __props.locale,
 				"years-per-page": __props.yearsPerPage,
 				"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/calendar-year-picker/CalendarYearPicker.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarYearPicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/calendar-year-picker/CalendarYearPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  YearPickerRoot,\n  YearPickerHeader,\n  YearPickerHeading,\n  YearPickerPrev,\n  YearPickerNext,\n  YearPickerGrid,\n  YearPickerGridBody,\n  YearPickerGridRow,\n  YearPickerCell,\n  YearPickerCellTrigger,\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  isYearDisabled?: (date: DateValue) => boolean\n  isYearUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  yearsPerPage?: number\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. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\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    yearGrid: ClassValue\n    yearGridBody: ClassValue\n    yearGridRow: ClassValue\n    yearCell: ClassValue\n  }>\n}>(), {\n  yearsPerPage: 12,\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  <YearPickerRoot\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-year-disabled=\"isYearDisabled\"\n    :is-year-unavailable=\"isYearUnavailable\"\n    :locale=\"locale\"\n    :years-per-page=\"yearsPerPage\"\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      <YearPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <YearPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous years\"\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        </YearPickerPrev>\n\n        <YearPickerHeading\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        </YearPickerHeading>\n\n        <YearPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next years\"\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        </YearPickerNext>\n      </YearPickerHeader>\n\n      <YearPickerGrid :class=\"composeClassName(slotFns.yearGrid(), props.classNames?.yearGrid)\">\n        <YearPickerGridBody :class=\"composeClassName(slotFns.yearGridBody(), props.classNames?.yearGridBody)\">\n          <YearPickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.yearGridRow(), props.classNames?.yearGridRow)\"\n          >\n            <YearPickerCell\n              v-for=\"yearValue in row\"\n              :key=\"yearValue.toString()\"\n              :date=\"yearValue\"\n            >\n              <YearPickerCellTrigger\n                :year=\"yearValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.yearCell(), props.classNames?.yearCell)\"\n              />\n            </YearPickerCell>\n          </YearPickerGridRow>\n        </YearPickerGridBody>\n      </YearPickerGrid>\n    </template>\n  </YearPickerRoot>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"CalendarYearPicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/calendar-year-picker/CalendarYearPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  YearPickerRoot,\n  YearPickerHeader,\n  YearPickerHeading,\n  YearPickerPrev,\n  YearPickerNext,\n  YearPickerGrid,\n  YearPickerGridBody,\n  YearPickerGridRow,\n  YearPickerCell,\n  YearPickerCellTrigger,\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  isYearDisabled?: (date: DateValue) => boolean\n  isYearUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  yearsPerPage?: number\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. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\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    yearGrid: ClassValue\n    yearGridBody: ClassValue\n    yearGridRow: ClassValue\n    yearCell: ClassValue\n  }>\n}>(), {\n  yearsPerPage: 12,\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  'CalendarYearPicker', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'CalendarYearPicker', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => calendarVariants())\n</script>\n\n<template>\n  <YearPickerRoot\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-year-disabled=\"isYearDisabled\"\n    :is-year-unavailable=\"isYearUnavailable\"\n    :locale=\"locale\"\n    :years-per-page=\"yearsPerPage\"\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      <YearPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <YearPickerPrev\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Previous years\"\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        </YearPickerPrev>\n\n        <YearPickerHeading\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        </YearPickerHeading>\n\n        <YearPickerNext\n          :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n          aria-label=\"Next years\"\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        </YearPickerNext>\n      </YearPickerHeader>\n\n      <YearPickerGrid :class=\"composeClassName(slotFns.yearGrid(), props.classNames?.yearGrid)\">\n        <YearPickerGridBody :class=\"composeClassName(slotFns.yearGridBody(), props.classNames?.yearGridBody)\">\n          <YearPickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.yearGridRow(), props.classNames?.yearGridRow)\"\n          >\n            <YearPickerCell\n              v-for=\"yearValue in row\"\n              :key=\"yearValue.toString()\"\n              :date=\"yearValue\"\n            >\n              <YearPickerCellTrigger\n                :year=\"yearValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.yearCell(), props.classNames?.yearCell)\"\n              />\n            </YearPickerCell>\n          </YearPickerGridRow>\n        </YearPickerGridBody>\n      </YearPickerGrid>\n    </template>\n  </YearPickerRoot>\n</template>\n"],"mappings":"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"}

package/dist/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CheckboxRoot, CheckboxIndicator } from 'reka-ui'\nimport { checkboxVariants, type CheckboxVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCheckboxGroupInject } from './checkbox-group.context'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to CheckboxRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  variant?: CheckboxVariants['variant']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  disabled?: boolean\n  isInvalid?: boolean\n  isIndeterminate?: boolean\n  name?: string\n  /** HTML id attribute forwarded to CheckboxRoot. */\n  id?: string\n  /** The value for the checked state (forwarded to CheckboxRoot). */\n  trueValue?: boolean | string | number\n  /** The value for the unchecked state (forwarded to CheckboxRoot). */\n  falseValue?: boolean | string | number\n  /** Whether CheckboxRoot should render as a child element. */\n  asChild?: boolean\n  /** Element or component to render CheckboxRoot as. */\n  as?: string\n  /** Whether the checkbox is required. */\n  required?: boolean\n  /** Whether CheckboxIndicator should force-mount even when unchecked. */\n  indicatorForceMount?: boolean\n  /** Whether CheckboxIndicator renders as a child element. */\n  indicatorAsChild?: boolean\n  /** Element or component to render CheckboxIndicator as. */\n  indicatorAs?: string\n  class?: ClassValue\n  /** Per-slot class overrides for any slot in this component. */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    indicator: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  variant: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  disabled: false,\n  isInvalid: false,\n  isIndeterminate: false,\n  name: undefined,\n  id: undefined,\n  trueValue: undefined,\n  falseValue: undefined,\n  asChild: false,\n  as: undefined,\n  required: false,\n  indicatorForceMount: undefined,\n  indicatorAsChild: false,\n  indicatorAs: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject CheckboxGroup context with fallback defaults (standalone mode)\nconst groupCtx = useCheckboxGroupInject({\n  variant: ref('primary'),\n  disabled: ref(false),\n  isInvalid: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Prop precedence: group disabled wins (D-02)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\n// Group invalid overrides item; item prop allows standalone invalid\nconst effectiveInvalid = computed(() => groupCtx.isInvalid.value || props.isInvalid)\n\n// Child variant wins over group variant\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute modelValue for Reka UI CheckboxRoot\n// Reka UI uses modelValue: boolean | 'indeterminate' to control state\nconst checkedState = computed<boolean | 'indeterminate'>(() => {\n  if (props.isIndeterminate) return 'indeterminate'\n  if (isInGroup.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue ?? false\n})\n\n// Handle Reka UI's update:modelValue event\nfunction handleUpdate(val: string | number | boolean) {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    if (val !== 'indeterminate') {\n      emit('update:modelValue', Boolean(val))\n    }\n  }\n}\n\nconst slotFns = computed(() =>\n  checkboxVariants({ variant: finalVariant.value })\n)\n</script>\n\n<template>\n  <!--\n    v-bind=\"attrs\" forwards aria-label and other HTML attributes through to Reka UI's\n    CheckboxRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on CheckboxRoot's root.\n  -->\n  <CheckboxRoot\n    v-bind=\"attrs\"\n    :model-value=\"checkedState\"\n    :disabled=\"isDisabled\"\n    :aria-invalid=\"effectiveInvalid || undefined\"\n    :name=\"props.name ?? groupCtx.name.value\"\n    :value=\"props.value\"\n    :id=\"props.id\"\n    :true-value=\"props.trueValue\"\n    :false-value=\"props.falseValue\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    :required=\"props.required\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"composeClassName(slotFns.control(), props.classNames?.control)\">\n      <CheckboxIndicator\n        :force-mount=\"props.indicatorForceMount\"\n        :as-child=\"props.indicatorAsChild\"\n        :as=\"props.indicatorAs\"\n        :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\"\n      >\n        <!-- Indeterminate: dash icon -->\n        <svg\n          v-if=\"props.isIndeterminate\"\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=\"3\"\n          stroke-linecap=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line\n            x1=\"5\"\n            y1=\"12\"\n            x2=\"19\"\n            y2=\"12\"\n          />\n        </svg>\n        <!-- Checked: check icon -->\n        <svg\n          v-else\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=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </CheckboxIndicator>\n    </span>\n    <span :class=\"composeClassName(slotFns.content(), props.classNames?.content)\">\n      <slot />\n    </span>\n  </CheckboxRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs } from 'vue'\nimport { CheckboxRoot, CheckboxIndicator } from 'reka-ui'\nimport { checkboxVariants, type CheckboxVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useCheckboxGroupInject } from './checkbox-group.context'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\n// Disable Vue attribute fallthrough — we manually forward $attrs to CheckboxRoot\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  variant?: CheckboxVariants['variant']\n  value?: string\n  modelValue?: boolean\n  defaultValue?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  isInvalid?: boolean\n  isIndeterminate?: boolean\n  name?: string\n  /** HTML id attribute forwarded to CheckboxRoot. */\n  id?: string\n  /** The value for the checked state (forwarded to CheckboxRoot). */\n  trueValue?: boolean | string | number\n  /** The value for the unchecked state (forwarded to CheckboxRoot). */\n  falseValue?: boolean | string | number\n  /** Whether CheckboxRoot should render as a child element. */\n  asChild?: boolean\n  /** Element or component to render CheckboxRoot as. */\n  as?: string\n  isRequired?: boolean\n  /**\n   * Whether the checkbox is required.\n   * @deprecated Use isRequired instead.\n   */\n  required?: boolean\n  /** Whether CheckboxIndicator should force-mount even when unchecked. */\n  indicatorForceMount?: boolean\n  /** Whether CheckboxIndicator renders as a child element. */\n  indicatorAsChild?: boolean\n  /** Element or component to render CheckboxIndicator as. */\n  indicatorAs?: string\n  class?: ClassValue\n  /** Per-slot class overrides for any slot in this component. */\n  classNames?: Partial<{\n    base: ClassValue\n    control: ClassValue\n    indicator: ClassValue\n    content: ClassValue\n  }>\n}>(), {\n  variant: undefined,\n  value: undefined,\n  modelValue: undefined,\n  defaultValue: false,\n  isDisabled: undefined,\n  disabled: undefined,\n  isInvalid: false,\n  isIndeterminate: false,\n  name: undefined,\n  id: undefined,\n  trueValue: undefined,\n  falseValue: undefined,\n  asChild: false,\n  as: undefined,\n  isRequired: undefined,\n  required: undefined,\n  indicatorForceMount: undefined,\n  indicatorAsChild: false,\n  indicatorAs: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\nconst attrs = useAttrs()\n\n// Inject CheckboxGroup context with fallback defaults (standalone mode)\nconst groupCtx = useCheckboxGroupInject({\n  variant: ref('primary'),\n  disabled: ref(false),\n  isInvalid: ref(false),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n  name: ref(undefined),\n})\n\n// Resolve this checkbox's own isDisabled/disabled prop pair before combining with group state.\nconst resolvedDisabled = useDeprecatedBooleanProp(\n  'Checkbox', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst isRequired = useDeprecatedBooleanProp(\n  'Checkbox', 'isRequired', () => props.isRequired, 'required', () => props.required,\n)\n\n// Prop precedence: group disabled wins (D-02)\nconst effectiveDisabled = computed(() => groupCtx.disabled.value || resolvedDisabled.value)\n// Group invalid overrides item; item prop allows standalone invalid\nconst effectiveInvalid = computed(() => groupCtx.isInvalid.value || props.isInvalid)\n\n// Child variant wins over group variant\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\n\n// Determine if inside a group (value prop is the signal)\nconst isInGroup = computed(() => props.value !== undefined)\n\n// Compute modelValue for Reka UI CheckboxRoot\n// Reka UI uses modelValue: boolean | 'indeterminate' to control state\nconst checkedState = computed<boolean | 'indeterminate'>(() => {\n  if (props.isIndeterminate) return 'indeterminate'\n  if (isInGroup.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue ?? false\n})\n\n// Handle Reka UI's update:modelValue event\nfunction handleUpdate(val: string | number | boolean) {\n  if (isInGroup.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    if (val !== 'indeterminate') {\n      emit('update:modelValue', Boolean(val))\n    }\n  }\n}\n\nconst slotFns = computed(() =>\n  checkboxVariants({ variant: finalVariant.value })\n)\n</script>\n\n<template>\n  <!--\n    v-bind=\"attrs\" forwards aria-label and other HTML attributes through to Reka UI's\n    CheckboxRoot, which then applies them to the inner <button> element.\n    inheritAttrs: false prevents double-application on CheckboxRoot's root.\n  -->\n  <CheckboxRoot\n    v-bind=\"attrs\"\n    :model-value=\"checkedState\"\n    :disabled=\"effectiveDisabled\"\n    :aria-invalid=\"effectiveInvalid || undefined\"\n    :name=\"props.name ?? groupCtx.name.value\"\n    :value=\"props.value\"\n    :id=\"props.id\"\n    :true-value=\"props.trueValue\"\n    :false-value=\"props.falseValue\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    :required=\"isRequired\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <span :class=\"composeClassName(slotFns.control(), props.classNames?.control)\">\n      <CheckboxIndicator\n        :force-mount=\"props.indicatorForceMount\"\n        :as-child=\"props.indicatorAsChild\"\n        :as=\"props.indicatorAs\"\n        :class=\"composeClassName(slotFns.indicator(), props.classNames?.indicator)\"\n      >\n        <!-- Indeterminate: dash icon -->\n        <svg\n          v-if=\"props.isIndeterminate\"\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=\"3\"\n          stroke-linecap=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line\n            x1=\"5\"\n            y1=\"12\"\n            x2=\"19\"\n            y2=\"12\"\n          />\n        </svg>\n        <!-- Checked: check icon -->\n        <svg\n          v-else\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=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </CheckboxIndicator>\n    </span>\n    <span :class=\"composeClassName(slotFns.content(), props.classNames?.content)\">\n      <slot />\n    </span>\n  </CheckboxRoot>\n</template>\n"],"mappings":""}