@auronui/vue 1.2.2 → 1.4.0

package/dist/components/dropdown/DropdownCheckboxItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownCheckboxItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownCheckboxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuCheckboxItem, DropdownMenuItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n  /** Controlled checked state. */\n  modelValue?: boolean\n  /** Whether this item is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  class: undefined,\n  modelValue: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n  'update:modelValue': [value: boolean]\n}>()\n\nconst isSelected = defineModel<boolean>('isSelected', { default: false })\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuCheckboxItem\n    :model-value=\"props.modelValue ?? isSelected\"\n    :text-value=\"props.textValue\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @update:model-value=\"isSelected = $event; emit('update:modelValue', $event)\"\n    @select=\"emit('select', $event)\"\n  >\n    <DropdownMenuItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Checkmark indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"10\"\n        height=\"10\"\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        data-slot=\"menu-item-indicator--checkmark\"\n        aria-hidden=\"true\"\n      >\n        <polyline points=\"20 6 9 17 4 12\" />\n      </svg>\n    </DropdownMenuItemIndicator>\n\n    <slot />\n  </DropdownMenuCheckboxItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAwBd,MAAM,OAAO;EAKb,MAAM,aAAa,SAAoB,SAAC,aAAgC;EAExE,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;;uBAIvD,YAiC2B,MAAA,yBAAA,EAAA;IAhCxB,eAAa,MAAM,cAAc,WAAA;IACjC,cAAY,MAAM;IAClB,UAAU,MAAM,YAAY,MAAM;IAClC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAA;AAAE,gBAAA,QAAa;AAAQ,UAAI,qBAAsB,OAAM;;IACzE,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAsBF,CApB5B,YAoB4B,MAAA,0BAAA,EAAA;KAnBzB,OAAK,eAAE,MAAA,MAAK,CAAC,WAAS,CAAA;KACvB,eAAA;;4BAiBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAdN,mBAcM,OAAA;MAbJ,OAAM;MACN,OAAM;MACN,QAAO;MACP,SAAQ;MACR,MAAK;MACL,QAAO;MACP,gBAAa;MACb,kBAAe;MACf,mBAAgB;MAChB,aAAU;MACV,eAAY;SAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA;;sBAIrC,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"DropdownCheckboxItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownCheckboxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuCheckboxItem, DropdownMenuItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n  /** Controlled checked state. */\n  modelValue?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: undefined,\n  variant: 'default',\n  class: undefined,\n  modelValue: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n  'update:modelValue': [value: boolean]\n}>()\n\nconst isSelected = defineModel<boolean>('isSelected', { default: false })\n\nconst slots = menuItemVariants({ variant: props.variant })\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'DropdownCheckboxItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <DropdownMenuCheckboxItem\n    :model-value=\"props.modelValue ?? isSelected\"\n    :text-value=\"props.textValue\"\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @update:model-value=\"isSelected = $event; emit('update:modelValue', $event)\"\n    @select=\"emit('select', $event)\"\n  >\n    <DropdownMenuItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Checkmark indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"10\"\n        height=\"10\"\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        data-slot=\"menu-item-indicator--checkmark\"\n        aria-hidden=\"true\"\n      >\n        <polyline points=\"20 6 9 17 4 12\" />\n      </svg>\n    </DropdownMenuItemIndicator>\n\n    <slot />\n  </DropdownMenuCheckboxItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAwBd,MAAM,OAAO;EAKb,MAAM,aAAa,SAAoB,SAAC,aAAgC;EAExE,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;EAEzD,MAAM,aAAa,yBACjB,wBAAwB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACxF;;uBAIE,YAiC2B,MAAA,yBAAA,EAAA;IAhCxB,eAAa,MAAM,cAAc,WAAA;IACjC,cAAY,MAAM;IAClB,UAAU,MAAA,WAAU;IACpB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAA;AAAE,gBAAA,QAAa;AAAQ,UAAI,qBAAsB,OAAM;;IACzE,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAsBF,CApB5B,YAoB4B,MAAA,0BAAA,EAAA;KAnBzB,OAAK,eAAE,MAAA,MAAK,CAAC,WAAS,CAAA;KACvB,eAAA;;4BAiBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAdN,mBAcM,OAAA;MAbJ,OAAM;MACN,OAAM;MACN,QAAO;MACP,SAAQ;MACR,MAAK;MACL,QAAO;MACP,gBAAa;MACb,kBAAe;MACf,mBAAgB;MAChB,aAAU;MACV,eAAY;SAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA;;sBAIrC,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/dropdown/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","names":[],"sources":["../../../src/components/dropdown/DropdownItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuItem } from 'reka-ui'\nimport { menuItemVariants, type MenuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: MenuItemVariants['variant']\n  shortcut?: string\n  description?: string\n  class?: string\n  /** Whether this item is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  shortcut: undefined,\n  description: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuItem\n    :text-value=\"props.textValue\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot name=\"startContent\" />\n\n    <div class=\"flex flex-1 flex-col\">\n      <span data-slot=\"label\">\n        <slot />\n      </span>\n      <span\n        v-if=\"props.description\"\n        data-slot=\"description\"\n      >\n        {{ props.description }}\n      </span>\n    </div>\n\n    <kbd\n      v-if=\"props.shortcut\"\n      data-slot=\"shortcut\"\n      class=\"ml-auto text-xs text-muted font-mono\"\n    >\n      {{ props.shortcut }}\n    </kbd>\n\n    <slot name=\"endContent\" />\n  </DropdownMenuItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DropdownItem.js","names":[],"sources":["../../../src/components/dropdown/DropdownItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuItem } from 'reka-ui'\nimport { menuItemVariants, type MenuItemVariants } from '@auronui/styles'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: MenuItemVariants['variant']\n  shortcut?: string\n  description?: string\n  class?: string\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: undefined,\n  variant: 'default',\n  shortcut: undefined,\n  description: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'DropdownItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <DropdownMenuItem\n    :text-value=\"props.textValue\"\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot name=\"startContent\" />\n\n    <div class=\"flex flex-1 flex-col\">\n      <span data-slot=\"label\">\n        <slot />\n      </span>\n      <span\n        v-if=\"props.description\"\n        data-slot=\"description\"\n      >\n        {{ props.description }}\n      </span>\n    </div>\n\n    <!-- Raw <kbd> (not <Kbd>): a menu shortcut renders as plain muted text; <Kbd> applies a\n         boxed keycap style that would break visual parity with HeroUI's menu shortcuts. -->\n    <kbd\n      v-if=\"props.shortcut\"\n      data-slot=\"shortcut\"\n      class=\"ml-auto text-xs text-muted font-mono\"\n    >\n      {{ props.shortcut }}\n    </kbd>\n\n    <slot name=\"endContent\" />\n  </DropdownMenuItem>\n</template>\n"],"mappings":""}

