@auronui/vue 1.2.2 → 1.4.0

package/dist/components/combo-box/ComboBoxInput.vue_vue_type_script_setup_true_lang.js

@@ -1,3 +1,4 @@
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { useComboBoxInject } from "./ComboBox.context.js";
 import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 import { ComboboxAnchor, ComboboxCancel, ComboboxInput, ComboboxTrigger } from "reka-ui";
@@ -22,6 +23,10 @@ var ComboBoxInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			type: Boolean,
 			default: false
 		},
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
 			default: void 0
@@ -51,6 +56,7 @@ var ComboBoxInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const props = __props;
 		const emit = __emit;
 		const ctx = useComboBoxInject();
+		const isDisabled = useDeprecatedBooleanProp("ComboBoxInput", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled, () => ctx.isDisabled.value);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ComboboxAnchor), {
 				reference: props.anchorReference,
@@ -64,7 +70,7 @@ var ComboBoxInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						placeholder: props.placeholder,
 						"model-value": props.modelValue,
 						"auto-focus": props.autoFocus,
-						disabled: props.disabled ?? unref(ctx).isDisabled.value,
+						disabled: unref(isDisabled),
 						"display-value": props.displayValue ?? unref(ctx).displayValue.value,
 						as: props.as,
 						"as-child": props.asChild,

package/dist/components/combo-box/ComboBoxInput.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxInput.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/combo-box/ComboBoxInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxCancel } from 'reka-ui'\nimport { useComboBoxInject } from './ComboBox.context'\n\nconst props = withDefaults(defineProps<{\n  placeholder?: string\n  class?: string\n  /** Custom reference element for the anchor. */\n  anchorReference?: object | null\n  /** Render the anchor as a different element. */\n  anchorAs?: string\n  /** Merge anchor props onto child element. */\n  anchorAsChild?: boolean\n  /** Function to compute the display value from the current model value. */\n  displayValue?: (value: string) => string\n  /** Two-way bound search input value. */\n  modelValue?: string\n  /** Auto-focus the input on mount. */\n  autoFocus?: boolean\n  /** Disable the input. Falls back to context isDisabled. */\n  disabled?: boolean\n  /** Render the input as a different element. */\n  as?: string\n  /** Merge input props onto child element. */\n  asChild?: boolean\n  /** Disable the trigger button. */\n  triggerDisabled?: boolean\n  /** Render the trigger as a different element. */\n  triggerAs?: string\n  /** Merge trigger props onto child element. */\n  triggerAsChild?: boolean\n  /** Render the cancel button as a different element. */\n  cancelAs?: string\n  /** Merge cancel props onto child element. */\n  cancelAsChild?: boolean\n}>(), {\n  placeholder: undefined,\n  class: undefined,\n  anchorReference: undefined,\n  anchorAs: undefined,\n  anchorAsChild: false,\n  displayValue: undefined,\n  modelValue: undefined,\n  autoFocus: false,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n  triggerDisabled: undefined,\n  triggerAs: undefined,\n  triggerAsChild: false,\n  cancelAs: undefined,\n  cancelAsChild: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst ctx = useComboBoxInject()\n</script>\n\n<template>\n  <ComboboxAnchor\n    :reference=\"(props.anchorReference as any)\"\n    :as=\"props.anchorAs\"\n    :as-child=\"props.anchorAsChild\"\n    :class=\"ctx.slots.value.inputGroup()\"\n    data-slot=\"input-group\"\n  >\n    <ComboboxInput\n      :placeholder=\"props.placeholder\"\n      :model-value=\"props.modelValue\"\n      :auto-focus=\"props.autoFocus\"\n      :disabled=\"props.disabled ?? ctx.isDisabled.value\"\n      :display-value=\"props.displayValue ?? ctx.displayValue.value\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      class=\"combo-box__input\"\n      data-slot=\"input\"\n      autocomplete=\"off\"\n      @update:model-value=\"emit('update:modelValue', $event)\"\n    />\n    <!-- Clear button: shown when there's input -->\n    <ComboboxCancel\n      :as=\"props.cancelAs\"\n      :as-child=\"props.cancelAsChild\"\n      class=\"combo-box__clear-button\"\n      data-slot=\"clear-button\"\n      aria-label=\"Clear\"\n    >\n      <slot name=\"clearIcon\">\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=\"2.5\"\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    </ComboboxCancel>\n    <!-- Dropdown trigger -->\n    <ComboboxTrigger\n      :disabled=\"props.triggerDisabled\"\n      :as=\"props.triggerAs\"\n      :as-child=\"props.triggerAsChild\"\n      :class=\"ctx.slots.value.trigger()\"\n      data-slot=\"selector-button\"\n      aria-label=\"Toggle suggestions\"\n    >\n      <slot name=\"triggerIcon\">\n        <svg\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          data-slot=\"combo-box-trigger-default-icon\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </slot>\n    </ComboboxTrigger>\n  </ComboboxAnchor>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAkDd,MAAM,OAAO;EAIb,MAAM,MAAM,mBAAkB;;uBAI5B,YAmFiB,MAAA,eAAA,EAAA;IAlFd,WAAY,MAAM;IAClB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,YAAU,CAAA;IAClC,aAAU;;2BAcR;KAZF,YAYE,MAAA,cAAA,EAAA;MAXC,aAAa,MAAM;MACnB,eAAa,MAAM;MACnB,cAAY,MAAM;MAClB,UAAU,MAAM,YAAY,MAAA,IAAG,CAAC,WAAW;MAC3C,iBAAe,MAAM,gBAAgB,MAAA,IAAG,CAAC,aAAa;MACtD,IAAI,MAAM;MACV,YAAU,MAAM;MACjB,OAAM;MACN,aAAU;MACV,cAAa;MACZ,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAsB,OAAM;;;;;;;;;;KAGvD,YAkCiB,MAAA,eAAA,EAAA;MAjCd,IAAI,MAAM;MACV,YAAU,MAAM;MACjB,OAAM;MACN,aAAU;MACV,cAAW;;6BA4BJ,CA1BP,WA0BO,KAAA,QAAA,aAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAzBL,mBAwBM,OAAA;OAvBJ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,eAAY;UAEZ,mBAKE,QAAA;OAJA,IAAG;OACH,IAAG;OACH,IAAG;OACH,IAAG;UAEL,mBAKE,QAAA;OAJA,IAAG;OACH,IAAG;OACH,IAAG;OACH,IAAG;;;;KAMX,YAyBkB,MAAA,gBAAA,EAAA;MAxBf,UAAU,MAAM;MAChB,IAAI,MAAM;MACV,YAAU,MAAM;MAChB,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,SAAO,CAAA;MAC/B,aAAU;MACV,cAAW;;6BAkBJ,CAhBP,WAgBO,KAAA,QAAA,eAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAfL,mBAcM,OAAA;OAbJ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;OACV,eAAY;UAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ComboBoxInput.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/combo-box/ComboBoxInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxCancel } from 'reka-ui'\nimport { useComboBoxInject } from './ComboBox.context'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  placeholder?: string\n  class?: string\n  /** Custom reference element for the anchor. */\n  anchorReference?: object | null\n  /** Render the anchor as a different element. */\n  anchorAs?: string\n  /** Merge anchor props onto child element. */\n  anchorAsChild?: boolean\n  /** Function to compute the display value from the current model value. */\n  displayValue?: (value: string) => string\n  /** Two-way bound search input value. */\n  modelValue?: string\n  /** Auto-focus the input on mount. */\n  autoFocus?: boolean\n  /** Disable the input. Falls back to context isDisabled. */\n  isDisabled?: boolean\n  /** @deprecated Use isDisabled instead. */\n  disabled?: boolean\n  /** Render the input as a different element. */\n  as?: string\n  /** Merge input props onto child element. */\n  asChild?: boolean\n  /** Disable the trigger button. */\n  triggerDisabled?: boolean\n  /** Render the trigger as a different element. */\n  triggerAs?: string\n  /** Merge trigger props onto child element. */\n  triggerAsChild?: boolean\n  /** Render the cancel button as a different element. */\n  cancelAs?: string\n  /** Merge cancel props onto child element. */\n  cancelAsChild?: boolean\n}>(), {\n  placeholder: undefined,\n  class: undefined,\n  anchorReference: undefined,\n  anchorAs: undefined,\n  anchorAsChild: false,\n  displayValue: undefined,\n  modelValue: undefined,\n  autoFocus: false,\n  isDisabled: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n  triggerDisabled: undefined,\n  triggerAs: undefined,\n  triggerAsChild: false,\n  cancelAs: undefined,\n  cancelAsChild: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst ctx = useComboBoxInject()\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'ComboBoxInput', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n  () => ctx.isDisabled.value,\n)\n</script>\n\n<template>\n  <ComboboxAnchor\n    :reference=\"(props.anchorReference as any)\"\n    :as=\"props.anchorAs\"\n    :as-child=\"props.anchorAsChild\"\n    :class=\"ctx.slots.value.inputGroup()\"\n    data-slot=\"input-group\"\n  >\n    <ComboboxInput\n      :placeholder=\"props.placeholder\"\n      :model-value=\"props.modelValue\"\n      :auto-focus=\"props.autoFocus\"\n      :disabled=\"isDisabled\"\n      :display-value=\"props.displayValue ?? ctx.displayValue.value\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      class=\"combo-box__input\"\n      data-slot=\"input\"\n      autocomplete=\"off\"\n      @update:model-value=\"emit('update:modelValue', $event)\"\n    />\n    <!-- Clear button: shown when there's input -->\n    <ComboboxCancel\n      :as=\"props.cancelAs\"\n      :as-child=\"props.cancelAsChild\"\n      class=\"combo-box__clear-button\"\n      data-slot=\"clear-button\"\n      aria-label=\"Clear\"\n    >\n      <slot name=\"clearIcon\">\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=\"2.5\"\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    </ComboboxCancel>\n    <!-- Dropdown trigger -->\n    <ComboboxTrigger\n      :disabled=\"props.triggerDisabled\"\n      :as=\"props.triggerAs\"\n      :as-child=\"props.triggerAsChild\"\n      :class=\"ctx.slots.value.trigger()\"\n      data-slot=\"selector-button\"\n      aria-label=\"Toggle suggestions\"\n    >\n      <slot name=\"triggerIcon\">\n        <svg\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          data-slot=\"combo-box-trigger-default-icon\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </slot>\n    </ComboboxTrigger>\n  </ComboboxAnchor>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAqDd,MAAM,OAAO;EAIb,MAAM,MAAM,mBAAkB;EAE9B,MAAM,aAAa,yBACjB,iBAAiB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,gBACzE,IAAI,WAAW,MACvB;;uBAIE,YAmFiB,MAAA,eAAA,EAAA;IAlFd,WAAY,MAAM;IAClB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,YAAU,CAAA;IAClC,aAAU;;2BAcR;KAZF,YAYE,MAAA,cAAA,EAAA;MAXC,aAAa,MAAM;MACnB,eAAa,MAAM;MACnB,cAAY,MAAM;MAClB,UAAU,MAAA,WAAU;MACpB,iBAAe,MAAM,gBAAgB,MAAA,IAAG,CAAC,aAAa;MACtD,IAAI,MAAM;MACV,YAAU,MAAM;MACjB,OAAM;MACN,aAAU;MACV,cAAa;MACZ,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAsB,OAAM;;;;;;;;;;KAGvD,YAkCiB,MAAA,eAAA,EAAA;MAjCd,IAAI,MAAM;MACV,YAAU,MAAM;MACjB,OAAM;MACN,aAAU;MACV,cAAW;;6BA4BJ,CA1BP,WA0BO,KAAA,QAAA,aAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAzBL,mBAwBM,OAAA;OAvBJ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,eAAY;UAEZ,mBAKE,QAAA;OAJA,IAAG;OACH,IAAG;OACH,IAAG;OACH,IAAG;UAEL,mBAKE,QAAA;OAJA,IAAG;OACH,IAAG;OACH,IAAG;OACH,IAAG;;;;KAMX,YAyBkB,MAAA,gBAAA,EAAA;MAxBf,UAAU,MAAM;MAChB,IAAI,MAAM;MACV,YAAU,MAAM;MAChB,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,SAAO,CAAA;MAC/B,aAAU;MACV,cAAW;;6BAkBJ,CAhBP,WAgBO,KAAA,QAAA,eAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAfL,mBAcM,OAAA;OAbJ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;OACV,eAAY;UAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/combo-box/ComboBoxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxItem.js","names":[],"sources":["../../../src/components/combo-box/ComboBoxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, useSlots, type Slots, type VNode } from 'vue'\nimport { ComboboxItem, ComboboxItemIndicator } from 'reka-ui'\nimport { useComboBoxInject } from './ComboBox.context'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  isDisabled?: boolean\n  class?: string\n  /** A string value for typeahead matching. Defaults to display text. */\n  textValue?: string\n  /** Whether the item is disabled. Alias for isDisabled. */\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  /** Render the ComboboxItemIndicator as a different element. */\n  indicatorAs?: string\n  /** Merge indicator props onto child element. */\n  indicatorAsChild?: boolean\n}>(), {\n  isDisabled: false,\n  class: undefined,\n  textValue: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n  indicatorAs: undefined,\n  indicatorAsChild: false,\n})\n\nconst emit = defineEmits<{\n  'select': [event: Event]\n}>()\n\nconst slots: Slots = useSlots()\nconst ctx = useComboBoxInject()\n\n// Extract plain text from default slot VNodes at render time.\nfunction extractText(nodes: VNode[]): string {\n  return nodes.map(n => {\n    if (typeof n.children === 'string') return n.children\n    if (Array.isArray(n.children)) return extractText(n.children as VNode[])\n    return ''\n  }).join('')\n}\n\n// The display text Reka writes into the input when this item is selected.\n// Reads slot text content — no extra props needed.\nconst displayText = computed((): string => {\n  const vnodes: VNode[] | undefined = (slots.default as (() => VNode[]) | undefined)?.()\n  if (!vnodes) return props.value\n  return extractText(vnodes).trim() || props.value\n})\n\n// Register this item's value→label mapping with the parent ComboBox bridge\n// so displayValue() and handleModelValueUpdate() can translate correctly.\nonMounted(() => {\n  ctx.registerItem(props.value, displayText.value)\n})\n\nonUnmounted(() => {\n  ctx.unregisterItem(props.value)\n})\n</script>\n\n<template>\n  <ComboboxItem\n    :value=\"displayText\"\n    :text-value=\"props.textValue ?? displayText\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :data-item-value=\"props.value\"\n    class=\"list-box-item list-box-item--default\"\n    data-slot=\"list-box-item\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot name=\"startContent\" />\n    <slot />\n    <ComboboxItemIndicator\n      :as=\"props.indicatorAs\"\n      :as-child=\"props.indicatorAsChild\"\n      class=\"list-box-item__indicator\"\n      data-slot=\"list-box-item-indicator\"\n    >\n      <slot name=\"selectedIcon\">\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=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"list-box-item-indicator--checkmark\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </slot>\n    </ComboboxItemIndicator>\n    <slot name=\"endContent\" />\n  </ComboboxItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ComboBoxItem.js","names":[],"sources":["../../../src/components/combo-box/ComboBoxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, useSlots, type Slots, type VNode } from 'vue'\nimport { ComboboxItem, ComboboxItemIndicator } from 'reka-ui'\nimport { useComboBoxInject } from './ComboBox.context'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  isDisabled?: boolean\n  class?: string\n  /** A string value for typeahead matching. Defaults to display text. */\n  textValue?: 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  /** Render the ComboboxItemIndicator as a different element. */\n  indicatorAs?: string\n  /** Merge indicator props onto child element. */\n  indicatorAsChild?: boolean\n}>(), {\n  isDisabled: undefined,\n  class: undefined,\n  textValue: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n  indicatorAs: undefined,\n  indicatorAsChild: false,\n})\n\nconst emit = defineEmits<{\n  'select': [event: Event]\n}>()\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'ComboBoxItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slots: Slots = useSlots()\nconst ctx = useComboBoxInject()\n\n// Extract plain text from default slot VNodes at render time.\nfunction extractText(nodes: VNode[]): string {\n  return nodes.map(n => {\n    if (typeof n.children === 'string') return n.children\n    if (Array.isArray(n.children)) return extractText(n.children as VNode[])\n    return ''\n  }).join('')\n}\n\n// The display text Reka writes into the input when this item is selected.\n// Reads slot text content — no extra props needed.\nconst displayText = computed((): string => {\n  const vnodes: VNode[] | undefined = (slots.default as (() => VNode[]) | undefined)?.()\n  if (!vnodes) return props.value\n  return extractText(vnodes).trim() || props.value\n})\n\n// Register this item's value→label mapping with the parent ComboBox bridge\n// so displayValue() and handleModelValueUpdate() can translate correctly.\nonMounted(() => {\n  ctx.registerItem(props.value, displayText.value)\n})\n\nonUnmounted(() => {\n  ctx.unregisterItem(props.value)\n})\n</script>\n\n<template>\n  <ComboboxItem\n    :value=\"displayText\"\n    :text-value=\"props.textValue ?? displayText\"\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :data-item-value=\"props.value\"\n    class=\"list-box-item list-box-item--default\"\n    data-slot=\"list-box-item\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot name=\"startContent\" />\n    <slot />\n    <ComboboxItemIndicator\n      :as=\"props.indicatorAs\"\n      :as-child=\"props.indicatorAsChild\"\n      class=\"list-box-item__indicator\"\n      data-slot=\"list-box-item-indicator\"\n    >\n      <slot name=\"selectedIcon\">\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=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"list-box-item-indicator--checkmark\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </slot>\n    </ComboboxItemIndicator>\n    <slot name=\"endContent\" />\n  </ComboboxItem>\n</template>\n"],"mappings":""}

package/dist/components/combo-box/ComboBoxItem.vue_vue_type_script_setup_true_lang.js

@@ -1,3 +1,4 @@
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
 import { useComboBoxInject } from "./ComboBox.context.js";
 import { computed, createBlock, createElementVNode, createVNode, defineComponent, onMounted, onUnmounted, openBlock, renderSlot, unref, useSlots, withCtx } from "vue";
 import { ComboboxItem, ComboboxItemIndicator } from "reka-ui";
@@ -8,7 +9,7 @@ var ComboBoxItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		value: {},
 		isDisabled: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		class: { default: void 0 },
 		textValue: { default: void 0 },
@@ -31,6 +32,7 @@ var ComboBoxItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const isDisabled = useDeprecatedBooleanProp("ComboBoxItem", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
 		const slots = useSlots();
 		const ctx = useComboBoxInject();
 		function extractText(nodes) {
@@ -55,7 +57,7 @@ var ComboBoxItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			return openBlock(), createBlock(unref(ComboboxItem), {
 				value: displayText.value,
 				"text-value": props.textValue ?? displayText.value,
-				disabled: props.disabled ?? props.isDisabled,
+				disabled: unref(isDisabled),
 				as: props.as,
 				"as-child": props.asChild,
 				"data-item-value": props.value,

package/dist/components/combo-box/ComboBoxItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/combo-box/ComboBoxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, useSlots, type Slots, type VNode } from 'vue'\nimport { ComboboxItem, ComboboxItemIndicator } from 'reka-ui'\nimport { useComboBoxInject } from './ComboBox.context'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  isDisabled?: boolean\n  class?: string\n  /** A string value for typeahead matching. Defaults to display text. */\n  textValue?: string\n  /** Whether the item is disabled. Alias for isDisabled. */\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  /** Render the ComboboxItemIndicator as a different element. */\n  indicatorAs?: string\n  /** Merge indicator props onto child element. */\n  indicatorAsChild?: boolean\n}>(), {\n  isDisabled: false,\n  class: undefined,\n  textValue: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n  indicatorAs: undefined,\n  indicatorAsChild: false,\n})\n\nconst emit = defineEmits<{\n  'select': [event: Event]\n}>()\n\nconst slots: Slots = useSlots()\nconst ctx = useComboBoxInject()\n\n// Extract plain text from default slot VNodes at render time.\nfunction extractText(nodes: VNode[]): string {\n  return nodes.map(n => {\n    if (typeof n.children === 'string') return n.children\n    if (Array.isArray(n.children)) return extractText(n.children as VNode[])\n    return ''\n  }).join('')\n}\n\n// The display text Reka writes into the input when this item is selected.\n// Reads slot text content — no extra props needed.\nconst displayText = computed((): string => {\n  const vnodes: VNode[] | undefined = (slots.default as (() => VNode[]) | undefined)?.()\n  if (!vnodes) return props.value\n  return extractText(vnodes).trim() || props.value\n})\n\n// Register this item's value→label mapping with the parent ComboBox bridge\n// so displayValue() and handleModelValueUpdate() can translate correctly.\nonMounted(() => {\n  ctx.registerItem(props.value, displayText.value)\n})\n\nonUnmounted(() => {\n  ctx.unregisterItem(props.value)\n})\n</script>\n\n<template>\n  <ComboboxItem\n    :value=\"displayText\"\n    :text-value=\"props.textValue ?? displayText\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :data-item-value=\"props.value\"\n    class=\"list-box-item list-box-item--default\"\n    data-slot=\"list-box-item\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot name=\"startContent\" />\n    <slot />\n    <ComboboxItemIndicator\n      :as=\"props.indicatorAs\"\n      :as-child=\"props.indicatorAsChild\"\n      class=\"list-box-item__indicator\"\n      data-slot=\"list-box-item-indicator\"\n    >\n      <slot name=\"selectedIcon\">\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=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"list-box-item-indicator--checkmark\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </slot>\n    </ComboboxItemIndicator>\n    <slot name=\"endContent\" />\n  </ComboboxItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EA2Bd,MAAM,OAAO;EAIb,MAAM,QAAe,UAAS;EAC9B,MAAM,MAAM,mBAAkB;EAG9B,SAAS,YAAY,OAAwB;AAC3C,UAAO,MAAM,KAAI,MAAK;AACpB,QAAI,OAAO,EAAE,aAAa,SAAU,QAAO,EAAE;AAC7C,QAAI,MAAM,QAAQ,EAAE,SAAS,CAAE,QAAO,YAAY,EAAE,SAAmB;AACvE,WAAO;KACP,CAAC,KAAK,GAAE;;EAKZ,MAAM,cAAc,eAAuB;GACzC,MAAM,SAA+B,MAAM,WAA0C;AACrF,OAAI,CAAC,OAAQ,QAAO,MAAM;AAC1B,UAAO,YAAY,OAAO,CAAC,MAAM,IAAI,MAAM;IAC5C;AAID,kBAAgB;AACd,OAAI,aAAa,MAAM,OAAO,YAAY,MAAK;IAChD;AAED,oBAAkB;AAChB,OAAI,eAAe,MAAM,MAAK;IAC/B;;uBAIC,YAsCe,MAAA,aAAA,EAAA;IArCZ,OAAO,YAAA;IACP,cAAY,MAAM,aAAa,YAAA;IAC/B,UAAU,MAAM,YAAY,MAAM;IAClC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,mBAAiB,MAAM;IACxB,OAAM;IACN,aAAU;IACT,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAEF;KAA5B,WAA4B,KAAA,QAAA,eAAA;KAC5B,WAAQ,KAAA,QAAA,UAAA;KACR,YAuBwB,MAAA,sBAAA,EAAA;MAtBrB,IAAI,MAAM;MACV,YAAU,MAAM;MACjB,OAAM;MACN,aAAU;;6BAkBH,CAhBP,WAgBO,KAAA,QAAA,gBAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAfL,mBAcM,OAAA;OAbJ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;OACV,eAAY;UAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;KAIvC,WAA0B,KAAA,QAAA,aAAA"}
+{"version":3,"file":"ComboBoxItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/combo-box/ComboBoxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, useSlots, type Slots, type VNode } from 'vue'\nimport { ComboboxItem, ComboboxItemIndicator } from 'reka-ui'\nimport { useComboBoxInject } from './ComboBox.context'\nimport { useDeprecatedBooleanProp } from '../../composables/useDeprecatedBooleanProp'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  isDisabled?: boolean\n  class?: string\n  /** A string value for typeahead matching. Defaults to display text. */\n  textValue?: 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  /** Render the ComboboxItemIndicator as a different element. */\n  indicatorAs?: string\n  /** Merge indicator props onto child element. */\n  indicatorAsChild?: boolean\n}>(), {\n  isDisabled: undefined,\n  class: undefined,\n  textValue: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n  indicatorAs: undefined,\n  indicatorAsChild: false,\n})\n\nconst emit = defineEmits<{\n  'select': [event: Event]\n}>()\n\nconst isDisabled = useDeprecatedBooleanProp(\n  'ComboBoxItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n\nconst slots: Slots = useSlots()\nconst ctx = useComboBoxInject()\n\n// Extract plain text from default slot VNodes at render time.\nfunction extractText(nodes: VNode[]): string {\n  return nodes.map(n => {\n    if (typeof n.children === 'string') return n.children\n    if (Array.isArray(n.children)) return extractText(n.children as VNode[])\n    return ''\n  }).join('')\n}\n\n// The display text Reka writes into the input when this item is selected.\n// Reads slot text content — no extra props needed.\nconst displayText = computed((): string => {\n  const vnodes: VNode[] | undefined = (slots.default as (() => VNode[]) | undefined)?.()\n  if (!vnodes) return props.value\n  return extractText(vnodes).trim() || props.value\n})\n\n// Register this item's value→label mapping with the parent ComboBox bridge\n// so displayValue() and handleModelValueUpdate() can translate correctly.\nonMounted(() => {\n  ctx.registerItem(props.value, displayText.value)\n})\n\nonUnmounted(() => {\n  ctx.unregisterItem(props.value)\n})\n</script>\n\n<template>\n  <ComboboxItem\n    :value=\"displayText\"\n    :text-value=\"props.textValue ?? displayText\"\n    :disabled=\"isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :data-item-value=\"props.value\"\n    class=\"list-box-item list-box-item--default\"\n    data-slot=\"list-box-item\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot name=\"startContent\" />\n    <slot />\n    <ComboboxItemIndicator\n      :as=\"props.indicatorAs\"\n      :as-child=\"props.indicatorAsChild\"\n      class=\"list-box-item__indicator\"\n      data-slot=\"list-box-item-indicator\"\n    >\n      <slot name=\"selectedIcon\">\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=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"list-box-item-indicator--checkmark\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </slot>\n    </ComboboxItemIndicator>\n    <slot name=\"endContent\" />\n  </ComboboxItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EA2Bd,MAAM,OAAO;EAIb,MAAM,aAAa,yBACjB,gBAAgB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAChF;EAEA,MAAM,QAAe,UAAS;EAC9B,MAAM,MAAM,mBAAkB;EAG9B,SAAS,YAAY,OAAwB;AAC3C,UAAO,MAAM,KAAI,MAAK;AACpB,QAAI,OAAO,EAAE,aAAa,SAAU,QAAO,EAAE;AAC7C,QAAI,MAAM,QAAQ,EAAE,SAAS,CAAE,QAAO,YAAY,EAAE,SAAmB;AACvE,WAAO;KACP,CAAC,KAAK,GAAE;;EAKZ,MAAM,cAAc,eAAuB;GACzC,MAAM,SAA+B,MAAM,WAA0C;AACrF,OAAI,CAAC,OAAQ,QAAO,MAAM;AAC1B,UAAO,YAAY,OAAO,CAAC,MAAM,IAAI,MAAM;IAC5C;AAID,kBAAgB;AACd,OAAI,aAAa,MAAM,OAAO,YAAY,MAAK;IAChD;AAED,oBAAkB;AAChB,OAAI,eAAe,MAAM,MAAK;IAC/B;;uBAIC,YAsCe,MAAA,aAAA,EAAA;IArCZ,OAAO,YAAA;IACP,cAAY,MAAM,aAAa,YAAA;IAC/B,UAAU,MAAA,WAAU;IACpB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,mBAAiB,MAAM;IACxB,OAAM;IACN,aAAU;IACT,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAEF;KAA5B,WAA4B,KAAA,QAAA,eAAA;KAC5B,WAAQ,KAAA,QAAA,UAAA;KACR,YAuBwB,MAAA,sBAAA,EAAA;MAtBrB,IAAI,MAAM;MACV,YAAU,MAAM;MACjB,OAAM;MACN,aAAU;;6BAkBH,CAhBP,WAgBO,KAAA,QAAA,gBAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAfL,mBAcM,OAAA;OAbJ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;OACV,eAAY;UAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;KAIvC,WAA0B,KAAA,QAAA,aAAA"}

package/dist/components/context-menu/ContextMenu.js

@@ -0,0 +1,7 @@
+import ContextMenu_vue_vue_type_script_setup_true_lang_default from "./ContextMenu.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/context-menu/ContextMenu.vue
+var ContextMenu_default = ContextMenu_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ContextMenu_default as default };
+
+//# sourceMappingURL=ContextMenu.js.map

package/dist/components/context-menu/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","names":[],"sources":["../../../src/components/context-menu/ContextMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ContextMenuRoot } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  /** The modality of the context menu. When true, interaction with outside elements is disabled. @default true */\n  modal?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Duration from when the trigger is pressed until the menu opens (touch/long-press). @default 700 */\n  pressOpenDelay?: number\n}>(), {\n  modal: true,\n  pressOpenDelay: 700,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n}>()\n</script>\n\n<template>\n  <ContextMenuRoot\n    :modal=\"props.modal\"\n    :dir=\"props.dir\"\n    :press-open-delay=\"props.pressOpenDelay\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <slot />\n  </ContextMenuRoot>\n</template>\n"],"mappings":""}

