arvue-ui 0.5.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/autocomplete/autocompleteContent.js +37 -12
  3. package/dist/autocomplete/autocompleteContent.js.map +1 -1
  4. package/dist/combobox/comboboxContent.js +37 -12
  5. package/dist/combobox/comboboxContent.js.map +1 -1
  6. package/dist/dropdown-menu/dropdownMenu.js +26 -0
  7. package/dist/dropdown-menu/dropdownMenu.js.map +1 -0
  8. package/dist/dropdown-menu/dropdownMenuCheckboxItem.js +42 -0
  9. package/dist/dropdown-menu/dropdownMenuCheckboxItem.js.map +1 -0
  10. package/dist/dropdown-menu/dropdownMenuContent.js +92 -0
  11. package/dist/dropdown-menu/dropdownMenuContent.js.map +1 -0
  12. package/dist/{autocomplete/autocompleteArrow.js → dropdown-menu/dropdownMenuGroup.js} +5 -8
  13. package/dist/dropdown-menu/dropdownMenuGroup.js.map +1 -0
  14. package/dist/dropdown-menu/dropdownMenuItem.js +36 -0
  15. package/dist/dropdown-menu/dropdownMenuItem.js.map +1 -0
  16. package/dist/dropdown-menu/dropdownMenuLabel.js +34 -0
  17. package/dist/dropdown-menu/dropdownMenuLabel.js.map +1 -0
  18. package/dist/dropdown-menu/dropdownMenuPortal.js +25 -0
  19. package/dist/dropdown-menu/dropdownMenuPortal.js.map +1 -0
  20. package/dist/dropdown-menu/dropdownMenuRadioGroup.js +25 -0
  21. package/dist/dropdown-menu/dropdownMenuRadioGroup.js.map +1 -0
  22. package/dist/dropdown-menu/dropdownMenuRadioItem.js +42 -0
  23. package/dist/dropdown-menu/dropdownMenuRadioItem.js.map +1 -0
  24. package/dist/dropdown-menu/dropdownMenuSeparator.js +30 -0
  25. package/dist/dropdown-menu/dropdownMenuSeparator.js.map +1 -0
  26. package/dist/dropdown-menu/dropdownMenuShortcut.js +33 -0
  27. package/dist/dropdown-menu/dropdownMenuShortcut.js.map +1 -0
  28. package/dist/dropdown-menu/dropdownMenuSub.js +24 -0
  29. package/dist/dropdown-menu/dropdownMenuSub.js.map +1 -0
  30. package/dist/dropdown-menu/dropdownMenuSubContent.js +92 -0
  31. package/dist/dropdown-menu/dropdownMenuSubContent.js.map +1 -0
  32. package/dist/dropdown-menu/dropdownMenuSubTrigger.js +36 -0
  33. package/dist/dropdown-menu/dropdownMenuSubTrigger.js.map +1 -0
  34. package/dist/dropdown-menu/dropdownMenuTrigger.js +24 -0
  35. package/dist/dropdown-menu/dropdownMenuTrigger.js.map +1 -0
  36. package/dist/index.d.ts +412 -160
  37. package/dist/index.d.ts.map +1 -1
  38. package/dist/index.js +68 -54
  39. package/dist/index.js.map +1 -1
  40. package/dist/style.css +18 -0
  41. package/package.json +1 -1
  42. package/src/autocomplete/AutocompleteContent.vue +38 -10
  43. package/src/autocomplete/autocomplete-content.css +5 -6
  44. package/src/autocomplete/index.ts +0 -4
  45. package/src/combobox/ComboboxContent.vue +38 -10
  46. package/src/combobox/combobox-content.css +5 -6
  47. package/src/dropdown-menu/DropdownMenu.vue +24 -0
  48. package/src/dropdown-menu/DropdownMenuCheckboxItem.vue +47 -0
  49. package/src/dropdown-menu/DropdownMenuContent.vue +75 -0
  50. package/src/dropdown-menu/DropdownMenuGroup.vue +17 -0
  51. package/src/dropdown-menu/DropdownMenuItem.vue +38 -0
  52. package/src/dropdown-menu/DropdownMenuLabel.vue +37 -0
  53. package/src/dropdown-menu/DropdownMenuPortal.vue +17 -0
  54. package/src/dropdown-menu/DropdownMenuRadioGroup.vue +27 -0
  55. package/src/dropdown-menu/DropdownMenuRadioItem.vue +48 -0
  56. package/src/dropdown-menu/DropdownMenuSeparator.vue +29 -0
  57. package/src/dropdown-menu/DropdownMenuShortcut.vue +33 -0
  58. package/src/dropdown-menu/DropdownMenuSub.vue +31 -0
  59. package/src/dropdown-menu/DropdownMenuSubContent.vue +74 -0
  60. package/src/dropdown-menu/DropdownMenuSubTrigger.vue +41 -0
  61. package/src/dropdown-menu/DropdownMenuTrigger.vue +19 -0
  62. package/src/dropdown-menu/dropdown-menu-checkbox-item.css +33 -0
  63. package/src/dropdown-menu/dropdown-menu-content.css +9 -0
  64. package/src/dropdown-menu/dropdown-menu-item.css +27 -0
  65. package/src/dropdown-menu/dropdown-menu-label.css +10 -0
  66. package/src/dropdown-menu/dropdown-menu-radio-item.css +33 -0
  67. package/src/dropdown-menu/dropdown-menu-separator.css +5 -0
  68. package/src/dropdown-menu/dropdown-menu-shortcut.css +7 -0
  69. package/src/dropdown-menu/dropdown-menu-sub-content.css +8 -0
  70. package/src/dropdown-menu/dropdown-menu-sub-trigger.css +33 -0
  71. package/src/dropdown-menu/index.ts +66 -0
  72. package/src/index.ts +1 -0
  73. package/dist/autocomplete/autocompleteArrow.js.map +0 -1
  74. package/src/autocomplete/AutocompleteArrow.vue +0 -17
