arvue-ui 0.8.0 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/dist/alert-dialog/alertDialog.js +24 -0
  2. package/dist/alert-dialog/alertDialog.js.map +1 -0
  3. package/dist/alert-dialog/alertDialogAction.js +23 -0
  4. package/dist/alert-dialog/alertDialogAction.js.map +1 -0
  5. package/dist/alert-dialog/alertDialogCancel.js +23 -0
  6. package/dist/alert-dialog/alertDialogCancel.js.map +1 -0
  7. package/dist/alert-dialog/alertDialogContent.js +92 -0
  8. package/dist/alert-dialog/alertDialogContent.js.map +1 -0
  9. package/dist/alert-dialog/alertDialogDescription.js +33 -0
  10. package/dist/alert-dialog/alertDialogDescription.js.map +1 -0
  11. package/dist/alert-dialog/alertDialogFooter.js +33 -0
  12. package/dist/alert-dialog/alertDialogFooter.js.map +1 -0
  13. package/dist/alert-dialog/alertDialogHeader.js +33 -0
  14. package/dist/alert-dialog/alertDialogHeader.js.map +1 -0
  15. package/dist/alert-dialog/alertDialogTitle.js +33 -0
  16. package/dist/alert-dialog/alertDialogTitle.js.map +1 -0
  17. package/dist/alert-dialog/alertDialogTrigger.js +23 -0
  18. package/dist/alert-dialog/alertDialogTrigger.js.map +1 -0
  19. package/dist/all.css +1 -1
  20. package/dist/context-menu/contextMenu.js +25 -0
  21. package/dist/context-menu/contextMenu.js.map +1 -0
  22. package/dist/context-menu/contextMenuCheckboxItem.js +42 -0
  23. package/dist/context-menu/contextMenuCheckboxItem.js.map +1 -0
  24. package/dist/context-menu/contextMenuContent.js +87 -0
  25. package/dist/context-menu/contextMenuContent.js.map +1 -0
  26. package/dist/context-menu/contextMenuGroup.js +23 -0
  27. package/dist/context-menu/contextMenuGroup.js.map +1 -0
  28. package/dist/context-menu/contextMenuItem.js +38 -0
  29. package/dist/context-menu/contextMenuItem.js.map +1 -0
  30. package/dist/context-menu/contextMenuLabel.js +34 -0
  31. package/dist/context-menu/contextMenuLabel.js.map +1 -0
  32. package/dist/context-menu/contextMenuPortal.js +25 -0
  33. package/dist/context-menu/contextMenuPortal.js.map +1 -0
  34. package/dist/context-menu/contextMenuRadioGroup.js +25 -0
  35. package/dist/context-menu/contextMenuRadioGroup.js.map +1 -0
  36. package/dist/context-menu/contextMenuRadioItem.js +42 -0
  37. package/dist/context-menu/contextMenuRadioItem.js.map +1 -0
  38. package/dist/context-menu/contextMenuSeparator.js +30 -0
  39. package/dist/context-menu/contextMenuSeparator.js.map +1 -0
  40. package/dist/context-menu/contextMenuShortcut.js +33 -0
  41. package/dist/context-menu/contextMenuShortcut.js.map +1 -0
  42. package/dist/context-menu/contextMenuSub.js +24 -0
  43. package/dist/context-menu/contextMenuSub.js.map +1 -0
  44. package/dist/context-menu/contextMenuSubContent.js +92 -0
  45. package/dist/context-menu/contextMenuSubContent.js.map +1 -0
  46. package/dist/context-menu/contextMenuSubTrigger.js +36 -0
  47. package/dist/context-menu/contextMenuSubTrigger.js.map +1 -0
  48. package/dist/context-menu/contextMenuTrigger.js +24 -0
  49. package/dist/context-menu/contextMenuTrigger.js.map +1 -0
  50. package/dist/index.d.ts +561 -150
  51. package/dist/index.d.ts.map +1 -1
  52. package/dist/index.js +106 -82
  53. package/dist/index.js.map +1 -1
  54. package/dist/style.css +28 -0
  55. package/package.json +1 -1
  56. package/src/alert-dialog/AlertDialog.vue +30 -0
  57. package/src/alert-dialog/AlertDialogAction.vue +19 -0
  58. package/src/alert-dialog/AlertDialogCancel.vue +19 -0
  59. package/src/alert-dialog/AlertDialogContent.vue +86 -0
  60. package/src/alert-dialog/AlertDialogDescription.vue +33 -0
  61. package/src/alert-dialog/AlertDialogFooter.vue +31 -0
  62. package/src/alert-dialog/AlertDialogHeader.vue +31 -0
  63. package/src/alert-dialog/AlertDialogTitle.vue +33 -0
  64. package/src/alert-dialog/AlertDialogTrigger.vue +17 -0
  65. package/src/alert-dialog/alert-dialog-content.css +36 -0
  66. package/src/alert-dialog/alert-dialog-description.css +5 -0
  67. package/src/alert-dialog/alert-dialog-footer.css +16 -0
  68. package/src/alert-dialog/alert-dialog-header.css +12 -0
  69. package/src/alert-dialog/alert-dialog-title.css +3 -0
  70. package/src/alert-dialog/index.ts +38 -0
  71. package/src/context-menu/ContextMenu.vue +21 -0
  72. package/src/context-menu/ContextMenuCheckboxItem.vue +48 -0
  73. package/src/context-menu/ContextMenuContent.vue +69 -0
  74. package/src/context-menu/ContextMenuGroup.vue +18 -0
  75. package/src/context-menu/ContextMenuItem.vue +47 -0
  76. package/src/context-menu/ContextMenuLabel.vue +37 -0
  77. package/src/context-menu/ContextMenuPortal.vue +17 -0
  78. package/src/context-menu/ContextMenuRadioGroup.vue +27 -0
  79. package/src/context-menu/ContextMenuRadioItem.vue +48 -0
  80. package/src/context-menu/ContextMenuSeparator.vue +29 -0
  81. package/src/context-menu/ContextMenuShortcut.vue +33 -0
  82. package/src/context-menu/ContextMenuSub.vue +31 -0
  83. package/src/context-menu/ContextMenuSubContent.vue +74 -0
  84. package/src/context-menu/ContextMenuSubTrigger.vue +41 -0
  85. package/src/context-menu/ContextMenuTrigger.vue +19 -0
  86. package/src/context-menu/context-menu-checkbox-item.css +33 -0
  87. package/src/context-menu/context-menu-content.css +9 -0
  88. package/src/context-menu/context-menu-item.css +27 -0
  89. package/src/context-menu/context-menu-label.css +12 -0
  90. package/src/context-menu/context-menu-radio-item.css +33 -0
  91. package/src/context-menu/context-menu-separator.css +5 -0
  92. package/src/context-menu/context-menu-shortcut.css +7 -0
  93. package/src/context-menu/context-menu-sub-content.css +8 -0
  94. package/src/context-menu/context-menu-sub-trigger.css +33 -0
  95. package/src/context-menu/index.ts +68 -0
  96. package/src/index.ts +2 -0