package/dist/components/dropdown/DropdownItem.vue_vue_type_script_setup_true_lang.js

@@ -1,3 +1,4 @@
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 import { menuItemVariants } from "@auronui/styles";
 import { DropdownMenuItem } from "reka-ui";
@@ -19,7 +20,7 @@ var DropdownItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		textValue: { default: void 0 },
 		isDisabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		variant: { default: "default" },
 		shortcut: { default: void 0 },
@@ -40,10 +41,11 @@ var DropdownItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		const props = __props;
 		const emit = __emit;
 		const slots = menuItemVariants({ variant: props.variant });
+		const isDisabled = useDeprecatedBooleanProp("DropdownItem", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DropdownMenuItem), {
 				"text-value": props.textValue,
-				disabled: props.disabled ?? props.isDisabled,
+				disabled: unref(isDisabled),
 				as: props.as,
 				"as-child": props.asChild,
 				class: normalizeClass([unref(slots).item(), props.class]),

package/dist/components/dropdown/DropdownItem.vue_vue_type_script_setup_true_lang.js.map

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

package/dist/components/dropdown/DropdownRadioItem.js.map

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

package/dist/components/dropdown/DropdownRadioItem.vue_vue_type_script_setup_true_lang.js

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

package/dist/components/dropdown/DropdownRadioItem.vue_vue_type_script_setup_true_lang.js.map

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

package/dist/components/dropdown/DropdownSubTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownSubTrigger.js","names":[],"sources":["../../../src/components/dropdown/DropdownSubTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useTemplateRef, watchEffect, onUnmounted } from 'vue'\nimport { DropdownMenuSubTrigger } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\nimport { useDropdownSubInject } from './DropdownSub.context'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  textValue?: string\n  class?: string\n  /** Whether this trigger is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  isDisabled: false,\n  textValue: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst subCtx = useDropdownSubInject()\nconst slots = menuItemVariants({ variant: 'default' })\nconst triggerRef = useTemplateRef<InstanceType<typeof DropdownMenuSubTrigger>>('trigger')\n\nfunction blockHover(e: Event) {\n  e.stopImmediatePropagation()\n}\n\nlet cleanup: (() => void) | null = null\n\nwatchEffect(() => {\n  cleanup?.()\n  cleanup = null\n  if (!subCtx.openOnHover.value) {\n    const el = (triggerRef.value as { $el?: HTMLElement } | null)?.$el ?? triggerRef.value\n    if (el) {\n      (el as HTMLButtonElement).addEventListener('pointermove', blockHover, true)\n      cleanup = () => (el as HTMLButtonElement).removeEventListener('pointermove', blockHover, true)\n    }\n  }\n})\n\nonUnmounted(() => cleanup?.())\n\nfunction handleClick() {\n  if (!subCtx.openOnHover.value) subCtx.setOpen(!subCtx.open.value)\n}\n</script>\n\n<template>\n  <DropdownMenuSubTrigger\n    ref=\"trigger\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :text-value=\"props.textValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @click=\"handleClick\"\n  >\n    <slot />\n    <span\n      :class=\"slots.submenuIndicator()\"\n      aria-hidden=\"true\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"submenu-indicator\"\n      >\n        <polyline points=\"9 18 15 12 9 6\" />\n      </svg>\n    </span>\n  </DropdownMenuSubTrigger>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DropdownSubTrigger.js","names":[],"sources":["../../../src/components/dropdown/DropdownSubTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useTemplateRef, watchEffect, onUnmounted } from 'vue'\nimport { DropdownMenuSubTrigger } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\nimport { useDropdownSubInject } from './DropdownSub.context'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  textValue?: string\n  class?: string\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  isDisabled: undefined,\n  textValue: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'DropdownSubTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst subCtx = useDropdownSubInject()\nconst slots = menuItemVariants({ variant: 'default' })\nconst triggerRef = useTemplateRef<InstanceType<typeof DropdownMenuSubTrigger>>('trigger')\n\nfunction blockHover(e: Event) {\n  e.stopImmediatePropagation()\n}\n\nlet cleanup: (() => void) | null = null\n\nwatchEffect(() => {\n  cleanup?.()\n  cleanup = null\n  if (!subCtx.openOnHover.value) {\n    const el = (triggerRef.value as { $el?: HTMLElement } | null)?.$el ?? triggerRef.value\n    if (el) {\n      (el as HTMLButtonElement).addEventListener('pointermove', blockHover, true)\n      cleanup = () => (el as HTMLButtonElement).removeEventListener('pointermove', blockHover, true)\n    }\n  }\n})\n\nonUnmounted(() => cleanup?.())\n\nfunction handleClick() {\n  if (!subCtx.openOnHover.value) subCtx.setOpen(!subCtx.open.value)\n}\n</script>\n\n<template>\n  <DropdownMenuSubTrigger\n    ref=\"trigger\"\n    :disabled=\"isDisabled\"\n    :text-value=\"props.textValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @click=\"handleClick\"\n  >\n    <slot />\n    <span\n      :class=\"slots.submenuIndicator()\"\n      aria-hidden=\"true\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"submenu-indicator\"\n      >\n        <polyline points=\"9 18 15 12 9 6\" />\n      </svg>\n    </span>\n  </DropdownMenuSubTrigger>\n</template>\n"],"mappings":""}

package/dist/components/dropdown/DropdownSubTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1,3 +1,4 @@
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { useDropdownSubInject } from "./DropdownSub.context.js";
 import { createBlock, createElementVNode, defineComponent, normalizeClass, onUnmounted, openBlock, renderSlot, unref, useTemplateRef, watchEffect, withCtx } from "vue";
 import { menuItemVariants } from "@auronui/styles";
@@ -8,7 +9,7 @@ var DropdownSubTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 	props: {
 		isDisabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		textValue: { default: void 0 },
 		class: { default: void 0 },
@@ -24,6 +25,7 @@ var DropdownSubTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 	},
 	setup(__props) {
 		const props = __props;
+		const isDisabled = useDeprecatedBooleanProp("DropdownSubTrigger", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		const subCtx = useDropdownSubInject();
 		const slots = menuItemVariants({ variant: "default" });
 		const triggerRef = useTemplateRef("trigger");
@@ -49,7 +51,7 @@ var DropdownSubTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DropdownMenuSubTrigger), {
 				ref: "trigger",
-				disabled: props.disabled ?? props.isDisabled,
+				disabled: unref(isDisabled),
 				"text-value": props.textValue,
 				as: props.as,
 				"as-child": props.asChild,

package/dist/components/dropdown/DropdownSubTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownSubTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownSubTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useTemplateRef, watchEffect, onUnmounted } from 'vue'\nimport { DropdownMenuSubTrigger } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\nimport { useDropdownSubInject } from './DropdownSub.context'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  textValue?: string\n  class?: string\n  /** Whether this trigger is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  isDisabled: false,\n  textValue: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst subCtx = useDropdownSubInject()\nconst slots = menuItemVariants({ variant: 'default' })\nconst triggerRef = useTemplateRef<InstanceType<typeof DropdownMenuSubTrigger>>('trigger')\n\nfunction blockHover(e: Event) {\n  e.stopImmediatePropagation()\n}\n\nlet cleanup: (() => void) | null = null\n\nwatchEffect(() => {\n  cleanup?.()\n  cleanup = null\n  if (!subCtx.openOnHover.value) {\n    const el = (triggerRef.value as { $el?: HTMLElement } | null)?.$el ?? triggerRef.value\n    if (el) {\n      (el as HTMLButtonElement).addEventListener('pointermove', blockHover, true)\n      cleanup = () => (el as HTMLButtonElement).removeEventListener('pointermove', blockHover, true)\n    }\n  }\n})\n\nonUnmounted(() => cleanup?.())\n\nfunction handleClick() {\n  if (!subCtx.openOnHover.value) subCtx.setOpen(!subCtx.open.value)\n}\n</script>\n\n<template>\n  <DropdownMenuSubTrigger\n    ref=\"trigger\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :text-value=\"props.textValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @click=\"handleClick\"\n  >\n    <slot />\n    <span\n      :class=\"slots.submenuIndicator()\"\n      aria-hidden=\"true\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"submenu-indicator\"\n      >\n        <polyline points=\"9 18 15 12 9 6\" />\n      </svg>\n    </span>\n  </DropdownMenuSubTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAmBd,MAAM,SAAS,sBAAqB;EACpC,MAAM,QAAQ,iBAAiB,EAAE,SAAS,WAAW,CAAA;EACrD,MAAM,aAAa,eAA4D,UAAS;EAExF,SAAS,WAAW,GAAU;AAC5B,KAAE,0BAAyB;;EAG7B,IAAI,UAA+B;AAEnC,oBAAkB;AAChB,cAAU;AACV,aAAU;AACV,OAAI,CAAC,OAAO,YAAY,OAAO;IAC7B,MAAM,KAAM,WAAW,OAAwC,OAAO,WAAW;AACjF,QAAI,IAAI;AACL,QAAyB,iBAAiB,eAAe,YAAY,KAAI;AAC1E,qBAAiB,GAAyB,oBAAoB,eAAe,YAAY,KAAI;;;IAGlG;AAED,oBAAkB,WAAW,CAAA;EAE7B,SAAS,cAAc;AACrB,OAAI,CAAC,OAAO,YAAY,MAAO,QAAO,QAAQ,CAAC,OAAO,KAAK,MAAK;;;uBAKhE,YA6ByB,MAAA,uBAAA,EAAA;IA5BvB,KAAI;IACH,UAAU,MAAM,YAAY,MAAM;IAClC,cAAY,MAAM;IAClB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,SAAO;;2BAEA,CAAR,WAAQ,KAAA,QAAA,UAAA,EACR,mBAkBO,QAAA;KAjBJ,OAAK,eAAE,MAAA,MAAK,CAAC,kBAAgB,CAAA;KAC9B,eAAY;sCAEZ,mBAaM,OAAA;KAZJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,aAAU;QAEV,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"DropdownSubTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownSubTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useTemplateRef, watchEffect, onUnmounted } from 'vue'\nimport { DropdownMenuSubTrigger } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\nimport { useDropdownSubInject } from './DropdownSub.context'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  isDisabled?: boolean\n  textValue?: string\n  class?: string\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  isDisabled: undefined,\n  textValue: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'DropdownSubTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst subCtx = useDropdownSubInject()\nconst slots = menuItemVariants({ variant: 'default' })\nconst triggerRef = useTemplateRef<InstanceType<typeof DropdownMenuSubTrigger>>('trigger')\n\nfunction blockHover(e: Event) {\n  e.stopImmediatePropagation()\n}\n\nlet cleanup: (() => void) | null = null\n\nwatchEffect(() => {\n  cleanup?.()\n  cleanup = null\n  if (!subCtx.openOnHover.value) {\n    const el = (triggerRef.value as { $el?: HTMLElement } | null)?.$el ?? triggerRef.value\n    if (el) {\n      (el as HTMLButtonElement).addEventListener('pointermove', blockHover, true)\n      cleanup = () => (el as HTMLButtonElement).removeEventListener('pointermove', blockHover, true)\n    }\n  }\n})\n\nonUnmounted(() => cleanup?.())\n\nfunction handleClick() {\n  if (!subCtx.openOnHover.value) subCtx.setOpen(!subCtx.open.value)\n}\n</script>\n\n<template>\n  <DropdownMenuSubTrigger\n    ref=\"trigger\"\n    :disabled=\"isDisabled\"\n    :text-value=\"props.textValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @click=\"handleClick\"\n  >\n    <slot />\n    <span\n      :class=\"slots.submenuIndicator()\"\n      aria-hidden=\"true\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"submenu-indicator\"\n      >\n        <polyline points=\"9 18 15 12 9 6\" />\n      </svg>\n    </span>\n  </DropdownMenuSubTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAmBd,MAAM,aAAa,yBACjB,sBAAsB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACtF;EAEA,MAAM,SAAS,sBAAqB;EACpC,MAAM,QAAQ,iBAAiB,EAAE,SAAS,WAAW,CAAA;EACrD,MAAM,aAAa,eAA4D,UAAS;EAExF,SAAS,WAAW,GAAU;AAC5B,KAAE,0BAAyB;;EAG7B,IAAI,UAA+B;AAEnC,oBAAkB;AAChB,cAAU;AACV,aAAU;AACV,OAAI,CAAC,OAAO,YAAY,OAAO;IAC7B,MAAM,KAAM,WAAW,OAAwC,OAAO,WAAW;AACjF,QAAI,IAAI;AACL,QAAyB,iBAAiB,eAAe,YAAY,KAAI;AAC1E,qBAAiB,GAAyB,oBAAoB,eAAe,YAAY,KAAI;;;IAGlG;AAED,oBAAkB,WAAW,CAAA;EAE7B,SAAS,cAAc;AACrB,OAAI,CAAC,OAAO,YAAY,MAAO,QAAO,QAAQ,CAAC,OAAO,KAAK,MAAK;;;uBAKhE,YA6ByB,MAAA,uBAAA,EAAA;IA5BvB,KAAI;IACH,UAAU,MAAA,WAAU;IACpB,cAAY,MAAM;IAClB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,SAAO;;2BAEA,CAAR,WAAQ,KAAA,QAAA,UAAA,EACR,mBAkBO,QAAA;KAjBJ,OAAK,eAAE,MAAA,MAAK,CAAC,kBAAgB,CAAA;KAC9B,eAAY;sCAEZ,mBAaM,OAAA;KAZJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,aAAU;QAEV,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/dropdown/DropdownTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownTrigger.js","names":[],"sources":["../../../src/components/dropdown/DropdownTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuTrigger } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  /** Whether the trigger is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  disabled: undefined,\n  as: undefined,\n  asChild: true,\n})\n</script>\n\n<template>\n  <DropdownMenuTrigger\n    :disabled=\"props.disabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n  >\n    <slot />\n  </DropdownMenuTrigger>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DropdownTrigger.js","names":[],"sources":["../../../src/components/dropdown/DropdownTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuTrigger } from 'reka-ui'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  /** Whether the trigger is disabled. */\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: true,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'DropdownTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <DropdownMenuTrigger\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n  >\n    <slot />\n  </DropdownMenuTrigger>\n</template>\n"],"mappings":""}