@@ -0,0 +1,25 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { DropdownMenuRadioGroup, useForwardPropsEmits } from "reka-ui";
3
+ //#region src/dropdown-menu/DropdownMenuRadioGroup.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "DropdownMenuRadioGroup",
6
+ props: {
7
+ modelValue: {},
8
+ asChild: { type: Boolean },
9
+ as: {}
10
+ },
11
+ emits: ["update:modelValue"],
12
+ setup(__props, { emit: __emit }) {
13
+ const forwarded = useForwardPropsEmits(__props, __emit);
14
+ return (_ctx, _cache) => {
15
+ return openBlock(), createBlock(unref(DropdownMenuRadioGroup), normalizeProps(guardReactiveProps(unref(forwarded))), {
16
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
17
+ _: 3
18
+ }, 16);
19
+ };
20
+ }
21
+ });
22
+ //#endregion
23
+ export { _sfc_main };
24
+
25
+ //# sourceMappingURL=dropdownMenuRadioGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdownMenuRadioGroup.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuRadioGroup.vue"],"sourcesContent":["<template>\n <DropdownMenuRadioGroup v-bind=\"forwarded\">\n <slot/>\n </DropdownMenuRadioGroup>\n</template>\n\n<script lang=\"ts\">\nimport type {\n DropdownMenuRadioGroupEmits as RekaDropdownMenuRadioGroupEmits,\n DropdownMenuRadioGroupProps as RekaDropdownMenuRadioGroupProps,\n} from 'reka-ui'\n\nexport interface DropdownMenuRadioGroupProps extends RekaDropdownMenuRadioGroupProps {}\nexport interface DropdownMenuRadioGroupEmits extends RekaDropdownMenuRadioGroupEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n DropdownMenuRadioGroup,\n useForwardPropsEmits,\n} from 'reka-ui'\n\nconst props = defineProps<DropdownMenuRadioGroupProps>()\nconst emits = defineEmits<DropdownMenuRadioGroupEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;EAyBA,MAAM,YAAY,qBAAqB,SAAO,MAAK;;uBAxB/C,YAEyB,MAAA,sBAAA,GAAA,eAAA,mBAFO,MAAA,SAAA,CAAS,CAAA,GAAA;2BAC9B,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,42 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
3
+ import { reactiveOmit } from "@vueuse/core";
4
+ import { DropdownMenuItemIndicator, DropdownMenuRadioItem, useForwardPropsEmits } from "reka-ui";
5
+ //#region src/dropdown-menu/DropdownMenuRadioItem.vue
6
+ const _hoisted_1 = { class: "arvue-dropdown-menu-radio-item-indicator-wrapper" };
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "DropdownMenuRadioItem",
9
+ props: {
10
+ class: { type: [
11
+ Boolean,
12
+ null,
13
+ String,
14
+ Object,
15
+ Array
16
+ ] },
17
+ value: {},
18
+ disabled: { type: Boolean },
19
+ textValue: {},
20
+ asChild: { type: Boolean },
21
+ as: {}
22
+ },
23
+ emits: ["select"],
24
+ setup(__props, { emit: __emit }) {
25
+ const props = __props;
26
+ const emits = __emit;
27
+ const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
28
+ return (_ctx, _cache) => {
29
+ return openBlock(), createBlock(unref(DropdownMenuRadioItem), mergeProps(unref(forwarded), { class: unref(clsx)("arvue-dropdown-menu-radio-item", props.class) }), {
30
+ default: withCtx(() => [createElementVNode("span", _hoisted_1, [createVNode(unref(DropdownMenuItemIndicator), null, {
31
+ default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "fas fa-circle" }, null, -1)])]),
32
+ _: 1
33
+ })]), renderSlot(_ctx.$slots, "default")]),
34
+ _: 3
35
+ }, 16, ["class"]);
36
+ };
37
+ }
38
+ });
39
+ //#endregion
40
+ export { _sfc_main };
41
+
42
+ //# sourceMappingURL=dropdownMenuRadioItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdownMenuRadioItem.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuRadioItem.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-radio-item.css';\n</style>\n\n<template>\n <DropdownMenuRadioItem\n v-bind=\"forwarded\"\n :class=\"clsx('arvue-dropdown-menu-radio-item', props.class)\"\n >\n <span class=\"arvue-dropdown-menu-radio-item-indicator-wrapper\">\n <DropdownMenuItemIndicator>\n <i class=\"fas fa-circle\"/>\n </DropdownMenuItemIndicator>\n </span>\n <slot/>\n </DropdownMenuRadioItem>\n</template>\n\n<script lang=\"ts\">\nimport type {\n DropdownMenuRadioItemEmits as RekaDropdownMenuRadioItemEmits,\n DropdownMenuRadioItemProps as RekaDropdownMenuRadioItemProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuRadioItemProps extends RekaDropdownMenuRadioItemProps {\n class?: HTMLAttributes['class']\n}\nexport interface DropdownMenuRadioItemEmits extends RekaDropdownMenuRadioItemEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport {\n DropdownMenuItemIndicator,\n DropdownMenuRadioItem,\n useForwardPropsEmits,\n} from 'reka-ui'\n\nconst props = defineProps<DropdownMenuRadioItemProps>()\n\nconst emits = defineEmits<DropdownMenuRadioItemEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,QAAQ;EAEd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBAzCxD,YAUwB,MAAA,qBAAA,GAVxB,WACY,MASY,SAAA,GATH,EAChB,OAAO,MAAA,IAAA,EAAI,kCAAmC,MAAM,KAAK,EAAA,CAAA,GAAA;2BAMnD,CAJP,mBAIO,QAJP,YAIO,CAHH,YAE4B,MAAA,yBAAA,GAAA,MAAA;4BADE,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAA1B,mBAA0B,KAAA,EAAvB,OAAM,gBAAe,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA;;UAGhC,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,30 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
3
+ import { reactiveOmit } from "@vueuse/core";
4
+ import { DropdownMenuSeparator } from "reka-ui";
5
+ //#region src/dropdown-menu/DropdownMenuSeparator.vue
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "DropdownMenuSeparator",
8
+ props: {
9
+ class: { type: [
10
+ Boolean,
11
+ null,
12
+ String,
13
+ Object,
14
+ Array
15
+ ] },
16
+ asChild: { type: Boolean },
17
+ as: {}
18
+ },
19
+ setup(__props) {
20
+ const props = __props;
21
+ const delegatedProps = reactiveOmit(props, "class");
22
+ return (_ctx, _cache) => {
23
+ return openBlock(), createBlock(unref(DropdownMenuSeparator), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-dropdown-menu-separator", props.class) }), null, 16, ["class"]);
24
+ };
25
+ }
26
+ });
27
+ //#endregion
28
+ export { _sfc_main };
29
+
30
+ //# sourceMappingURL=dropdownMenuSeparator.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdownMenuSeparator.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuSeparator.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-separator.css';\n</style>\n\n<template>\n <DropdownMenuSeparator\n v-bind=\"delegatedProps\"\n :class=\"clsx('arvue-dropdown-menu-separator', props.class)\"\n />\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuSeparatorProps as RekaDropdownMenuSeparatorProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuSeparatorProps extends RekaDropdownMenuSeparatorProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DropdownMenuSeparator } from 'reka-ui'\n\nconst props = defineProps<DropdownMenuSeparatorProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAyBA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAtB9C,YAGE,MAAA,qBAAA,GAHF,WACY,MAEV,cAAA,GAFwB,EACrB,OAAO,MAAA,IAAA,EAAI,iCAAkC,MAAM,KAAK,EAAA,CAAA,GAAA,MAAA,IAAA,CAAA,OAAA,CAAA"}
@@ -0,0 +1,33 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
3
+ import { reactiveOmit } from "@vueuse/core";
4
+ import { Primitive } from "reka-ui";
5
+ //#region src/dropdown-menu/DropdownMenuShortcut.vue
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "DropdownMenuShortcut",
8
+ props: {
9
+ class: { type: [
10
+ Boolean,
11
+ null,
12
+ String,
13
+ Object,
14
+ Array
15
+ ] },
16
+ asChild: { type: Boolean },
17
+ as: { default: "span" }
18
+ },
19
+ setup(__props) {
20
+ const props = __props;
21
+ const delegatedProps = reactiveOmit(props, "class");
22
+ return (_ctx, _cache) => {
23
+ return openBlock(), createBlock(unref(Primitive), mergeProps({ class: unref(clsx)("arvue-dropdown-menu-shortcut", props.class) }, unref(delegatedProps)), {
24
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
25
+ _: 3
26
+ }, 16, ["class"]);
27
+ };
28
+ }
29
+ });
30
+ //#endregion
31
+ export { _sfc_main };
32
+
33
+ //# sourceMappingURL=dropdownMenuShortcut.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdownMenuShortcut.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuShortcut.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-shortcut.css';\n</style>\n\n<template>\n <Primitive\n :class=\"clsx('arvue-dropdown-menu-shortcut', props.class)\"\n v-bind=\"delegatedProps\"\n >\n <slot/>\n </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuShortcutProps extends PrimitiveProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DropdownMenuShortcutProps>(), {\n as: 'span',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAId,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBA1B9C,YAKY,MAAA,SAAA,GALZ,WAKY,EAJP,OAAO,MAAA,IAAA,EAAI,gCAAiC,MAAM,KAAK,EAAA,GAChD,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,24 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { DropdownMenuSub, useForwardPropsEmits } from "reka-ui";
3
+ //#region src/dropdown-menu/DropdownMenuSub.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "DropdownMenuSub",
6
+ props: {
7
+ defaultOpen: { type: Boolean },
8
+ open: { type: Boolean }
9
+ },
10
+ emits: ["update:open"],
11
+ setup(__props, { emit: __emit }) {
12
+ const forwarded = useForwardPropsEmits(__props, __emit);
13
+ return (_ctx, _cache) => {
14
+ return openBlock(), createBlock(unref(DropdownMenuSub), normalizeProps(guardReactiveProps(unref(forwarded))), {
15
+ default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
16
+ _: 3
17
+ }, 16);
18
+ };
19
+ }
20
+ });
21
+ //#endregion
22
+ export { _sfc_main };
23
+
24
+ //# sourceMappingURL=dropdownMenuSub.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdownMenuSub.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuSub.vue"],"sourcesContent":["<template>\n <DropdownMenuSub\n v-slot=\"slotProps\"\n v-bind=\"forwarded\"\n >\n <slot v-bind=\"slotProps\"/>\n </DropdownMenuSub>\n</template>\n\n<script lang=\"ts\">\nimport type {\n DropdownMenuSubEmits as RekaDropdownMenuSubEmits,\n DropdownMenuSubProps as RekaDropdownMenuSubProps,\n} from 'reka-ui'\n\nexport interface DropdownMenuSubProps extends RekaDropdownMenuSubProps {}\n\nexport interface DropdownMenuSubEmits extends RekaDropdownMenuSubEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n DropdownMenuSub,\n useForwardPropsEmits,\n} from 'reka-ui'\n\nconst props = defineProps<DropdownMenuSubProps>()\nconst emits = defineEmits<DropdownMenuSubEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n"],"mappings":";;;;;;;;;;;EA6BA,MAAM,YAAY,qBAAqB,SAAO,MAAK;;uBA5B/C,YAKkB,MAAA,eAAA,GAAA,eAAA,mBAHN,MAAA,SAAA,CAAS,CAAA,GAAA;sBADT,cAAS,CAGjB,WAA0B,KAAA,QAAA,WAAA,eAAA,mBAAZ,SAAS,CAAA,CAAA,CAAA,CAAA"}
@@ -0,0 +1,92 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
3
+ import { reactiveOmit } from "@vueuse/core";
4
+ import { DropdownMenuSubContent, useForwardPropsEmits } from "reka-ui";
5
+ import { AnimatePresence, Motion } from "motion-v";
6
+ //#region src/dropdown-menu/DropdownMenuSubContent.vue
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ inheritAttrs: false,
9
+ __name: "DropdownMenuSubContent",
10
+ props: {
11
+ class: { type: [
12
+ Boolean,
13
+ null,
14
+ String,
15
+ Object,
16
+ Array
17
+ ] },
18
+ forceMount: { type: Boolean },
19
+ loop: { type: Boolean },
20
+ sideOffset: { default: 8 },
21
+ sideFlip: { type: Boolean },
22
+ alignOffset: {},
23
+ alignFlip: { type: Boolean },
24
+ avoidCollisions: { type: Boolean },
25
+ collisionBoundary: {},
26
+ collisionPadding: {},
27
+ arrowPadding: {},
28
+ hideShiftedArrow: { type: Boolean },
29
+ sticky: {},
30
+ hideWhenDetached: { type: Boolean },
31
+ positionStrategy: {},
32
+ updatePositionStrategy: {},
33
+ disableUpdateOnLayoutShift: { type: Boolean },
34
+ prioritizePosition: { type: Boolean },
35
+ reference: {},
36
+ asChild: { type: Boolean },
37
+ as: {}
38
+ },
39
+ emits: [
40
+ "escapeKeyDown",
41
+ "pointerDownOutside",
42
+ "focusOutside",
43
+ "interactOutside",
44
+ "entryFocus",
45
+ "openAutoFocus",
46
+ "closeAutoFocus"
47
+ ],
48
+ setup(__props, { emit: __emit }) {
49
+ const props = __props;
50
+ const emits = __emit;
51
+ const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
52
+ return (_ctx, _cache) => {
53
+ return openBlock(), createBlock(unref(AnimatePresence), null, {
54
+ default: withCtx(() => [createVNode(unref(DropdownMenuSubContent), mergeProps({
55
+ ..._ctx.$attrs,
56
+ ...unref(forwarded)
57
+ }, {
58
+ class: unref(clsx)("arvue-dropdown-menu-sub-content", props.class),
59
+ "as-child": ""
60
+ }), {
61
+ default: withCtx(() => [createVNode(unref(Motion), {
62
+ initial: {
63
+ y: "-5px",
64
+ opacity: 0
65
+ },
66
+ animate: {
67
+ y: 0,
68
+ opacity: 1
69
+ },
70
+ exit: {
71
+ y: "-5px",
72
+ opacity: 0
73
+ },
74
+ transition: {
75
+ duration: .15,
76
+ ease: "easeInOut"
77
+ }
78
+ }, {
79
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
80
+ _: 3
81
+ })]),
82
+ _: 3
83
+ }, 16, ["class"])]),
84
+ _: 3
85
+ });
86
+ };
87
+ }
88
+ });
89
+ //#endregion
90
+ export { _sfc_main };
91
+
92
+ //# sourceMappingURL=dropdownMenuSubContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdownMenuSubContent.js","names":["$attrs"],"sources":["../../src/dropdown-menu/DropdownMenuSubContent.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-sub-content.css';\n</style>\n\n<template>\n <AnimatePresence>\n <DropdownMenuSubContent\n v-bind=\"{ ...$attrs, ...forwarded }\"\n :class=\"clsx('arvue-dropdown-menu-sub-content', props.class)\"\n as-child\n >\n <Motion\n :initial=\"{\n y: '-5px',\n opacity: 0,\n }\"\n :animate=\"{\n y: 0,\n opacity: 1,\n }\"\n :exit=\"{\n y: '-5px',\n opacity: 0,\n }\"\n :transition=\"{\n duration: .15,\n ease: 'easeInOut',\n }\"\n >\n <slot/>\n </Motion>\n </DropdownMenuSubContent>\n </AnimatePresence>\n</template>\n\n<script lang=\"ts\">\nimport type {\n DropdownMenuSubContentEmits as RekaDropdownMenuSubContentEmits,\n DropdownMenuSubContentProps as RekaDropdownMenuSubContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuSubContentProps extends RekaDropdownMenuSubContentProps {\n class?: HTMLAttributes['class']\n}\n\nexport interface DropdownMenuSubContentEmits extends RekaDropdownMenuSubContentEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AnimatePresence, Motion } from 'motion-v'\nimport {\n DropdownMenuSubContent,\n useForwardPropsEmits,\n} from 'reka-ui'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = withDefaults(\n defineProps<DropdownMenuSubContentProps>(),\n {\n sideOffset: 8,\n },\n)\nconst emits = defineEmits<DropdownMenuSubContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DA,MAAM,QAAQ;EAMd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBAnExD,YA2BkB,MAAA,eAAA,GAAA,MAAA;2BADW,CAzBzB,YAyByB,MAAA,sBAAA,GAzBzB,WAyByB;KAAA,GAxBRA,KAAAA;KAAM,GAAK,MAAA,SAAA;IAAS,GAAA;KAChC,OAAO,MAAA,IAAA,EAAI,mCAAoC,MAAM,KAAK;KAC3D,YAAA;;4BAqBS,CAnBT,YAmBS,MAAA,MAAA,GAAA;MAlBJ,SAAS;;;;MAIT,SAAS;;;;MAIT,MAAM;;;;MAIN,YAAY;;;;;6BAKN,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,36 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { createBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
3
+ import { reactiveOmit } from "@vueuse/core";
4
+ import { DropdownMenuSubTrigger, useForwardProps } from "reka-ui";
5
+ //#region src/dropdown-menu/DropdownMenuSubTrigger.vue
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "DropdownMenuSubTrigger",
8
+ props: {
9
+ class: { type: [
10
+ Boolean,
11
+ null,
12
+ String,
13
+ Object,
14
+ Array
15
+ ] },
16
+ inset: { type: Boolean },
17
+ disabled: { type: Boolean },
18
+ textValue: {},
19
+ asChild: { type: Boolean },
20
+ as: {}
21
+ },
22
+ setup(__props) {
23
+ const props = __props;
24
+ const forwardedProps = useForwardProps(reactiveOmit(props, "class"));
25
+ return (_ctx, _cache) => {
26
+ return openBlock(), createBlock(unref(DropdownMenuSubTrigger), mergeProps(unref(forwardedProps), { class: unref(clsx)("arvue-dropdown-menu-sub-trigger", __props.inset && "arvue-dropdown-menu-sub-trigger-inset", props.class) }), {
27
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default"), _cache[0] || (_cache[0] = createElementVNode("i", { class: "fas fa-chevron-right arvue-dropdown-menu-sub-trigger-icon" }, null, -1))]),
28
+ _: 3
29
+ }, 16, ["class"]);
30
+ };
31
+ }
32
+ });
33
+ //#endregion
34
+ export { _sfc_main };
35
+
36
+ //# sourceMappingURL=dropdownMenuSubTrigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdownMenuSubTrigger.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuSubTrigger.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-sub-trigger.css';\n</style>\n\n<template>\n <DropdownMenuSubTrigger\n v-bind=\"forwardedProps\"\n :class=\"clsx(\n 'arvue-dropdown-menu-sub-trigger',\n inset && 'arvue-dropdown-menu-sub-trigger-inset',\n props.class,\n )\"\n >\n <slot/>\n <i class=\"fas fa-chevron-right arvue-dropdown-menu-sub-trigger-icon\"/>\n </DropdownMenuSubTrigger>\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuSubTriggerProps as RekaDropdownMenuSubTriggerProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuSubTriggerProps extends RekaDropdownMenuSubTriggerProps {\n class?: HTMLAttributes['class']\n inset?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport {\n DropdownMenuSubTrigger,\n useForwardProps,\n} from 'reka-ui'\n\nconst props = defineProps<DropdownMenuSubTriggerProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAGd,MAAM,iBAAiB,gBADA,aAAa,OAAO,OACJ,CAAc;;uBAlCjD,YAUyB,MAAA,sBAAA,GAVzB,WACY,MASa,cAAA,GATC,EACrB,OAAO,MAAA,IAAA,EAAA,mCAAiE,QAAA,SAAK,yCAAyD,MAAM,KAAA,EAAA,CAAA,GAAA;2BAMtI,CAAP,WAAO,KAAA,QAAA,SAAA,GAAA,OAAA,OAAA,OAAA,KACP,mBAAsE,KAAA,EAAnE,OAAM,4DAA2D,GAAA,MAAA,EAAA,EAAA,CAAA"}
@@ -0,0 +1,24 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { DropdownMenuTrigger, useForwardProps } from "reka-ui";
3
+ //#region src/dropdown-menu/DropdownMenuTrigger.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "DropdownMenuTrigger",
6
+ props: {
7
+ disabled: { type: Boolean },
8
+ asChild: { type: Boolean },
9
+ as: {}
10
+ },
11
+ setup(__props) {
12
+ const forwardedProps = useForwardProps(__props);
13
+ return (_ctx, _cache) => {
14
+ return openBlock(), createBlock(unref(DropdownMenuTrigger), normalizeProps(guardReactiveProps(unref(forwardedProps))), {
15
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
16
+ _: 3
17
+ }, 16);
18
+ };
19
+ }
20
+ });
21
+ //#endregion
22
+ export { _sfc_main };
23
+
24
+ //# sourceMappingURL=dropdownMenuTrigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dropdownMenuTrigger.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuTrigger.vue"],"sourcesContent":["<template>\n <DropdownMenuTrigger v-bind=\"forwardedProps\">\n <slot/>\n </DropdownMenuTrigger>\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuTriggerProps as RekaDropdownMenuTriggerProps } from 'reka-ui'\n\nexport interface DropdownMenuTriggerProps extends RekaDropdownMenuTriggerProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DropdownMenuTrigger, useForwardProps } from 'reka-ui'\n\nconst props = defineProps<DropdownMenuTriggerProps>()\n\nconst forwardedProps = useForwardProps(props)\n</script>\n"],"mappings":";;;;;;;;;;;EAiBA,MAAM,iBAAiB,gBAAgB,OAAK;;uBAhBxC,YAEsB,MAAA,mBAAA,GAAA,eAAA,mBAFO,MAAA,cAAA,CAAc,CAAA,GAAA;2BAChC,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}