package/dist/components/context-menu/ContextMenu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,38 @@
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ContextMenuRoot } from "reka-ui";
+//#region src/components/context-menu/ContextMenu.vue?vue&type=script&setup=true&lang.ts
+var ContextMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ContextMenu",
+	props: {
+		modal: {
+			type: Boolean,
+			default: true
+		},
+		dir: {},
+		pressOpenDelay: { default: 700 }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ContextMenuRoot), {
+				modal: props.modal,
+				dir: props.dir,
+				"press-open-delay": props.pressOpenDelay,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => emit("update:open", $event))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"modal",
+				"dir",
+				"press-open-delay"
+			]);
+		};
+	}
+});
+//#endregion
+export { ContextMenu_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ContextMenu.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/context-menu/ContextMenu.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/context-menu/ContextMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ContextMenuRoot } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  /** The modality of the context menu. When true, interaction with outside elements is disabled. @default true */\n  modal?: boolean\n  /** Text direction. */\n  dir?: 'ltr' | 'rtl'\n  /** Duration from when the trigger is pressed until the menu opens (touch/long-press). @default 700 */\n  pressOpenDelay?: number\n}>(), {\n  modal: true,\n  pressOpenDelay: 700,\n})\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean]\n}>()\n</script>\n\n<template>\n  <ContextMenuRoot\n    :modal=\"props.modal\"\n    :dir=\"props.dir\"\n    :press-open-delay=\"props.pressOpenDelay\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <slot />\n  </ContextMenuRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAGA,MAAM,QAAQ;EAYd,MAAM,OAAO;;uBAMX,YAOkB,MAAA,gBAAA,EAAA;IANf,OAAO,MAAM;IACb,KAAK,MAAM;IACX,oBAAkB,MAAM;IACxB,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAgB,OAAM;;2BAEhC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/context-menu/ContextMenuCheckboxItem.js