package/dist/components/dropdown/DropdownTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,14 @@
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
 import { DropdownMenuTrigger } from "reka-ui";
 //#region src/components/dropdown/DropdownTrigger.vue?vue&type=script&setup=true&lang.ts
 var DropdownTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "DropdownTrigger",
 	props: {
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
 			default: void 0
@@ -16,9 +21,10 @@ var DropdownTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 	},
 	setup(__props) {
 		const props = __props;
+		const isDisabled = useDeprecatedBooleanProp("DropdownTrigger", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DropdownMenuTrigger), {
-				disabled: props.disabled,
+				disabled: unref(isDisabled),
 				as: props.as,
 				"as-child": props.asChild
 			}, {

package/dist/components/dropdown/DropdownTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuTrigger } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  /** Whether the trigger is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  disabled: undefined,\n  as: undefined,\n  asChild: true,\n})\n</script>\n\n<template>\n  <DropdownMenuTrigger\n    :disabled=\"props.disabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n  >\n    <slot />\n  </DropdownMenuTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAGA,MAAM,QAAQ;;uBAeZ,YAMsB,MAAA,oBAAA,EAAA;IALnB,UAAU,MAAM;IAChB,IAAI,MAAM;IACV,YAAU,MAAM;;2BAET,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"DropdownTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuTrigger } from 'reka-ui'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  /** Whether the trigger is disabled. */\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: true,\n})\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'DropdownTrigger', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <DropdownMenuTrigger\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n  >\n    <slot />\n  </DropdownMenuTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAgBd,MAAM,aAAa,yBACjB,mBAAmB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACnF;;uBAIE,YAMsB,MAAA,oBAAA,EAAA;IALnB,UAAU,MAAA,WAAU;IACpB,IAAI,MAAM;IACV,YAAU,MAAM;;2BAET,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/editable/Editable.js