@@ -0,0 +1,24 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { AlertDialogRoot, useForwardPropsEmits } from "reka-ui";
3
+ //#region src/alert-dialog/AlertDialog.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "AlertDialog",
6
+ props: {
7
+ open: { type: Boolean },
8
+ defaultOpen: { 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(AlertDialogRoot), 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=alertDialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alertDialog.js","names":[],"sources":["../../src/alert-dialog/AlertDialog.vue"],"sourcesContent":["<template>\n <AlertDialogRoot\n v-slot=\"slotProps\"\n v-bind=\"forwarded\"\n >\n <slot v-bind=\"slotProps\"/>\n </AlertDialogRoot>\n</template>\n\n<script lang=\"ts\">\nimport type {\n AlertDialogEmits as RekaAlertDialogEmits,\n AlertDialogProps as RekaAlertDialogProps,\n} from 'reka-ui'\n\nexport interface AlertDialogProps extends RekaAlertDialogProps {\n}\n\nexport interface AlertDialogEmits extends RekaAlertDialogEmits {\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { AlertDialogRoot, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<AlertDialogProps>()\nconst emits = defineEmits<AlertDialogEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n"],"mappings":";;;;;;;;;;;EA4BA,MAAM,YAAY,qBAAqB,SAAO,MAAK;;uBA3B/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,23 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { AlertDialogAction, useForwardProps } from "reka-ui";
3
+ //#region src/alert-dialog/AlertDialogAction.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "AlertDialogAction",
6
+ props: {
7
+ asChild: { type: Boolean },
8
+ as: {}
9
+ },
10
+ setup(__props) {
11
+ const forwarded = useForwardProps(__props);
12
+ return (_ctx, _cache) => {
13
+ return openBlock(), createBlock(unref(AlertDialogAction), normalizeProps(guardReactiveProps(unref(forwarded))), {
14
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
15
+ _: 3
16
+ }, 16);
17
+ };
18
+ }
19
+ });
20
+ //#endregion
21
+ export { _sfc_main };
22
+
23
+ //# sourceMappingURL=alertDialogAction.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alertDialogAction.js","names":[],"sources":["../../src/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<template>\n <AlertDialogAction v-bind=\"forwarded\">\n <slot/>\n </AlertDialogAction>\n</template>\n\n<script lang=\"ts\">\nimport type { AlertDialogActionProps as RekaAlertDialogActionProps } from 'reka-ui'\n\nexport interface AlertDialogActionProps extends RekaAlertDialogActionProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { AlertDialogAction, useForwardProps } from 'reka-ui'\n\nconst props = defineProps<AlertDialogActionProps>()\n\nconst forwarded = useForwardProps(props)\n</script>\n"],"mappings":";;;;;;;;;;EAiBA,MAAM,YAAY,gBAAgB,OAAK;;uBAhBnC,YAEoB,MAAA,iBAAA,GAAA,eAAA,mBAFO,MAAA,SAAA,CAAS,CAAA,GAAA;2BACzB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,23 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { AlertDialogCancel, useForwardProps } from "reka-ui";
3
+ //#region src/alert-dialog/AlertDialogCancel.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "AlertDialogCancel",
6
+ props: {
7
+ asChild: { type: Boolean },
8
+ as: {}
9
+ },
10
+ setup(__props) {
11
+ const forwarded = useForwardProps(__props);
12
+ return (_ctx, _cache) => {
13
+ return openBlock(), createBlock(unref(AlertDialogCancel), normalizeProps(guardReactiveProps(unref(forwarded))), {
14
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
15
+ _: 3
16
+ }, 16);
17
+ };
18
+ }
19
+ });
20
+ //#endregion
21
+ export { _sfc_main };
22
+
23
+ //# sourceMappingURL=alertDialogCancel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alertDialogCancel.js","names":[],"sources":["../../src/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<template>\n <AlertDialogCancel v-bind=\"forwarded\">\n <slot/>\n </AlertDialogCancel>\n</template>\n\n<script lang=\"ts\">\nimport type { AlertDialogCancelProps as RekaAlertDialogCancelProps } from 'reka-ui'\n\nexport interface AlertDialogCancelProps extends RekaAlertDialogCancelProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { AlertDialogCancel, useForwardProps } from 'reka-ui'\n\nconst props = defineProps<AlertDialogCancelProps>()\n\nconst forwarded = useForwardProps(props)\n</script>\n"],"mappings":";;;;;;;;;;EAiBA,MAAM,YAAY,gBAAgB,OAAK;;uBAhBnC,YAEoB,MAAA,iBAAA,GAAA,eAAA,mBAFO,MAAA,SAAA,CAAS,CAAA,GAAA;2BACzB,CAAP,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 { AlertDialogContent, AlertDialogOverlay, AlertDialogPortal, useForwardPropsEmits } from "reka-ui";
4
+ import { reactiveOmit } from "@vueuse/core";
5
+ import { AnimatePresence, Motion } from "motion-v";
6
+ //#region src/alert-dialog/AlertDialogContent.vue
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ inheritAttrs: false,
9
+ __name: "AlertDialogContent",
10
+ props: {
11
+ class: { type: [
12
+ Boolean,
13
+ null,
14
+ String,
15
+ Object,
16
+ Array
17
+ ] },
18
+ forceMount: { type: Boolean },
19
+ disableOutsidePointerEvents: { type: Boolean },
20
+ asChild: { type: Boolean },
21
+ as: {}
22
+ },
23
+ emits: [
24
+ "escapeKeyDown",
25
+ "pointerDownOutside",
26
+ "focusOutside",
27
+ "interactOutside",
28
+ "openAutoFocus",
29
+ "closeAutoFocus"
30
+ ],
31
+ setup(__props, { emit: __emit }) {
32
+ const props = __props;
33
+ const emits = __emit;
34
+ const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
35
+ return (_ctx, _cache) => {
36
+ return openBlock(), createBlock(unref(AlertDialogPortal), null, {
37
+ default: withCtx(() => [createVNode(unref(AnimatePresence), { as: "div" }, {
38
+ default: withCtx(() => [createVNode(unref(AlertDialogOverlay), {
39
+ class: "arvue-alert-dialog-overlay",
40
+ "as-child": ""
41
+ }, {
42
+ default: withCtx(() => [createVNode(unref(Motion), {
43
+ initial: { opacity: 0 },
44
+ animate: { opacity: 1 },
45
+ exit: { opacity: 0 },
46
+ transition: {
47
+ duration: .2,
48
+ ease: "easeInOut"
49
+ }
50
+ })]),
51
+ _: 1
52
+ }), createVNode(unref(AlertDialogContent), mergeProps({
53
+ ..._ctx.$attrs,
54
+ ...unref(forwarded)
55
+ }, {
56
+ class: unref(clsx)("arvue-alert-dialog-content", props.class),
57
+ "as-child": ""
58
+ }), {
59
+ default: withCtx(() => [createVNode(unref(Motion), {
60
+ initial: {
61
+ y: "2rem",
62
+ opacity: 0
63
+ },
64
+ animate: {
65
+ y: 0,
66
+ opacity: 1
67
+ },
68
+ exit: {
69
+ y: "2rem",
70
+ opacity: 0
71
+ },
72
+ transition: {
73
+ duration: .2,
74
+ ease: "easeInOut"
75
+ }
76
+ }, {
77
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
78
+ _: 3
79
+ })]),
80
+ _: 3
81
+ }, 16, ["class"])]),
82
+ _: 3
83
+ })]),
84
+ _: 3
85
+ });
86
+ };
87
+ }
88
+ });
89
+ //#endregion
90
+ export { _sfc_main };
91
+
92
+ //# sourceMappingURL=alertDialogContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alertDialogContent.js","names":["$attrs"],"sources":["../../src/alert-dialog/AlertDialogContent.vue"],"sourcesContent":["<style>\n@import './alert-dialog-content.css';\n</style>\n\n<template>\n <AlertDialogPortal>\n <AnimatePresence as=\"div\">\n <AlertDialogOverlay\n class=\"arvue-alert-dialog-overlay\"\n as-child\n >\n <Motion\n :initial=\"{ opacity: 0 }\"\n :animate=\"{ opacity: 1 }\"\n :exit=\"{ opacity: 0 }\"\n :transition=\"{\n duration: .2,\n ease: 'easeInOut',\n }\"\n />\n </AlertDialogOverlay>\n <AlertDialogContent\n v-bind=\"{ ...$attrs, ...forwarded }\"\n :class=\"clsx('arvue-alert-dialog-content', props.class)\"\n as-child\n >\n <Motion\n :initial=\"{\n y: '2rem',\n opacity: 0,\n }\"\n :animate=\"{\n y: 0,\n opacity: 1,\n }\"\n :exit=\"{\n y: '2rem',\n opacity: 0,\n }\"\n :transition=\"{\n duration: .2,\n ease: 'easeInOut',\n }\"\n >\n <slot/>\n </Motion>\n </AlertDialogContent>\n </AnimatePresence>\n </AlertDialogPortal>\n</template>\n\n<script lang=\"ts\">\nimport type {\n AlertDialogContentEmits as RekaAlertDialogContentEmits,\n AlertDialogContentProps as RekaAlertDialogContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface AlertDialogContentProps extends RekaAlertDialogContentProps {\n class?: HTMLAttributes['class']\n}\nexport interface AlertDialogContentEmits extends RekaAlertDialogContentEmits {}\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 AlertDialogContent,\n AlertDialogOverlay,\n AlertDialogPortal,\n useForwardPropsEmits,\n} from 'reka-ui'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = defineProps<AlertDialogContentProps>()\nconst emits = defineEmits<AlertDialogContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBA/ExD,YA2CoB,MAAA,iBAAA,GAAA,MAAA;2BADE,CAzClB,YAyCkB,MAAA,eAAA,GAAA,EAzCD,IAAG,MAAK,GAAA;4BAcA,CAbrB,YAaqB,MAAA,kBAAA,GAAA;MAZjB,OAAM;MACN,YAAA;;6BAUE,CARF,YAQE,MAAA,MAAA,GAAA;OAPG,SAAS,EAAA,SAAA,EAAA;OACT,SAAS,EAAA,SAAA,EAAA;OACT,MAAM,EAAA,SAAA,EAAA;OACN,YAAY;;;;;;SAMrB,YAyBqB,MAAA,kBAAA,GAzBrB,WAyBqB;MAAA,GAxBJA,KAAAA;MAAM,GAAK,MAAA,SAAA;KAAS,GAAA;MAChC,OAAO,MAAA,IAAA,EAAI,8BAA+B,MAAM,KAAK;MACtD,YAAA;;6BAqBS,CAnBT,YAmBS,MAAA,MAAA,GAAA;OAlBJ,SAAS;;;;OAIT,SAAS;;;;OAIT,MAAM;;;;OAIN,YAAY;;;;;8BAKN,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,33 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
3
+ import { AlertDialogDescription } from "reka-ui";
4
+ import { reactiveOmit } from "@vueuse/core";
5
+ //#region src/alert-dialog/AlertDialogDescription.vue
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "AlertDialogDescription",
8
+ props: {
9
+ class: { type: [
10
+ Boolean,
11
+ null,
12
+ String,
13
+ Object,
14
+ Array
15
+ ] },
16
+ asChild: { type: Boolean },
17
+ as: { default: "p" }
18
+ },
19
+ setup(__props) {
20
+ const props = __props;
21
+ const delegatedProps = reactiveOmit(props, "class");
22
+ return (_ctx, _cache) => {
23
+ return openBlock(), createBlock(unref(AlertDialogDescription), mergeProps({ class: unref(clsx)("arvue-alert-dialog-description", 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=alertDialogDescription.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alertDialogDescription.js","names":[],"sources":["../../src/alert-dialog/AlertDialogDescription.vue"],"sourcesContent":["<style>\n@import './alert-dialog-description.css';\n</style>\n\n<template>\n <AlertDialogDescription\n :class=\"clsx('arvue-alert-dialog-description', props.class)\"\n v-bind=\"delegatedProps\"\n >\n <slot/>\n </AlertDialogDescription>\n</template>\n\n<script lang=\"ts\">\nimport type { AlertDialogDescriptionProps as RekaAlertDialogDescriptionProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface AlertDialogDescriptionProps extends RekaAlertDialogDescriptionProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AlertDialogDescription } from 'reka-ui'\n\nconst props = withDefaults(defineProps<AlertDialogDescriptionProps>(), {\n as: 'p',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAId,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBA1B9C,YAKyB,MAAA,sBAAA,GALzB,WAKyB,EAJpB,OAAO,MAAA,IAAA,EAAI,kCAAmC,MAAM,KAAK,EAAA,GAClD,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,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/alert-dialog/AlertDialogFooter.vue
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "AlertDialogFooter",
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(Primitive), mergeProps({ class: unref(clsx)("arvue-alert-dialog-footer", 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=alertDialogFooter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alertDialogFooter.js","names":[],"sources":["../../src/alert-dialog/AlertDialogFooter.vue"],"sourcesContent":["<style>\n@import './alert-dialog-footer.css';\n</style>\n\n<template>\n <Primitive\n :class=\"clsx('arvue-alert-dialog-footer', 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 AlertDialogFooterProps 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 = defineProps<AlertDialogFooterProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKY,MAAA,SAAA,GALZ,WAKY,EAJP,OAAO,MAAA,IAAA,EAAI,6BAA8B,MAAM,KAAK,EAAA,GAC7C,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,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/alert-dialog/AlertDialogHeader.vue
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "AlertDialogHeader",
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(Primitive), mergeProps({ class: unref(clsx)("arvue-alert-dialog-header", 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=alertDialogHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alertDialogHeader.js","names":[],"sources":["../../src/alert-dialog/AlertDialogHeader.vue"],"sourcesContent":["<style>\n@import './alert-dialog-header.css';\n</style>\n\n<template>\n <Primitive\n :class=\"clsx('arvue-alert-dialog-header', 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 AlertDialogHeaderProps 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 = defineProps<AlertDialogHeaderProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKY,MAAA,SAAA,GALZ,WAKY,EAJP,OAAO,MAAA,IAAA,EAAI,6BAA8B,MAAM,KAAK,EAAA,GAC7C,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,33 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
3
+ import { AlertDialogTitle } from "reka-ui";
4
+ import { reactiveOmit } from "@vueuse/core";
5
+ //#region src/alert-dialog/AlertDialogTitle.vue
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "AlertDialogTitle",
8
+ props: {
9
+ class: { type: [
10
+ Boolean,
11
+ null,
12
+ String,
13
+ Object,
14
+ Array
15
+ ] },
16
+ asChild: { type: Boolean },
17
+ as: { default: "h3" }
18
+ },
19
+ setup(__props) {
20
+ const props = __props;
21
+ const delegatedProps = reactiveOmit(props, "class");
22
+ return (_ctx, _cache) => {
23
+ return openBlock(), createBlock(unref(AlertDialogTitle), mergeProps({ class: unref(clsx)("arvue-alert-dialog-title", 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=alertDialogTitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alertDialogTitle.js","names":[],"sources":["../../src/alert-dialog/AlertDialogTitle.vue"],"sourcesContent":["<style>\n@import './alert-dialog-title.css';\n</style>\n\n<template>\n <AlertDialogTitle\n :class=\"clsx('arvue-alert-dialog-title', props.class)\"\n v-bind=\"delegatedProps\"\n >\n <slot/>\n </AlertDialogTitle>\n</template>\n\n<script lang=\"ts\">\nimport type { AlertDialogTitleProps as RekaAlertDialogTitleProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface AlertDialogTitleProps extends RekaAlertDialogTitleProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AlertDialogTitle } from 'reka-ui'\n\nconst props = withDefaults(defineProps<AlertDialogTitleProps>(), {\n as: 'h3',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAId,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBA1B9C,YAKmB,MAAA,gBAAA,GALnB,WAKmB,EAJd,OAAO,MAAA,IAAA,EAAI,4BAA6B,MAAM,KAAK,EAAA,GAC5C,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,23 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { AlertDialogTrigger } from "reka-ui";
3
+ //#region src/alert-dialog/AlertDialogTrigger.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "AlertDialogTrigger",
6
+ props: {
7
+ asChild: { type: Boolean },
8
+ as: {}
9
+ },
10
+ setup(__props) {
11
+ const props = __props;
12
+ return (_ctx, _cache) => {
13
+ return openBlock(), createBlock(unref(AlertDialogTrigger), normalizeProps(guardReactiveProps(props)), {
14
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
15
+ _: 3
16
+ }, 16);
17
+ };
18
+ }
19
+ });
20
+ //#endregion
21
+ export { _sfc_main };
22
+
23
+ //# sourceMappingURL=alertDialogTrigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alertDialogTrigger.js","names":[],"sources":["../../src/alert-dialog/AlertDialogTrigger.vue"],"sourcesContent":["<template>\n <AlertDialogTrigger v-bind=\"props\">\n <slot/>\n </AlertDialogTrigger>\n</template>\n\n<script lang=\"ts\">\nimport type { AlertDialogTriggerProps as RekaAlertDialogTriggerProps } from 'reka-ui'\n\nexport interface AlertDialogTriggerProps extends RekaAlertDialogTriggerProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { AlertDialogTrigger } from 'reka-ui'\n\nconst props = defineProps<AlertDialogTriggerProps>()\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"}
package/dist/all.css CHANGED
@@ -1 +1 @@
1
- .arvue-accordion-content{overflow:hidden}.arvue-accordion-content .arvue-accordion-content-block{padding:0 1rem 1rem}.arvue-accordion-content[data-state=open]{animation:arvueAccordionSlideDown var(--timing-fast) ease-out}.arvue-accordion-content[data-state=closed]{animation:arvueAccordionSlideUp var(--timing-fast) ease-in}@keyframes arvueAccordionSlideDown{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes arvueAccordionSlideUp{0%{height:var(--reka-accordion-content-height)}to{height:0}}.arvue-accordion-header{letter-spacing:-.025em;line-height:1.25rem}.arvue-accordion-item{border-bottom:1px solid var(--border-color-soft)}.arvue-accordion-item:last-child{border-bottom:none}.arvue-accordion-trigger{text-align:left;outline:none;flex:1;justify-content:space-between;align-items:flex-start;padding:1rem;transition:all .15s;display:flex}.arvue-accordion-trigger:disabled{pointer-events:none;opacity:.5}.arvue-accordion-trigger[data-state=open]>svg{transform:rotate(180deg)}.arvue-accordion-trigger .arvue-accordion-trigger-icon{color:var(--text-color-hint);pointer-events:none;flex-shrink:0;width:1rem;height:1rem;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:translateY(.125rem)}.arvue-autocomplete{width:fit-content;max-width:100%;position:relative}.arvue-autocomplete-content{width:var(--reka-combobox-trigger-width);background:var(--background-color-blank);max-height:var(--reka-combobox-content-available-height);transform-origin:var(--reka-combobox-content-transform-origin);z-index:110;border:1px solid #0000001a;border-radius:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-autocomplete-empty{text-align:center;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600}.arvue-autocomplete-input-wrapper{align-items:center;gap:.25rem;display:flex}.arvue-autocomplete-input-wrapper .state-with-inner-icon{max-width:100%}.arvue-autocomplete-item{user-select:none;border-radius:.5em;align-items:center;padding:.5em 1em;line-height:1;display:flex;position:relative}.arvue-autocomplete-item[data-highlighted]{background:var(--background-color-zebra-row-odd-hover);outline:none}.arvue-autocomplete-label{color:var(--text-color-hint-strong);padding:.5rem 1rem;font-size:.75em;font-weight:700;line-height:1rem}.arvue-autocomplete-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-combobox{width:fit-content;max-width:100%;position:relative}.arvue-combobox-content{width:var(--reka-combobox-trigger-width);background:var(--background-color-blank);max-height:var(--reka-combobox-content-available-height);transform-origin:var(--reka-combobox-content-transform-origin);z-index:110;border:1px solid #0000001a;border-radius:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-combobox-empty{text-align:center;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600}.arvue-combobox-input-wrapper{align-items:center;gap:.25rem;display:flex}.arvue-combobox-input-wrapper .state-with-inner-icon{max-width:100%}.arvue-combobox-item{user-select:none;border-radius:.5em;align-items:center;padding:.5em 1em;line-height:1;display:flex;position:relative}.arvue-combobox-item[data-highlighted]{background:var(--background-color-zebra-row-odd-hover);outline:none}.arvue-combobox-label{color:var(--text-color-hint-strong);padding:.5rem 1rem;font-size:.75em;font-weight:700;line-height:1rem}.arvue-combobox-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-dialog-content{z-index:1060;width:100%;max-width:calc(100% - 2rem);box-shadow:0 0 70px var(--dialog-shadow-color);background:var(--background-color-blank);box-sizing:border-box;border-radius:.75rem;gap:2rem;padding:1.5rem;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (width>=760px){.arvue-dialog-content{max-width:600px}}.arvue-dialog-content .arvue-dialog-close-button{opacity:.7;transition:opacity var(--timing-fast) ease-in-out;width:1rem;height:1rem;color:inherit;border-radius:.125rem;position:absolute;top:1rem;right:1rem}.arvue-dialog-content .arvue-dialog-close-button:hover{opacity:1}.arvue-dialog-content .arvue-dialog-close-button:disabled{pointer-events:none}.arvue-dialog-description{margin:0;font-size:.875rem;font-weight:600}.arvue-dialog-footer{flex-direction:column-reverse;gap:.5rem;display:flex}.arvue-dialog-footer button{margin-right:0}@media (width>=760px){.arvue-dialog-footer{flex-direction:row;justify-content:flex-end}}.arvue-dialog-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}@media (width>=760px){.arvue-dialog-header{text-align:left}}.arvue-dialog-overlay{z-index:1055;box-sizing:border-box;background-color:var(--dialog-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-dialog-title{margin:0}.arvue-drawer-content{z-index:1045;box-shadow:0 0 70px var(--drawer-shadow-color);background:var(--background-color-blank);box-sizing:border-box;flex-direction:column;gap:1rem;display:flex;position:fixed}.arvue-drawer-content.right{width:75%;top:0;bottom:0;right:0}.arvue-drawer-content.left{width:75%;top:0;bottom:0;right:auto}.arvue-drawer-content.top{width:auto;height:auto;inset:0 0 auto}.arvue-drawer-content.bottom{width:auto;height:auto;inset:auto 0 0}@media (width>=760px){.arvue-drawer-content.right,.arvue-drawer-content.left{width:600px}}.arvue-drawer-content .arvue-drawer-close-button{opacity:.7;transition:opacity var(--timing-fast) ease-in-out;width:1rem;height:1rem;color:inherit;border-radius:.125rem;position:absolute;top:1rem;right:1rem}.arvue-drawer-content .arvue-drawer-close-button:hover{opacity:1}.arvue-drawer-content .arvue-drawer-close-button:disabled{pointer-events:none}.arvue-drawer-description{margin:0;font-size:.875rem;font-weight:600}.arvue-drawer-footer{flex-direction:column;gap:.5rem;margin-top:auto;padding:1rem;display:flex}.arvue-drawer-footer button{margin-right:0}.arvue-drawer-header{flex-direction:column;gap:.375rem;padding:1rem;display:flex}.arvue-drawer-overlay{z-index:1040;box-sizing:border-box;background:var(--drawer-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-drawer-title{margin:0}.arvue-dropdown-menu-checkbox-item{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem 1.5rem;font-size:.875rem;display:flex;position:relative}.arvue-dropdown-menu-checkbox-item:focus,.arvue-dropdown-menu-checkbox-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-dropdown-menu-checkbox-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-dropdown-menu-checkbox-item .arvue-dropdown-menu-checkbox-item-indicator-wrapper{pointer-events:none;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;left:.5rem}.arvue-dropdown-menu-content{background:var(--background-color-blank);z-index:110;max-height:var(--reka-dropdown-menu-content-available-height);transform-origin:var(--reka-dropdown-menu-content-transform-origin);border:1px solid #0000001a;border-radius:.5rem;overflow:auto;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-dropdown-menu-item{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex;position:relative}.arvue-dropdown-menu-item:focus,.arvue-dropdown-menu-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-dropdown-menu-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-dropdown-menu-item.arvue-dropdown-menu-item-inset{padding-left:1.5rem}.arvue-dropdown-menu-label{color:var(--text-color-hint-strong);padding:.5rem .75rem;font-size:.75em;font-weight:700;line-height:1rem}.arvue-dropdown-menu-label.arvue-dropdown-menu-label-inset{padding-left:1.5rem}.arvue-dropdown-menu-radio-item{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem 1.5rem;font-size:.875rem;display:flex;position:relative}.arvue-dropdown-menu-radio-item:focus,.arvue-dropdown-menu-radio-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-dropdown-menu-radio-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-dropdown-menu-radio-item .arvue-dropdown-menu-radio-item-indicator-wrapper{pointer-events:none;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;left:.5rem}.arvue-dropdown-menu-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-dropdown-menu-shortcut{color:var(--text-color-hint-strong);letter-spacing:.1em;margin-left:auto;font-size:.75rem;line-height:1rem}.arvue-dropdown-menu-sub-content{background:var(--background-color-blank);z-index:110;transform-origin:var(--reka-dropdown-menu-content-transform-origin);border:1px solid #0000001a;border-radius:.5rem;overflow:auto;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-dropdown-menu-sub-trigger{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex;position:relative}.arvue-dropdown-menu-sub-trigger:focus,.arvue-dropdown-menu-sub-trigger[data-state=open]{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-dropdown-menu-sub-trigger[data-disabled]{pointer-events:none;opacity:.5}.arvue-dropdown-menu-sub-trigger .arvue-dropdown-menu-sub-trigger-icon{width:1rem;height:1rem;margin-left:auto}.arvue-dropdown-menu-sub-trigger.arvue-dropdown-menu-sub-trigger-inset{padding-left:1.5rem}.arvue-select-content{max-height:var(--reka-select-content-available-height);background:var(--background-color-blank);z-index:110;border:1px solid #0000001a;border-radius:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-select-content .arvue-select-content-viewport{height:var(--reka-select-trigger-height);width:100%;min-width:var(--reka-select-trigger-width);scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.arvue-select-item{-webkit-user-select:none;user-select:none;border-radius:.5em;outline:none;align-items:center;padding:.5rem .75rem .5rem 1.5rem;line-height:1;display:flex;position:relative}.arvue-select-item:focus,.arvue-select-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-select-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-select-item svg{pointer-events:none;width:1rem;height:1rem;color:var(--text-color-hint-strong);flex-shrink:0}.arvue-select-item .arvue-select-item-indicator-wrapper{pointer-events:none;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;left:.5rem}.arvue-select-label{color:var(--text-color-hint-strong);padding:.5rem .75rem .5rem 1.5rem;font-size:.75em;font-weight:700;line-height:1rem}.arvue-select-scroll-button{cursor:default;cursor:default;justify-content:center;align-items:center;padding-top:.25rem;padding-bottom:.25rem;display:flex}.arvue-select-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-select-trigger{border:.125em solid var(--border-color-input);color:var(--text-color-input);box-sizing:border-box;cursor:pointer;background:var(--background-color-input);white-space:nowrap;border-radius:.5em;outline:none;justify-content:space-between;gap:1rem;width:fit-content;max-width:100%;margin:0;padding:.1875em .375em;font-size:100%;line-height:1.5em;transition:color .15s;display:flex}.arvue-select-trigger.outlined{border-color:var(--border-color-input-outlined)}.arvue-select-trigger.small{font-size:93.75%}.arvue-select-trigger.smaller{font-size:87.5%}.arvue-select-trigger.smallest{font-size:81.25%}.arvue-select-trigger.large{font-size:112.5%}.arvue-select-trigger.larger{font-size:125%}.arvue-select-trigger.largest{font-size:150%}.arvue-select-trigger.full-width{width:100%}.arvue-select-trigger:disabled,.arvue-select-trigger[disabled=true]{cursor:not-allowed;opacity:.6}.arvue-select-trigger[data-placeholder]{color:var(--text-color-hint-strong);user-select:none}.arvue-select-trigger-icon{pointer-events:none;width:1em;height:1.5em;color:var(--text-color-hint-strong);flex-shrink:0}.arvue-select-value{text-overflow:ellipsis;white-space:nowrap;align-items:center;overflow:hidden}.arvue-sheet-content{box-sizing:border-box;z-index:1035;height:auto;box-shadow:0 0 70px var(--drawer-shadow-color);background:var(--background-color-blank);flex-direction:column;gap:1rem;display:flex;position:fixed}.arvue-sheet-content[data-vaul-drawer-direction=top]{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;max-height:80vh;margin-bottom:6rem;top:0;left:0;right:0}.arvue-sheet-content[data-vaul-drawer-direction=bottom]{border-top-left-radius:1rem;border-top-right-radius:1rem;max-height:80vh;margin-top:6rem;bottom:0;left:0;right:0}.arvue-sheet-content[data-vaul-drawer-direction=right]{width:75%;top:0;bottom:0;right:0}.arvue-sheet-content[data-vaul-drawer-direction=left]{width:75%;top:0;bottom:0;left:0}@media (width>=760px){.arvue-sheet-content[data-vaul-drawer-direction=right],.arvue-sheet-content[data-vaul-drawer-direction=left]{max-width:600px}}.arvue-sheet-content .arvue-sheet-handle{background-color:var(--light-gray);border-radius:9999px;flex-shrink:0;width:100px;height:.5rem;margin-top:1rem;margin-left:auto;margin-right:auto;display:none}.arvue-sheet-content[data-vaul-drawer-direction=bottom] .arvue-sheet-handle{display:block}.arvue-sheet-description{margin:0;font-size:.875rem;font-weight:600}.arvue-sheet-footer{flex-direction:column;gap:.5rem;margin-top:auto;padding:1rem;display:flex}.arvue-sheet-footer button{margin-right:0}.arvue-sheet-header{flex-direction:column;gap:.375rem;padding:1rem;display:flex}.arvue-sheet-overlay{z-index:1030;box-sizing:border-box;background:var(--drawer-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-sheet-title{margin:0}html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto}[data-sonner-toaster]{width:var(--width);--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717;--border-radius:8px;box-sizing:border-box;z-index:999999999;outline:none;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;list-style:none;transition:transform .4s;position:fixed}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);opacity:0;transform:var(--y);touch-action:none;box-sizing:border-box;overflow-wrap:anywhere;outline:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;position:absolute}[data-sonner-toast][data-styled=true]{background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);width:var(--width);align-items:center;gap:6px;padding:16px;font-size:13px;display:flex;box-shadow:0 4px 12px #0000001a}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap));top:0}[data-sonner-toast][data-y-position=bottom]{--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap));bottom:0}[data-sonner-toast][data-styled=true] [data-description]{color:#3f3f3f;font-weight:400;line-height:1.4}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{color:inherit;font-weight:500;line-height:1.5}[data-sonner-toast][data-styled=true] [data-icon]{width:16px;height:16px;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;position:relative}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform-origin:50%;animation:.3s forwards sonner-fade-in;transform:scale(.8)}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{flex-direction:column;gap:2px;display:flex}[data-sonner-toast][data-styled=true] [data-button]{height:24px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);cursor:pointer;border:none;border-radius:4px;outline:none;flex-shrink:0;align-items:center;padding-left:8px;padding-right:8px;font-size:12px;font-weight:500;transition:opacity .4s,box-shadow .2s;display:flex}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}[data-sonner-toaster] [data-close-button-position=top-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster] [data-close-button-position=top-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster] [data-close-button-position=bottom-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(-35%, 35%)}[data-sonner-toaster] [data-close-button-position=bottom-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(35%, 35%)}[data-sonner-toast][data-styled=true] [data-close-button]{left:var(--toast-close-button-left);right:var(--toast-close-button-right);top:var(--toast-close-button-top);bottom:var(--toast-close-button-bottom);width:20px;height:20px;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .1s,background .2s,border-color .2s;display:flex;position:absolute}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";z-index:-1;height:100%;position:absolute;left:-100%;right:-100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3)translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3)translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";height:calc(var(--gap) + 1px);width:100%;position:absolute;bottom:100%;left:0}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * .05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--toasts-before) * .05 + 1));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0px)) translateX(var(--swipe-amount-x,0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (width<=600px){[data-sonner-toaster]{right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%;position:fixed}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{width:calc(100% - var(--mobile-offset-left) * 2);left:0;right:0}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0px))}[data-sonner-toaster][data-y-position=top]{top:calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0px))}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:#ecfdf3;--success-border:#bffcd9;--success-text:#008a2e;--info-bg:#f0f8ff;--info-border:#dde7fd;--info-text:#0973dc;--warning-bg:#fffcf0;--warning-border:#fbeeb1;--warning-text:#dc7609;--error-bg:#fff0f0;--error-border:#ffe0e1;--error-text:#e60000}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:#333;--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:#1f1f1f;--normal-border:#333;--normal-border-hover:#404040;--normal-text:var(--gray1);--success-bg:#001f0f;--success-border:#003d1c;--success-text:#59f3a6;--info-bg:#000d1f;--info-border:#19233e;--info-text:#5896f3;--warning-bg:#1d1f00;--warning-border:#2e2e00;--warning-text:#f3cf58;--error-bg:#2d0607;--error-border:#4d0408;--error-text:#ff9ea1}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);z-index:10;position:absolute;inset:0}.sonner-loading-wrapper[data-visible=false]{transform-origin:50%;animation:.2s forwards sonner-fade-out}.sonner-spinner{height:var(--size);width:var(--size);position:relative;top:50%;left:50%}.sonner-loading-bar{background:var(--gray11);border-radius:6px;width:24%;height:8%;animation:1.2s linear infinite sonner-spin;position:absolute;top:-3.9%;left:-10%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg)translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg)translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg)translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg)translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg)translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg)translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg)translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg)translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg)translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg)translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg)translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg)translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{transform-origin:50%;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8)translate(-50%,-50%)}.arvue-sonner[data-sonner-toaster]{z-index:1060;--offset-top:5.5rem!important;--offset-right:1.5rem!important;--offset-left:1.5rem!important}.arvue-sonner[data-sonner-toaster][data-sonner-theme=light],.arvue-sonner[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:var(--alert-background-color);--normal-border:var(--alert-border-color);--normal-text:var(--alert-text-color);--success-bg:var(--alert-success-background-color);--success-border:var(--alert-success-border-color);--success-text:var(--alert-success-text-color);--info-bg:var(--alert-info-background-color);--info-border:var(--alert-info-border-color);--info-text:var(--alert-info-text-color);--warning-bg:var(--alert-warning-background-color);--warning-border:var(--alert-warning-border-color);--warning-text:var(--alert-warning-text-color);--error-bg:var(--alert-danger-background-color);--error-border:var(--alert-danger-border-color);--error-text:var(--alert-danger-text-color);--border-radius:.75em}.arvue-sonner li[data-sonner-toast][data-styled=true]{font-style:normal;font-weight:400;font-size:initial;transition:background-color var(--timing-default), opacity var(--timing-default), transform var(--timing-default), height var(--timing-default), box-shadow var(--timing-fast);border-width:.125rem;padding:.75em 1em}.arvue-sonner li[data-sonner-toast][data-styled=true] [data-description]{font-size:81.25%}.arvue-sonner li[data-sonner-toast][data-styled=true] [data-button]{background:var(--accent-color);margin-left:var(--toast-button-margin-start);cursor:pointer;color:var(--white);border-radius:.5em;outline:0;transition:color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out,opacity .1s ease-in-out;box-shadow:0 .25em .75em -.25em #0003}.arvue-sonner li[data-sonner-toast][data-styled=true] [data-button]:hover{box-shadow:none;background:var(--accent-color)}.arvue-sonner li[data-sonner-toast][data-styled=true] [data-close-button]{border-width:.125rem;border-color:inherit;margin:0}.arvue-sonner li[data-sonner-toast][data-styled=true] [data-close-button] [data-icon]{color:var(--dark-gray);width:12px;height:12px;margin:0;display:inline-block}html[data-theme=dark] .arvue-sonner li[data-sonner-toast][data-styled=true] [data-close-button] [data-icon],.arvue-sonner li[data-sonner-toast][data-type=error][data-styled=true] [data-close-button] [data-icon]{color:var(--white)}
1
+ .arvue-accordion-content{overflow:hidden}.arvue-accordion-content .arvue-accordion-content-block{padding:0 1rem 1rem}.arvue-accordion-content[data-state=open]{animation:arvueAccordionSlideDown var(--timing-fast) ease-out}.arvue-accordion-content[data-state=closed]{animation:arvueAccordionSlideUp var(--timing-fast) ease-in}@keyframes arvueAccordionSlideDown{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes arvueAccordionSlideUp{0%{height:var(--reka-accordion-content-height)}to{height:0}}.arvue-accordion-header{letter-spacing:-.025em;line-height:1.25rem}.arvue-accordion-item{border-bottom:1px solid var(--border-color-soft)}.arvue-accordion-item:last-child{border-bottom:none}.arvue-accordion-trigger{text-align:left;outline:none;flex:1;justify-content:space-between;align-items:flex-start;padding:1rem;transition:all .15s;display:flex}.arvue-accordion-trigger:disabled{pointer-events:none;opacity:.5}.arvue-accordion-trigger[data-state=open]>svg{transform:rotate(180deg)}.arvue-accordion-trigger .arvue-accordion-trigger-icon{color:var(--text-color-hint);pointer-events:none;flex-shrink:0;width:1rem;height:1rem;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:translateY(.125rem)}.arvue-alert-dialog-content{z-index:1060;width:100%;max-width:calc(100% - 2rem);box-shadow:0 0 70px var(--dialog-shadow-color);background:var(--background-color-blank);box-sizing:border-box;border-radius:.75rem;gap:2rem;padding:1.5rem;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (width>=760px){.arvue-alert-dialog-content{max-width:600px}}.arvue-alert-dialog-overlay{z-index:1055;box-sizing:border-box;background-color:var(--dialog-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-alert-dialog-description{margin:0;font-size:.875rem;font-weight:600}.arvue-alert-dialog-footer{flex-direction:column-reverse;gap:.5rem;display:flex}.arvue-alert-dialog-footer button{margin-right:0}@media (width>=760px){.arvue-alert-dialog-footer{flex-direction:row;justify-content:flex-end}}.arvue-alert-dialog-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}@media (width>=760px){.arvue-alert-dialog-header{text-align:left}}.arvue-alert-dialog-title{margin:0}.arvue-autocomplete{width:fit-content;max-width:100%;position:relative}.arvue-autocomplete-content{width:var(--reka-combobox-trigger-width);background:var(--background-color-blank);max-height:var(--reka-combobox-content-available-height);transform-origin:var(--reka-combobox-content-transform-origin);z-index:110;border:1px solid #0000001a;border-radius:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-autocomplete-empty{text-align:center;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600}.arvue-autocomplete-input-wrapper{align-items:center;gap:.25rem;display:flex}.arvue-autocomplete-input-wrapper .state-with-inner-icon{max-width:100%}.arvue-autocomplete-item{user-select:none;border-radius:.5em;align-items:center;padding:.5em 1em;line-height:1;display:flex;position:relative}.arvue-autocomplete-item[data-highlighted]{background:var(--background-color-zebra-row-odd-hover);outline:none}.arvue-autocomplete-label{color:var(--text-color-hint-strong);padding:.5rem 1rem;font-size:.75em;font-weight:700;line-height:1rem}.arvue-autocomplete-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-combobox{width:fit-content;max-width:100%;position:relative}.arvue-combobox-content{width:var(--reka-combobox-trigger-width);background:var(--background-color-blank);max-height:var(--reka-combobox-content-available-height);transform-origin:var(--reka-combobox-content-transform-origin);z-index:110;border:1px solid #0000001a;border-radius:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-combobox-empty{text-align:center;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600}.arvue-combobox-input-wrapper{align-items:center;gap:.25rem;display:flex}.arvue-combobox-input-wrapper .state-with-inner-icon{max-width:100%}.arvue-combobox-item{user-select:none;border-radius:.5em;align-items:center;padding:.5em 1em;line-height:1;display:flex;position:relative}.arvue-combobox-item[data-highlighted]{background:var(--background-color-zebra-row-odd-hover);outline:none}.arvue-combobox-label{color:var(--text-color-hint-strong);padding:.5rem 1rem;font-size:.75em;font-weight:700;line-height:1rem}.arvue-combobox-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-context-menu-checkbox-item{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem 1.5rem;font-size:.875rem;display:flex;position:relative}.arvue-context-menu-checkbox-item:focus,.arvue-context-menu-checkbox-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-context-menu-checkbox-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-context-menu-checkbox-item .arvue-context-menu-checkbox-item-indicator-wrapper{pointer-events:none;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;left:.5rem}.arvue-context-menu-content{background:var(--background-color-blank);z-index:110;max-height:var(--reka-context-menu-content-available-height);transform-origin:var(--reka-context-menu-content-transform-origin);border:1px solid #0000001a;border-radius:.5rem;overflow:auto;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-context-menu-item{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex;position:relative}.arvue-context-menu-item:focus,.arvue-context-menu-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-context-menu-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-context-menu-item.arvue-context-menu-item-inset{padding-left:1.5rem}.arvue-context-menu-label{color:var(--text-color-hint-strong);padding:.5rem .75rem;font-size:.75em;font-weight:700;line-height:1rem}.arvue-context-menu-label.arvue-context-menu-label-inset{padding-left:1.5rem}.arvue-context-menu-radio-item{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem 1.5rem;font-size:.875rem;display:flex;position:relative}.arvue-context-menu-radio-item:focus,.arvue-context-menu-radio-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-context-menu-radio-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-context-menu-radio-item .arvue-context-menu-radio-item-indicator-wrapper{pointer-events:none;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;left:.5rem}.arvue-context-menu-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-context-menu-shortcut{color:var(--text-color-hint-strong);letter-spacing:.1em;margin-left:auto;font-size:.75rem;line-height:1rem}.arvue-context-menu-sub-content{background:var(--background-color-blank);z-index:110;transform-origin:var(--reka-context-menu-content-transform-origin);border:1px solid #0000001a;border-radius:.5rem;overflow:auto;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-context-menu-sub-trigger{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex;position:relative}.arvue-context-menu-sub-trigger:focus,.arvue-context-menu-sub-trigger[data-state=open]{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-context-menu-sub-trigger[data-disabled]{pointer-events:none;opacity:.5}.arvue-context-menu-sub-trigger .arvue-context-menu-sub-trigger-icon{width:1rem;height:1rem;margin-left:auto}.arvue-context-menu-sub-trigger.arvue-context-menu-sub-trigger-inset{padding-left:1.5rem}.arvue-dialog-content{z-index:1060;width:100%;max-width:calc(100% - 2rem);box-shadow:0 0 70px var(--dialog-shadow-color);background:var(--background-color-blank);box-sizing:border-box;border-radius:.75rem;gap:2rem;padding:1.5rem;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (width>=760px){.arvue-dialog-content{max-width:600px}}.arvue-dialog-content .arvue-dialog-close-button{opacity:.7;transition:opacity var(--timing-fast) ease-in-out;width:1rem;height:1rem;color:inherit;border-radius:.125rem;position:absolute;top:1rem;right:1rem}.arvue-dialog-content .arvue-dialog-close-button:hover{opacity:1}.arvue-dialog-content .arvue-dialog-close-button:disabled{pointer-events:none}.arvue-dialog-description{margin:0;font-size:.875rem;font-weight:600}.arvue-dialog-footer{flex-direction:column-reverse;gap:.5rem;display:flex}.arvue-dialog-footer button{margin-right:0}@media (width>=760px){.arvue-dialog-footer{flex-direction:row;justify-content:flex-end}}.arvue-dialog-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}@media (width>=760px){.arvue-dialog-header{text-align:left}}.arvue-dialog-overlay{z-index:1055;box-sizing:border-box;background-color:var(--dialog-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-dialog-title{margin:0}.arvue-drawer-content{z-index:1045;box-shadow:0 0 70px var(--drawer-shadow-color);background:var(--background-color-blank);box-sizing:border-box;flex-direction:column;gap:1rem;display:flex;position:fixed}.arvue-drawer-content.right{width:75%;top:0;bottom:0;right:0}.arvue-drawer-content.left{width:75%;top:0;bottom:0;right:auto}.arvue-drawer-content.top{width:auto;height:auto;inset:0 0 auto}.arvue-drawer-content.bottom{width:auto;height:auto;inset:auto 0 0}@media (width>=760px){.arvue-drawer-content.right,.arvue-drawer-content.left{width:600px}}.arvue-drawer-content .arvue-drawer-close-button{opacity:.7;transition:opacity var(--timing-fast) ease-in-out;width:1rem;height:1rem;color:inherit;border-radius:.125rem;position:absolute;top:1rem;right:1rem}.arvue-drawer-content .arvue-drawer-close-button:hover{opacity:1}.arvue-drawer-content .arvue-drawer-close-button:disabled{pointer-events:none}.arvue-drawer-description{margin:0;font-size:.875rem;font-weight:600}.arvue-drawer-footer{flex-direction:column;gap:.5rem;margin-top:auto;padding:1rem;display:flex}.arvue-drawer-footer button{margin-right:0}.arvue-drawer-header{flex-direction:column;gap:.375rem;padding:1rem;display:flex}.arvue-drawer-overlay{z-index:1040;box-sizing:border-box;background:var(--drawer-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-drawer-title{margin:0}.arvue-dropdown-menu-checkbox-item{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem 1.5rem;font-size:.875rem;display:flex;position:relative}.arvue-dropdown-menu-checkbox-item:focus,.arvue-dropdown-menu-checkbox-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-dropdown-menu-checkbox-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-dropdown-menu-checkbox-item .arvue-dropdown-menu-checkbox-item-indicator-wrapper{pointer-events:none;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;left:.5rem}.arvue-dropdown-menu-content{background:var(--background-color-blank);z-index:110;max-height:var(--reka-dropdown-menu-content-available-height);transform-origin:var(--reka-dropdown-menu-content-transform-origin);border:1px solid #0000001a;border-radius:.5rem;overflow:auto;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-dropdown-menu-item{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex;position:relative}.arvue-dropdown-menu-item:focus,.arvue-dropdown-menu-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-dropdown-menu-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-dropdown-menu-item.arvue-dropdown-menu-item-inset{padding-left:1.5rem}.arvue-dropdown-menu-label{color:var(--text-color-hint-strong);padding:.5rem .75rem;font-size:.75em;font-weight:700;line-height:1rem}.arvue-dropdown-menu-label.arvue-dropdown-menu-label-inset{padding-left:1.5rem}.arvue-dropdown-menu-radio-item{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem 1.5rem;font-size:.875rem;display:flex;position:relative}.arvue-dropdown-menu-radio-item:focus,.arvue-dropdown-menu-radio-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-dropdown-menu-radio-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-dropdown-menu-radio-item .arvue-dropdown-menu-radio-item-indicator-wrapper{pointer-events:none;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;left:.5rem}.arvue-dropdown-menu-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-dropdown-menu-shortcut{color:var(--text-color-hint-strong);letter-spacing:.1em;margin-left:auto;font-size:.75rem;line-height:1rem}.arvue-dropdown-menu-sub-content{background:var(--background-color-blank);z-index:110;transform-origin:var(--reka-dropdown-menu-content-transform-origin);border:1px solid #0000001a;border-radius:.5rem;overflow:auto;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-dropdown-menu-sub-trigger{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex;position:relative}.arvue-dropdown-menu-sub-trigger:focus,.arvue-dropdown-menu-sub-trigger[data-state=open]{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-dropdown-menu-sub-trigger[data-disabled]{pointer-events:none;opacity:.5}.arvue-dropdown-menu-sub-trigger .arvue-dropdown-menu-sub-trigger-icon{width:1rem;height:1rem;margin-left:auto}.arvue-dropdown-menu-sub-trigger.arvue-dropdown-menu-sub-trigger-inset{padding-left:1.5rem}.arvue-select-content{max-height:var(--reka-select-content-available-height);background:var(--background-color-blank);z-index:110;border:1px solid #0000001a;border-radius:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-select-content .arvue-select-content-viewport{height:var(--reka-select-trigger-height);width:100%;min-width:var(--reka-select-trigger-width);scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.arvue-select-item{-webkit-user-select:none;user-select:none;border-radius:.5em;outline:none;align-items:center;padding:.5rem .75rem .5rem 1.5rem;line-height:1;display:flex;position:relative}.arvue-select-item:focus,.arvue-select-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-select-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-select-item svg{pointer-events:none;width:1rem;height:1rem;color:var(--text-color-hint-strong);flex-shrink:0}.arvue-select-item .arvue-select-item-indicator-wrapper{pointer-events:none;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;left:.5rem}.arvue-select-label{color:var(--text-color-hint-strong);padding:.5rem .75rem .5rem 1.5rem;font-size:.75em;font-weight:700;line-height:1rem}.arvue-select-scroll-button{cursor:default;cursor:default;justify-content:center;align-items:center;padding-top:.25rem;padding-bottom:.25rem;display:flex}.arvue-select-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-select-trigger{border:.125em solid var(--border-color-input);color:var(--text-color-input);box-sizing:border-box;cursor:pointer;background:var(--background-color-input);white-space:nowrap;border-radius:.5em;outline:none;justify-content:space-between;gap:1rem;width:fit-content;max-width:100%;margin:0;padding:.1875em .375em;font-size:100%;line-height:1.5em;transition:color .15s;display:flex}.arvue-select-trigger.outlined{border-color:var(--border-color-input-outlined)}.arvue-select-trigger.small{font-size:93.75%}.arvue-select-trigger.smaller{font-size:87.5%}.arvue-select-trigger.smallest{font-size:81.25%}.arvue-select-trigger.large{font-size:112.5%}.arvue-select-trigger.larger{font-size:125%}.arvue-select-trigger.largest{font-size:150%}.arvue-select-trigger.full-width{width:100%}.arvue-select-trigger:disabled,.arvue-select-trigger[disabled=true]{cursor:not-allowed;opacity:.6}.arvue-select-trigger[data-placeholder]{color:var(--text-color-hint-strong);user-select:none}.arvue-select-trigger-icon{pointer-events:none;width:1em;height:1.5em;color:var(--text-color-hint-strong);flex-shrink:0}.arvue-select-value{text-overflow:ellipsis;white-space:nowrap;align-items:center;overflow:hidden}.arvue-sheet-content{box-sizing:border-box;z-index:1035;height:auto;box-shadow:0 0 70px var(--drawer-shadow-color);background:var(--background-color-blank);flex-direction:column;gap:1rem;display:flex;position:fixed}.arvue-sheet-content[data-vaul-drawer-direction=top]{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;max-height:80vh;margin-bottom:6rem;top:0;left:0;right:0}.arvue-sheet-content[data-vaul-drawer-direction=bottom]{border-top-left-radius:1rem;border-top-right-radius:1rem;max-height:80vh;margin-top:6rem;bottom:0;left:0;right:0}.arvue-sheet-content[data-vaul-drawer-direction=right]{width:75%;top:0;bottom:0;right:0}.arvue-sheet-content[data-vaul-drawer-direction=left]{width:75%;top:0;bottom:0;left:0}@media (width>=760px){.arvue-sheet-content[data-vaul-drawer-direction=right],.arvue-sheet-content[data-vaul-drawer-direction=left]{max-width:600px}}.arvue-sheet-content .arvue-sheet-handle{background-color:var(--light-gray);border-radius:9999px;flex-shrink:0;width:100px;height:.5rem;margin-top:1rem;margin-left:auto;margin-right:auto;display:none}.arvue-sheet-content[data-vaul-drawer-direction=bottom] .arvue-sheet-handle{display:block}.arvue-sheet-description{margin:0;font-size:.875rem;font-weight:600}.arvue-sheet-footer{flex-direction:column;gap:.5rem;margin-top:auto;padding:1rem;display:flex}.arvue-sheet-footer button{margin-right:0}.arvue-sheet-header{flex-direction:column;gap:.375rem;padding:1rem;display:flex}.arvue-sheet-overlay{z-index:1030;box-sizing:border-box;background:var(--drawer-background-color);width:100%;height:100%;position:fixed;inset:0}.arvue-sheet-title{margin:0}html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto}[data-sonner-toaster]{width:var(--width);--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717;--border-radius:8px;box-sizing:border-box;z-index:999999999;outline:none;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;list-style:none;transition:transform .4s;position:fixed}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);opacity:0;transform:var(--y);touch-action:none;box-sizing:border-box;overflow-wrap:anywhere;outline:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;position:absolute}[data-sonner-toast][data-styled=true]{background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);width:var(--width);align-items:center;gap:6px;padding:16px;font-size:13px;display:flex;box-shadow:0 4px 12px #0000001a}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap));top:0}[data-sonner-toast][data-y-position=bottom]{--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap));bottom:0}[data-sonner-toast][data-styled=true] [data-description]{color:#3f3f3f;font-weight:400;line-height:1.4}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{color:inherit;font-weight:500;line-height:1.5}[data-sonner-toast][data-styled=true] [data-icon]{width:16px;height:16px;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;position:relative}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform-origin:50%;animation:.3s forwards sonner-fade-in;transform:scale(.8)}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{flex-direction:column;gap:2px;display:flex}[data-sonner-toast][data-styled=true] [data-button]{height:24px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);cursor:pointer;border:none;border-radius:4px;outline:none;flex-shrink:0;align-items:center;padding-left:8px;padding-right:8px;font-size:12px;font-weight:500;transition:opacity .4s,box-shadow .2s;display:flex}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}[data-sonner-toaster] [data-close-button-position=top-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster] [data-close-button-position=top-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster] [data-close-button-position=bottom-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(-35%, 35%)}[data-sonner-toaster] [data-close-button-position=bottom-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(35%, 35%)}[data-sonner-toast][data-styled=true] [data-close-button]{left:var(--toast-close-button-left);right:var(--toast-close-button-right);top:var(--toast-close-button-top);bottom:var(--toast-close-button-bottom);width:20px;height:20px;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .1s,background .2s,border-color .2s;display:flex;position:absolute}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";z-index:-1;height:100%;position:absolute;left:-100%;right:-100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3)translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3)translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";height:calc(var(--gap) + 1px);width:100%;position:absolute;bottom:100%;left:0}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * .05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--toasts-before) * .05 + 1));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0px)) translateX(var(--swipe-amount-x,0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (width<=600px){[data-sonner-toaster]{right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%;position:fixed}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{width:calc(100% - var(--mobile-offset-left) * 2);left:0;right:0}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0px))}[data-sonner-toaster][data-y-position=top]{top:calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0px))}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:#ecfdf3;--success-border:#bffcd9;--success-text:#008a2e;--info-bg:#f0f8ff;--info-border:#dde7fd;--info-text:#0973dc;--warning-bg:#fffcf0;--warning-border:#fbeeb1;--warning-text:#dc7609;--error-bg:#fff0f0;--error-border:#ffe0e1;--error-text:#e60000}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:#333;--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:#1f1f1f;--normal-border:#333;--normal-border-hover:#404040;--normal-text:var(--gray1);--success-bg:#001f0f;--success-border:#003d1c;--success-text:#59f3a6;--info-bg:#000d1f;--info-border:#19233e;--info-text:#5896f3;--warning-bg:#1d1f00;--warning-border:#2e2e00;--warning-text:#f3cf58;--error-bg:#2d0607;--error-border:#4d0408;--error-text:#ff9ea1}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);z-index:10;position:absolute;inset:0}.sonner-loading-wrapper[data-visible=false]{transform-origin:50%;animation:.2s forwards sonner-fade-out}.sonner-spinner{height:var(--size);width:var(--size);position:relative;top:50%;left:50%}.sonner-loading-bar{background:var(--gray11);border-radius:6px;width:24%;height:8%;animation:1.2s linear infinite sonner-spin;position:absolute;top:-3.9%;left:-10%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg)translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg)translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg)translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg)translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg)translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg)translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg)translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg)translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg)translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg)translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg)translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg)translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{transform-origin:50%;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8)translate(-50%,-50%)}.arvue-sonner[data-sonner-toaster]{z-index:1060;--offset-top:5.5rem!important;--offset-right:1.5rem!important;--offset-left:1.5rem!important}.arvue-sonner[data-sonner-toaster][data-sonner-theme=light],.arvue-sonner[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:var(--alert-background-color);--normal-border:var(--alert-border-color);--normal-text:var(--alert-text-color);--success-bg:var(--alert-success-background-color);--success-border:var(--alert-success-border-color);--success-text:var(--alert-success-text-color);--info-bg:var(--alert-info-background-color);--info-border:var(--alert-info-border-color);--info-text:var(--alert-info-text-color);--warning-bg:var(--alert-warning-background-color);--warning-border:var(--alert-warning-border-color);--warning-text:var(--alert-warning-text-color);--error-bg:var(--alert-danger-background-color);--error-border:var(--alert-danger-border-color);--error-text:var(--alert-danger-text-color);--border-radius:.75em}.arvue-sonner li[data-sonner-toast][data-styled=true]{font-style:normal;font-weight:400;font-size:initial;transition:background-color var(--timing-default), opacity var(--timing-default), transform var(--timing-default), height var(--timing-default), box-shadow var(--timing-fast);border-width:.125rem;padding:.75em 1em}.arvue-sonner li[data-sonner-toast][data-styled=true] [data-description]{font-size:81.25%}.arvue-sonner li[data-sonner-toast][data-styled=true] [data-button]{background:var(--accent-color);margin-left:var(--toast-button-margin-start);cursor:pointer;color:var(--white);border-radius:.5em;outline:0;transition:color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out,opacity .1s ease-in-out;box-shadow:0 .25em .75em -.25em #0003}.arvue-sonner li[data-sonner-toast][data-styled=true] [data-button]:hover{box-shadow:none;background:var(--accent-color)}.arvue-sonner li[data-sonner-toast][data-styled=true] [data-close-button]{border-width:.125rem;border-color:inherit;margin:0}.arvue-sonner li[data-sonner-toast][data-styled=true] [data-close-button] [data-icon]{color:var(--dark-gray);width:12px;height:12px;margin:0;display:inline-block}html[data-theme=dark] .arvue-sonner li[data-sonner-toast][data-styled=true] [data-close-button] [data-icon],.arvue-sonner li[data-sonner-toast][data-type=error][data-styled=true] [data-close-button] [data-icon]{color:var(--white)}
@@ -0,0 +1,25 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { ContextMenuRoot, useForwardPropsEmits } from "reka-ui";
3
+ //#region src/context-menu/ContextMenu.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "ContextMenu",
6
+ props: { "update:open": {} },
7
+ emits: [
8
+ "pressOpenDelay",
9
+ "dir",
10
+ "modal"
11
+ ],
12
+ setup(__props, { emit: __emit }) {
13
+ const forwarded = useForwardPropsEmits(__props, __emit);
14
+ return (_ctx, _cache) => {
15
+ return openBlock(), createBlock(unref(ContextMenuRoot), 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=contextMenu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"contextMenu.js","names":[],"sources":["../../src/context-menu/ContextMenu.vue"],"sourcesContent":["<template>\n <ContextMenuRoot v-bind=\"forwarded\">\n <slot/>\n </ContextMenuRoot>\n</template>\n\n<script lang=\"ts\">\nimport type { ContextMenuRootEmits, ContextMenuRootProps } from 'reka-ui'\n\nexport interface ContextMenuEmits extends ContextMenuRootEmits {}\nexport interface ContextMenuProps extends ContextMenuRootProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ContextMenuRoot, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<ContextMenuEmits>()\nconst emits = defineEmits<ContextMenuProps>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;EAmBA,MAAM,YAAY,qBAAqB,SAAO,MAAK;;uBAlB/C,YAEkB,MAAA,eAAA,GAAA,eAAA,mBAFO,MAAA,SAAA,CAAS,CAAA,GAAA;2BACvB,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 { ContextMenuCheckboxItem, ContextMenuItemIndicator, useForwardPropsEmits } from "reka-ui";
4
+ import { reactiveOmit } from "@vueuse/core";
5
+ //#region src/context-menu/ContextMenuCheckboxItem.vue
6
+ const _hoisted_1 = { class: "arvue-context-menu-checkbox-item-indicator-wrapper" };
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ __name: "ContextMenuCheckboxItem",
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(ContextMenuCheckboxItem), mergeProps(unref(forwarded), { class: unref(clsx)("arvue-context-menu-checkbox-item", props.class) }), {
30
+ default: withCtx(() => [createElementVNode("span", _hoisted_1, [createVNode(unref(ContextMenuItemIndicator), 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=contextMenuCheckboxItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"contextMenuCheckboxItem.js","names":[],"sources":["../../src/context-menu/ContextMenuCheckboxItem.vue"],"sourcesContent":["<style>\n@import './context-menu-checkbox-item.css';\n</style>\n\n<template>\n <ContextMenuCheckboxItem\n v-bind=\"forwarded\"\n :class=\"clsx('arvue-context-menu-checkbox-item', props.class)\"\n >\n <span class=\"arvue-context-menu-checkbox-item-indicator-wrapper\">\n <ContextMenuItemIndicator>\n <i class=\"fas fa-check\"/>\n </ContextMenuItemIndicator>\n </span>\n <slot/>\n </ContextMenuCheckboxItem>\n</template>\n\n<script lang=\"ts\">\nimport type {\n ContextMenuCheckboxItemEmits as RekaContextMenuCheckboxItemEmits,\n ContextMenuCheckboxItemProps as RekaContextMenuCheckboxItemProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ContextMenuCheckboxItemProps extends RekaContextMenuCheckboxItemProps {\n class?: HTMLAttributes['class']\n}\nexport interface ContextMenuCheckboxItemEmits extends RekaContextMenuCheckboxItemEmits {\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport {\n ContextMenuCheckboxItem,\n ContextMenuItemIndicator,\n useForwardPropsEmits,\n} from 'reka-ui'\n\nconst props = defineProps<ContextMenuCheckboxItemProps>()\nconst emits = defineEmits<ContextMenuCheckboxItemEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAyCA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBAzCxD,YAU0B,MAAA,uBAAA,GAV1B,WACY,MASc,SAAA,GATL,EAChB,OAAO,MAAA,IAAA,EAAI,oCAAqC,MAAM,KAAK,EAAA,CAAA,GAAA;2BAMrD,CAJP,mBAIO,QAJP,YAIO,CAHH,YAE2B,MAAA,wBAAA,GAAA,MAAA;4BADE,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"}