@@ -0,0 +1,7 @@
+import ContextMenuCheckboxItem_vue_vue_type_script_setup_true_lang_default from "./ContextMenuCheckboxItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/context-menu/ContextMenuCheckboxItem.vue
+var ContextMenuCheckboxItem_default = ContextMenuCheckboxItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ContextMenuCheckboxItem_default as default };
+
+//# sourceMappingURL=ContextMenuCheckboxItem.js.map

package/dist/components/context-menu/ContextMenuCheckboxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuCheckboxItem.js","names":[],"sources":["../../../src/components/context-menu/ContextMenuCheckboxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ContextMenuCheckboxItem, ContextMenuItemIndicator } 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  'ContextMenuCheckboxItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <ContextMenuCheckboxItem\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    <ContextMenuItemIndicator\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    </ContextMenuItemIndicator>\n\n    <slot />\n  </ContextMenuCheckboxItem>\n</template>\n"],"mappings":""}

package/dist/components/context-menu/ContextMenuCheckboxItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,91 @@
+import { useDeprecatedBooleanProp } from "../../composables/useDeprecatedBooleanProp.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+import { menuItemVariants } from "@auronui/styles";
+import { ContextMenuCheckboxItem, ContextMenuItemIndicator } from "reka-ui";
+//#region src/components/context-menu/ContextMenuCheckboxItem.vue?vue&type=script&setup=true&lang.ts
+var ContextMenuCheckboxItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ContextMenuCheckboxItem",
+	props: /* @__PURE__ */ mergeModels({
+		textValue: { default: void 0 },
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		variant: { default: "default" },
+		class: { default: void 0 },
+		modelValue: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"isSelected": {
+			type: Boolean,
+			default: false
+		},
+		"isSelectedModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["select", "update:modelValue"], ["update:isSelected"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const isSelected = useModel(__props, "isSelected");
+		const slots = menuItemVariants({ variant: props.variant });
+		const isDisabled = useDeprecatedBooleanProp("ContextMenuCheckboxItem", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ContextMenuCheckboxItem), {
+				"model-value": props.modelValue ?? isSelected.value,
+				"text-value": props.textValue,
+				disabled: unref(isDisabled),
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass([unref(slots).item(), props.class]),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => {
+					isSelected.value = $event;
+					emit("update:modelValue", $event);
+				}),
+				onSelect: _cache[1] || (_cache[1] = ($event) => emit("select", $event))
+			}, {
+				default: withCtx(() => [createVNode(unref(ContextMenuItemIndicator), {
+					class: normalizeClass(unref(slots).indicator()),
+					"force-mount": ""
+				}, {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						width: "10",
+						height: "10",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "3",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"data-slot": "menu-item-indicator--checkmark",
+						"aria-hidden": "true"
+					}, [createElementVNode("polyline", { points: "20 6 9 17 4 12" })], -1)])]),
+					_: 1
+				}, 8, ["class"]), renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"model-value",
+				"text-value",
+				"disabled",
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { ContextMenuCheckboxItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ContextMenuCheckboxItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/context-menu/ContextMenuCheckboxItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuCheckboxItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/context-menu/ContextMenuCheckboxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ContextMenuCheckboxItem, ContextMenuItemIndicator } 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  'ContextMenuCheckboxItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <ContextMenuCheckboxItem\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    <ContextMenuItemIndicator\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    </ContextMenuItemIndicator>\n\n    <slot />\n  </ContextMenuCheckboxItem>\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,2BAA2B,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SAC3F;;uBAIE,YAiC0B,MAAA,wBAAA,EAAA;IAhCvB,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;;2BAsBH,CApB3B,YAoB2B,MAAA,yBAAA,EAAA;KAnBxB,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/context-menu/ContextMenuContent.js

