arvue-ui 0.5.0 → 0.7.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.
- package/dist/all.css +1 -1
- package/dist/aspect-ratio/aspectRatio.js +24 -0
- package/dist/aspect-ratio/aspectRatio.js.map +1 -0
- package/dist/autocomplete/autocomplete.js +1 -1
- package/dist/autocomplete/autocompleteContent.js +38 -13
- package/dist/autocomplete/autocompleteContent.js.map +1 -1
- package/dist/autocomplete/autocompleteEmpty.js +1 -1
- package/dist/autocomplete/autocompleteInput.js +1 -1
- package/dist/autocomplete/autocompleteItem.js +3 -1
- package/dist/autocomplete/autocompleteItem.js.map +1 -1
- package/dist/autocomplete/autocompleteLabel.js +1 -1
- package/dist/autocomplete/autocompleteSeparator.js +1 -1
- package/dist/combobox/combobox.js +1 -1
- package/dist/combobox/comboboxContent.js +38 -13
- package/dist/combobox/comboboxContent.js.map +1 -1
- package/dist/combobox/comboboxEmpty.js +1 -1
- package/dist/combobox/comboboxInput.js +1 -1
- package/dist/combobox/comboboxItem.js +3 -1
- package/dist/combobox/comboboxItem.js.map +1 -1
- package/dist/combobox/comboboxLabel.js +1 -1
- package/dist/combobox/comboboxSeparator.js +1 -1
- package/dist/dialog/dialogContent.js +1 -1
- package/dist/dialog/dialogDescription.js +1 -1
- package/dist/dialog/dialogFooter.js +1 -1
- package/dist/dialog/dialogHeader.js +1 -1
- package/dist/dialog/dialogOverlay.js +1 -1
- package/dist/dialog/dialogTitle.js +1 -1
- package/dist/drawer/drawerContent.js +1 -1
- package/dist/drawer/drawerDescription.js +1 -1
- package/dist/drawer/drawerFooter.js +1 -1
- package/dist/drawer/drawerHeader.js +1 -1
- package/dist/drawer/drawerOverlay.js +1 -1
- package/dist/drawer/drawerTitle.js +1 -1
- package/dist/dropdown-menu/dropdownMenu.js +26 -0
- package/dist/dropdown-menu/dropdownMenu.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuCheckboxItem.js +42 -0
- package/dist/dropdown-menu/dropdownMenuCheckboxItem.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuContent.js +92 -0
- package/dist/dropdown-menu/dropdownMenuContent.js.map +1 -0
- package/dist/{autocomplete/autocompleteArrow.js → dropdown-menu/dropdownMenuGroup.js} +5 -8
- package/dist/dropdown-menu/dropdownMenuGroup.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuItem.js +36 -0
- package/dist/dropdown-menu/dropdownMenuItem.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuLabel.js +34 -0
- package/dist/dropdown-menu/dropdownMenuLabel.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuPortal.js +25 -0
- package/dist/dropdown-menu/dropdownMenuPortal.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuRadioGroup.js +25 -0
- package/dist/dropdown-menu/dropdownMenuRadioGroup.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuRadioItem.js +42 -0
- package/dist/dropdown-menu/dropdownMenuRadioItem.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuSeparator.js +30 -0
- package/dist/dropdown-menu/dropdownMenuSeparator.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuShortcut.js +33 -0
- package/dist/dropdown-menu/dropdownMenuShortcut.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuSub.js +24 -0
- package/dist/dropdown-menu/dropdownMenuSub.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuSubContent.js +92 -0
- package/dist/dropdown-menu/dropdownMenuSubContent.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuSubTrigger.js +36 -0
- package/dist/dropdown-menu/dropdownMenuSubTrigger.js.map +1 -0
- package/dist/dropdown-menu/dropdownMenuTrigger.js +24 -0
- package/dist/dropdown-menu/dropdownMenuTrigger.js.map +1 -0
- package/dist/index.d.ts +579 -163
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +40 -14
- package/dist/index.js.map +1 -1
- package/dist/select/select.js +37 -0
- package/dist/select/select.js.map +1 -0
- package/dist/select/selectContent.js +101 -0
- package/dist/select/selectContent.js.map +1 -0
- package/dist/select/selectGroup.js +23 -0
- package/dist/select/selectGroup.js.map +1 -0
- package/dist/select/selectItem.js +43 -0
- package/dist/select/selectItem.js.map +1 -0
- package/dist/select/selectItemText.js +23 -0
- package/dist/select/selectItemText.js.map +1 -0
- package/dist/select/selectLabel.js +34 -0
- package/dist/select/selectLabel.js.map +1 -0
- package/dist/select/selectRootPatch.js +24 -0
- package/dist/select/selectRootPatch.js.map +1 -0
- package/dist/select/selectScrollDownButton.js +33 -0
- package/dist/select/selectScrollDownButton.js.map +1 -0
- package/dist/select/selectScrollUpButton.js +33 -0
- package/dist/select/selectScrollUpButton.js.map +1 -0
- package/dist/select/selectSeparator.js +30 -0
- package/dist/select/selectSeparator.js.map +1 -0
- package/dist/select/selectTrigger.js +41 -0
- package/dist/select/selectTrigger.js.map +1 -0
- package/dist/select/selectValue.js +34 -0
- package/dist/select/selectValue.js.map +1 -0
- package/dist/sheet/sheetContent.js +1 -1
- package/dist/sheet/sheetFooter.js +1 -1
- package/dist/sheet/sheetHeader.js +1 -1
- package/dist/style.css +34 -0
- package/package.json +1 -1
- package/src/aspect-ratio/AspectRatio.vue +20 -0
- package/src/aspect-ratio/index.ts +4 -0
- package/src/autocomplete/AutocompleteContent.vue +38 -10
- package/src/autocomplete/AutocompleteItem.vue +4 -1
- package/src/autocomplete/autocomplete-content.css +5 -6
- package/src/autocomplete/autocomplete-label.css +4 -3
- package/src/autocomplete/index.ts +0 -4
- package/src/combobox/ComboboxContent.vue +38 -10
- package/src/combobox/ComboboxItem.vue +4 -1
- package/src/combobox/combobox-content.css +5 -6
- package/src/combobox/combobox-label.css +4 -3
- package/src/dropdown-menu/DropdownMenu.vue +24 -0
- package/src/dropdown-menu/DropdownMenuCheckboxItem.vue +47 -0
- package/src/dropdown-menu/DropdownMenuContent.vue +75 -0
- package/src/dropdown-menu/DropdownMenuGroup.vue +17 -0
- package/src/dropdown-menu/DropdownMenuItem.vue +38 -0
- package/src/dropdown-menu/DropdownMenuLabel.vue +37 -0
- package/src/dropdown-menu/DropdownMenuPortal.vue +17 -0
- package/src/dropdown-menu/DropdownMenuRadioGroup.vue +27 -0
- package/src/dropdown-menu/DropdownMenuRadioItem.vue +48 -0
- package/src/dropdown-menu/DropdownMenuSeparator.vue +29 -0
- package/src/dropdown-menu/DropdownMenuShortcut.vue +33 -0
- package/src/dropdown-menu/DropdownMenuSub.vue +31 -0
- package/src/dropdown-menu/DropdownMenuSubContent.vue +74 -0
- package/src/dropdown-menu/DropdownMenuSubTrigger.vue +41 -0
- package/src/dropdown-menu/DropdownMenuTrigger.vue +19 -0
- package/src/dropdown-menu/dropdown-menu-checkbox-item.css +33 -0
- package/src/dropdown-menu/dropdown-menu-content.css +9 -0
- package/src/dropdown-menu/dropdown-menu-item.css +27 -0
- package/src/dropdown-menu/dropdown-menu-label.css +12 -0
- package/src/dropdown-menu/dropdown-menu-radio-item.css +33 -0
- package/src/dropdown-menu/dropdown-menu-separator.css +5 -0
- package/src/dropdown-menu/dropdown-menu-shortcut.css +7 -0
- package/src/dropdown-menu/dropdown-menu-sub-content.css +8 -0
- package/src/dropdown-menu/dropdown-menu-sub-trigger.css +33 -0
- package/src/dropdown-menu/index.ts +66 -0
- package/src/index.ts +3 -0
- package/src/select/Select.vue +27 -0
- package/src/select/SelectContent.vue +77 -0
- package/src/select/SelectGroup.vue +17 -0
- package/src/select/SelectItem.vue +46 -0
- package/src/select/SelectItemText.vue +17 -0
- package/src/select/SelectLabel.vue +31 -0
- package/src/select/SelectRootPatch.vue +24 -0
- package/src/select/SelectScrollDownButton.vue +33 -0
- package/src/select/SelectScrollUpButton.vue +33 -0
- package/src/select/SelectSeparator.vue +29 -0
- package/src/select/SelectTrigger.vue +40 -0
- package/src/select/SelectValue.vue +33 -0
- package/src/select/index.ts +46 -0
- package/src/select/select-content.css +16 -0
- package/src/select/select-item.css +39 -0
- package/src/select/select-label.css +7 -0
- package/src/select/select-scroll-button.css +8 -0
- package/src/select/select-separator.css +5 -0
- package/src/select/select-trigger.css +71 -0
- package/src/select/select-value.css +6 -0
- package/src/sonner/sonner.css +0 -1
- package/dist/autocomplete/autocompleteArrow.js.map +0 -1
- package/src/autocomplete/AutocompleteArrow.vue +0 -17
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { clsx } from "../clsx.js";
|
|
2
2
|
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
-
import { reactiveOmit } from "@vueuse/core";
|
|
4
3
|
import { DialogTitle } from "reka-ui";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
5
5
|
//#region src/drawer/DrawerTitle.vue
|
|
6
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
7
|
__name: "DrawerTitle",
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { DropdownMenuRoot, useForwardPropsEmits } from "reka-ui";
|
|
3
|
+
//#region src/dropdown-menu/DropdownMenu.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "DropdownMenu",
|
|
6
|
+
props: {
|
|
7
|
+
defaultOpen: { type: Boolean },
|
|
8
|
+
open: { type: Boolean },
|
|
9
|
+
dir: {},
|
|
10
|
+
modal: { type: Boolean }
|
|
11
|
+
},
|
|
12
|
+
emits: ["update:open"],
|
|
13
|
+
setup(__props, { emit: __emit }) {
|
|
14
|
+
const forwarded = useForwardPropsEmits(__props, __emit);
|
|
15
|
+
return (_ctx, _cache) => {
|
|
16
|
+
return openBlock(), createBlock(unref(DropdownMenuRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
|
|
17
|
+
default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
|
|
18
|
+
_: 3
|
|
19
|
+
}, 16);
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
//#endregion
|
|
24
|
+
export { _sfc_main };
|
|
25
|
+
|
|
26
|
+
//# sourceMappingURL=dropdownMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdownMenu.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenu.vue"],"sourcesContent":["<template>\n <DropdownMenuRoot\n v-slot=\"slotProps\"\n v-bind=\"forwarded\"\n >\n <slot v-bind=\"slotProps\"/>\n </DropdownMenuRoot>\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuRootEmits, DropdownMenuRootProps } from 'reka-ui'\n\nexport interface DropdownMenuProps extends DropdownMenuRootProps {}\nexport interface DropdownMenuEmits extends DropdownMenuRootEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DropdownMenuRoot, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<DropdownMenuProps>()\nconst emits = defineEmits<DropdownMenuEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;EAsBA,MAAM,YAAY,qBAAqB,SAAO,MAAK;;uBArB/C,YAKmB,MAAA,gBAAA,GAAA,eAAA,mBAHP,MAAA,SAAA,CAAS,CAAA,GAAA;sBADT,cAAS,CAGjB,WAA0B,KAAA,QAAA,WAAA,eAAA,mBAAZ,SAAS,CAAA,CAAA,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 { DropdownMenuCheckboxItem, DropdownMenuItemIndicator, useForwardPropsEmits } from "reka-ui";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
5
|
+
//#region src/dropdown-menu/DropdownMenuCheckboxItem.vue
|
|
6
|
+
const _hoisted_1 = { class: "arvue-dropdown-menu-checkbox-item-indicator-wrapper" };
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "DropdownMenuCheckboxItem",
|
|
9
|
+
props: {
|
|
10
|
+
class: { type: [
|
|
11
|
+
Boolean,
|
|
12
|
+
null,
|
|
13
|
+
String,
|
|
14
|
+
Object,
|
|
15
|
+
Array
|
|
16
|
+
] },
|
|
17
|
+
modelValue: { type: [Boolean, String] },
|
|
18
|
+
disabled: { type: Boolean },
|
|
19
|
+
textValue: {},
|
|
20
|
+
asChild: { type: Boolean },
|
|
21
|
+
as: {}
|
|
22
|
+
},
|
|
23
|
+
emits: ["select", "update:modelValue"],
|
|
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(DropdownMenuCheckboxItem), mergeProps(unref(forwarded), { class: unref(clsx)("arvue-dropdown-menu-checkbox-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-check" }, 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=dropdownMenuCheckboxItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdownMenuCheckboxItem.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuCheckboxItem.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-checkbox-item.css';\n</style>\n\n<template>\n <DropdownMenuCheckboxItem\n v-bind=\"forwarded\"\n :class=\"clsx('arvue-dropdown-menu-checkbox-item', props.class)\"\n >\n <span class=\"arvue-dropdown-menu-checkbox-item-indicator-wrapper\">\n <DropdownMenuItemIndicator>\n <i class=\"fas fa-check\"/>\n </DropdownMenuItemIndicator>\n </span>\n <slot/>\n </DropdownMenuCheckboxItem>\n</template>\n\n<script lang=\"ts\">\nimport type {\n DropdownMenuCheckboxItemEmits as RekaDropdownMenuCheckboxItemEmits,\n DropdownMenuCheckboxItemProps as RekaDropdownMenuCheckboxItemProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuCheckboxItemProps extends RekaDropdownMenuCheckboxItemProps {\n class?: HTMLAttributes['class']\n}\nexport interface DropdownMenuCheckboxItemEmits extends RekaDropdownMenuCheckboxItemEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport {\n DropdownMenuCheckboxItem,\n DropdownMenuItemIndicator,\n useForwardPropsEmits,\n} from 'reka-ui'\n\nconst props = defineProps<DropdownMenuCheckboxItemProps>()\nconst emits = defineEmits<DropdownMenuCheckboxItemEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBAxCxD,YAU2B,MAAA,wBAAA,GAV3B,WACY,MASe,SAAA,GATN,EAChB,OAAO,MAAA,IAAA,EAAI,qCAAsC,MAAM,KAAK,EAAA,CAAA,GAAA;2BAMtD,CAJP,mBAIO,QAJP,YAIO,CAHH,YAE4B,MAAA,yBAAA,GAAA,MAAA;4BADC,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAzB,mBAAyB,KAAA,EAAtB,OAAM,eAAc,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA;;UAG/B,WAAO,KAAA,QAAA,SAAA,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 { DropdownMenuContent, useForwardPropsEmits } from "reka-ui";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
5
|
+
import { AnimatePresence, Motion } from "motion-v";
|
|
6
|
+
//#region src/dropdown-menu/DropdownMenuContent.vue
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
inheritAttrs: false,
|
|
9
|
+
__name: "DropdownMenuContent",
|
|
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
|
+
side: {},
|
|
21
|
+
sideOffset: { default: 8 },
|
|
22
|
+
sideFlip: { type: Boolean },
|
|
23
|
+
align: {},
|
|
24
|
+
alignOffset: {},
|
|
25
|
+
alignFlip: { type: Boolean },
|
|
26
|
+
avoidCollisions: { type: Boolean },
|
|
27
|
+
collisionBoundary: {},
|
|
28
|
+
collisionPadding: {},
|
|
29
|
+
arrowPadding: {},
|
|
30
|
+
hideShiftedArrow: { type: Boolean },
|
|
31
|
+
sticky: {},
|
|
32
|
+
hideWhenDetached: { type: Boolean },
|
|
33
|
+
positionStrategy: {},
|
|
34
|
+
updatePositionStrategy: {},
|
|
35
|
+
disableUpdateOnLayoutShift: { type: Boolean },
|
|
36
|
+
prioritizePosition: { type: Boolean },
|
|
37
|
+
reference: {},
|
|
38
|
+
asChild: { type: Boolean },
|
|
39
|
+
as: {}
|
|
40
|
+
},
|
|
41
|
+
emits: [
|
|
42
|
+
"escapeKeyDown",
|
|
43
|
+
"pointerDownOutside",
|
|
44
|
+
"focusOutside",
|
|
45
|
+
"interactOutside",
|
|
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(DropdownMenuContent), mergeProps({
|
|
55
|
+
..._ctx.$attrs,
|
|
56
|
+
...unref(forwarded)
|
|
57
|
+
}, {
|
|
58
|
+
class: unref(clsx)("arvue-dropdown-menu-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=dropdownMenuContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdownMenuContent.js","names":["$attrs"],"sources":["../../src/dropdown-menu/DropdownMenuContent.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-content.css';\n</style>\n\n<template>\n <AnimatePresence>\n <DropdownMenuContent\n v-bind=\"{ ...$attrs, ...forwarded }\"\n :class=\"clsx('arvue-dropdown-menu-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 </DropdownMenuContent>\n </AnimatePresence>\n</template>\n\n<script lang=\"ts\">\nimport type {\n DropdownMenuContentEmits as RekaDropdownMenuContentEmits,\n DropdownMenuContentProps as RekaDropdownMenuContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuContentProps extends RekaDropdownMenuContentProps {\n class?: HTMLAttributes['class']\n}\n\nexport interface DropdownMenuContentEmits extends RekaDropdownMenuContentEmits {\n}\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 DropdownMenuContent,\n useForwardPropsEmits,\n} from 'reka-ui'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = withDefaults(\n defineProps<DropdownMenuContentProps>(),\n {\n sideOffset: 8,\n },\n)\nconst emits = defineEmits<DropdownMenuContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DA,MAAM,QAAQ;EAMd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBApExD,YA2BkB,MAAA,eAAA,GAAA,MAAA;2BADQ,CAzBtB,YAyBsB,MAAA,mBAAA,GAzBtB,WAyBsB;KAAA,GAxBLA,KAAAA;KAAM,GAAK,MAAA,SAAA;IAAS,GAAA;KAChC,OAAO,MAAA,IAAA,EAAI,+BAAgC,MAAM,KAAK;KACvD,YAAA;;4BAqBS,CAnBT,YAmBS,MAAA,MAAA,GAAA;MAlBJ,SAAS;;;;MAIT,SAAS;;;;MAIT,MAAM;;;;MAIN,YAAY;;;;;6BAKN,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1,19 +1,16 @@
|
|
|
1
1
|
import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
-
import {
|
|
3
|
-
//#region src/
|
|
2
|
+
import { DropdownMenuGroup } from "reka-ui";
|
|
3
|
+
//#region src/dropdown-menu/DropdownMenuGroup.vue
|
|
4
4
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
-
__name: "
|
|
5
|
+
__name: "DropdownMenuGroup",
|
|
6
6
|
props: {
|
|
7
|
-
width: {},
|
|
8
|
-
height: {},
|
|
9
|
-
rounded: { type: Boolean },
|
|
10
7
|
asChild: { type: Boolean },
|
|
11
8
|
as: {}
|
|
12
9
|
},
|
|
13
10
|
setup(__props) {
|
|
14
11
|
const props = __props;
|
|
15
12
|
return (_ctx, _cache) => {
|
|
16
|
-
return openBlock(), createBlock(unref(
|
|
13
|
+
return openBlock(), createBlock(unref(DropdownMenuGroup), normalizeProps(guardReactiveProps(props)), {
|
|
17
14
|
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
18
15
|
_: 3
|
|
19
16
|
}, 16);
|
|
@@ -23,4 +20,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
23
20
|
//#endregion
|
|
24
21
|
export { _sfc_main };
|
|
25
22
|
|
|
26
|
-
//# sourceMappingURL=
|
|
23
|
+
//# sourceMappingURL=dropdownMenuGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdownMenuGroup.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuGroup.vue"],"sourcesContent":["<template>\n <DropdownMenuGroup v-bind=\"props\">\n <slot/>\n </DropdownMenuGroup>\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuGroupProps as RekaDropdownMenuGroupProps } from 'reka-ui'\n\nexport interface DropdownMenuGroupProps extends RekaDropdownMenuGroupProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DropdownMenuGroup } from 'reka-ui'\n\nconst props = defineProps<DropdownMenuGroupProps>()\n</script>\n"],"mappings":";;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEoB,MAAA,iBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACrB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { clsx } from "../clsx.js";
|
|
2
|
+
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import { DropdownMenuItem, useForwardProps } from "reka-ui";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
5
|
+
//#region src/dropdown-menu/DropdownMenuItem.vue
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "DropdownMenuItem",
|
|
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", "inset"));
|
|
25
|
+
return (_ctx, _cache) => {
|
|
26
|
+
return openBlock(), createBlock(unref(DropdownMenuItem), mergeProps(unref(forwardedProps), { class: unref(clsx)("arvue-dropdown-menu-item", __props.inset && "arvue-dropdown-menu-item-inset", props.class) }), {
|
|
27
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
28
|
+
_: 3
|
|
29
|
+
}, 16, ["class"]);
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
//#endregion
|
|
34
|
+
export { _sfc_main };
|
|
35
|
+
|
|
36
|
+
//# sourceMappingURL=dropdownMenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdownMenuItem.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuItem.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-item.css';\n</style>\n\n<template>\n <DropdownMenuItem\n v-bind=\"forwardedProps\"\n :class=\"clsx(\n 'arvue-dropdown-menu-item',\n inset && 'arvue-dropdown-menu-item-inset',\n props.class,\n )\"\n >\n <slot/>\n </DropdownMenuItem>\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuItemProps as RekaDropdownMenuItemProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuItemProps extends RekaDropdownMenuItemProps {\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 { DropdownMenuItem, useForwardProps } from 'reka-ui'\n\nconst props = defineProps<DropdownMenuItemProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class', 'inset')\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;EAId,MAAM,iBAAiB,gBAFA,aAAa,OAAO,SAAS,OAEb,CAAc;;uBA/BjD,YASmB,MAAA,gBAAA,GATnB,WACY,MAQO,cAAA,GARO,EACrB,OAAO,MAAA,IAAA,EAAA,4BAA0D,QAAA,SAAK,kCAAkD,MAAM,KAAA,EAAA,CAAA,GAAA;2BAMxH,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { clsx } from "../clsx.js";
|
|
2
|
+
import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import { DropdownMenuLabel, useForwardProps } from "reka-ui";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
5
|
+
//#region src/dropdown-menu/DropdownMenuLabel.vue
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "DropdownMenuLabel",
|
|
8
|
+
props: {
|
|
9
|
+
class: { type: [
|
|
10
|
+
Boolean,
|
|
11
|
+
null,
|
|
12
|
+
String,
|
|
13
|
+
Object,
|
|
14
|
+
Array
|
|
15
|
+
] },
|
|
16
|
+
inset: { type: Boolean },
|
|
17
|
+
asChild: { type: Boolean },
|
|
18
|
+
as: {}
|
|
19
|
+
},
|
|
20
|
+
setup(__props) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
const forwardedProps = useForwardProps(reactiveOmit(props, "class", "inset"));
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
return openBlock(), createBlock(unref(DropdownMenuLabel), mergeProps(unref(forwardedProps), { class: unref(clsx)("arvue-dropdown-menu-label", __props.inset && "arvue-dropdown-menu-label-inset", props.class) }), {
|
|
25
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
26
|
+
_: 3
|
|
27
|
+
}, 16, ["class"]);
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
//#endregion
|
|
32
|
+
export { _sfc_main };
|
|
33
|
+
|
|
34
|
+
//# sourceMappingURL=dropdownMenuLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdownMenuLabel.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuLabel.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-label.css';\n</style>\n\n<template>\n <DropdownMenuLabel\n v-bind=\"forwardedProps\"\n :class=\"clsx(\n 'arvue-dropdown-menu-label',\n inset && 'arvue-dropdown-menu-label-inset',\n props.class,\n )\"\n >\n <slot/>\n </DropdownMenuLabel>\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuLabelProps as RekaDropdownMenuLabelProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuLabelProps extends RekaDropdownMenuLabelProps {\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 { DropdownMenuLabel, useForwardProps } from 'reka-ui'\n\nconst props = defineProps<DropdownMenuLabelProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class', 'inset')\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;EAGd,MAAM,iBAAiB,gBADA,aAAa,OAAO,SAAS,OACb,CAAc;;uBA9BjD,YASoB,MAAA,iBAAA,GATpB,WACY,MAQQ,cAAA,GARM,EACrB,OAAO,MAAA,IAAA,EAAA,6BAA2D,QAAA,SAAK,mCAAmD,MAAM,KAAA,EAAA,CAAA,GAAA;2BAM1H,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { DropdownMenuPortal } from "reka-ui";
|
|
3
|
+
//#region src/dropdown-menu/DropdownMenuPortal.vue
|
|
4
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "DropdownMenuPortal",
|
|
6
|
+
props: {
|
|
7
|
+
to: {},
|
|
8
|
+
disabled: { type: Boolean },
|
|
9
|
+
defer: { type: Boolean },
|
|
10
|
+
forceMount: { type: Boolean }
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
return (_ctx, _cache) => {
|
|
15
|
+
return openBlock(), createBlock(unref(DropdownMenuPortal), normalizeProps(guardReactiveProps(props)), {
|
|
16
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
17
|
+
_: 3
|
|
18
|
+
}, 16);
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
//#endregion
|
|
23
|
+
export { _sfc_main };
|
|
24
|
+
|
|
25
|
+
//# sourceMappingURL=dropdownMenuPortal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdownMenuPortal.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuPortal.vue"],"sourcesContent":["<template>\n <DropdownMenuPortal v-bind=\"props\">\n <slot/>\n </DropdownMenuPortal>\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuPortalProps as RekaDropdownMenuPortalProps } from 'reka-ui'\n\nexport interface DropdownMenuPortalProps extends RekaDropdownMenuPortalProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DropdownMenuPortal } from 'reka-ui'\n\nconst props = defineProps<DropdownMenuPortalProps>()\n</script>\n"],"mappings":";;;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEqB,MAAA,kBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACtB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -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 { DropdownMenuItemIndicator, DropdownMenuRadioItem, useForwardPropsEmits } from "reka-ui";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
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 { DropdownMenuSeparator } from "reka-ui";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
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 { Primitive } from "reka-ui";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
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 { DropdownMenuSubContent, useForwardPropsEmits } from "reka-ui";
|
|
4
|
+
import { reactiveOmit } from "@vueuse/core";
|
|
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"}
|