arvue-ui 0.3.2 → 0.4.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 (58) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/combobox/combobox.js +56 -0
  3. package/dist/combobox/combobox.js.map +1 -0
  4. package/dist/combobox/comboboxAnchor.js +24 -0
  5. package/dist/combobox/comboboxAnchor.js.map +1 -0
  6. package/dist/combobox/comboboxCancel.js +23 -0
  7. package/dist/combobox/comboboxCancel.js.map +1 -0
  8. package/dist/combobox/comboboxContent.js +73 -0
  9. package/dist/combobox/comboboxContent.js.map +1 -0
  10. package/dist/combobox/comboboxEmpty.js +33 -0
  11. package/dist/combobox/comboboxEmpty.js.map +1 -0
  12. package/dist/combobox/comboboxGroup.js +23 -0
  13. package/dist/combobox/comboboxGroup.js.map +1 -0
  14. package/dist/combobox/comboboxInput.js +67 -0
  15. package/dist/combobox/comboboxInput.js.map +1 -0
  16. package/dist/combobox/comboboxItem.js +36 -0
  17. package/dist/combobox/comboboxItem.js.map +1 -0
  18. package/dist/combobox/comboboxLabel.js +34 -0
  19. package/dist/combobox/comboboxLabel.js.map +1 -0
  20. package/dist/combobox/comboboxPortal.js +25 -0
  21. package/dist/combobox/comboboxPortal.js.map +1 -0
  22. package/dist/combobox/comboboxSeparator.js +33 -0
  23. package/dist/combobox/comboboxSeparator.js.map +1 -0
  24. package/dist/combobox/comboboxTrigger.js +24 -0
  25. package/dist/combobox/comboboxTrigger.js.map +1 -0
  26. package/dist/combobox/comboboxViewport.js +24 -0
  27. package/dist/combobox/comboboxViewport.js.map +1 -0
  28. package/dist/index.d.ts +295 -85
  29. package/dist/index.d.ts.map +1 -1
  30. package/dist/index.js +55 -1277
  31. package/dist/index.js.map +1 -1
  32. package/dist/style.css +14 -0
  33. package/package.json +1 -1
  34. package/src/autocomplete/autocomplete-content.css +4 -0
  35. package/src/autocomplete/autocomplete-input.css +5 -0
  36. package/src/autocomplete/autocomplete.css +1 -0
  37. package/src/combobox/Combobox.vue +36 -0
  38. package/src/combobox/ComboboxAnchor.vue +17 -0
  39. package/src/combobox/ComboboxCancel.vue +17 -0
  40. package/src/combobox/ComboboxContent.vue +46 -0
  41. package/src/combobox/ComboboxEmpty.vue +31 -0
  42. package/src/combobox/ComboboxGroup.vue +17 -0
  43. package/src/combobox/ComboboxInput.vue +69 -0
  44. package/src/combobox/ComboboxItem.vue +35 -0
  45. package/src/combobox/ComboboxLabel.vue +31 -0
  46. package/src/combobox/ComboboxPortal.vue +17 -0
  47. package/src/combobox/ComboboxSeparator.vue +31 -0
  48. package/src/combobox/ComboboxTrigger.vue +17 -0
  49. package/src/combobox/ComboboxViewport.vue +17 -0
  50. package/src/combobox/combobox-content.css +11 -0
  51. package/src/combobox/combobox-empty.css +7 -0
  52. package/src/combobox/combobox-input.css +10 -0
  53. package/src/combobox/combobox-item.css +14 -0
  54. package/src/combobox/combobox-label.css +6 -0
  55. package/src/combobox/combobox-separator.css +5 -0
  56. package/src/combobox/combobox.css +5 -0
  57. package/src/combobox/index.ts +56 -0
  58. package/src/index.ts +1 -0