@@ -0,0 +1,7 @@
+import Editable_vue_vue_type_script_setup_true_lang_default from "./Editable.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/editable/Editable.vue
+var Editable_default = Editable_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Editable_default as default };
+
+//# sourceMappingURL=Editable.js.map

package/dist/components/editable/Editable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editable.js","names":[],"sources":["../../../src/components/editable/Editable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { EditableRoot } from 'reka-ui'\nimport { editableVariants } from '@auronui/styles'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: string\n  placeholder?: string | { edit: string; preview: string }\n  dir?: 'ltr' | 'rtl'\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  isReadOnly?: boolean\n  /** @deprecated Use isReadOnly instead. */\n  readonly?: boolean\n  activationMode?: 'focus' | 'dblclick' | 'none'\n  selectOnFocus?: boolean\n  submitMode?: 'blur' | 'enter' | 'none' | 'both'\n  startWithEditMode?: boolean\n  maxLength?: number\n  autoResize?: boolean\n  id?: string\n  name?: string\n  isRequired?: boolean\n  /** @deprecated Use isRequired instead. */\n  required?: boolean\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n  isReadOnly: undefined,\n  readonly: undefined,\n  activationMode: 'focus',\n  selectOnFocus: false,\n  submitMode: 'blur',\n  startWithEditMode: false,\n  autoResize: false,\n  isRequired: undefined,\n  required: undefined,\n})\n\nconst emit = defineEmits<{\n  submit: [value: string | null | undefined]\n  'update:state': [state: 'edit' | 'submit' | 'cancel']\n}>()\n\nconst modelValue = defineModel<string | null>()\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'Editable', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'Editable', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isRequired = useDeprecatedBooleanProp(\n  'Editable', 'isRequired', () => props.isRequired, 'required', () => props.required,\n)\n\nconst slotFns = computed(() => editableVariants())\n</script>\n\n<template>\n  <EditableRoot\n    v-model=\"modelValue\"\n    :default-value=\"defaultValue\"\n    :placeholder=\"placeholder\"\n    :dir=\"dir\"\n    :disabled=\"isDisabled\"\n    :readonly=\"isReadOnly\"\n    :activation-mode=\"activationMode\"\n    :select-on-focus=\"selectOnFocus\"\n    :submit-mode=\"submitMode\"\n    :start-with-edit-mode=\"startWithEditMode\"\n    :max-length=\"maxLength\"\n    :auto-resize=\"autoResize\"\n    :id=\"id\"\n    :name=\"name\"\n    :required=\"isRequired\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    @submit=\"emit('submit', $event)\"\n    @update:state=\"emit('update:state', $event)\"\n  >\n    <slot />\n  </EditableRoot>\n</template>\n"],"mappings":""}

