@auronui/vue 1.3.0 → 1.4.0

package/dist/components/tree/Tree.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 { treeContextKey } from "./Tree.context.js";
 import { computed, createBlock, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, provide, renderSlot, unref, withCtx } from "vue";
 import { treeVariants } from "@auronui/styles";
@@ -39,7 +40,14 @@ var Tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		},
 		classNames: {},
 		dir: {},
-		disabled: { type: Boolean },
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
 		bubbleSelect: { type: Boolean },
 		as: {},
 		asChild: { type: Boolean }
@@ -49,6 +57,7 @@ var Tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		const props = __props;
 		const emit = __emit;
 		const slotFns = computed(() => treeVariants({ size: props.size }));
+		const isDisabled = useDeprecatedBooleanProp("Tree", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		provide(treeContextKey, {
 			size: computed(() => props.size ?? "md"),
 			getChildren: (item) => props.getChildren?.(item)
@@ -66,7 +75,7 @@ var Tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				"selection-behavior": __props.selectionBehavior,
 				"propagate-select": __props.propagateSelect,
 				dir: props.dir,
-				disabled: props.disabled,
+				disabled: unref(isDisabled),
 				"bubble-select": props.bubbleSelect,
 				as: props.as,
 				"as-child": props.asChild,

package/dist/components/tree/Tree.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tree/Tree.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed, provide } from 'vue'\nimport { TreeRoot } from 'reka-ui'\nimport { treeVariants, type TreeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  items?: T[]\n  modelValue?: T | T[]\n  defaultValue?: T | T[]\n  expanded?: string[]\n  defaultExpanded?: string[]\n  getKey: (item: T) => string\n  getChildren?: (item: T) => T[] | undefined\n  multiple?: boolean\n  selectionBehavior?: 'toggle' | 'replace'\n  propagateSelect?: boolean\n  size?: TreeVariants['size']\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    root: ClassValue\n  }>\n  /** Text direction */\n  dir?: 'ltr' | 'rtl'\n  /** Whether the entire tree is disabled */\n  disabled?: boolean\n  /** Whether selection bubbles up to parent nodes */\n  bubbleSelect?: boolean\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>(), {\n  items: () => [],\n  modelValue: undefined,\n  defaultValue: undefined,\n  expanded: undefined,\n  defaultExpanded: () => [],\n  getChildren: (item: T) => item.children as T[] | undefined,\n  multiple: false,\n  selectionBehavior: 'toggle',\n  propagateSelect: false,\n  size: 'md',\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: T | T[]]\n  'update:expanded': [value: string[]]\n}>()\n\nconst slotFns = computed(() => treeVariants({ size: props.size }))\n\nprovide(treeContextKey, {\n  size: computed(() => props.size ?? 'md'),\n  getChildren: (item: unknown) => props.getChildren?.(item as T),\n})\n</script>\n\n<template>\n  <TreeRoot\n    :items=\"items\"\n    :get-key=\"getKey\"\n    :get-children=\"getChildren\"\n    :model-value=\"(modelValue as any)\"\n    :default-value=\"(defaultValue as any)\"\n    :expanded=\"expanded\"\n    :default-expanded=\"defaultExpanded\"\n    :multiple=\"multiple\"\n    :selection-behavior=\"selectionBehavior\"\n    :propagate-select=\"propagateSelect\"\n    :dir=\"props.dir\"\n    :disabled=\"props.disabled\"\n    :bubble-select=\"props.bubbleSelect\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.root(), props.class, props.classNames?.root)\"\n    data-slot=\"tree\"\n    @update:model-value=\"(v: any) => emit('update:modelValue', v)\"\n    @update:expanded=\"(v: string[]) => emit('update:expanded', v)\"\n  >\n    <template #default=\"slotProps\">\n      <slot v-bind=\"slotProps\" />\n    </template>\n  </TreeRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAyCd,MAAM,OAAO;EAKb,MAAM,UAAU,eAAe,aAAa,EAAE,MAAM,MAAM,MAAM,CAAC,CAAA;AAEjE,UAAQ,gBAAgB;GACtB,MAAM,eAAe,MAAM,QAAQ,KAAK;GACxC,cAAc,SAAkB,MAAM,cAAc,KAAU;GAC/D,CAAA;;uBAIC,YAwBW,MAAA,SAAA,EAAA;IAvBR,OAAO,QAAA;IACP,WAAS,QAAA;IACT,gBAAc,QAAA;IACd,eAAc,QAAA;IACd,iBAAgB,QAAA;IAChB,UAAU,QAAA;IACV,oBAAkB,QAAA;IAClB,UAAU,QAAA;IACV,sBAAoB,QAAA;IACpB,oBAAkB,QAAA;IAClB,KAAK,MAAM;IACX,UAAU,MAAM;IAChB,iBAAe,MAAM;IACrB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC5E,aAAU;IACT,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAAW,KAAI,qBAAsB,EAAC;IAC3D,qBAAe,OAAA,OAAA,OAAA,MAAG,MAAgB,KAAI,mBAAoB,EAAC;;IAEjD,SAAO,SAAE,cAAS,CAC3B,WAA2B,KAAA,QAAA,WAAA,eAAA,mBAAb,UAAS,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"Tree.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tree/Tree.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed, provide } from 'vue'\nimport { TreeRoot } from 'reka-ui'\nimport { treeVariants, type TreeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  items?: T[]\n  modelValue?: T | T[]\n  defaultValue?: T | T[]\n  expanded?: string[]\n  defaultExpanded?: string[]\n  getKey: (item: T) => string\n  getChildren?: (item: T) => T[] | undefined\n  multiple?: boolean\n  selectionBehavior?: 'toggle' | 'replace'\n  propagateSelect?: boolean\n  size?: TreeVariants['size']\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    root: ClassValue\n  }>\n  /** Text direction */\n  dir?: 'ltr' | 'rtl'\n  /** Whether the entire tree is disabled */\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Whether selection bubbles up to parent nodes */\n  bubbleSelect?: boolean\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>(), {\n  items: () => [],\n  modelValue: undefined,\n  defaultValue: undefined,\n  expanded: undefined,\n  defaultExpanded: () => [],\n  getChildren: (item: T) => item.children as T[] | undefined,\n  multiple: false,\n  selectionBehavior: 'toggle',\n  propagateSelect: false,\n  size: 'md',\n  class: undefined,\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: T | T[]]\n  'update:expanded': [value: string[]]\n}>()\n\nconst slotFns = computed(() => treeVariants({ size: props.size }))\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'Tree', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nprovide(treeContextKey, {\n  size: computed(() => props.size ?? 'md'),\n  getChildren: (item: unknown) => props.getChildren?.(item as T),\n})\n</script>\n\n<template>\n  <TreeRoot\n    :items=\"items\"\n    :get-key=\"getKey\"\n    :get-children=\"getChildren\"\n    :model-value=\"(modelValue as any)\"\n    :default-value=\"(defaultValue as any)\"\n    :expanded=\"expanded\"\n    :default-expanded=\"defaultExpanded\"\n    :multiple=\"multiple\"\n    :selection-behavior=\"selectionBehavior\"\n    :propagate-select=\"propagateSelect\"\n    :dir=\"props.dir\"\n    :disabled=\"isDisabled\"\n    :bubble-select=\"props.bubbleSelect\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.root(), props.class, props.classNames?.root)\"\n    data-slot=\"tree\"\n    @update:model-value=\"(v: any) => emit('update:modelValue', v)\"\n    @update:expanded=\"(v: string[]) => emit('update:expanded', v)\"\n  >\n    <template #default=\"slotProps\">\n      <slot v-bind=\"slotProps\" />\n    </template>\n  </TreeRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EA6Cd,MAAM,OAAO;EAKb,MAAM,UAAU,eAAe,aAAa,EAAE,MAAM,MAAM,MAAM,CAAC,CAAA;EAEjE,MAAM,aAAa,yBACjB,QAAQ,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACxE;AAEA,UAAQ,gBAAgB;GACtB,MAAM,eAAe,MAAM,QAAQ,KAAK;GACxC,cAAc,SAAkB,MAAM,cAAc,KAAU;GAC/D,CAAA;;uBAIC,YAwBW,MAAA,SAAA,EAAA;IAvBR,OAAO,QAAA;IACP,WAAS,QAAA;IACT,gBAAc,QAAA;IACd,eAAc,QAAA;IACd,iBAAgB,QAAA;IAChB,UAAU,QAAA;IACV,oBAAkB,QAAA;IAClB,UAAU,QAAA;IACV,sBAAoB,QAAA;IACpB,oBAAkB,QAAA;IAClB,KAAK,MAAM;IACX,UAAU,MAAA,WAAU;IACpB,iBAAe,MAAM;IACrB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC5E,aAAU;IACT,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAAW,KAAI,qBAAsB,EAAC;IAC3D,qBAAe,OAAA,OAAA,OAAA,MAAG,MAAgB,KAAI,mBAAoB,EAAC;;IAEjD,SAAO,SAAE,cAAS,CAC3B,WAA2B,KAAA,QAAA,WAAA,eAAA,mBAAb,UAAS,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/year-range-picker/YearRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"YearRangePicker.js","names":[],"sources":["../../../src/components/year-range-picker/YearRangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  YearRangePickerRoot,\n  YearRangePickerHeader,\n  YearRangePickerHeading,\n  YearRangePickerPrev,\n  YearRangePickerNext,\n  YearRangePickerGrid,\n  YearRangePickerGridBody,\n  YearRangePickerGridRow,\n  YearRangePickerCell,\n  YearRangePickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { yearRangePickerVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateRange | null\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isYearDisabled?: (date: DateValue) => boolean\n  isYearUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  yearsPerPage?: number\n  preventDeselect?: boolean\n  allowNonContiguousRanges?: boolean\n  maximumYears?: number\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Fix one end of the range. */\n  fixedDate?: 'start' | 'end'\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    grid: ClassValue\n    gridBody: ClassValue\n    gridRow: ClassValue\n    cell: ClassValue\n  }>\n}>(), {\n  yearsPerPage: 12,\n  preventDeselect: false,\n  allowNonContiguousRanges: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:start-value': [value: DateValue | undefined]\n}>()\n\nconst modelValue = defineModel<DateRange | null>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst slotFns = computed(() => yearRangePickerVariants())\n</script>\n\n<template>\n  <YearRangePickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue ?? undefined\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-year-disabled=\"isYearDisabled\"\n    :is-year-unavailable=\"isYearUnavailable\"\n    :locale=\"locale\"\n    :years-per-page=\"yearsPerPage\"\n    :prevent-deselect=\"preventDeselect\"\n    :allow-non-contiguous-ranges=\"allowNonContiguousRanges\"\n    :maximum-years=\"maximumYears\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :fixed-date=\"fixedDate\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:start-value=\"emit('update:start-value', $event)\"\n  >\n    <template #default=\"{ grid }\">\n      <YearRangePickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <YearRangePickerPrev\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        </YearRangePickerPrev>\n\n        <YearRangePickerHeading\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        </YearRangePickerHeading>\n\n        <YearRangePickerNext\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        </YearRangePickerNext>\n      </YearRangePickerHeader>\n\n      <YearRangePickerGrid :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\">\n        <YearRangePickerGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n          <YearRangePickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n          >\n            <YearRangePickerCell\n              v-for=\"yearValue in row\"\n              :key=\"yearValue.toString()\"\n              :date=\"yearValue\"\n            >\n              <YearRangePickerCellTrigger\n                :year=\"yearValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              />\n            </YearRangePickerCell>\n          </YearRangePickerGridRow>\n        </YearRangePickerGridBody>\n      </YearRangePickerGrid>\n    </template>\n  </YearRangePickerRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"YearRangePicker.js","names":[],"sources":["../../../src/components/year-range-picker/YearRangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  YearRangePickerRoot,\n  YearRangePickerHeader,\n  YearRangePickerHeading,\n  YearRangePickerPrev,\n  YearRangePickerNext,\n  YearRangePickerGrid,\n  YearRangePickerGridBody,\n  YearRangePickerGridRow,\n  YearRangePickerCell,\n  YearRangePickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { yearRangePickerVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateRange | null\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isYearDisabled?: (date: DateValue) => boolean\n  isYearUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  yearsPerPage?: number\n  preventDeselect?: boolean\n  allowNonContiguousRanges?: boolean\n  maximumYears?: number\n  isReadOnly?: boolean\n  /** @deprecated Use isReadOnly instead. */\n  readonly?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Fix one end of the range. */\n  fixedDate?: 'start' | 'end'\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    grid: ClassValue\n    gridBody: ClassValue\n    gridRow: ClassValue\n    cell: ClassValue\n  }>\n}>(), {\n  yearsPerPage: 12,\n  preventDeselect: false,\n  allowNonContiguousRanges: false,\n  isReadOnly: undefined,\n  readonly: undefined,\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:start-value': [value: DateValue | undefined]\n}>()\n\nconst modelValue = defineModel<DateRange | null>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'YearRangePicker', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'YearRangePicker', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => yearRangePickerVariants())\n</script>\n\n<template>\n  <YearRangePickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue ?? undefined\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-year-disabled=\"isYearDisabled\"\n    :is-year-unavailable=\"isYearUnavailable\"\n    :locale=\"locale\"\n    :years-per-page=\"yearsPerPage\"\n    :prevent-deselect=\"preventDeselect\"\n    :allow-non-contiguous-ranges=\"allowNonContiguousRanges\"\n    :maximum-years=\"maximumYears\"\n    :readonly=\"isReadOnly\"\n    :disabled=\"isDisabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :fixed-date=\"fixedDate\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:start-value=\"emit('update:start-value', $event)\"\n  >\n    <template #default=\"{ grid }\">\n      <YearRangePickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <YearRangePickerPrev\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        </YearRangePickerPrev>\n\n        <YearRangePickerHeading\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        </YearRangePickerHeading>\n\n        <YearRangePickerNext\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        </YearRangePickerNext>\n      </YearRangePickerHeader>\n\n      <YearRangePickerGrid :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\">\n        <YearRangePickerGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n          <YearRangePickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n          >\n            <YearRangePickerCell\n              v-for=\"yearValue in row\"\n              :key=\"yearValue.toString()\"\n              :date=\"yearValue\"\n            >\n              <YearRangePickerCellTrigger\n                :year=\"yearValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              />\n            </YearRangePickerCell>\n          </YearRangePickerGridRow>\n        </YearRangePickerGridBody>\n      </YearRangePickerGrid>\n    </template>\n  </YearRangePickerRoot>\n</template>\n"],"mappings":""}