@@ -0,0 +1,7 @@
+import ContextMenuContent_vue_vue_type_script_setup_true_lang_default from "./ContextMenuContent.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/context-menu/ContextMenuContent.vue
+var ContextMenuContent_default = ContextMenuContent_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ContextMenuContent_default as default };
+
+//# sourceMappingURL=ContextMenuContent.js.map

package/dist/components/context-menu/ContextMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContent.js","names":[],"sources":["../../../src/components/context-menu/ContextMenuContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ContextMenuPortal, ContextMenuContent } from 'reka-ui'\nimport { contextMenuVariants, menuVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  ariaLabel?: string\n  alignOffset?: number\n  class?: string\n  /** Portal target element or selector. */\n  to?: string | HTMLElement\n  /** Disable the portal. */\n  portalDisabled?: boolean\n  /** Defer portal rendering. */\n  defer?: boolean\n  /** Force content to stay mounted even when closed. */\n  forceMount?: boolean\n  /** Keep keyboard focus loop within the content. */\n  loop?: boolean\n  /** Avoid collisions with the viewport edges. */\n  avoidCollisions?: boolean\n  /** Boundary element(s) for collision detection. */\n  collisionBoundary?: Element | null | Array<Element | null>\n  /** Padding around collision boundary. */\n  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>\n  /** Hide the arrow when the content is shifted. */\n  hideShiftedArrow?: boolean\n  /** Sticky behavior when scrolling. */\n  sticky?: 'partial' | 'always'\n  /** Hide content when fully detached from the pointer position. */\n  hideWhenDetached?: boolean\n  /** CSS position strategy for the floating element. */\n  positionStrategy?: 'fixed' | 'absolute'\n  /** Disable position update on layout shift. */\n  disableUpdateOnLayoutShift?: boolean\n  /** Prioritize keeping the content in view over alignment. */\n  prioritizePosition?: boolean\n  /** Virtual or DOM reference element to position against. */\n  reference?: object | null\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  ariaLabel: undefined,\n  alignOffset: 0,\n  class: undefined,\n  to: undefined,\n  portalDisabled: undefined,\n  defer: undefined,\n  forceMount: undefined,\n  loop: undefined,\n  avoidCollisions: undefined,\n  collisionBoundary: undefined,\n  collisionPadding: undefined,\n  hideShiftedArrow: undefined,\n  sticky: undefined,\n  hideWhenDetached: undefined,\n  positionStrategy: undefined,\n  disableUpdateOnLayoutShift: undefined,\n  prioritizePosition: undefined,\n  reference: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\nconst slots = contextMenuVariants()\n</script>\n\n<template>\n  <ContextMenuPortal\n    :to=\"props.to\"\n    :disabled=\"props.portalDisabled\"\n    :defer=\"props.defer\"\n    :force-mount=\"props.forceMount\"\n  >\n    <ContextMenuContent\n      :align-offset=\"props.alignOffset\"\n      :aria-label=\"props.ariaLabel\"\n      :force-mount=\"props.forceMount\"\n      :loop=\"props.loop\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      :collision-boundary=\"props.collisionBoundary\"\n      :collision-padding=\"props.collisionPadding\"\n      :hide-shifted-arrow=\"props.hideShiftedArrow\"\n      :sticky=\"props.sticky\"\n      :hide-when-detached=\"props.hideWhenDetached\"\n      :position-strategy=\"props.positionStrategy\"\n      :disable-update-on-layout-shift=\"props.disableUpdateOnLayoutShift\"\n      :prioritize-position=\"props.prioritizePosition\"\n      :reference=\"(props.reference as any)\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :class=\"[slots.popover(), props.class]\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <div :class=\"menuVariants()\">\n        <slot />\n      </div>\n    </ContextMenuContent>\n  </ContextMenuPortal>\n</template>\n"],"mappings":""}

