@auronui/vue 1.2.2 → 1.3.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/ai-rules.md +26 -0
- package/dist/cjs/index.cjs +12347 -8681
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/components/autocomplete/Autocomplete.js.map +1 -1
- package/dist/components/autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +4 -1
- package/dist/components/autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/context-menu/ContextMenu.js +7 -0
- package/dist/components/context-menu/ContextMenu.js.map +1 -0
- package/dist/components/context-menu/ContextMenu.vue_vue_type_script_setup_true_lang.js +38 -0
- package/dist/components/context-menu/ContextMenu.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/context-menu/ContextMenuCheckboxItem.js +7 -0
- package/dist/components/context-menu/ContextMenuCheckboxItem.js.map +1 -0
- package/dist/components/context-menu/ContextMenuCheckboxItem.vue_vue_type_script_setup_true_lang.js +89 -0
- package/dist/components/context-menu/ContextMenuCheckboxItem.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/context-menu/ContextMenuContent.js +7 -0
- package/dist/components/context-menu/ContextMenuContent.js.map +1 -0
- package/dist/components/context-menu/ContextMenuContent.vue_vue_type_script_setup_true_lang.js +135 -0
- package/dist/components/context-menu/ContextMenuContent.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/context-menu/ContextMenuItem.js +7 -0
- package/dist/components/context-menu/ContextMenuItem.js.map +1 -0
- package/dist/components/context-menu/ContextMenuItem.vue_vue_type_script_setup_true_lang.js +72 -0
- package/dist/components/context-menu/ContextMenuItem.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/context-menu/ContextMenuRadioGroup.js +7 -0
- package/dist/components/context-menu/ContextMenuRadioGroup.js.map +1 -0
- package/dist/components/context-menu/ContextMenuRadioGroup.vue_vue_type_script_setup_true_lang.js +40 -0
- package/dist/components/context-menu/ContextMenuRadioGroup.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/context-menu/ContextMenuRadioItem.js +7 -0
- package/dist/components/context-menu/ContextMenuRadioItem.js.map +1 -0
- package/dist/components/context-menu/ContextMenuRadioItem.vue_vue_type_script_setup_true_lang.js +75 -0
- package/dist/components/context-menu/ContextMenuRadioItem.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/context-menu/ContextMenuSection.js +7 -0
- package/dist/components/context-menu/ContextMenuSection.js.map +1 -0
- package/dist/components/context-menu/ContextMenuSection.vue_vue_type_script_setup_true_lang.js +55 -0
- package/dist/components/context-menu/ContextMenuSection.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/context-menu/ContextMenuSub.js +7 -0
- package/dist/components/context-menu/ContextMenuSub.js.map +1 -0
- package/dist/components/context-menu/ContextMenuSub.vue_vue_type_script_setup_true_lang.js +35 -0
- package/dist/components/context-menu/ContextMenuSub.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/context-menu/ContextMenuSubContent.js +7 -0
- package/dist/components/context-menu/ContextMenuSubContent.js.map +1 -0
- package/dist/components/context-menu/ContextMenuSubContent.vue_vue_type_script_setup_true_lang.js +155 -0
- package/dist/components/context-menu/ContextMenuSubContent.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/context-menu/ContextMenuSubTrigger.js +7 -0
- package/dist/components/context-menu/ContextMenuSubTrigger.js.map +1 -0
- package/dist/components/context-menu/ContextMenuSubTrigger.vue_vue_type_script_setup_true_lang.js +64 -0
- package/dist/components/context-menu/ContextMenuSubTrigger.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/context-menu/ContextMenuTrigger.js +7 -0
- package/dist/components/context-menu/ContextMenuTrigger.js.map +1 -0
- package/dist/components/context-menu/ContextMenuTrigger.vue_vue_type_script_setup_true_lang.js +38 -0
- package/dist/components/context-menu/ContextMenuTrigger.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/editable/Editable.js +7 -0
- package/dist/components/editable/Editable.js.map +1 -0
- package/dist/components/editable/Editable.vue_vue_type_script_setup_true_lang.js +106 -0
- package/dist/components/editable/Editable.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/editable/EditableArea.js +7 -0
- package/dist/components/editable/EditableArea.js.map +1 -0
- package/dist/components/editable/EditableArea.vue_vue_type_script_setup_true_lang.js +41 -0
- package/dist/components/editable/EditableArea.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/editable/EditableCancelTrigger.js +7 -0
- package/dist/components/editable/EditableCancelTrigger.js.map +1 -0
- package/dist/components/editable/EditableCancelTrigger.vue_vue_type_script_setup_true_lang.js +63 -0
- package/dist/components/editable/EditableCancelTrigger.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/editable/EditableEditTrigger.js +7 -0
- package/dist/components/editable/EditableEditTrigger.js.map +1 -0
- package/dist/components/editable/EditableEditTrigger.vue_vue_type_script_setup_true_lang.js +53 -0
- package/dist/components/editable/EditableEditTrigger.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/editable/EditableInput.js +7 -0
- package/dist/components/editable/EditableInput.js.map +1 -0
- package/dist/components/editable/EditableInput.vue_vue_type_script_setup_true_lang.js +38 -0
- package/dist/components/editable/EditableInput.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/editable/EditablePreview.js +7 -0
- package/dist/components/editable/EditablePreview.js.map +1 -0
- package/dist/components/editable/EditablePreview.vue_vue_type_script_setup_true_lang.js +38 -0
- package/dist/components/editable/EditablePreview.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/editable/EditableSubmitTrigger.js +7 -0
- package/dist/components/editable/EditableSubmitTrigger.js.map +1 -0
- package/dist/components/editable/EditableSubmitTrigger.vue_vue_type_script_setup_true_lang.js +53 -0
- package/dist/components/editable/EditableSubmitTrigger.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/form/Form.js.map +1 -1
- package/dist/components/form/Form.vue_vue_type_script_setup_true_lang.js +32 -156
- package/dist/components/form/Form.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/form/FormField.js.map +1 -1
- package/dist/components/form/FormField.vue_vue_type_script_setup_true_lang.js +44 -23
- package/dist/components/form/FormField.vue_vue_type_script_setup_true_lang.js.map +1 -1
- package/dist/components/form/form.context.js.map +1 -1
- package/dist/components/form/form.state.js +166 -0
- package/dist/components/form/form.state.js.map +1 -0
- package/dist/components/form/useField.js +112 -0
- package/dist/components/form/useField.js.map +1 -0
- package/dist/components/form/useForm.js +17 -0
- package/dist/components/form/useForm.js.map +1 -0
- package/dist/components/hover-card/HoverCard.js +7 -0
- package/dist/components/hover-card/HoverCard.js.map +1 -0
- package/dist/components/hover-card/HoverCard.vue_vue_type_script_lang.js +52 -0
- package/dist/components/hover-card/HoverCard.vue_vue_type_script_lang.js.map +1 -0
- package/dist/components/hover-card/HoverCardArrow.js +7 -0
- package/dist/components/hover-card/HoverCardArrow.js.map +1 -0
- package/dist/components/hover-card/HoverCardArrow.vue_vue_type_script_setup_true_lang.js +35 -0
- package/dist/components/hover-card/HoverCardArrow.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/hover-card/HoverCardContent.js +7 -0
- package/dist/components/hover-card/HoverCardContent.js.map +1 -0
- package/dist/components/hover-card/HoverCardContent.vue_vue_type_script_setup_true_lang.js +104 -0
- package/dist/components/hover-card/HoverCardContent.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/hover-card/HoverCardTrigger.js +7 -0
- package/dist/components/hover-card/HoverCardTrigger.js.map +1 -0
- package/dist/components/hover-card/HoverCardTrigger.vue_vue_type_script_setup_true_lang.js +26 -0
- package/dist/components/hover-card/HoverCardTrigger.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/menubar/Menubar.js +7 -0
- package/dist/components/menubar/Menubar.js.map +1 -0
- package/dist/components/menubar/Menubar.vue_vue_type_script_setup_true_lang.js +58 -0
- package/dist/components/menubar/Menubar.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/menubar/MenubarCheckboxItem.js +7 -0
- package/dist/components/menubar/MenubarCheckboxItem.js.map +1 -0
- package/dist/components/menubar/MenubarCheckboxItem.vue_vue_type_script_setup_true_lang.js +89 -0
- package/dist/components/menubar/MenubarCheckboxItem.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/menubar/MenubarContent.js +7 -0
- package/dist/components/menubar/MenubarContent.js.map +1 -0
- package/dist/components/menubar/MenubarContent.vue_vue_type_script_setup_true_lang.js +162 -0
- package/dist/components/menubar/MenubarContent.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/menubar/MenubarItem.js +7 -0
- package/dist/components/menubar/MenubarItem.js.map +1 -0
- package/dist/components/menubar/MenubarItem.vue_vue_type_script_setup_true_lang.js +72 -0
- package/dist/components/menubar/MenubarItem.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/menubar/MenubarMenu.js +7 -0
- package/dist/components/menubar/MenubarMenu.js.map +1 -0
- package/dist/components/menubar/MenubarMenu.vue_vue_type_script_setup_true_lang.js +20 -0
- package/dist/components/menubar/MenubarMenu.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/menubar/MenubarRadioGroup.js +7 -0
- package/dist/components/menubar/MenubarRadioGroup.js.map +1 -0
- package/dist/components/menubar/MenubarRadioGroup.vue_vue_type_script_setup_true_lang.js +40 -0
- package/dist/components/menubar/MenubarRadioGroup.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/menubar/MenubarRadioItem.js +7 -0
- package/dist/components/menubar/MenubarRadioItem.js.map +1 -0
- package/dist/components/menubar/MenubarRadioItem.vue_vue_type_script_setup_true_lang.js +75 -0
- package/dist/components/menubar/MenubarRadioItem.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/menubar/MenubarSection.js +7 -0
- package/dist/components/menubar/MenubarSection.js.map +1 -0
- package/dist/components/menubar/MenubarSection.vue_vue_type_script_setup_true_lang.js +55 -0
- package/dist/components/menubar/MenubarSection.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/menubar/MenubarSub.js +7 -0
- package/dist/components/menubar/MenubarSub.js.map +1 -0
- package/dist/components/menubar/MenubarSub.vue_vue_type_script_setup_true_lang.js +35 -0
- package/dist/components/menubar/MenubarSub.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/menubar/MenubarSubContent.js +7 -0
- package/dist/components/menubar/MenubarSubContent.js.map +1 -0
- package/dist/components/menubar/MenubarSubContent.vue_vue_type_script_setup_true_lang.js +155 -0
- package/dist/components/menubar/MenubarSubContent.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/menubar/MenubarSubTrigger.js +7 -0
- package/dist/components/menubar/MenubarSubTrigger.js.map +1 -0
- package/dist/components/menubar/MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js +64 -0
- package/dist/components/menubar/MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/menubar/MenubarTrigger.js +7 -0
- package/dist/components/menubar/MenubarTrigger.js.map +1 -0
- package/dist/components/menubar/MenubarTrigger.vue_vue_type_script_setup_true_lang.js +53 -0
- package/dist/components/menubar/MenubarTrigger.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/month-picker/MonthPicker.js +7 -0
- package/dist/components/month-picker/MonthPicker.js.map +1 -0
- package/dist/components/month-picker/MonthPicker.vue_vue_type_script_setup_true_lang.js +185 -0
- package/dist/components/month-picker/MonthPicker.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/month-range-picker/MonthRangePicker.js +7 -0
- package/dist/components/month-range-picker/MonthRangePicker.js.map +1 -0
- package/dist/components/month-range-picker/MonthRangePicker.vue_vue_type_script_setup_true_lang.js +196 -0
- package/dist/components/month-range-picker/MonthRangePicker.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenu.js +7 -0
- package/dist/components/navigation-menu/NavigationMenu.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenu.vue_vue_type_script_setup_true_lang.js +85 -0
- package/dist/components/navigation-menu/NavigationMenu.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuContent.js +7 -0
- package/dist/components/navigation-menu/NavigationMenuContent.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuContent.vue_vue_type_script_setup_true_lang.js +70 -0
- package/dist/components/navigation-menu/NavigationMenuContent.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuIndicator.js +7 -0
- package/dist/components/navigation-menu/NavigationMenuIndicator.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuIndicator.vue_vue_type_script_setup_true_lang.js +53 -0
- package/dist/components/navigation-menu/NavigationMenuIndicator.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuItem.js +7 -0
- package/dist/components/navigation-menu/NavigationMenuItem.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuItem.vue_vue_type_script_setup_true_lang.js +20 -0
- package/dist/components/navigation-menu/NavigationMenuItem.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuLink.js +7 -0
- package/dist/components/navigation-menu/NavigationMenuLink.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuLink.vue_vue_type_script_setup_true_lang.js +70 -0
- package/dist/components/navigation-menu/NavigationMenuLink.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuList.js +7 -0
- package/dist/components/navigation-menu/NavigationMenuList.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuList.vue_vue_type_script_setup_true_lang.js +47 -0
- package/dist/components/navigation-menu/NavigationMenuList.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuSub.js +7 -0
- package/dist/components/navigation-menu/NavigationMenuSub.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuSub.vue_vue_type_script_setup_true_lang.js +37 -0
- package/dist/components/navigation-menu/NavigationMenuSub.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuTrigger.js +7 -0
- package/dist/components/navigation-menu/NavigationMenuTrigger.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.js +66 -0
- package/dist/components/navigation-menu/NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuViewport.js +7 -0
- package/dist/components/navigation-menu/NavigationMenuViewport.js.map +1 -0
- package/dist/components/navigation-menu/NavigationMenuViewport.vue_vue_type_script_setup_true_lang.js +53 -0
- package/dist/components/navigation-menu/NavigationMenuViewport.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/time-range-field/TimeRangeField.js +7 -0
- package/dist/components/time-range-field/TimeRangeField.js.map +1 -0
- package/dist/components/time-range-field/TimeRangeField.vue_vue_type_script_setup_true_lang.js +364 -0
- package/dist/components/time-range-field/TimeRangeField.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/components/year-range-picker/YearRangePicker.js +7 -0
- package/dist/components/year-range-picker/YearRangePicker.js.map +1 -0
- package/dist/components/year-range-picker/YearRangePicker.vue_vue_type_script_setup_true_lang.js +199 -0
- package/dist/components/year-range-picker/YearRangePicker.vue_vue_type_script_setup_true_lang.js.map +1 -0
- package/dist/index.d.ts +5393 -2896
- package/dist/index.js +50 -1
- package/dist/packages/styles/dist/components/hover-card/hover-card.styles.js +10 -0
- package/dist/packages/styles/dist/components/hover-card/hover-card.styles.js.map +1 -0
- package/package.json +4 -4
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { menuItemVariants } from "@auronui/styles";
|
|
3
|
+
import { MenubarItemIndicator, MenubarRadioItem } from "reka-ui";
|
|
4
|
+
//#region src/components/menubar/MenubarRadioItem.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var MenubarRadioItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "MenubarRadioItem",
|
|
7
|
+
props: {
|
|
8
|
+
value: {},
|
|
9
|
+
textValue: { default: void 0 },
|
|
10
|
+
isDisabled: {
|
|
11
|
+
type: Boolean,
|
|
12
|
+
default: false
|
|
13
|
+
},
|
|
14
|
+
variant: { default: "default" },
|
|
15
|
+
class: { default: void 0 },
|
|
16
|
+
disabled: {
|
|
17
|
+
type: Boolean,
|
|
18
|
+
default: void 0
|
|
19
|
+
},
|
|
20
|
+
as: { default: void 0 },
|
|
21
|
+
asChild: {
|
|
22
|
+
type: Boolean,
|
|
23
|
+
default: false
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
emits: ["select"],
|
|
27
|
+
setup(__props, { emit: __emit }) {
|
|
28
|
+
const props = __props;
|
|
29
|
+
const emit = __emit;
|
|
30
|
+
const slots = menuItemVariants({ variant: props.variant });
|
|
31
|
+
return (_ctx, _cache) => {
|
|
32
|
+
return openBlock(), createBlock(unref(MenubarRadioItem), {
|
|
33
|
+
value: props.value,
|
|
34
|
+
"text-value": props.textValue,
|
|
35
|
+
disabled: props.disabled ?? props.isDisabled,
|
|
36
|
+
as: props.as,
|
|
37
|
+
"as-child": props.asChild,
|
|
38
|
+
class: normalizeClass([unref(slots).item(), props.class]),
|
|
39
|
+
onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
|
|
40
|
+
}, {
|
|
41
|
+
default: withCtx(() => [createVNode(unref(MenubarItemIndicator), {
|
|
42
|
+
class: normalizeClass(unref(slots).indicator()),
|
|
43
|
+
"force-mount": ""
|
|
44
|
+
}, {
|
|
45
|
+
default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
|
|
46
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
47
|
+
width: "8",
|
|
48
|
+
height: "8",
|
|
49
|
+
viewBox: "0 0 8 8",
|
|
50
|
+
"aria-hidden": "true",
|
|
51
|
+
"data-slot": "menu-item-indicator--dot"
|
|
52
|
+
}, [createElementVNode("circle", {
|
|
53
|
+
cx: "4",
|
|
54
|
+
cy: "4",
|
|
55
|
+
r: "4",
|
|
56
|
+
fill: "currentColor"
|
|
57
|
+
})], -1)])]),
|
|
58
|
+
_: 1
|
|
59
|
+
}, 8, ["class"]), renderSlot(_ctx.$slots, "default")]),
|
|
60
|
+
_: 3
|
|
61
|
+
}, 8, [
|
|
62
|
+
"value",
|
|
63
|
+
"text-value",
|
|
64
|
+
"disabled",
|
|
65
|
+
"as",
|
|
66
|
+
"as-child",
|
|
67
|
+
"class"
|
|
68
|
+
]);
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
//#endregion
|
|
73
|
+
export { MenubarRadioItem_vue_vue_type_script_setup_true_lang_default as default };
|
|
74
|
+
|
|
75
|
+
//# sourceMappingURL=MenubarRadioItem.vue_vue_type_script_setup_true_lang.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenubarRadioItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarRadioItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarRadioItem, MenubarItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n value: string\n textValue?: string\n isDisabled?: boolean\n variant?: 'default' | 'danger'\n class?: string\n /** Whether this item is disabled. */\n disabled?: boolean\n /** Render as a different element or component. */\n as?: string\n /** Merge props onto child element instead of rendering a wrapper. */\n asChild?: boolean\n}>(), {\n textValue: undefined,\n isDisabled: false,\n variant: 'default',\n class: undefined,\n disabled: undefined,\n as: undefined,\n asChild: false,\n})\n\nconst emit = defineEmits<{\n select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n <MenubarRadioItem\n :value=\"props.value\"\n :text-value=\"props.textValue\"\n :disabled=\"props.disabled ?? props.isDisabled\"\n :as=\"props.as\"\n :as-child=\"props.asChild\"\n :class=\"[slots.item(), props.class]\"\n @select=\"emit('select', $event)\"\n >\n <MenubarItemIndicator\n :class=\"slots.indicator()\"\n force-mount\n >\n <!-- Radio dot indicator -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"8\"\n height=\"8\"\n viewBox=\"0 0 8 8\"\n aria-hidden=\"true\"\n data-slot=\"menu-item-indicator--dot\"\n >\n <circle\n cx=\"4\"\n cy=\"4\"\n r=\"4\"\n fill=\"currentColor\"\n />\n </svg>\n </MenubarItemIndicator>\n\n <slot />\n </MenubarRadioItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAsBd,MAAM,OAAO;EAIb,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;;uBAIvD,YAgCmB,MAAA,iBAAA,EAAA;IA/BhB,OAAO,MAAM;IACb,cAAY,MAAM;IAClB,UAAU,MAAM,YAAY,MAAM;IAClC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAsBP,CApBvB,YAoBuB,MAAA,qBAAA,EAAA;KAnBpB,OAAK,eAAE,MAAA,MAAK,CAAC,WAAS,CAAA;KACvB,eAAA;;4BAiBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAdN,mBAcM,OAAA;MAbJ,OAAM;MACN,OAAM;MACN,QAAO;MACP,SAAQ;MACR,eAAY;MACZ,aAAU;SAEV,mBAKE,UAAA;MAJA,IAAG;MACH,IAAG;MACH,GAAE;MACF,MAAK;;;sBAKX,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import MenubarSection_vue_vue_type_script_setup_true_lang_default from "./MenubarSection.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
+
//#region src/components/menubar/MenubarSection.vue
|
|
3
|
+
var MenubarSection_default = MenubarSection_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { MenubarSection_default as default };
|
|
6
|
+
|
|
7
|
+
//# sourceMappingURL=MenubarSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenubarSection.js","names":[],"sources":["../../../src/components/menubar/MenubarSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarGroup, MenubarLabel, MenubarSeparator } from 'reka-ui'\nimport { menuSectionVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n title?: string\n showDivider?: boolean\n class?: string\n /** Render as a different element or component (applied to the group wrapper). */\n as?: string\n /** Merge props onto child element instead of rendering a wrapper. */\n asChild?: boolean\n}>(), {\n title: undefined,\n showDivider: false,\n class: undefined,\n as: undefined,\n asChild: false,\n})\n\nconst sectionClass = menuSectionVariants()\n</script>\n\n<template>\n <MenubarGroup :as=\"props.as\" :as-child=\"props.asChild\" :class=\"[sectionClass.base(), props.class]\">\n <MenubarLabel\n v-if=\"props.title\"\n :class=\"sectionClass.label()\"\n class=\"px-2 py-1 text-[10px] font-semibold tracking-widest text-default-200 uppercase\"\n >\n {{ props.title }}\n </MenubarLabel>\n <slot />\n <MenubarSeparator\n v-if=\"props.showDivider\"\n :class=\"sectionClass.separator()\"\n />\n </MenubarGroup>\n</template>\n"],"mappings":""}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { createBlock, createCommentVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
|
|
2
|
+
import { menuSectionVariants } from "@auronui/styles";
|
|
3
|
+
import { MenubarGroup, MenubarLabel, MenubarSeparator } from "reka-ui";
|
|
4
|
+
//#region src/components/menubar/MenubarSection.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var MenubarSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "MenubarSection",
|
|
7
|
+
props: {
|
|
8
|
+
title: { default: void 0 },
|
|
9
|
+
showDivider: {
|
|
10
|
+
type: Boolean,
|
|
11
|
+
default: false
|
|
12
|
+
},
|
|
13
|
+
class: { default: void 0 },
|
|
14
|
+
as: { default: void 0 },
|
|
15
|
+
asChild: {
|
|
16
|
+
type: Boolean,
|
|
17
|
+
default: false
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
setup(__props) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
const sectionClass = menuSectionVariants();
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
return openBlock(), createBlock(unref(MenubarGroup), {
|
|
25
|
+
as: props.as,
|
|
26
|
+
"as-child": props.asChild,
|
|
27
|
+
class: normalizeClass([unref(sectionClass).base(), props.class])
|
|
28
|
+
}, {
|
|
29
|
+
default: withCtx(() => [
|
|
30
|
+
props.title ? (openBlock(), createBlock(unref(MenubarLabel), {
|
|
31
|
+
key: 0,
|
|
32
|
+
class: normalizeClass([unref(sectionClass).label(), "px-2 py-1 text-[10px] font-semibold tracking-widest text-default-200 uppercase"])
|
|
33
|
+
}, {
|
|
34
|
+
default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
|
|
35
|
+
_: 1
|
|
36
|
+
}, 8, ["class"])) : createCommentVNode("", true),
|
|
37
|
+
renderSlot(_ctx.$slots, "default"),
|
|
38
|
+
props.showDivider ? (openBlock(), createBlock(unref(MenubarSeparator), {
|
|
39
|
+
key: 1,
|
|
40
|
+
class: normalizeClass(unref(sectionClass).separator())
|
|
41
|
+
}, null, 8, ["class"])) : createCommentVNode("", true)
|
|
42
|
+
]),
|
|
43
|
+
_: 3
|
|
44
|
+
}, 8, [
|
|
45
|
+
"as",
|
|
46
|
+
"as-child",
|
|
47
|
+
"class"
|
|
48
|
+
]);
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
//#endregion
|
|
53
|
+
export { MenubarSection_vue_vue_type_script_setup_true_lang_default as default };
|
|
54
|
+
|
|
55
|
+
//# sourceMappingURL=MenubarSection.vue_vue_type_script_setup_true_lang.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenubarSection.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarGroup, MenubarLabel, MenubarSeparator } from 'reka-ui'\nimport { menuSectionVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n title?: string\n showDivider?: boolean\n class?: string\n /** Render as a different element or component (applied to the group wrapper). */\n as?: string\n /** Merge props onto child element instead of rendering a wrapper. */\n asChild?: boolean\n}>(), {\n title: undefined,\n showDivider: false,\n class: undefined,\n as: undefined,\n asChild: false,\n})\n\nconst sectionClass = menuSectionVariants()\n</script>\n\n<template>\n <MenubarGroup :as=\"props.as\" :as-child=\"props.asChild\" :class=\"[sectionClass.base(), props.class]\">\n <MenubarLabel\n v-if=\"props.title\"\n :class=\"sectionClass.label()\"\n class=\"px-2 py-1 text-[10px] font-semibold tracking-widest text-default-200 uppercase\"\n >\n {{ props.title }}\n </MenubarLabel>\n <slot />\n <MenubarSeparator\n v-if=\"props.showDivider\"\n :class=\"sectionClass.separator()\"\n />\n </MenubarGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAgBd,MAAM,eAAe,qBAAoB;;uBAIvC,YAae,MAAA,aAAA,EAAA;IAbA,IAAI,MAAM;IAAK,YAAU,MAAM;IAAU,OAAK,eAAA,CAAG,MAAA,aAAY,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;;2BAO/E;KALP,MAAM,SAAA,WAAA,EADd,YAMe,MAAA,aAAA,EAAA;;MAJZ,OAAK,eAAA,CAAE,MAAA,aAAY,CAAC,OAAK,EACpB,iFAAgF,CAAA;;6BAErE,CAAA,gBAAA,gBAAd,MAAM,MAAK,EAAA,EAAA,CAAA,CAAA;;;KAEhB,WAAQ,KAAA,QAAA,UAAA;KAEA,MAAM,eAAA,WAAA,EADd,YAGE,MAAA,iBAAA,EAAA;;MADC,OAAK,eAAE,MAAA,aAAY,CAAC,WAAS,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import MenubarSub_vue_vue_type_script_setup_true_lang_default from "./MenubarSub.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
+
//#region src/components/menubar/MenubarSub.vue
|
|
3
|
+
var MenubarSub_default = MenubarSub_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { MenubarSub_default as default };
|
|
6
|
+
|
|
7
|
+
//# sourceMappingURL=MenubarSub.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenubarSub.js","names":[],"sources":["../../../src/components/menubar/MenubarSub.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSub } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n /** The open state of the submenu when it is initially rendered. */\n defaultOpen?: boolean\n /** Controlled open state of the submenu. */\n open?: boolean\n}>(), {\n defaultOpen: undefined,\n open: undefined,\n})\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean]\n}>()\n</script>\n\n<template>\n <MenubarSub\n :default-open=\"props.defaultOpen\"\n :open=\"props.open\"\n @update:open=\"emit('update:open', $event)\"\n >\n <slot />\n </MenubarSub>\n</template>\n"],"mappings":""}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { MenubarSub } from "reka-ui";
|
|
3
|
+
//#region src/components/menubar/MenubarSub.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var MenubarSub_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
5
|
+
__name: "MenubarSub",
|
|
6
|
+
props: {
|
|
7
|
+
defaultOpen: {
|
|
8
|
+
type: Boolean,
|
|
9
|
+
default: void 0
|
|
10
|
+
},
|
|
11
|
+
open: {
|
|
12
|
+
type: Boolean,
|
|
13
|
+
default: void 0
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
emits: ["update:open"],
|
|
17
|
+
setup(__props, { emit: __emit }) {
|
|
18
|
+
const props = __props;
|
|
19
|
+
const emit = __emit;
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return openBlock(), createBlock(unref(MenubarSub), {
|
|
22
|
+
"default-open": props.defaultOpen,
|
|
23
|
+
open: props.open,
|
|
24
|
+
"onUpdate:open": _cache[0] || (_cache[0] = ($event) => emit("update:open", $event))
|
|
25
|
+
}, {
|
|
26
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
27
|
+
_: 3
|
|
28
|
+
}, 8, ["default-open", "open"]);
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
//#endregion
|
|
33
|
+
export { MenubarSub_vue_vue_type_script_setup_true_lang_default as default };
|
|
34
|
+
|
|
35
|
+
//# sourceMappingURL=MenubarSub.vue_vue_type_script_setup_true_lang.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenubarSub.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarSub.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSub } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n /** The open state of the submenu when it is initially rendered. */\n defaultOpen?: boolean\n /** Controlled open state of the submenu. */\n open?: boolean\n}>(), {\n defaultOpen: undefined,\n open: undefined,\n})\n\nconst emit = defineEmits<{\n 'update:open': [value: boolean]\n}>()\n</script>\n\n<template>\n <MenubarSub\n :default-open=\"props.defaultOpen\"\n :open=\"props.open\"\n @update:open=\"emit('update:open', $event)\"\n >\n <slot />\n </MenubarSub>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAGA,MAAM,QAAQ;EAUd,MAAM,OAAO;;uBAMX,YAMa,MAAA,WAAA,EAAA;IALV,gBAAc,MAAM;IACpB,MAAM,MAAM;IACZ,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAgB,OAAM;;2BAEhC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import MenubarSubContent_vue_vue_type_script_setup_true_lang_default from "./MenubarSubContent.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
+
//#region src/components/menubar/MenubarSubContent.vue
|
|
3
|
+
var MenubarSubContent_default = MenubarSubContent_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { MenubarSubContent_default as default };
|
|
6
|
+
|
|
7
|
+
//# sourceMappingURL=MenubarSubContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenubarSubContent.js","names":[],"sources":["../../../src/components/menubar/MenubarSubContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSubContent, MenubarPortal } from 'reka-ui'\nimport { menubarVariants, menuVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n sideOffset?: number\n alignOffset?: number\n class?: string\n /** Keep sub-content mounted even when closed. */\n forceMount?: boolean\n /** Keep keyboard focus loop within the content. */\n loop?: boolean\n /** Flip to opposite side when there is not enough space. */\n sideFlip?: boolean\n /** Flip alignment when there is not enough space. */\n alignFlip?: 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 /** Padding between content and arrow. */\n arrowPadding?: 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 trigger. */\n hideWhenDetached?: boolean\n /** CSS position strategy for the floating element. */\n positionStrategy?: 'fixed' | 'absolute'\n /** When to recalculate position. */\n updatePositionStrategy?: 'always' | 'optimized'\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 /** Portal target element or selector. */\n to?: string | HTMLElement\n /** Disable the portal. */\n portalDisabled?: boolean\n /** Defer portal rendering. */\n defer?: boolean\n}>(), {\n sideOffset: 4,\n alignOffset: -5,\n class: undefined,\n forceMount: undefined,\n loop: undefined,\n sideFlip: undefined,\n alignFlip: undefined,\n avoidCollisions: undefined,\n collisionBoundary: undefined,\n collisionPadding: undefined,\n arrowPadding: undefined,\n hideShiftedArrow: undefined,\n sticky: undefined,\n hideWhenDetached: undefined,\n positionStrategy: undefined,\n updatePositionStrategy: undefined,\n disableUpdateOnLayoutShift: undefined,\n prioritizePosition: undefined,\n reference: undefined,\n as: undefined,\n asChild: false,\n to: undefined,\n portalDisabled: undefined,\n defer: undefined,\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 'open-auto-focus': [event: Event]\n 'close-auto-focus': [event: Event]\n}>()\n\nconst slots = menubarVariants()\n</script>\n\n<template>\n <MenubarPortal\n :to=\"props.to\"\n :disabled=\"props.portalDisabled\"\n :defer=\"props.defer\"\n :force-mount=\"props.forceMount\"\n >\n <MenubarSubContent\n :side-offset=\"props.sideOffset\"\n :align-offset=\"props.alignOffset\"\n :force-mount=\"props.forceMount\"\n :loop=\"props.loop\"\n :side-flip=\"props.sideFlip\"\n :align-flip=\"props.alignFlip\"\n :avoid-collisions=\"props.avoidCollisions\"\n :collision-boundary=\"props.collisionBoundary\"\n :collision-padding=\"props.collisionPadding\"\n :arrow-padding=\"props.arrowPadding\"\n :hide-shifted-arrow=\"props.hideShiftedArrow\"\n :sticky=\"props.sticky\"\n :hide-when-detached=\"props.hideWhenDetached\"\n :position-strategy=\"props.positionStrategy\"\n :update-position-strategy=\"props.updatePositionStrategy\"\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 @open-auto-focus=\"emit('open-auto-focus', $event)\"\n @close-auto-focus=\"emit('close-auto-focus', $event)\"\n >\n <div :class=\"menuVariants()\">\n <slot />\n </div>\n </MenubarSubContent>\n </MenubarPortal>\n</template>\n"],"mappings":""}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { menuVariants, menubarVariants } from "@auronui/styles";
|
|
3
|
+
import { MenubarPortal, MenubarSubContent } from "reka-ui";
|
|
4
|
+
//#region src/components/menubar/MenubarSubContent.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var MenubarSubContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "MenubarSubContent",
|
|
7
|
+
props: {
|
|
8
|
+
sideOffset: { default: 4 },
|
|
9
|
+
alignOffset: { default: -5 },
|
|
10
|
+
class: { default: void 0 },
|
|
11
|
+
forceMount: {
|
|
12
|
+
type: Boolean,
|
|
13
|
+
default: void 0
|
|
14
|
+
},
|
|
15
|
+
loop: {
|
|
16
|
+
type: Boolean,
|
|
17
|
+
default: void 0
|
|
18
|
+
},
|
|
19
|
+
sideFlip: {
|
|
20
|
+
type: Boolean,
|
|
21
|
+
default: void 0
|
|
22
|
+
},
|
|
23
|
+
alignFlip: {
|
|
24
|
+
type: Boolean,
|
|
25
|
+
default: void 0
|
|
26
|
+
},
|
|
27
|
+
avoidCollisions: {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
default: void 0
|
|
30
|
+
},
|
|
31
|
+
collisionBoundary: { default: void 0 },
|
|
32
|
+
collisionPadding: { default: void 0 },
|
|
33
|
+
arrowPadding: { default: void 0 },
|
|
34
|
+
hideShiftedArrow: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
default: void 0
|
|
37
|
+
},
|
|
38
|
+
sticky: { default: void 0 },
|
|
39
|
+
hideWhenDetached: {
|
|
40
|
+
type: Boolean,
|
|
41
|
+
default: void 0
|
|
42
|
+
},
|
|
43
|
+
positionStrategy: { default: void 0 },
|
|
44
|
+
updatePositionStrategy: { default: void 0 },
|
|
45
|
+
disableUpdateOnLayoutShift: {
|
|
46
|
+
type: Boolean,
|
|
47
|
+
default: void 0
|
|
48
|
+
},
|
|
49
|
+
prioritizePosition: {
|
|
50
|
+
type: Boolean,
|
|
51
|
+
default: void 0
|
|
52
|
+
},
|
|
53
|
+
reference: { default: void 0 },
|
|
54
|
+
as: { default: void 0 },
|
|
55
|
+
asChild: {
|
|
56
|
+
type: Boolean,
|
|
57
|
+
default: false
|
|
58
|
+
},
|
|
59
|
+
to: { default: void 0 },
|
|
60
|
+
portalDisabled: {
|
|
61
|
+
type: Boolean,
|
|
62
|
+
default: void 0
|
|
63
|
+
},
|
|
64
|
+
defer: {
|
|
65
|
+
type: Boolean,
|
|
66
|
+
default: void 0
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
emits: [
|
|
70
|
+
"escape-key-down",
|
|
71
|
+
"pointer-down-outside",
|
|
72
|
+
"focus-outside",
|
|
73
|
+
"interact-outside",
|
|
74
|
+
"open-auto-focus",
|
|
75
|
+
"close-auto-focus"
|
|
76
|
+
],
|
|
77
|
+
setup(__props, { emit: __emit }) {
|
|
78
|
+
const props = __props;
|
|
79
|
+
const emit = __emit;
|
|
80
|
+
const slots = menubarVariants();
|
|
81
|
+
return (_ctx, _cache) => {
|
|
82
|
+
return openBlock(), createBlock(unref(MenubarPortal), {
|
|
83
|
+
to: props.to,
|
|
84
|
+
disabled: props.portalDisabled,
|
|
85
|
+
defer: props.defer,
|
|
86
|
+
"force-mount": props.forceMount
|
|
87
|
+
}, {
|
|
88
|
+
default: withCtx(() => [createVNode(unref(MenubarSubContent), {
|
|
89
|
+
"side-offset": props.sideOffset,
|
|
90
|
+
"align-offset": props.alignOffset,
|
|
91
|
+
"force-mount": props.forceMount,
|
|
92
|
+
loop: props.loop,
|
|
93
|
+
"side-flip": props.sideFlip,
|
|
94
|
+
"align-flip": props.alignFlip,
|
|
95
|
+
"avoid-collisions": props.avoidCollisions,
|
|
96
|
+
"collision-boundary": props.collisionBoundary,
|
|
97
|
+
"collision-padding": props.collisionPadding,
|
|
98
|
+
"arrow-padding": props.arrowPadding,
|
|
99
|
+
"hide-shifted-arrow": props.hideShiftedArrow,
|
|
100
|
+
sticky: props.sticky,
|
|
101
|
+
"hide-when-detached": props.hideWhenDetached,
|
|
102
|
+
"position-strategy": props.positionStrategy,
|
|
103
|
+
"update-position-strategy": props.updatePositionStrategy,
|
|
104
|
+
"disable-update-on-layout-shift": props.disableUpdateOnLayoutShift,
|
|
105
|
+
"prioritize-position": props.prioritizePosition,
|
|
106
|
+
reference: props.reference,
|
|
107
|
+
as: props.as,
|
|
108
|
+
"as-child": props.asChild,
|
|
109
|
+
class: normalizeClass([unref(slots).popover(), props.class]),
|
|
110
|
+
onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
|
|
111
|
+
onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event)),
|
|
112
|
+
onFocusOutside: _cache[2] || (_cache[2] = ($event) => emit("focus-outside", $event)),
|
|
113
|
+
onInteractOutside: _cache[3] || (_cache[3] = ($event) => emit("interact-outside", $event)),
|
|
114
|
+
onOpenAutoFocus: _cache[4] || (_cache[4] = ($event) => emit("open-auto-focus", $event)),
|
|
115
|
+
onCloseAutoFocus: _cache[5] || (_cache[5] = ($event) => emit("close-auto-focus", $event))
|
|
116
|
+
}, {
|
|
117
|
+
default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(menuVariants)()) }, [renderSlot(_ctx.$slots, "default")], 2)]),
|
|
118
|
+
_: 3
|
|
119
|
+
}, 8, [
|
|
120
|
+
"side-offset",
|
|
121
|
+
"align-offset",
|
|
122
|
+
"force-mount",
|
|
123
|
+
"loop",
|
|
124
|
+
"side-flip",
|
|
125
|
+
"align-flip",
|
|
126
|
+
"avoid-collisions",
|
|
127
|
+
"collision-boundary",
|
|
128
|
+
"collision-padding",
|
|
129
|
+
"arrow-padding",
|
|
130
|
+
"hide-shifted-arrow",
|
|
131
|
+
"sticky",
|
|
132
|
+
"hide-when-detached",
|
|
133
|
+
"position-strategy",
|
|
134
|
+
"update-position-strategy",
|
|
135
|
+
"disable-update-on-layout-shift",
|
|
136
|
+
"prioritize-position",
|
|
137
|
+
"reference",
|
|
138
|
+
"as",
|
|
139
|
+
"as-child",
|
|
140
|
+
"class"
|
|
141
|
+
])]),
|
|
142
|
+
_: 3
|
|
143
|
+
}, 8, [
|
|
144
|
+
"to",
|
|
145
|
+
"disabled",
|
|
146
|
+
"defer",
|
|
147
|
+
"force-mount"
|
|
148
|
+
]);
|
|
149
|
+
};
|
|
150
|
+
}
|
|
151
|
+
});
|
|
152
|
+
//#endregion
|
|
153
|
+
export { MenubarSubContent_vue_vue_type_script_setup_true_lang_default as default };
|
|
154
|
+
|
|
155
|
+
//# sourceMappingURL=MenubarSubContent.vue_vue_type_script_setup_true_lang.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenubarSubContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarSubContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSubContent, MenubarPortal } from 'reka-ui'\nimport { menubarVariants, menuVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n sideOffset?: number\n alignOffset?: number\n class?: string\n /** Keep sub-content mounted even when closed. */\n forceMount?: boolean\n /** Keep keyboard focus loop within the content. */\n loop?: boolean\n /** Flip to opposite side when there is not enough space. */\n sideFlip?: boolean\n /** Flip alignment when there is not enough space. */\n alignFlip?: 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 /** Padding between content and arrow. */\n arrowPadding?: 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 trigger. */\n hideWhenDetached?: boolean\n /** CSS position strategy for the floating element. */\n positionStrategy?: 'fixed' | 'absolute'\n /** When to recalculate position. */\n updatePositionStrategy?: 'always' | 'optimized'\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 /** Portal target element or selector. */\n to?: string | HTMLElement\n /** Disable the portal. */\n portalDisabled?: boolean\n /** Defer portal rendering. */\n defer?: boolean\n}>(), {\n sideOffset: 4,\n alignOffset: -5,\n class: undefined,\n forceMount: undefined,\n loop: undefined,\n sideFlip: undefined,\n alignFlip: undefined,\n avoidCollisions: undefined,\n collisionBoundary: undefined,\n collisionPadding: undefined,\n arrowPadding: undefined,\n hideShiftedArrow: undefined,\n sticky: undefined,\n hideWhenDetached: undefined,\n positionStrategy: undefined,\n updatePositionStrategy: undefined,\n disableUpdateOnLayoutShift: undefined,\n prioritizePosition: undefined,\n reference: undefined,\n as: undefined,\n asChild: false,\n to: undefined,\n portalDisabled: undefined,\n defer: undefined,\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 'open-auto-focus': [event: Event]\n 'close-auto-focus': [event: Event]\n}>()\n\nconst slots = menubarVariants()\n</script>\n\n<template>\n <MenubarPortal\n :to=\"props.to\"\n :disabled=\"props.portalDisabled\"\n :defer=\"props.defer\"\n :force-mount=\"props.forceMount\"\n >\n <MenubarSubContent\n :side-offset=\"props.sideOffset\"\n :align-offset=\"props.alignOffset\"\n :force-mount=\"props.forceMount\"\n :loop=\"props.loop\"\n :side-flip=\"props.sideFlip\"\n :align-flip=\"props.alignFlip\"\n :avoid-collisions=\"props.avoidCollisions\"\n :collision-boundary=\"props.collisionBoundary\"\n :collision-padding=\"props.collisionPadding\"\n :arrow-padding=\"props.arrowPadding\"\n :hide-shifted-arrow=\"props.hideShiftedArrow\"\n :sticky=\"props.sticky\"\n :hide-when-detached=\"props.hideWhenDetached\"\n :position-strategy=\"props.positionStrategy\"\n :update-position-strategy=\"props.updatePositionStrategy\"\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 @open-auto-focus=\"emit('open-auto-focus', $event)\"\n @close-auto-focus=\"emit('close-auto-focus', $event)\"\n >\n <div :class=\"menuVariants()\">\n <slot />\n </div>\n </MenubarSubContent>\n </MenubarPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAyEd,MAAM,OAAO;EASb,MAAM,QAAQ,iBAAgB;;uBAI5B,YAuCgB,MAAA,cAAA,EAAA;IAtCb,IAAI,MAAM;IACV,UAAU,MAAM;IAChB,OAAO,MAAM;IACb,eAAa,MAAM;;2BAkCA,CAhCpB,YAgCoB,MAAA,kBAAA,EAAA;KA/BjB,eAAa,MAAM;KACnB,gBAAc,MAAM;KACpB,eAAa,MAAM;KACnB,MAAM,MAAM;KACZ,aAAW,MAAM;KACjB,cAAY,MAAM;KAClB,oBAAkB,MAAM;KACxB,sBAAoB,MAAM;KAC1B,qBAAmB,MAAM;KACzB,iBAAe,MAAM;KACrB,sBAAoB,MAAM;KAC1B,QAAQ,MAAM;KACd,sBAAoB,MAAM;KAC1B,qBAAmB,MAAM;KACzB,4BAA0B,MAAM;KAChC,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,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import MenubarSubTrigger_vue_vue_type_script_setup_true_lang_default from "./MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
+
//#region src/components/menubar/MenubarSubTrigger.vue
|
|
3
|
+
var MenubarSubTrigger_default = MenubarSubTrigger_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { MenubarSubTrigger_default as default };
|
|
6
|
+
|
|
7
|
+
//# sourceMappingURL=MenubarSubTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenubarSubTrigger.js","names":[],"sources":["../../../src/components/menubar/MenubarSubTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSubTrigger } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n isDisabled?: boolean\n textValue?: string\n class?: string\n /** Whether this trigger is disabled. */\n disabled?: boolean\n /** Render as a different element or component. */\n as?: string\n /** Merge props onto child element instead of rendering a wrapper. */\n asChild?: boolean\n}>(), {\n isDisabled: false,\n textValue: undefined,\n class: undefined,\n disabled: undefined,\n as: undefined,\n asChild: false,\n})\n\nconst slots = menuItemVariants({ variant: 'default' })\n</script>\n\n<template>\n <MenubarSubTrigger\n :disabled=\"props.disabled ?? props.isDisabled\"\n :text-value=\"props.textValue\"\n :as=\"props.as\"\n :as-child=\"props.asChild\"\n :class=\"[slots.item(), props.class]\"\n >\n <slot />\n <span\n :class=\"slots.submenuIndicator()\"\n aria-hidden=\"true\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n data-slot=\"submenu-indicator\"\n >\n <polyline points=\"9 18 15 12 9 6\" />\n </svg>\n </span>\n </MenubarSubTrigger>\n</template>\n"],"mappings":""}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
+
import { menuItemVariants } from "@auronui/styles";
|
|
3
|
+
import { MenubarSubTrigger } from "reka-ui";
|
|
4
|
+
//#region src/components/menubar/MenubarSubTrigger.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var MenubarSubTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "MenubarSubTrigger",
|
|
7
|
+
props: {
|
|
8
|
+
isDisabled: {
|
|
9
|
+
type: Boolean,
|
|
10
|
+
default: false
|
|
11
|
+
},
|
|
12
|
+
textValue: { default: void 0 },
|
|
13
|
+
class: { default: void 0 },
|
|
14
|
+
disabled: {
|
|
15
|
+
type: Boolean,
|
|
16
|
+
default: void 0
|
|
17
|
+
},
|
|
18
|
+
as: { default: void 0 },
|
|
19
|
+
asChild: {
|
|
20
|
+
type: Boolean,
|
|
21
|
+
default: false
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
setup(__props) {
|
|
25
|
+
const props = __props;
|
|
26
|
+
const slots = menuItemVariants({ variant: "default" });
|
|
27
|
+
return (_ctx, _cache) => {
|
|
28
|
+
return openBlock(), createBlock(unref(MenubarSubTrigger), {
|
|
29
|
+
disabled: props.disabled ?? props.isDisabled,
|
|
30
|
+
"text-value": props.textValue,
|
|
31
|
+
as: props.as,
|
|
32
|
+
"as-child": props.asChild,
|
|
33
|
+
class: normalizeClass([unref(slots).item(), props.class])
|
|
34
|
+
}, {
|
|
35
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createElementVNode("span", {
|
|
36
|
+
class: normalizeClass(unref(slots).submenuIndicator()),
|
|
37
|
+
"aria-hidden": "true"
|
|
38
|
+
}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
|
|
39
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
40
|
+
width: "12",
|
|
41
|
+
height: "12",
|
|
42
|
+
viewBox: "0 0 24 24",
|
|
43
|
+
fill: "none",
|
|
44
|
+
stroke: "currentColor",
|
|
45
|
+
"stroke-width": "2",
|
|
46
|
+
"stroke-linecap": "round",
|
|
47
|
+
"stroke-linejoin": "round",
|
|
48
|
+
"data-slot": "submenu-indicator"
|
|
49
|
+
}, [createElementVNode("polyline", { points: "9 18 15 12 9 6" })], -1)])], 2)]),
|
|
50
|
+
_: 3
|
|
51
|
+
}, 8, [
|
|
52
|
+
"disabled",
|
|
53
|
+
"text-value",
|
|
54
|
+
"as",
|
|
55
|
+
"as-child",
|
|
56
|
+
"class"
|
|
57
|
+
]);
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
//#endregion
|
|
62
|
+
export { MenubarSubTrigger_vue_vue_type_script_setup_true_lang_default as default };
|
|
63
|
+
|
|
64
|
+
//# sourceMappingURL=MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenubarSubTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarSubTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { MenubarSubTrigger } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n isDisabled?: boolean\n textValue?: string\n class?: string\n /** Whether this trigger is disabled. */\n disabled?: boolean\n /** Render as a different element or component. */\n as?: string\n /** Merge props onto child element instead of rendering a wrapper. */\n asChild?: boolean\n}>(), {\n isDisabled: false,\n textValue: undefined,\n class: undefined,\n disabled: undefined,\n as: undefined,\n asChild: false,\n})\n\nconst slots = menuItemVariants({ variant: 'default' })\n</script>\n\n<template>\n <MenubarSubTrigger\n :disabled=\"props.disabled ?? props.isDisabled\"\n :text-value=\"props.textValue\"\n :as=\"props.as\"\n :as-child=\"props.asChild\"\n :class=\"[slots.item(), props.class]\"\n >\n <slot />\n <span\n :class=\"slots.submenuIndicator()\"\n aria-hidden=\"true\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n data-slot=\"submenu-indicator\"\n >\n <polyline points=\"9 18 15 12 9 6\" />\n </svg>\n </span>\n </MenubarSubTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAmBd,MAAM,QAAQ,iBAAiB,EAAE,SAAS,WAAW,CAAA;;uBAInD,YA2BoB,MAAA,kBAAA,EAAA;IA1BjB,UAAU,MAAM,YAAY,MAAM;IAClC,cAAY,MAAM;IAClB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;;2BAE1B,CAAR,WAAQ,KAAA,QAAA,UAAA,EACR,mBAkBO,QAAA;KAjBJ,OAAK,eAAE,MAAA,MAAK,CAAC,kBAAgB,CAAA;KAC9B,eAAY;sCAEZ,mBAaM,OAAA;KAZJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,aAAU;QAEV,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import MenubarTrigger_vue_vue_type_script_setup_true_lang_default from "./MenubarTrigger.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
+
//#region src/components/menubar/MenubarTrigger.vue
|
|
3
|
+
var MenubarTrigger_default = MenubarTrigger_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { MenubarTrigger_default as default };
|
|
6
|
+
|
|
7
|
+
//# sourceMappingURL=MenubarTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenubarTrigger.js","names":[],"sources":["../../../src/components/menubar/MenubarTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { MenubarTrigger } from 'reka-ui'\nimport { menubarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n disabled?: boolean\n /** Render as a different element or component. @default 'button' (Reka's own default) */\n as?: string\n /** Merge props onto child element instead of rendering a wrapper. @default false */\n asChild?: boolean\n class?: ClassValue\n}>(), {\n disabled: undefined,\n as: undefined,\n asChild: undefined,\n class: undefined,\n})\n\nconst slots = computed(() => menubarVariants())\n</script>\n\n<template>\n <MenubarTrigger\n :disabled=\"props.disabled\"\n :as=\"props.as\"\n :as-child=\"props.asChild\"\n :class=\"composeClassName(slots.trigger(), props.class)\"\n >\n <slot />\n </MenubarTrigger>\n</template>\n"],"mappings":""}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { composeClassName } from "../../utils/composeClassName.js";
|
|
2
|
+
import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
+
import { menubarVariants } from "@auronui/styles";
|
|
4
|
+
import { MenubarTrigger } from "reka-ui";
|
|
5
|
+
//#region src/components/menubar/MenubarTrigger.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
+
var MenubarTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "MenubarTrigger",
|
|
8
|
+
props: {
|
|
9
|
+
disabled: {
|
|
10
|
+
type: Boolean,
|
|
11
|
+
default: void 0
|
|
12
|
+
},
|
|
13
|
+
as: { default: void 0 },
|
|
14
|
+
asChild: {
|
|
15
|
+
type: Boolean,
|
|
16
|
+
default: void 0
|
|
17
|
+
},
|
|
18
|
+
class: {
|
|
19
|
+
type: [
|
|
20
|
+
String,
|
|
21
|
+
Boolean,
|
|
22
|
+
null,
|
|
23
|
+
Object,
|
|
24
|
+
Array
|
|
25
|
+
],
|
|
26
|
+
default: void 0
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
setup(__props) {
|
|
30
|
+
const props = __props;
|
|
31
|
+
const slots = computed(() => menubarVariants());
|
|
32
|
+
return (_ctx, _cache) => {
|
|
33
|
+
return openBlock(), createBlock(unref(MenubarTrigger), {
|
|
34
|
+
disabled: props.disabled,
|
|
35
|
+
as: props.as,
|
|
36
|
+
"as-child": props.asChild,
|
|
37
|
+
class: normalizeClass(unref(composeClassName)(slots.value.trigger(), props.class))
|
|
38
|
+
}, {
|
|
39
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
40
|
+
_: 3
|
|
41
|
+
}, 8, [
|
|
42
|
+
"disabled",
|
|
43
|
+
"as",
|
|
44
|
+
"as-child",
|
|
45
|
+
"class"
|
|
46
|
+
]);
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
//#endregion
|
|
51
|
+
export { MenubarTrigger_vue_vue_type_script_setup_true_lang_default as default };
|
|
52
|
+
|
|
53
|
+
//# sourceMappingURL=MenubarTrigger.vue_vue_type_script_setup_true_lang.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenubarTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/menubar/MenubarTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { MenubarTrigger } from 'reka-ui'\nimport { menubarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n disabled?: boolean\n /** Render as a different element or component. @default 'button' (Reka's own default) */\n as?: string\n /** Merge props onto child element instead of rendering a wrapper. @default false */\n asChild?: boolean\n class?: ClassValue\n}>(), {\n disabled: undefined,\n as: undefined,\n asChild: undefined,\n class: undefined,\n})\n\nconst slots = computed(() => menubarVariants())\n</script>\n\n<template>\n <MenubarTrigger\n :disabled=\"props.disabled\"\n :as=\"props.as\"\n :as-child=\"props.asChild\"\n :class=\"composeClassName(slots.trigger(), props.class)\"\n >\n <slot />\n </MenubarTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAcd,MAAM,QAAQ,eAAe,iBAAiB,CAAA;;uBAI5C,YAOiB,MAAA,eAAA,EAAA;IANd,UAAU,MAAM;IAChB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,MAAM,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAE7C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import MonthPicker_vue_vue_type_script_setup_true_lang_default from "./MonthPicker.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
+
//#region src/components/month-picker/MonthPicker.vue
|
|
3
|
+
var MonthPicker_default = MonthPicker_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { MonthPicker_default as default };
|
|
6
|
+
|
|
7
|
+
//# sourceMappingURL=MonthPicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MonthPicker.js","names":[],"sources":["../../../src/components/month-picker/MonthPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport {\n MonthPickerRoot,\n MonthPickerHeader,\n MonthPickerHeading,\n MonthPickerPrev,\n MonthPickerNext,\n MonthPickerGrid,\n MonthPickerGridBody,\n MonthPickerGridRow,\n MonthPickerCell,\n MonthPickerCellTrigger,\n} from 'reka-ui'\nimport type { DateValue } from '@internationalized/date'\nimport { calendarVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n defaultValue?: DateValue\n defaultPlaceholder?: DateValue\n minValue?: DateValue\n maxValue?: DateValue\n isMonthDisabled?: (date: DateValue) => boolean\n isMonthUnavailable?: (date: DateValue) => boolean\n locale?: string\n preventDeselect?: boolean\n readonly?: boolean\n disabled?: boolean\n calendarLabel?: string\n /** Initial focus state. @default false */\n initialFocus?: boolean\n /** Text direction. */\n dir?: 'ltr' | 'rtl'\n /** Navigate to next page (next year). */\n nextPage?: (placeholder: DateValue) => DateValue\n /** Navigate to previous page (previous year). */\n prevPage?: (placeholder: DateValue) => DateValue\n /** Allow multiple selections. */\n multiple?: boolean\n /** Render as a different element or component. */\n as?: string\n /** Render child as root element. */\n asChild?: boolean\n class?: ClassValue\n /** Per-slot class overrides */\n classNames?: Partial<{\n base: ClassValue\n header: ClassValue\n navButton: ClassValue\n navButtonIcon: ClassValue\n heading: ClassValue\n monthGrid: ClassValue\n monthGridBody: ClassValue\n monthGridRow: ClassValue\n monthCell: ClassValue\n }>\n}>(), {\n preventDeselect: false,\n readonly: false,\n disabled: false,\n})\n\nconst modelValue = defineModel<DateValue | undefined>()\nconst placeholderModel = defineModel<DateValue | undefined>('placeholder')\n\nconst slotFns = computed(() => calendarVariants())\n</script>\n\n<template>\n <MonthPickerRoot\n v-model=\"modelValue\"\n v-model:placeholder=\"placeholderModel\"\n :default-value=\"defaultValue\"\n :default-placeholder=\"defaultPlaceholder\"\n :min-value=\"minValue\"\n :max-value=\"maxValue\"\n :is-month-disabled=\"isMonthDisabled\"\n :is-month-unavailable=\"isMonthUnavailable\"\n :locale=\"locale\"\n :prevent-deselect=\"preventDeselect\"\n :readonly=\"readonly\"\n :disabled=\"disabled\"\n :calendar-label=\"calendarLabel\"\n :initial-focus=\"initialFocus\"\n :dir=\"dir\"\n :next-page=\"nextPage\"\n :prev-page=\"prevPage\"\n :multiple=\"multiple\"\n :as=\"as\"\n :as-child=\"asChild\"\n :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n >\n <template #default=\"{ grid }\">\n <MonthPickerHeader :class=\"composeClassName(slotFns.header(), props.classNames?.header)\">\n <MonthPickerPrev\n :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n aria-label=\"Previous year\"\n >\n <svg\n :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"15 18 9 12 15 6\" />\n </svg>\n </MonthPickerPrev>\n\n <MonthPickerHeading\n v-slot=\"{ headingValue }\"\n :class=\"composeClassName(slotFns.heading(), props.classNames?.heading)\"\n >\n <slot\n name=\"heading\"\n :heading-value=\"headingValue\"\n >\n {{ headingValue }}\n </slot>\n </MonthPickerHeading>\n\n <MonthPickerNext\n :class=\"composeClassName(slotFns.navButton(), props.classNames?.navButton)\"\n aria-label=\"Next year\"\n >\n <svg\n :class=\"composeClassName(slotFns.navButtonIcon(), props.classNames?.navButtonIcon)\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <polyline points=\"9 18 15 12 9 6\" />\n </svg>\n </MonthPickerNext>\n </MonthPickerHeader>\n\n <MonthPickerGrid :class=\"composeClassName(slotFns.monthGrid(), props.classNames?.monthGrid)\">\n <MonthPickerGridBody :class=\"composeClassName(slotFns.monthGridBody(), props.classNames?.monthGridBody)\">\n <MonthPickerGridRow\n v-for=\"(row, rowIndex) in grid.rows\"\n :key=\"rowIndex\"\n :class=\"composeClassName(slotFns.monthGridRow(), props.classNames?.monthGridRow)\"\n >\n <MonthPickerCell\n v-for=\"monthValue in row\"\n :key=\"monthValue.toString()\"\n :date=\"monthValue\"\n >\n <MonthPickerCellTrigger\n :month=\"monthValue\"\n as=\"button\"\n :class=\"composeClassName(slotFns.monthCell(), props.classNames?.monthCell)\"\n />\n </MonthPickerCell>\n </MonthPickerGridRow>\n </MonthPickerGridBody>\n </MonthPickerGrid>\n </template>\n </MonthPickerRoot>\n</template>\n"],"mappings":""}
|