package/dist/components/editable/Editable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,128 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
+import { computed, createBlock, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+import { editableVariants } from "@auronui/styles";
+import { EditableRoot } from "reka-ui";
+//#region src/components/editable/Editable.vue?vue&type=script&setup=true&lang.ts
+var Editable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Editable",
+	props: /* @__PURE__ */ mergeModels({
+		defaultValue: {},
+		placeholder: {},
+		dir: {},
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		isReadOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		activationMode: { default: "focus" },
+		selectOnFocus: {
+			type: Boolean,
+			default: false
+		},
+		submitMode: { default: "blur" },
+		startWithEditMode: {
+			type: Boolean,
+			default: false
+		},
+		maxLength: {},
+		autoResize: {
+			type: Boolean,
+			default: false
+		},
+		id: {},
+		name: {},
+		isRequired: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		as: {},
+		asChild: { type: Boolean },
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["submit", "update:state"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const modelValue = useModel(__props, "modelValue");
+		const isDisabled = useDeprecatedBooleanProp("Editable", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
+		const isReadOnly = useDeprecatedBooleanProp("Editable", "isReadOnly", () => props.isReadOnly, "readonly", () => props.readonly);
+		const isRequired = useDeprecatedBooleanProp("Editable", "isRequired", () => props.isRequired, "required", () => props.required);
+		const slotFns = computed(() => editableVariants());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(EditableRoot), {
+				modelValue: modelValue.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				"default-value": __props.defaultValue,
+				placeholder: __props.placeholder,
+				dir: __props.dir,
+				disabled: unref(isDisabled),
+				readonly: unref(isReadOnly),
+				"activation-mode": __props.activationMode,
+				"select-on-focus": __props.selectOnFocus,
+				"submit-mode": __props.submitMode,
+				"start-with-edit-mode": __props.startWithEditMode,
+				"max-length": __props.maxLength,
+				"auto-resize": __props.autoResize,
+				id: __props.id,
+				name: __props.name,
+				required: unref(isRequired),
+				as: __props.as,
+				"as-child": __props.asChild,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				onSubmit: _cache[1] || (_cache[1] = ($event) => emit("submit", $event)),
+				"onUpdate:state": _cache[2] || (_cache[2] = ($event) => emit("update:state", $event))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"default-value",
+				"placeholder",
+				"dir",
+				"disabled",
+				"readonly",
+				"activation-mode",
+				"select-on-focus",
+				"submit-mode",
+				"start-with-edit-mode",
+				"max-length",
+				"auto-resize",
+				"id",
+				"name",
+				"required",
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { Editable_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Editable.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/editable/Editable.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editable.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/editable/Editable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { EditableRoot } from 'reka-ui'\nimport { editableVariants } from '@auronui/styles'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  defaultValue?: string\n  placeholder?: string | { edit: string; preview: string }\n  dir?: 'ltr' | 'rtl'\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  isReadOnly?: boolean\n  /** @deprecated Use isReadOnly instead. */\n  readonly?: boolean\n  activationMode?: 'focus' | 'dblclick' | 'none'\n  selectOnFocus?: boolean\n  submitMode?: 'blur' | 'enter' | 'none' | 'both'\n  startWithEditMode?: boolean\n  maxLength?: number\n  autoResize?: boolean\n  id?: string\n  name?: string\n  isRequired?: boolean\n  /** @deprecated Use isRequired instead. */\n  required?: boolean\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n}>(), {\n  isDisabled: undefined,\n  disabled: undefined,\n  isReadOnly: undefined,\n  readonly: undefined,\n  activationMode: 'focus',\n  selectOnFocus: false,\n  submitMode: 'blur',\n  startWithEditMode: false,\n  autoResize: false,\n  isRequired: undefined,\n  required: undefined,\n})\n\nconst emit = defineEmits<{\n  submit: [value: string | null | undefined]\n  'update:state': [state: 'edit' | 'submit' | 'cancel']\n}>()\n\nconst modelValue = defineModel<string | null>()\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'Editable', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst isReadOnly = useDeprecatedBooleanProp(\n  'Editable', 'isReadOnly', () => props.isReadOnly, 'readonly', () => props.readonly,\n)\n\nconst isRequired = useDeprecatedBooleanProp(\n  'Editable', 'isRequired', () => props.isRequired, 'required', () => props.required,\n)\n\nconst slotFns = computed(() => editableVariants())\n</script>\n\n<template>\n  <EditableRoot\n    v-model=\"modelValue\"\n    :default-value=\"defaultValue\"\n    :placeholder=\"placeholder\"\n    :dir=\"dir\"\n    :disabled=\"isDisabled\"\n    :readonly=\"isReadOnly\"\n    :activation-mode=\"activationMode\"\n    :select-on-focus=\"selectOnFocus\"\n    :submit-mode=\"submitMode\"\n    :start-with-edit-mode=\"startWithEditMode\"\n    :max-length=\"maxLength\"\n    :auto-resize=\"autoResize\"\n    :id=\"id\"\n    :name=\"name\"\n    :required=\"isRequired\"\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    @submit=\"emit('submit', $event)\"\n    @update:state=\"emit('update:state', $event)\"\n  >\n    <slot />\n  </EditableRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAsCd,MAAM,OAAO;EAKb,MAAM,aAAa,SAA0B,SAAA,aAAC;EAE9C,MAAM,aAAa,yBACjB,YAAY,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAC5E;EAEA,MAAM,aAAa,yBACjB,YAAY,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAC5E;EAEA,MAAM,aAAa,yBACjB,YAAY,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAC5E;EAEA,MAAM,UAAU,eAAe,kBAAkB,CAAA;;uBAI/C,YAuBe,MAAA,aAAA,EAAA;gBAtBJ,WAAA;4EAAU,QAAA;IAClB,iBAAe,QAAA;IACf,aAAa,QAAA;IACb,KAAK,QAAA;IACL,UAAU,MAAA,WAAU;IACpB,UAAU,MAAA,WAAU;IACpB,mBAAiB,QAAA;IACjB,mBAAiB,QAAA;IACjB,eAAa,QAAA;IACb,wBAAsB,QAAA;IACtB,cAAY,QAAA;IACZ,eAAa,QAAA;IACb,IAAI,QAAA;IACJ,MAAM,QAAA;IACN,UAAU,MAAA,WAAU;IACpB,IAAI,QAAA;IACJ,YAAU,QAAA;IACV,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;IAC7B,kBAAY,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,gBAAiB,OAAM;;2BAElC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/editable/EditableArea.js

@@ -0,0 +1,7 @@
+import EditableArea_vue_vue_type_script_setup_true_lang_default from "./EditableArea.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/editable/EditableArea.vue
+var EditableArea_default = EditableArea_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { EditableArea_default as default };
+
+//# sourceMappingURL=EditableArea.js.map

package/dist/components/editable/EditableArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableArea.js","names":[],"sources":["../../../src/components/editable/EditableArea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { EditableArea } from 'reka-ui'\nimport { editableVariants } from '@auronui/styles'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n}>()\n\nconst slotFns = computed(() => editableVariants())\n</script>\n\n<template>\n  <EditableArea\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.area(), props.class)\"\n  >\n    <slot />\n  </EditableArea>\n</template>\n"],"mappings":""}

package/dist/components/editable/EditableArea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { editableVariants } from "@auronui/styles";
+import { EditableArea } from "reka-ui";
+//#region src/components/editable/EditableArea.vue?vue&type=script&setup=true&lang.ts
+var EditableArea_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "EditableArea",
+	props: {
+		as: {},
+		asChild: { type: Boolean },
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const slotFns = computed(() => editableVariants());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(EditableArea), {
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.area(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { EditableArea_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=EditableArea.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/editable/EditableArea.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableArea.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/editable/EditableArea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { EditableArea } from 'reka-ui'\nimport { editableVariants } from '@auronui/styles'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n}>()\n\nconst slotFns = computed(() => editableVariants())\n</script>\n\n<template>\n  <EditableArea\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.area(), props.class)\"\n  >\n    <slot />\n  </EditableArea>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAMd,MAAM,UAAU,eAAe,kBAAkB,CAAA;;uBAI/C,YAMe,MAAA,aAAA,EAAA;IALZ,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;;2BAE5C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/editable/EditableCancelTrigger.js

@@ -0,0 +1,7 @@
+import EditableCancelTrigger_vue_vue_type_script_setup_true_lang_default from "./EditableCancelTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/editable/EditableCancelTrigger.vue
+var EditableCancelTrigger_default = EditableCancelTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { EditableCancelTrigger_default as default };
+
+//# sourceMappingURL=EditableCancelTrigger.js.map

package/dist/components/editable/EditableCancelTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCancelTrigger.js","names":[],"sources":["../../../src/components/editable/EditableCancelTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { EditableCancelTrigger } from 'reka-ui'\nimport { editableVariants } from '@auronui/styles'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n}>()\n\nconst slotFns = computed(() => editableVariants())\n</script>\n\n<template>\n  <EditableCancelTrigger\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.cancelTrigger(), props.class)\"\n    aria-label=\"Cancel\"\n  >\n    <slot>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"14\"\n        height=\"14\"\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        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </slot>\n  </EditableCancelTrigger>\n</template>\n"],"mappings":""}