package/dist/components/context-menu/ContextMenuContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,135 @@
+import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { contextMenuVariants, menuVariants } from "@auronui/styles";
+import { ContextMenuContent, ContextMenuPortal } from "reka-ui";
+//#region src/components/context-menu/ContextMenuContent.vue?vue&type=script&setup=true&lang.ts
+var ContextMenuContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ContextMenuContent",
+	props: {
+		ariaLabel: { default: void 0 },
+		alignOffset: { default: 0 },
+		class: { default: void 0 },
+		to: { default: void 0 },
+		portalDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		defer: {
+			type: Boolean,
+			default: void 0
+		},
+		forceMount: {
+			type: Boolean,
+			default: void 0
+		},
+		loop: {
+			type: Boolean,
+			default: void 0
+		},
+		avoidCollisions: {
+			type: Boolean,
+			default: void 0
+		},
+		collisionBoundary: { default: void 0 },
+		collisionPadding: { default: void 0 },
+		hideShiftedArrow: {
+			type: Boolean,
+			default: void 0
+		},
+		sticky: { default: void 0 },
+		hideWhenDetached: {
+			type: Boolean,
+			default: void 0
+		},
+		positionStrategy: { default: void 0 },
+		disableUpdateOnLayoutShift: {
+			type: Boolean,
+			default: void 0
+		},
+		prioritizePosition: {
+			type: Boolean,
+			default: void 0
+		},
+		reference: { default: void 0 },
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"escape-key-down",
+		"pointer-down-outside",
+		"focus-outside",
+		"interact-outside",
+		"close-auto-focus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = contextMenuVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ContextMenuPortal), {
+				to: props.to,
+				disabled: props.portalDisabled,
+				defer: props.defer,
+				"force-mount": props.forceMount
+			}, {
+				default: withCtx(() => [createVNode(unref(ContextMenuContent), {
+					"align-offset": props.alignOffset,
+					"aria-label": props.ariaLabel,
+					"force-mount": props.forceMount,
+					loop: props.loop,
+					"avoid-collisions": props.avoidCollisions,
+					"collision-boundary": props.collisionBoundary,
+					"collision-padding": props.collisionPadding,
+					"hide-shifted-arrow": props.hideShiftedArrow,
+					sticky: props.sticky,
+					"hide-when-detached": props.hideWhenDetached,
+					"position-strategy": props.positionStrategy,
+					"disable-update-on-layout-shift": props.disableUpdateOnLayoutShift,
+					"prioritize-position": props.prioritizePosition,
+					reference: props.reference,
+					as: props.as,
+					"as-child": props.asChild,
+					class: normalizeClass([unref(slots).popover(), props.class]),
+					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
+					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event)),
+					onFocusOutside: _cache[2] || (_cache[2] = ($event) => emit("focus-outside", $event)),
+					onInteractOutside: _cache[3] || (_cache[3] = ($event) => emit("interact-outside", $event)),
+					onCloseAutoFocus: _cache[4] || (_cache[4] = ($event) => emit("close-auto-focus", $event))
+				}, {
+					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(menuVariants)()) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+					_: 3
+				}, 8, [
+					"align-offset",
+					"aria-label",
+					"force-mount",
+					"loop",
+					"avoid-collisions",
+					"collision-boundary",
+					"collision-padding",
+					"hide-shifted-arrow",
+					"sticky",
+					"hide-when-detached",
+					"position-strategy",
+					"disable-update-on-layout-shift",
+					"prioritize-position",
+					"reference",
+					"as",
+					"as-child",
+					"class"
+				])]),
+				_: 3
+			}, 8, [
+				"to",
+				"disabled",
+				"defer",
+				"force-mount"
+			]);
+		};
+	}
+});
+//#endregion
+export { ContextMenuContent_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ContextMenuContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/context-menu/ContextMenuContent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/context-menu/ContextMenuContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ContextMenuPortal, ContextMenuContent } from 'reka-ui'\nimport { contextMenuVariants, menuVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  ariaLabel?: string\n  alignOffset?: number\n  class?: string\n  /** Portal target element or selector. */\n  to?: string | HTMLElement\n  /** Disable the portal. */\n  portalDisabled?: boolean\n  /** Defer portal rendering. */\n  defer?: boolean\n  /** Force content to stay mounted even when closed. */\n  forceMount?: boolean\n  /** Keep keyboard focus loop within the content. */\n  loop?: boolean\n  /** Avoid collisions with the viewport edges. */\n  avoidCollisions?: boolean\n  /** Boundary element(s) for collision detection. */\n  collisionBoundary?: Element | null | Array<Element | null>\n  /** Padding around collision boundary. */\n  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>\n  /** Hide the arrow when the content is shifted. */\n  hideShiftedArrow?: boolean\n  /** Sticky behavior when scrolling. */\n  sticky?: 'partial' | 'always'\n  /** Hide content when fully detached from the pointer position. */\n  hideWhenDetached?: boolean\n  /** CSS position strategy for the floating element. */\n  positionStrategy?: 'fixed' | 'absolute'\n  /** Disable position update on layout shift. */\n  disableUpdateOnLayoutShift?: boolean\n  /** Prioritize keeping the content in view over alignment. */\n  prioritizePosition?: boolean\n  /** Virtual or DOM reference element to position against. */\n  reference?: object | null\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  ariaLabel: undefined,\n  alignOffset: 0,\n  class: undefined,\n  to: undefined,\n  portalDisabled: undefined,\n  defer: undefined,\n  forceMount: undefined,\n  loop: undefined,\n  avoidCollisions: undefined,\n  collisionBoundary: undefined,\n  collisionPadding: undefined,\n  hideShiftedArrow: undefined,\n  sticky: undefined,\n  hideWhenDetached: undefined,\n  positionStrategy: undefined,\n  disableUpdateOnLayoutShift: undefined,\n  prioritizePosition: undefined,\n  reference: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\nconst slots = contextMenuVariants()\n</script>\n\n<template>\n  <ContextMenuPortal\n    :to=\"props.to\"\n    :disabled=\"props.portalDisabled\"\n    :defer=\"props.defer\"\n    :force-mount=\"props.forceMount\"\n  >\n    <ContextMenuContent\n      :align-offset=\"props.alignOffset\"\n      :aria-label=\"props.ariaLabel\"\n      :force-mount=\"props.forceMount\"\n      :loop=\"props.loop\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      :collision-boundary=\"props.collisionBoundary\"\n      :collision-padding=\"props.collisionPadding\"\n      :hide-shifted-arrow=\"props.hideShiftedArrow\"\n      :sticky=\"props.sticky\"\n      :hide-when-detached=\"props.hideWhenDetached\"\n      :position-strategy=\"props.positionStrategy\"\n      :disable-update-on-layout-shift=\"props.disableUpdateOnLayoutShift\"\n      :prioritize-position=\"props.prioritizePosition\"\n      :reference=\"(props.reference as any)\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :class=\"[slots.popover(), props.class]\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <div :class=\"menuVariants()\">\n        <slot />\n      </div>\n    </ContextMenuContent>\n  </ContextMenuPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EA6Dd,MAAM,OAAO;EAQb,MAAM,QAAQ,qBAAoB;;uBAIhC,YAkCoB,MAAA,kBAAA,EAAA;IAjCjB,IAAI,MAAM;IACV,UAAU,MAAM;IAChB,OAAO,MAAM;IACb,eAAa,MAAM;;2BA6BC,CA3BrB,YA2BqB,MAAA,mBAAA,EAAA;KA1BlB,gBAAc,MAAM;KACpB,cAAY,MAAM;KAClB,eAAa,MAAM;KACnB,MAAM,MAAM;KACZ,oBAAkB,MAAM;KACxB,sBAAoB,MAAM;KAC1B,qBAAmB,MAAM;KACzB,sBAAoB,MAAM;KAC1B,QAAQ,MAAM;KACd,sBAAoB,MAAM;KAC1B,qBAAmB,MAAM;KACzB,kCAAgC,MAAM;KACtC,uBAAqB,MAAM;KAC3B,WAAY,MAAM;KAClB,IAAI,MAAM;KACV,YAAU,MAAM;KAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,SAAO,EAAI,MAAM,MAAK,CAAA;KACpC,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,sBAAoB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,wBAAyB,OAAM;KACzD,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAkB,OAAM;KAC3C,mBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;KACjD,kBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;;4BAI5C,CAFN,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,aAAY,EAAA,CAAA,EAAA,EAAA,CACvB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/context-menu/ContextMenuItem.js

@@ -0,0 +1,7 @@
+import ContextMenuItem_vue_vue_type_script_setup_true_lang_default from "./ContextMenuItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/context-menu/ContextMenuItem.vue
+var ContextMenuItem_default = ContextMenuItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ContextMenuItem_default as default };
+
+//# sourceMappingURL=ContextMenuItem.js.map