package/dist/components/year-range-picker/YearRangePicker.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 { yearRangePickerVariants } from "@auronui/styles";
 import { YearRangePickerCell, YearRangePickerCellTrigger, YearRangePickerGrid, YearRangePickerGridBody, YearRangePickerGridRow, YearRangePickerHeader, YearRangePickerHeading, YearRangePickerNext, YearRangePickerPrev, YearRangePickerRoot } from "reka-ui";
@@ -23,13 +24,21 @@ var YearRangePicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			default: false
 		},
 		maximumYears: {},
+		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 },
@@ -59,6 +68,8 @@ var YearRangePicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		const emit = __emit;
 		const modelValue = useModel(__props, "modelValue");
 		const placeholderModel = useModel(__props, "placeholder");
+		const isReadOnly = useDeprecatedBooleanProp("YearRangePicker", "isReadOnly", () => props.isReadOnly, "readonly", () => props.readonly);
+		const isDisabled = useDeprecatedBooleanProp("YearRangePicker", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		const slotFns = computed(() => yearRangePickerVariants());
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(YearRangePickerRoot), {
@@ -77,8 +88,8 @@ var YearRangePicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				"prevent-deselect": __props.preventDeselect,
 				"allow-non-contiguous-ranges": __props.allowNonContiguousRanges,
 				"maximum-years": __props.maximumYears,
-				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/year-range-picker/YearRangePicker.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"YearRangePicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/year-range-picker/YearRangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  YearRangePickerRoot,\n  YearRangePickerHeader,\n  YearRangePickerHeading,\n  YearRangePickerPrev,\n  YearRangePickerNext,\n  YearRangePickerGrid,\n  YearRangePickerGridBody,\n  YearRangePickerGridRow,\n  YearRangePickerCell,\n  YearRangePickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { yearRangePickerVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateRange | null\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isYearDisabled?: (date: DateValue) => boolean\n  isYearUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  yearsPerPage?: number\n  preventDeselect?: boolean\n  allowNonContiguousRanges?: boolean\n  maximumYears?: number\n  readonly?: boolean\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Fix one end of the range. */\n  fixedDate?: 'start' | 'end'\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    grid: ClassValue\n    gridBody: ClassValue\n    gridRow: ClassValue\n    cell: ClassValue\n  }>\n}>(), {\n  yearsPerPage: 12,\n  preventDeselect: false,\n  allowNonContiguousRanges: false,\n  readonly: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<{\n  'update:start-value': [value: DateValue | undefined]\n}>()\n\nconst modelValue = defineModel<DateRange | null>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst slotFns = computed(() => yearRangePickerVariants())\n</script>\n\n<template>\n  <YearRangePickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue ?? undefined\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-year-disabled=\"isYearDisabled\"\n    :is-year-unavailable=\"isYearUnavailable\"\n    :locale=\"locale\"\n    :years-per-page=\"yearsPerPage\"\n    :prevent-deselect=\"preventDeselect\"\n    :allow-non-contiguous-ranges=\"allowNonContiguousRanges\"\n    :maximum-years=\"maximumYears\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :fixed-date=\"fixedDate\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:start-value=\"emit('update:start-value', $event)\"\n  >\n    <template #default=\"{ grid }\">\n      <YearRangePickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <YearRangePickerPrev\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        </YearRangePickerPrev>\n\n        <YearRangePickerHeading\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        </YearRangePickerHeading>\n\n        <YearRangePickerNext\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        </YearRangePickerNext>\n      </YearRangePickerHeader>\n\n      <YearRangePickerGrid :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\">\n        <YearRangePickerGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n          <YearRangePickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n          >\n            <YearRangePickerCell\n              v-for=\"yearValue in row\"\n              :key=\"yearValue.toString()\"\n              :date=\"yearValue\"\n            >\n              <YearRangePickerCellTrigger\n                :year=\"yearValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              />\n            </YearRangePickerCell>\n          </YearRangePickerGridRow>\n        </YearRangePickerGridBody>\n      </YearRangePickerGrid>\n    </template>\n  </YearRangePickerRoot>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"YearRangePicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/year-range-picker/YearRangePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n  YearRangePickerRoot,\n  YearRangePickerHeader,\n  YearRangePickerHeading,\n  YearRangePickerPrev,\n  YearRangePickerNext,\n  YearRangePickerGrid,\n  YearRangePickerGridBody,\n  YearRangePickerGridRow,\n  YearRangePickerCell,\n  YearRangePickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { yearRangePickerVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nexport interface DateRange {\n  start: DateValue\n  end: DateValue\n}\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: DateRange | null\n  defaultPlaceholder?: DateValue\n  minValue?: DateValue\n  maxValue?: DateValue\n  isYearDisabled?: (date: DateValue) => boolean\n  isYearUnavailable?: (date: DateValue) => boolean\n  locale?: string\n  yearsPerPage?: number\n  preventDeselect?: boolean\n  allowNonContiguousRanges?: boolean\n  maximumYears?: number\n  isReadOnly?: boolean\n  /** @deprecated Use isReadOnly instead. */\n  readonly?: boolean\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  calendarLabel?: string\n  /** Initial focus state. @default false */\n  initialFocus?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Navigate to next page. */\n  nextPage?: (placeholder: DateValue) => DateValue\n  /** Navigate to previous page. */\n  prevPage?: (placeholder: DateValue) => DateValue\n  /** Fix one end of the range. */\n  fixedDate?: 'start' | 'end'\n  /** Render as a different element or component. */\n  as?: string\n  /** Render child as root element. */\n  asChild?: boolean\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    base: ClassValue\n    header: ClassValue\n    navButton: ClassValue\n    navButtonIcon: ClassValue\n    heading: ClassValue\n    grid: ClassValue\n    gridBody: ClassValue\n    gridRow: ClassValue\n    cell: ClassValue\n  }>\n}>(), {\n  yearsPerPage: 12,\n  preventDeselect: false,\n  allowNonContiguousRanges: false,\n  isReadOnly: undefined,\n  readonly: undefined,\n  isDisabled: undefined,\n  disabled: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:start-value': [value: DateValue | undefined]\n}>()\n\nconst modelValue = defineModel<DateRange | null>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'YearRangePicker', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'YearRangePicker', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slotFns = computed(() => yearRangePickerVariants())\n</script>\n\n<template>\n  <YearRangePickerRoot\n    v-model=\"modelValue\"\n    v-model:placeholder=\"placeholderModel\"\n    :default-value=\"defaultValue ?? undefined\"\n    :default-placeholder=\"defaultPlaceholder\"\n    :min-value=\"minValue\"\n    :max-value=\"maxValue\"\n    :is-year-disabled=\"isYearDisabled\"\n    :is-year-unavailable=\"isYearUnavailable\"\n    :locale=\"locale\"\n    :years-per-page=\"yearsPerPage\"\n    :prevent-deselect=\"preventDeselect\"\n    :allow-non-contiguous-ranges=\"allowNonContiguousRanges\"\n    :maximum-years=\"maximumYears\"\n    :readonly=\"isReadOnly\"\n    :disabled=\"isDisabled\"\n    :calendar-label=\"calendarLabel\"\n    :initial-focus=\"initialFocus\"\n    :dir=\"dir\"\n    :next-page=\"nextPage\"\n    :prev-page=\"prevPage\"\n    :fixed-date=\"fixedDate\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:start-value=\"emit('update:start-value', $event)\"\n  >\n    <template #default=\"{ grid }\">\n      <YearRangePickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n        <YearRangePickerPrev\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        </YearRangePickerPrev>\n\n        <YearRangePickerHeading\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        </YearRangePickerHeading>\n\n        <YearRangePickerNext\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        </YearRangePickerNext>\n      </YearRangePickerHeader>\n\n      <YearRangePickerGrid :class=\"composeClassName(slotFns.grid(), props.classNames?.grid)\">\n        <YearRangePickerGridBody :class=\"composeClassName(slotFns.gridBody(), props.classNames?.gridBody)\">\n          <YearRangePickerGridRow\n            v-for=\"(row, rowIndex) in grid.rows\"\n            :key=\"rowIndex\"\n            :class=\"composeClassName(slotFns.gridRow(), props.classNames?.gridRow)\"\n          >\n            <YearRangePickerCell\n              v-for=\"yearValue in row\"\n              :key=\"yearValue.toString()\"\n              :date=\"yearValue\"\n            >\n              <YearRangePickerCellTrigger\n                :year=\"yearValue\"\n                as=\"button\"\n                :class=\"composeClassName(slotFns.cell(), props.classNames?.cell)\"\n              />\n            </YearRangePickerCell>\n          </YearRangePickerGridRow>\n        </YearRangePickerGridBody>\n      </YearRangePickerGrid>\n    </template>\n  </YearRangePickerRoot>\n</template>\n"],"mappings":"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"}

package/dist/composables/useDeprecatedBooleanProp.js

@@ -0,0 +1,43 @@
+import "../utils/warnDeprecated.js";
+import { computed } from "vue";
+//#region src/composables/useDeprecatedBooleanProp.ts
+/**
+* Resolves a canonical `isX`-style boolean prop against its deprecated
+* bare-named predecessor (e.g. `isDisabled` vs `disabled`), preferring the
+* canonical prop when both are set and warning (dev-only, deduped) when the
+* deprecated prop is used.
+*
+* Values are read via getters — not passed directly — so the returned
+* computed stays reactive to prop changes. Reading `props.x` outside a
+* reactive effect copies out a primitive snapshot that never updates; the
+* getter defers that read until the computed's own effect runs.
+*
+* @example
+* ```ts
+* const isDisabled = useDeprecatedBooleanProp(
+*   'Switch', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,
+* )
+* ```
+*
+* `fallback` may also be a getter (`() => boolean`) for cases where the fallback itself
+* must stay reactive — e.g. falling through to a parent context's resolved value when
+* both the canonical and deprecated props are unset:
+* ```ts
+* const isDisabled = useDeprecatedBooleanProp(
+*   'AutocompleteInput', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,
+*   () => ctx.isDisabled.value,
+* )
+* ```
+*/
+function useDeprecatedBooleanProp(component, canonicalName, getCanonical, deprecatedName, getDeprecated, fallback = false) {
+	return computed(() => {
+		const deprecatedValue = getDeprecated();
+		if (deprecatedValue !== void 0);
+		const resolvedFallback = typeof fallback === "function" ? fallback() : fallback;
+		return getCanonical() ?? deprecatedValue ?? resolvedFallback;
+	});
+}
+//#endregion
+export { useDeprecatedBooleanProp };
+
+//# sourceMappingURL=useDeprecatedBooleanProp.js.map

package/dist/composables/useDeprecatedBooleanProp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeprecatedBooleanProp.js","names":[],"sources":["../../src/composables/useDeprecatedBooleanProp.ts"],"sourcesContent":["import { computed, type ComputedRef } from \"vue\";\nimport { warnDeprecatedProp } from \"../utils/warnDeprecated\";\n\n/**\n * Resolves a canonical `isX`-style boolean prop against its deprecated\n * bare-named predecessor (e.g. `isDisabled` vs `disabled`), preferring the\n * canonical prop when both are set and warning (dev-only, deduped) when the\n * deprecated prop is used.\n *\n * Values are read via getters — not passed directly — so the returned\n * computed stays reactive to prop changes. Reading `props.x` outside a\n * reactive effect copies out a primitive snapshot that never updates; the\n * getter defers that read until the computed's own effect runs.\n *\n * @example\n * ```ts\n * const isDisabled = useDeprecatedBooleanProp(\n *   'Switch', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n * )\n * ```\n *\n * `fallback` may also be a getter (`() => boolean`) for cases where the fallback itself\n * must stay reactive — e.g. falling through to a parent context's resolved value when\n * both the canonical and deprecated props are unset:\n * ```ts\n * const isDisabled = useDeprecatedBooleanProp(\n *   'AutocompleteInput', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n *   () => ctx.isDisabled.value,\n * )\n * ```\n */\nexport function useDeprecatedBooleanProp(\n  component: string,\n  canonicalName: string,\n  getCanonical: () => boolean | undefined,\n  deprecatedName: string,\n  getDeprecated: () => boolean | undefined,\n  fallback: boolean | (() => boolean) = false,\n): ComputedRef<boolean> {\n  return computed(() => {\n    const deprecatedValue = getDeprecated();\n    if (deprecatedValue !== undefined) {\n      warnDeprecatedProp(component, deprecatedName, canonicalName);\n    }\n    const resolvedFallback = typeof fallback === \"function\" ? fallback() : fallback;\n    return getCanonical() ?? deprecatedValue ?? resolvedFallback;\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,yBACd,WACA,eACA,cACA,gBACA,eACA,WAAsC,OAChB;AACtB,QAAO,eAAe;EACpB,MAAM,kBAAkB,eAAe;AACvC,MAAI,oBAAoB,KAAA;EAGxB,MAAM,mBAAmB,OAAO,aAAa,aAAa,UAAU,GAAG;AACvE,SAAO,cAAc,IAAI,mBAAmB;GAC5C"}

package/dist/composables/useFormField.js

@@ -0,0 +1,50 @@
+import { computed } from "vue";
+//#region src/composables/useFormField.ts
+/**
+* Shared "labelled field with helper/error" state machine used by every
+* form-field component (Input, Textarea, Select, Autocomplete, and the
+* date/time field family). Centralizes description/error precedence,
+* aria-describedby wiring, label-placement visibility, and the field's
+* 6 root data-attributes.
+*
+* All inputs are getters — not passed by value — so the returned computeds
+* stay reactive. `fieldId` must be the caller's already-resolved field id
+* (the one that honors a caller-supplied `id` attribute), never a raw
+* internal id generator, or aria-describedby silently stops tracking an
+* overridden `id`.
+*/
+function useFormField(input) {
+	const descriptionId = computed(() => `${input.fieldId()}-description`);
+	const errorMessageId = computed(() => `${input.fieldId()}-error`);
+	const showError = computed(() => input.isInvalid() && !!input.errorMessage());
+	const showDescription = computed(() => !!input.description() && !showError.value);
+	const hasHelper = computed(() => showError.value || showDescription.value);
+	const ariaDescribedBy = computed(() => {
+		if (showError.value) return errorMessageId.value;
+		if (showDescription.value) return descriptionId.value;
+	});
+	const hasLabel = computed(() => !!input.label());
+	return {
+		descriptionId,
+		errorMessageId,
+		showError,
+		showDescription,
+		hasHelper,
+		ariaDescribedBy,
+		hasLabel,
+		showOutsideLabel: computed(() => hasLabel.value && input.labelPlacement() !== "inside"),
+		showInsideLabel: computed(() => hasLabel.value && input.labelPlacement() === "inside"),
+		rootDataAttrs: computed(() => ({
+			"data-invalid": input.isInvalid() || void 0,
+			"data-disabled": input.isDisabled() || void 0,
+			"data-readonly": input.isReadOnly() || void 0,
+			"data-required": input.isRequired() || void 0,
+			"data-has-label": hasLabel.value || void 0,
+			"data-has-helper": hasHelper.value || void 0
+		}))
+	};
+}
+//#endregion
+export { useFormField };
+
+//# sourceMappingURL=useFormField.js.map

package/dist/composables/useFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormField.js","names":[],"sources":["../../src/composables/useFormField.ts"],"sourcesContent":["import { computed, type ComputedRef } from \"vue\";\n\nexport interface UseFormFieldInput {\n  fieldId: () => string;\n  label: () => string | undefined;\n  description: () => string | undefined;\n  errorMessage: () => string | undefined;\n  isInvalid: () => boolean;\n  isDisabled: () => boolean;\n  isReadOnly: () => boolean;\n  isRequired: () => boolean;\n  labelPlacement: () => \"inside\" | \"outside\" | \"outside-left\";\n}\n\nexport interface UseFormFieldReturn {\n  descriptionId: ComputedRef<string>;\n  errorMessageId: ComputedRef<string>;\n  showError: ComputedRef<boolean>;\n  showDescription: ComputedRef<boolean>;\n  hasHelper: ComputedRef<boolean>;\n  ariaDescribedBy: ComputedRef<string | undefined>;\n  hasLabel: ComputedRef<boolean>;\n  showOutsideLabel: ComputedRef<boolean>;\n  showInsideLabel: ComputedRef<boolean>;\n  rootDataAttrs: ComputedRef<Record<string, boolean | undefined>>;\n}\n\n/**\n * Shared \"labelled field with helper/error\" state machine used by every\n * form-field component (Input, Textarea, Select, Autocomplete, and the\n * date/time field family). Centralizes description/error precedence,\n * aria-describedby wiring, label-placement visibility, and the field's\n * 6 root data-attributes.\n *\n * All inputs are getters — not passed by value — so the returned computeds\n * stay reactive. `fieldId` must be the caller's already-resolved field id\n * (the one that honors a caller-supplied `id` attribute), never a raw\n * internal id generator, or aria-describedby silently stops tracking an\n * overridden `id`.\n */\nexport function useFormField(input: UseFormFieldInput): UseFormFieldReturn {\n  const descriptionId = computed(() => `${input.fieldId()}-description`);\n  const errorMessageId = computed(() => `${input.fieldId()}-error`);\n  const showError = computed(() => input.isInvalid() && !!input.errorMessage());\n  const showDescription = computed(() => !!input.description() && !showError.value);\n  const hasHelper = computed(() => showError.value || showDescription.value);\n  const ariaDescribedBy = computed<string | undefined>(() => {\n    if (showError.value) return errorMessageId.value;\n    if (showDescription.value) return descriptionId.value;\n    return undefined;\n  });\n  const hasLabel = computed(() => !!input.label());\n  const showOutsideLabel = computed(() => hasLabel.value && input.labelPlacement() !== \"inside\");\n  const showInsideLabel = computed(() => hasLabel.value && input.labelPlacement() === \"inside\");\n  const rootDataAttrs = computed<Record<string, boolean | undefined>>(() => ({\n    \"data-invalid\": input.isInvalid() || undefined,\n    \"data-disabled\": input.isDisabled() || undefined,\n    \"data-readonly\": input.isReadOnly() || undefined,\n    \"data-required\": input.isRequired() || undefined,\n    \"data-has-label\": hasLabel.value || undefined,\n    \"data-has-helper\": hasHelper.value || undefined,\n  }));\n\n  return {\n    descriptionId,\n    errorMessageId,\n    showError,\n    showDescription,\n    hasHelper,\n    ariaDescribedBy,\n    hasLabel,\n    showOutsideLabel,\n    showInsideLabel,\n    rootDataAttrs,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwCA,SAAgB,aAAa,OAA8C;CACzE,MAAM,gBAAgB,eAAe,GAAG,MAAM,SAAS,CAAC,cAAc;CACtE,MAAM,iBAAiB,eAAe,GAAG,MAAM,SAAS,CAAC,QAAQ;CACjE,MAAM,YAAY,eAAe,MAAM,WAAW,IAAI,CAAC,CAAC,MAAM,cAAc,CAAC;CAC7E,MAAM,kBAAkB,eAAe,CAAC,CAAC,MAAM,aAAa,IAAI,CAAC,UAAU,MAAM;CACjF,MAAM,YAAY,eAAe,UAAU,SAAS,gBAAgB,MAAM;CAC1E,MAAM,kBAAkB,eAAmC;AACzD,MAAI,UAAU,MAAO,QAAO,eAAe;AAC3C,MAAI,gBAAgB,MAAO,QAAO,cAAc;GAEhD;CACF,MAAM,WAAW,eAAe,CAAC,CAAC,MAAM,OAAO,CAAC;AAYhD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAnBuB,eAAe,SAAS,SAAS,MAAM,gBAAgB,KAAK,SAAS;EAoB5F,iBAnBsB,eAAe,SAAS,SAAS,MAAM,gBAAgB,KAAK,SAAS;EAoB3F,eAnBoB,gBAAqD;GACzE,gBAAgB,MAAM,WAAW,IAAI,KAAA;GACrC,iBAAiB,MAAM,YAAY,IAAI,KAAA;GACvC,iBAAiB,MAAM,YAAY,IAAI,KAAA;GACvC,iBAAiB,MAAM,YAAY,IAAI,KAAA;GACvC,kBAAkB,SAAS,SAAS,KAAA;GACpC,mBAAmB,UAAU,SAAS,KAAA;GACvC,EAAE;EAaF"}