package/dist/components/editable/EditableCancelTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { editableVariants } from "@auronui/styles";
+import { EditableCancelTrigger } from "reka-ui";
+//#region src/components/editable/EditableCancelTrigger.vue?vue&type=script&setup=true&lang.ts
+var EditableCancelTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "EditableCancelTrigger",
+	props: {
+		as: {},
+		asChild: { type: Boolean },
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Object,
+			Array
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const slotFns = computed(() => editableVariants());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(EditableCancelTrigger), {
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.cancelTrigger(), props.class)),
+				"aria-label": "Cancel"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "14",
+					height: "14",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [createElementVNode("line", {
+					x1: "18",
+					y1: "6",
+					x2: "6",
+					y2: "18"
+				}), createElementVNode("line", {
+					x1: "6",
+					y1: "6",
+					x2: "18",
+					y2: "18"
+				})], -1))])]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { EditableCancelTrigger_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=EditableCancelTrigger.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/editable/EditableCancelTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCancelTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/editable/EditableCancelTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { EditableCancelTrigger } from 'reka-ui'\nimport { editableVariants } from '@auronui/styles'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n}>()\n\nconst slotFns = computed(() => editableVariants())\n</script>\n\n<template>\n  <EditableCancelTrigger\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.cancelTrigger(), props.class)\"\n    aria-label=\"Cancel\"\n  >\n    <slot>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"14\"\n        height=\"14\"\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        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </slot>\n  </EditableCancelTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAMd,MAAM,UAAU,eAAe,kBAAkB,CAAA;;uBAI/C,YAiCwB,MAAA,sBAAA,EAAA;IAhCrB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,eAAa,EAAI,MAAM,MAAK,CAAA;IAC7D,cAAW;;2BA4BJ,CA1BP,WA0BO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAzBL,mBAwBM,OAAA;KAvBJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;QAEZ,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;QAEL,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG"}

package/dist/components/editable/EditableEditTrigger.js

@@ -0,0 +1,7 @@
+import EditableEditTrigger_vue_vue_type_script_setup_true_lang_default from "./EditableEditTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/editable/EditableEditTrigger.vue
+var EditableEditTrigger_default = EditableEditTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { EditableEditTrigger_default as default };
+
+//# sourceMappingURL=EditableEditTrigger.js.map

package/dist/components/editable/EditableEditTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableEditTrigger.js","names":[],"sources":["../../../src/components/editable/EditableEditTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { EditableEditTrigger } from 'reka-ui'\nimport { editableVariants } from '@auronui/styles'\nimport { composeClassName, type ClassValue } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n}>()\n\nconst slotFns = computed(() => editableVariants())\n</script>\n\n<template>\n  <EditableEditTrigger\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.editTrigger(), props.class)\"\n    aria-label=\"Edit\"\n  >\n    <slot>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"14\"\n        height=\"14\"\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        <path d=\"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z\" />\n      </svg>\n    </slot>\n  </EditableEditTrigger>\n</template>\n"],"mappings":""}