package/dist/components/context-menu/ContextMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.js","names":[],"sources":["../../../src/components/context-menu/ContextMenuItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ContextMenuItem } 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  'ContextMenuItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <ContextMenuItem\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  </ContextMenuItem>\n</template>\n"],"mappings":""}

package/dist/components/context-menu/ContextMenuItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,74 @@
+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 { ContextMenuItem } from "reka-ui";
+//#region src/components/context-menu/ContextMenuItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-1 flex-col" };
+var _hoisted_2 = { "data-slot": "label" };
+var _hoisted_3 = {
+	key: 0,
+	"data-slot": "description"
+};
+var _hoisted_4 = {
+	key: 0,
+	"data-slot": "shortcut",
+	class: "ml-auto text-xs text-muted font-mono"
+};
+var ContextMenuItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ContextMenuItem",
+	props: {
+		textValue: { default: void 0 },
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		variant: { default: "default" },
+		shortcut: { default: void 0 },
+		description: { default: void 0 },
+		class: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = menuItemVariants({ variant: props.variant });
+		const isDisabled = useDeprecatedBooleanProp("ContextMenuItem", "isDisabled", () => props.isDisabled, "disabled", () => props.disabled);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ContextMenuItem), {
+				"text-value": props.textValue,
+				disabled: unref(isDisabled),
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass([unref(slots).item(), props.class]),
+				onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
+			}, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "startContent"),
+					createElementVNode("div", _hoisted_1, [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), props.description ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(props.description), 1)) : createCommentVNode("", true)]),
+					props.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_4, toDisplayString(props.shortcut), 1)) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "endContent")
+				]),
+				_: 3
+			}, 8, [
+				"text-value",
+				"disabled",
+				"as",
+				"as-child",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { ContextMenuItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ContextMenuItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/context-menu/ContextMenuItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/context-menu/ContextMenuItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ContextMenuItem } 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  'ContextMenuItem', 'isDisabled', () => props.isDisabled, 'disabled', () => props.disabled,\n)\n</script>\n\n<template>\n  <ContextMenuItem\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  </ContextMenuItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EAIb,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;EAEzD,MAAM,aAAa,yBACjB,mBAAmB,oBAAoB,MAAM,YAAY,kBAAkB,MAAM,SACnF;;uBAIE,YAiCkB,MAAA,gBAAA,EAAA;IAhCf,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/context-menu/ContextMenuRadioGroup.js

@@ -0,0 +1,7 @@
+import ContextMenuRadioGroup_vue_vue_type_script_setup_true_lang_default from "./ContextMenuRadioGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/context-menu/ContextMenuRadioGroup.vue
+var ContextMenuRadioGroup_default = ContextMenuRadioGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ContextMenuRadioGroup_default as default };
+
+//# sourceMappingURL=ContextMenuRadioGroup.js.map

package/dist/components/context-menu/ContextMenuRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuRadioGroup.js","names":[],"sources":["../../../src/components/context-menu/ContextMenuRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ContextMenuRadioGroup } from 'reka-ui'\nimport type { AcceptableValue } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\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  as: undefined,\n  asChild: false,\n})\n\nconst modelValue = defineModel<AcceptableValue>({ default: '' })\n</script>\n\n<template>\n  <ContextMenuRadioGroup\n    :model-value=\"modelValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    @update:model-value=\"modelValue = $event\"\n  >\n    <slot />\n  </ContextMenuRadioGroup>\n</template>\n"],"mappings":""}