package/dist/all.css CHANGED
@@ -1 +1 @@
1
- .arvue-autocomplete{width:fit-content;position:relative}.arvue-autocomplete-content{width:var(--reka-popper-anchor-width);background:var(--background-color-blank);border-radius:.5em;margin-top:.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-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{padding:.25em .75em;font-size:.75em;font-weight:600;line-height:1.2em}.arvue-autocomplete-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-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}
1
+ .arvue-autocomplete{width:fit-content;max-width:100%;position:relative}.arvue-autocomplete-content{width:var(--reka-popper-anchor-width);background:var(--background-color-blank);border-radius:.5em;margin-top:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-autocomplete div[data-reka-popper-content-wrapper]{z-index:110!important}.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{padding:.25em .75em;font-size:.75em;font-weight:600;line-height:1.2em}.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-popper-anchor-width);background:var(--background-color-blank);border-radius:.5em;margin-top:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-combobox div[data-reka-popper-content-wrapper]{z-index:110!important}.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{padding:.25em .75em;font-size:.75em;font-weight:600;line-height:1.2em}.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-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}
@@ -0,0 +1,56 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
3
+ import { reactiveOmit } from "@vueuse/core";
4
+ import { ComboboxRoot, useForwardPropsEmits } from "reka-ui";
5
+ //#region src/combobox/Combobox.vue
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "Combobox",
8
+ props: {
9
+ class: { type: [
10
+ Boolean,
11
+ null,
12
+ String,
13
+ Object,
14
+ Array
15
+ ] },
16
+ open: { type: Boolean },
17
+ defaultOpen: { type: Boolean },
18
+ resetSearchTermOnBlur: { type: Boolean },
19
+ resetSearchTermOnSelect: { type: Boolean },
20
+ openOnFocus: { type: Boolean },
21
+ openOnClick: { type: Boolean },
22
+ ignoreFilter: { type: Boolean },
23
+ resetModelValueOnClear: { type: Boolean },
24
+ modelValue: {},
25
+ defaultValue: {},
26
+ multiple: { type: Boolean },
27
+ dir: {},
28
+ disabled: { type: Boolean },
29
+ highlightOnHover: { type: Boolean },
30
+ by: { type: [String, Function] },
31
+ asChild: { type: Boolean },
32
+ as: {},
33
+ name: {},
34
+ required: { type: Boolean }
35
+ },
36
+ emits: [
37
+ "update:modelValue",
38
+ "highlight",
39
+ "update:open"
40
+ ],
41
+ setup(__props, { emit: __emit }) {
42
+ const props = __props;
43
+ const emits = __emit;
44
+ const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
45
+ return (_ctx, _cache) => {
46
+ return openBlock(), createBlock(unref(ComboboxRoot), mergeProps(unref(forwarded), { class: unref(clsx)("arvue-combobox", props.class) }), {
47
+ default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
48
+ _: 3
49
+ }, 16, ["class"]);
50
+ };
51
+ }
52
+ });
53
+ //#endregion
54
+ export { _sfc_main };
55
+
56
+ //# sourceMappingURL=combobox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox.js","names":[],"sources":["../../src/combobox/Combobox.vue"],"sourcesContent":["<style>\n@import 'combobox.css';\n</style>\n\n<template>\n <ComboboxRoot\n v-slot=\"slotProps\"\n v-bind=\"forwarded\"\n :class=\"clsx('arvue-combobox', props.class)\"\n >\n <slot v-bind=\"slotProps\"/>\n </ComboboxRoot>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxRootEmits, ComboboxRootProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ComboboxProps extends ComboboxRootProps {\n class?: HTMLAttributes['class']\n}\nexport interface ComboboxEmits extends ComboboxRootEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { ComboboxRoot, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<ComboboxProps>()\nconst emits = defineEmits<ComboboxEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBA7BxD,YAMe,MAAA,YAAA,GANf,WAEY,MAIG,SAAA,GAJM,EAChB,OAAO,MAAA,IAAA,EAAI,kBAAmB,MAAM,KAAK,EAAA,CAAA,GAAA;sBAFlC,cAAS,CAIjB,WAA0B,KAAA,QAAA,WAAA,eAAA,mBAAZ,SAAS,CAAA,CAAA,CAAA,CAAA"}
@@ -0,0 +1,24 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { ComboboxAnchor } from "reka-ui";
3
+ //#region src/combobox/ComboboxAnchor.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "ComboboxAnchor",
6
+ props: {
7
+ reference: {},
8
+ asChild: { type: Boolean },
9
+ as: {}
10
+ },
11
+ setup(__props) {
12
+ const props = __props;
13
+ return (_ctx, _cache) => {
14
+ return openBlock(), createBlock(unref(ComboboxAnchor), normalizeProps(guardReactiveProps(props)), {
15
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
16
+ _: 3
17
+ }, 16);
18
+ };
19
+ }
20
+ });
21
+ //#endregion
22
+ export { _sfc_main };
23
+
24
+ //# sourceMappingURL=comboboxAnchor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comboboxAnchor.js","names":[],"sources":["../../src/combobox/ComboboxAnchor.vue"],"sourcesContent":["<template>\n <ComboboxAnchor v-bind=\"props\">\n <slot/>\n </ComboboxAnchor>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxAnchorProps as RekaComboboxAnchorProps } from 'reka-ui'\n\nexport interface ComboboxAnchorProps extends RekaComboboxAnchorProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ComboboxAnchor } from 'reka-ui'\n\nconst props = defineProps<ComboboxAnchorProps>()\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEiB,MAAA,cAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BAClB,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 { ComboboxCancel } from "reka-ui";
3
+ //#region src/combobox/ComboboxCancel.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "ComboboxCancel",
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(ComboboxCancel), 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=comboboxCancel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comboboxCancel.js","names":[],"sources":["../../src/combobox/ComboboxCancel.vue"],"sourcesContent":["<template>\n <ComboboxCancel v-bind=\"props\">\n <slot/>\n </ComboboxCancel>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxCancelProps as RekaComboboxCancelProps } from 'reka-ui'\n\nexport interface ComboboxCancelProps extends RekaComboboxCancelProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ComboboxCancel } from 'reka-ui'\n\nconst props = defineProps<ComboboxCancelProps>()\n</script>\n"],"mappings":";;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEiB,MAAA,cAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BAClB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,73 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { _sfc_main as _sfc_main$1 } from "./comboboxViewport.js";
3
+ import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
4
+ import { reactiveOmit } from "@vueuse/core";
5
+ import { ComboboxContent, useForwardPropsEmits } from "reka-ui";
6
+ //#region src/combobox/ComboboxContent.vue
7
+ const _sfc_main = /* @__PURE__ */ defineComponent({
8
+ inheritAttrs: false,
9
+ __name: "ComboboxContent",
10
+ props: {
11
+ class: { type: [
12
+ Boolean,
13
+ null,
14
+ String,
15
+ Object,
16
+ Array
17
+ ] },
18
+ forceMount: { type: Boolean },
19
+ bodyLock: { type: Boolean },
20
+ hideWhenEmpty: { type: Boolean },
21
+ side: {},
22
+ sideOffset: {},
23
+ sideFlip: { type: Boolean },
24
+ align: {},
25
+ alignOffset: {},
26
+ alignFlip: { type: Boolean },
27
+ avoidCollisions: { type: Boolean },
28
+ collisionBoundary: {},
29
+ collisionPadding: {},
30
+ arrowPadding: {},
31
+ hideShiftedArrow: { type: Boolean },
32
+ sticky: {},
33
+ hideWhenDetached: { type: Boolean },
34
+ positionStrategy: {},
35
+ updatePositionStrategy: {},
36
+ disableUpdateOnLayoutShift: { type: Boolean },
37
+ prioritizePosition: { type: Boolean },
38
+ reference: {},
39
+ asChild: { type: Boolean },
40
+ as: {},
41
+ disableOutsidePointerEvents: { type: Boolean }
42
+ },
43
+ emits: [
44
+ "escapeKeyDown",
45
+ "pointerDownOutside",
46
+ "focusOutside",
47
+ "interactOutside"
48
+ ],
49
+ setup(__props, { emit: __emit }) {
50
+ const props = __props;
51
+ const emits = __emit;
52
+ const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
53
+ return (_ctx, _cache) => {
54
+ return openBlock(), createBlock(unref(ComboboxContent), mergeProps({
55
+ ..._ctx.$attrs,
56
+ ...unref(forwarded)
57
+ }, {
58
+ class: unref(clsx)("arvue-combobox-content", props.class),
59
+ position: "popper"
60
+ }), {
61
+ default: withCtx(() => [createVNode(unref(_sfc_main$1), null, {
62
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
63
+ _: 3
64
+ })]),
65
+ _: 3
66
+ }, 16, ["class"]);
67
+ };
68
+ }
69
+ });
70
+ //#endregion
71
+ export { _sfc_main };
72
+
73
+ //# sourceMappingURL=comboboxContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comboboxContent.js","names":["$attrs"],"sources":["../../src/combobox/ComboboxContent.vue"],"sourcesContent":["<style>\n@import 'combobox-content.css';\n</style>\n\n<template>\n <ComboboxContent\n v-bind=\"{ ...$attrs, ...forwarded }\"\n :class=\"clsx('arvue-combobox-content', props.class)\"\n position=\"popper\"\n >\n <ComboboxViewport>\n <slot/>\n </ComboboxViewport>\n </ComboboxContent>\n</template>\n\n<script lang=\"ts\">\nimport type {\n ComboboxContentEmits as RekaComboboxContentEmits,\n ComboboxContentProps as RekaComboboxContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ComboboxContentProps extends Omit<RekaComboboxContentProps, 'position'> {\n class?: HTMLAttributes['class']\n}\nexport interface ComboboxContentEmits extends RekaComboboxContentEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { ComboboxContent, useForwardPropsEmits } from 'reka-ui'\nimport { ComboboxViewport } from '.'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = defineProps<ComboboxContentProps>()\nconst emits = defineEmits<ComboboxContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBAvCxD,YAQkB,MAAA,eAAA,GARlB,WAQkB;IAAA,GAPDA,KAAAA;IAAM,GAAK,MAAA,SAAA;GAAS,GAAA;IAChC,OAAO,MAAA,IAAA,EAAI,0BAA2B,MAAM,KAAK;IAClD,UAAS;;2BAIU,CAFnB,YAEmB,MAAA,WAAA,GAAA,MAAA;4BADR,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 { reactiveOmit } from "@vueuse/core";
4
+ import { ComboboxEmpty } from "reka-ui";
5
+ //#region src/combobox/ComboboxEmpty.vue
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "ComboboxEmpty",
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(ComboboxEmpty), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-combobox-empty", props.class) }), {
24
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
25
+ _: 3
26
+ }, 16, ["class"]);
27
+ };
28
+ }
29
+ });
30
+ //#endregion
31
+ export { _sfc_main };
32
+
33
+ //# sourceMappingURL=comboboxEmpty.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comboboxEmpty.js","names":[],"sources":["../../src/combobox/ComboboxEmpty.vue"],"sourcesContent":["<style>\n@import 'combobox-empty.css';\n</style>\n\n<template>\n <ComboboxEmpty\n v-bind=\"delegatedProps\"\n :class=\"clsx('arvue-combobox-empty', props.class)\"\n >\n <slot/>\n </ComboboxEmpty>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxEmptyProps as RekaComboboxEmptyProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ComboboxEmptyProps extends RekaComboboxEmptyProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { ComboboxEmpty } from 'reka-ui'\n\nconst props = defineProps<ComboboxEmptyProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKgB,MAAA,aAAA,GALhB,WACY,MAII,cAAA,GAJU,EACrB,OAAO,MAAA,IAAA,EAAI,wBAAyB,MAAM,KAAK,EAAA,CAAA,GAAA;2BAEzC,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 { ComboboxGroup } from "reka-ui";
3
+ //#region src/combobox/ComboboxGroup.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "ComboboxGroup",
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(ComboboxGroup), 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=comboboxGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comboboxGroup.js","names":[],"sources":["../../src/combobox/ComboboxGroup.vue"],"sourcesContent":["<template>\n <ComboboxGroup v-bind=\"props\">\n <slot/>\n </ComboboxGroup>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxGroupProps as RekaComboboxGroupProps } from 'reka-ui'\n\nexport interface ComboboxGroupProps extends RekaComboboxGroupProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ComboboxGroup } from 'reka-ui'\n\nconst props = defineProps<ComboboxGroupProps>()\n</script>\n"],"mappings":";;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEgB,MAAA,aAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACjB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,67 @@
1
+ import { _sfc_main as _sfc_main$1 } from "./comboboxAnchor.js";
2
+ import { _sfc_main as _sfc_main$2 } from "./comboboxCancel.js";
3
+ import { _sfc_main as _sfc_main$3 } from "./comboboxTrigger.js";
4
+ import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, unref, useTemplateRef, withCtx } from "vue";
5
+ import { reactiveOmit } from "@vueuse/core";
6
+ import { ComboboxInput, useForwardPropsEmits } from "reka-ui";
7
+ //#region src/combobox/ComboboxInput.vue
8
+ const _hoisted_1 = { class: "arvue-combobox-input-wrapper" };
9
+ const _sfc_main = /* @__PURE__ */ defineComponent({
10
+ inheritAttrs: false,
11
+ __name: "ComboboxInput",
12
+ props: {
13
+ showTriggerButton: {
14
+ type: Boolean,
15
+ default: true
16
+ },
17
+ showCancelButton: {
18
+ type: Boolean,
19
+ default: false
20
+ },
21
+ displayValue: {},
22
+ modelValue: {},
23
+ autoFocus: { type: Boolean },
24
+ disabled: { type: Boolean },
25
+ asChild: { type: Boolean },
26
+ as: {}
27
+ },
28
+ emits: ["cancel", "update:modelValue"],
29
+ setup(__props, { emit: __emit }) {
30
+ const props = __props;
31
+ const emits = __emit;
32
+ const forwarded = useForwardPropsEmits(reactiveOmit(props, "showCancelButton", "showTriggerButton"), emits);
33
+ const inputRef = useTemplateRef("inputRef");
34
+ return (_ctx, _cache) => {
35
+ return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(_sfc_main$1), {
36
+ class: "state-with-inner-icon right",
37
+ reference: inputRef.value?.$el
38
+ }, {
39
+ default: withCtx(() => [createVNode(unref(ComboboxInput), mergeProps({
40
+ ..._ctx.$attrs,
41
+ ...unref(forwarded)
42
+ }, {
43
+ ref_key: "inputRef",
44
+ ref: inputRef
45
+ }), null, 16), __props.showTriggerButton ? (openBlock(), createBlock(unref(_sfc_main$3), {
46
+ key: 0,
47
+ class: "icon"
48
+ }, {
49
+ default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("i", { class: "fas fa-sort" }, null, -1)])]),
50
+ _: 1
51
+ })) : createCommentVNode("v-if", true)]),
52
+ _: 1
53
+ }, 8, ["reference"]), __props.showCancelButton ? (openBlock(), createBlock(unref(_sfc_main$2), {
54
+ key: 0,
55
+ class: "icon",
56
+ onClick: _cache[0] || (_cache[0] = ($event) => emits("cancel"))
57
+ }, {
58
+ default: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("i", { class: "fas fa-times" }, null, -1)])]),
59
+ _: 1
60
+ })) : createCommentVNode("v-if", true)]);
61
+ };
62
+ }
63
+ });
64
+ //#endregion
65
+ export { _sfc_main };
66
+
67
+ //# sourceMappingURL=comboboxInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comboboxInput.js","names":["$attrs"],"sources":["../../src/combobox/ComboboxInput.vue"],"sourcesContent":["<style>\n@import 'combobox-input.css';\n</style>\n\n<template>\n <div class=\"arvue-combobox-input-wrapper\">\n <ComboboxAnchor\n class=\"state-with-inner-icon right\"\n :reference=\"inputRef?.$el\"\n >\n <ComboboxInput\n v-bind=\"{ ...$attrs, ...forwarded }\"\n ref=\"inputRef\"\n />\n <ComboboxTrigger\n v-if=\"showTriggerButton\"\n class=\"icon\"\n >\n <i class=\"fas fa-sort\"/>\n </ComboboxTrigger>\n </ComboboxAnchor>\n <ComboboxCancel\n v-if=\"showCancelButton\"\n class=\"icon\"\n @click=\"emits('cancel')\"\n >\n <i class=\"fas fa-times\"/>\n </ComboboxCancel>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport type {\n ComboboxInputEmits as RekaComboboxInputEmits,\n ComboboxInputProps as RekaComboboxInputProps,\n} from 'reka-ui'\n\nexport interface ComboboxInputProps extends RekaComboboxInputProps {\n showTriggerButton?: boolean\n showCancelButton?: boolean\n}\n\nexport interface ComboboxInputEmits extends RekaComboboxInputEmits {\n 'cancel': [void]\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { ComboboxInput, useForwardPropsEmits } from 'reka-ui'\nimport { useTemplateRef } from 'vue'\nimport { ComboboxAnchor, ComboboxCancel, ComboboxTrigger } from '.'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<ComboboxInputProps>(), {\n showTriggerButton: true,\n showCancelButton: false,\n})\nconst emits = defineEmits<ComboboxInputEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'showCancelButton', 'showTriggerButton')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n\nconst inputRef = useTemplateRef('inputRef')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDA,MAAM,QAAQ;EAId,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,oBAAoB,mBAExB,GAAgB,KAAK;EAE5D,MAAM,WAAW,eAAe,UAAU;;uBA9DtC,mBAuBM,OAvBN,YAuBM,CAtBF,YAciB,MAAA,WAAA,GAAA;IAbb,OAAM;IACL,WAAW,SAAA,OAAU;;2BAKpB,CAHF,YAGE,MAAA,aAAA,GAHF,WAGE;KAAA,GAFeA,KAAAA;KAAM,GAAK,MAAA,SAAA;IAAS,GAAA;cAC7B;KAAJ,KAAI;mBAGE,QAAA,qBAAA,UAAA,GADV,YAKkB,MAAA,WAAA,GAAA;;KAHd,OAAM;;4BAEkB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAxB,mBAAwB,KAAA,EAArB,OAAM,cAAa,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA;;;;yBAIpB,QAAA,oBAAA,UAAA,GADV,YAMiB,MAAA,WAAA,GAAA;;IAJb,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAK,QAAA;;2BAEY,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAzB,mBAAyB,KAAA,EAAtB,OAAM,eAAc,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA"}
@@ -0,0 +1,36 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
3
+ import { ComboboxItem, useForwardPropsEmits } from "reka-ui";
4
+ //#region src/combobox/ComboboxItem.vue
5
+ const _sfc_main = /* @__PURE__ */ defineComponent({
6
+ __name: "ComboboxItem",
7
+ props: {
8
+ class: { type: [
9
+ Boolean,
10
+ null,
11
+ String,
12
+ Object,
13
+ Array
14
+ ] },
15
+ textValue: {},
16
+ value: {},
17
+ disabled: { type: Boolean },
18
+ asChild: { type: Boolean },
19
+ as: {}
20
+ },
21
+ emits: ["select"],
22
+ setup(__props, { emit: __emit }) {
23
+ const props = __props;
24
+ const forwarded = useForwardPropsEmits(props, __emit);
25
+ return (_ctx, _cache) => {
26
+ return openBlock(), createBlock(unref(ComboboxItem), mergeProps(unref(forwarded), { class: unref(clsx)("arvue-combobox-item", props.class) }), {
27
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
28
+ _: 3
29
+ }, 16, ["class"]);
30
+ };
31
+ }
32
+ });
33
+ //#endregion
34
+ export { _sfc_main };
35
+
36
+ //# sourceMappingURL=comboboxItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comboboxItem.js","names":[],"sources":["../../src/combobox/ComboboxItem.vue"],"sourcesContent":["<style>\n@import 'combobox-item.css';\n</style>\n\n<template>\n <ComboboxItem\n v-bind=\"forwarded\"\n :class=\"clsx('arvue-combobox-item', props.class)\"\n >\n <slot/>\n </ComboboxItem>\n</template>\n\n<script lang=\"ts\">\nimport type {\n ComboboxItemEmits as RekaComboboxItemEmits,\n ComboboxItemProps as RekaComboboxItemProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ComboboxItemProps extends RekaComboboxItemProps {\n class?: HTMLAttributes['class']\n}\nexport interface ComboboxItemEmits extends RekaComboboxItemEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { clsx } from 'clsx'\nimport { ComboboxItem, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<ComboboxItemProps>()\nconst emits = defineEmits<ComboboxItemEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EAGd,MAAM,YAAY,qBAAqB,OAAO,MAAK;;uBA5B/C,YAKe,MAAA,YAAA,GALf,WACY,MAIG,SAAA,GAJM,EAChB,OAAO,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,EAAA,CAAA,GAAA;2BAExC,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,34 @@
1
+ import { clsx } from "../clsx.js";
2
+ import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
3
+ import { reactiveOmit } from "@vueuse/core";
4
+ import { ComboboxLabel } from "reka-ui";
5
+ //#region src/combobox/ComboboxLabel.vue
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "ComboboxLabel",
8
+ props: {
9
+ class: { type: [
10
+ Boolean,
11
+ null,
12
+ String,
13
+ Object,
14
+ Array
15
+ ] },
16
+ for: {},
17
+ asChild: { type: Boolean },
18
+ as: {}
19
+ },
20
+ setup(__props) {
21
+ const props = __props;
22
+ const delegatedProps = reactiveOmit(props, "class");
23
+ return (_ctx, _cache) => {
24
+ return openBlock(), createBlock(unref(ComboboxLabel), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-combobox-label", props.class) }), {
25
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
26
+ _: 3
27
+ }, 16, ["class"]);
28
+ };
29
+ }
30
+ });
31
+ //#endregion
32
+ export { _sfc_main };
33
+
34
+ //# sourceMappingURL=comboboxLabel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comboboxLabel.js","names":[],"sources":["../../src/combobox/ComboboxLabel.vue"],"sourcesContent":["<style>\n@import 'combobox-label.css';\n</style>\n\n<template>\n <ComboboxLabel\n v-bind=\"delegatedProps\"\n :class=\"clsx('arvue-combobox-label', props.class)\"\n >\n <slot/>\n </ComboboxLabel>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxLabelProps as RekaComboboxLabelProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ComboboxLabelProps extends RekaComboboxLabelProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { ComboboxLabel } from 'reka-ui'\n\nconst props = defineProps<ComboboxLabelProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKgB,MAAA,aAAA,GALhB,WACY,MAII,cAAA,GAJU,EACrB,OAAO,MAAA,IAAA,EAAI,wBAAyB,MAAM,KAAK,EAAA,CAAA,GAAA;2BAEzC,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,25 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { ComboboxPortal } from "reka-ui";
3
+ //#region src/combobox/ComboboxPortal.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "ComboboxPortal",
6
+ props: {
7
+ to: {},
8
+ disabled: { type: Boolean },
9
+ defer: { type: Boolean },
10
+ forceMount: { type: Boolean }
11
+ },
12
+ setup(__props) {
13
+ const props = __props;
14
+ return (_ctx, _cache) => {
15
+ return openBlock(), createBlock(unref(ComboboxPortal), normalizeProps(guardReactiveProps(props)), {
16
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
17
+ _: 3
18
+ }, 16);
19
+ };
20
+ }
21
+ });
22
+ //#endregion
23
+ export { _sfc_main };
24
+
25
+ //# sourceMappingURL=comboboxPortal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comboboxPortal.js","names":[],"sources":["../../src/combobox/ComboboxPortal.vue"],"sourcesContent":["<template>\n <ComboboxPortal v-bind=\"props\">\n <slot/>\n </ComboboxPortal>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxPortalProps as RekaComboboxPortalProps } from 'reka-ui'\n\nexport interface ComboboxPortalProps extends RekaComboboxPortalProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ComboboxPortal } from 'reka-ui'\n\nconst props = defineProps<ComboboxPortalProps>()\n</script>\n"],"mappings":";;;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEiB,MAAA,cAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BAClB,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 { reactiveOmit } from "@vueuse/core";
4
+ import { ComboboxSeparator } from "reka-ui";
5
+ //#region src/combobox/ComboboxSeparator.vue
6
+ const _sfc_main = /* @__PURE__ */ defineComponent({
7
+ __name: "ComboboxSeparator",
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(ComboboxSeparator), mergeProps(unref(delegatedProps), { class: unref(clsx)("arvue-combobox-separator", props.class) }), {
24
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
25
+ _: 3
26
+ }, 16, ["class"]);
27
+ };
28
+ }
29
+ });
30
+ //#endregion
31
+ export { _sfc_main };
32
+
33
+ //# sourceMappingURL=comboboxSeparator.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comboboxSeparator.js","names":[],"sources":["../../src/combobox/ComboboxSeparator.vue"],"sourcesContent":["<style>\n@import 'combobox-separator.css';\n</style>\n\n<template>\n <ComboboxSeparator\n v-bind=\"delegatedProps\"\n :class=\"clsx('arvue-combobox-separator', props.class)\"\n >\n <slot/>\n </ComboboxSeparator>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxSeparatorProps as RekaComboboxSeparatorProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface ComboboxSeparatorProps extends RekaComboboxSeparatorProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { ComboboxSeparator } from 'reka-ui'\n\nconst props = defineProps<ComboboxSeparatorProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKoB,MAAA,iBAAA,GALpB,WACY,MAIQ,cAAA,GAJM,EACrB,OAAO,MAAA,IAAA,EAAI,4BAA6B,MAAM,KAAK,EAAA,CAAA,GAAA;2BAE7C,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,24 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { ComboboxTrigger } from "reka-ui";
3
+ //#region src/combobox/ComboboxTrigger.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "ComboboxTrigger",
6
+ props: {
7
+ disabled: { type: Boolean },
8
+ asChild: { type: Boolean },
9
+ as: {}
10
+ },
11
+ setup(__props) {
12
+ const props = __props;
13
+ return (_ctx, _cache) => {
14
+ return openBlock(), createBlock(unref(ComboboxTrigger), normalizeProps(guardReactiveProps(props)), {
15
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
16
+ _: 3
17
+ }, 16);
18
+ };
19
+ }
20
+ });
21
+ //#endregion
22
+ export { _sfc_main };
23
+
24
+ //# sourceMappingURL=comboboxTrigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comboboxTrigger.js","names":[],"sources":["../../src/combobox/ComboboxTrigger.vue"],"sourcesContent":["<template>\n <ComboboxTrigger v-bind=\"props\">\n <slot/>\n </ComboboxTrigger>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxTriggerProps as RekaComboboxTriggerProps } from 'reka-ui'\n\nexport interface ComboboxTriggerProps extends RekaComboboxTriggerProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ComboboxTrigger } from 'reka-ui'\n\nconst props = defineProps<ComboboxTriggerProps>()\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEkB,MAAA,eAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACnB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
@@ -0,0 +1,24 @@
1
+ import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
2
+ import { ComboboxViewport } from "reka-ui";
3
+ //#region src/combobox/ComboboxViewport.vue
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "ComboboxViewport",
6
+ props: {
7
+ nonce: {},
8
+ asChild: { type: Boolean },
9
+ as: {}
10
+ },
11
+ setup(__props) {
12
+ const props = __props;
13
+ return (_ctx, _cache) => {
14
+ return openBlock(), createBlock(unref(ComboboxViewport), normalizeProps(guardReactiveProps(props)), {
15
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
16
+ _: 3
17
+ }, 16);
18
+ };
19
+ }
20
+ });
21
+ //#endregion
22
+ export { _sfc_main };
23
+
24
+ //# sourceMappingURL=comboboxViewport.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"comboboxViewport.js","names":[],"sources":["../../src/combobox/ComboboxViewport.vue"],"sourcesContent":["<template>\n <ComboboxViewport v-bind=\"props\">\n <slot/>\n </ComboboxViewport>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxViewportProps as RekaComboboxViewportProps } from 'reka-ui'\n\nexport interface ComboboxViewportProps extends RekaComboboxViewportProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ComboboxViewport } from 'reka-ui'\n\nconst props = defineProps<ComboboxViewportProps>()\n</script>\n"],"mappings":";;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEmB,MAAA,gBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACpB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}