arvue-ui 0.3.3 → 0.5.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 (93) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/autocomplete/autocompleteInput.js +3 -3
  3. package/dist/autocomplete/autocompleteInput.js.map +1 -1
  4. package/dist/combobox/combobox.js +56 -0
  5. package/dist/combobox/combobox.js.map +1 -0
  6. package/dist/combobox/comboboxAnchor.js +24 -0
  7. package/dist/combobox/comboboxAnchor.js.map +1 -0
  8. package/dist/combobox/comboboxCancel.js +23 -0
  9. package/dist/combobox/comboboxCancel.js.map +1 -0
  10. package/dist/combobox/comboboxContent.js +73 -0
  11. package/dist/combobox/comboboxContent.js.map +1 -0
  12. package/dist/combobox/comboboxEmpty.js +33 -0
  13. package/dist/combobox/comboboxEmpty.js.map +1 -0
  14. package/dist/combobox/comboboxGroup.js +23 -0
  15. package/dist/combobox/comboboxGroup.js.map +1 -0
  16. package/dist/combobox/comboboxInput.js +67 -0
  17. package/dist/combobox/comboboxInput.js.map +1 -0
  18. package/dist/combobox/comboboxItem.js +36 -0
  19. package/dist/combobox/comboboxItem.js.map +1 -0
  20. package/dist/combobox/comboboxLabel.js +34 -0
  21. package/dist/combobox/comboboxLabel.js.map +1 -0
  22. package/dist/combobox/comboboxPortal.js +25 -0
  23. package/dist/combobox/comboboxPortal.js.map +1 -0
  24. package/dist/combobox/comboboxSeparator.js +33 -0
  25. package/dist/combobox/comboboxSeparator.js.map +1 -0
  26. package/dist/combobox/comboboxTrigger.js +24 -0
  27. package/dist/combobox/comboboxTrigger.js.map +1 -0
  28. package/dist/combobox/comboboxViewport.js +24 -0
  29. package/dist/combobox/comboboxViewport.js.map +1 -0
  30. package/dist/dialog/dialogDescription.js.map +1 -1
  31. package/dist/dialog/dialogFooter.js.map +1 -1
  32. package/dist/dialog/dialogHeader.js.map +1 -1
  33. package/dist/dialog/dialogTitle.js.map +1 -1
  34. package/dist/drawer/drawerDescription.js.map +1 -1
  35. package/dist/drawer/drawerFooter.js.map +1 -1
  36. package/dist/drawer/drawerHeader.js.map +1 -1
  37. package/dist/drawer/drawerTitle.js.map +1 -1
  38. package/dist/index.d.ts +331 -113
  39. package/dist/index.d.ts.map +1 -1
  40. package/dist/index.js +57 -1277
  41. package/dist/index.js.map +1 -1
  42. package/dist/sheet/sheetContent.js.map +1 -1
  43. package/dist/sheet/sheetDescription.js.map +1 -1
  44. package/dist/sheet/sheetFooter.js.map +1 -1
  45. package/dist/sheet/sheetHeader.js.map +1 -1
  46. package/dist/sheet/sheetOverlay.js.map +1 -1
  47. package/dist/sheet/sheetTitle.js.map +1 -1
  48. package/dist/sonner/sonner.js +51 -0
  49. package/dist/sonner/sonner.js.map +1 -0
  50. package/dist/style.css +30 -14
  51. package/package.json +3 -2
  52. package/src/autocomplete/AutocompleteInput.vue +1 -1
  53. package/src/autocomplete/autocomplete-input.css +5 -0
  54. package/src/autocomplete/autocomplete.css +1 -0
  55. package/src/combobox/Combobox.vue +36 -0
  56. package/src/combobox/ComboboxAnchor.vue +17 -0
  57. package/src/combobox/ComboboxCancel.vue +17 -0
  58. package/src/combobox/ComboboxContent.vue +46 -0
  59. package/src/combobox/ComboboxEmpty.vue +31 -0
  60. package/src/combobox/ComboboxGroup.vue +17 -0
  61. package/src/combobox/ComboboxInput.vue +69 -0
  62. package/src/combobox/ComboboxItem.vue +35 -0
  63. package/src/combobox/ComboboxLabel.vue +31 -0
  64. package/src/combobox/ComboboxPortal.vue +17 -0
  65. package/src/combobox/ComboboxSeparator.vue +31 -0
  66. package/src/combobox/ComboboxTrigger.vue +17 -0
  67. package/src/combobox/ComboboxViewport.vue +17 -0
  68. package/src/combobox/combobox-content.css +11 -0
  69. package/src/combobox/combobox-empty.css +7 -0
  70. package/src/combobox/combobox-input.css +10 -0
  71. package/src/combobox/combobox-item.css +14 -0
  72. package/src/combobox/combobox-label.css +6 -0
  73. package/src/combobox/combobox-separator.css +5 -0
  74. package/src/combobox/combobox.css +5 -0
  75. package/src/combobox/index.ts +56 -0
  76. package/src/dialog/DialogDescription.vue +1 -1
  77. package/src/dialog/DialogFooter.vue +1 -1
  78. package/src/dialog/DialogHeader.vue +1 -1
  79. package/src/dialog/DialogTitle.vue +1 -1
  80. package/src/drawer/DrawerDescription.vue +1 -1
  81. package/src/drawer/DrawerFooter.vue +1 -1
  82. package/src/drawer/DrawerHeader.vue +1 -1
  83. package/src/drawer/DrawerTitle.vue +1 -1
  84. package/src/index.ts +2 -0
  85. package/src/sheet/SheetContent.vue +1 -1
  86. package/src/sheet/SheetDescription.vue +1 -1
  87. package/src/sheet/SheetFooter.vue +1 -1
  88. package/src/sheet/SheetHeader.vue +1 -1
  89. package/src/sheet/SheetOverlay.vue +1 -1
  90. package/src/sheet/SheetTitle.vue +1 -1
  91. package/src/sonner/Sonner.vue +47 -0
  92. package/src/sonner/index.ts +5 -0
  93. package/src/sonner/sonner.css +91 -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 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-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}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]{color:var(--text-color-hint);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,7 +1,7 @@
1
1
  import { _sfc_main as _sfc_main$1 } from "./autocompleteAnchor.js";
2
2
  import { _sfc_main as _sfc_main$2 } from "./autocompleteCancel.js";
3
3
  import { _sfc_main as _sfc_main$3 } from "./autocompleteTrigger.js";
4
- import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, unref, useTemplateRef, withCtx } from "vue";
4
+ import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, unref, useTemplateRef, withCtx } from "vue";
5
5
  import { reactiveOmit } from "@vueuse/core";
6
6
  import { AutocompleteInput, useForwardPropsEmits } from "reka-ui";
7
7
  //#region src/autocomplete/AutocompleteInput.vue
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
32
32
  const inputRef = useTemplateRef("inputRef");
33
33
  return (_ctx, _cache) => {
34
34
  return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(_sfc_main$1), {
35
- class: "state-with-inner-icon right",
35
+ class: normalizeClass({ "state-with-inner-icon right": __props.showTriggerButton }),
36
36
  reference: inputRef.value?.$el
37
37
  }, {
38
38
  default: withCtx(() => [createVNode(unref(AutocompleteInput), mergeProps({
@@ -49,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
49
49
  _: 1
50
50
  })) : createCommentVNode("v-if", true)]),
51
51
  _: 1
52
- }, 8, ["reference"]), __props.showCancelButton ? (openBlock(), createBlock(unref(_sfc_main$2), {
52
+ }, 8, ["class", "reference"]), __props.showCancelButton ? (openBlock(), createBlock(unref(_sfc_main$2), {
53
53
  key: 0,
54
54
  class: "icon",
55
55
  onClick: _cache[0] || (_cache[0] = ($event) => emits("cancel"))
@@ -1 +1 @@
1
- {"version":3,"file":"autocompleteInput.js","names":["$attrs"],"sources":["../../src/autocomplete/AutocompleteInput.vue"],"sourcesContent":["<style>\n@import './autocomplete-input.css';\n</style>\n\n<template>\n <div class=\"arvue-autocomplete-input-wrapper\">\n <AutocompleteAnchor\n class=\"state-with-inner-icon right\"\n :reference=\"inputRef?.$el\"\n >\n <AutocompleteInput\n v-bind=\"{ ...$attrs, ...forwarded }\"\n ref=\"inputRef\"\n />\n <AutocompleteTrigger\n v-if=\"showTriggerButton\"\n class=\"icon\"\n >\n <i class=\"fas fa-chevron-down\"/>\n </AutocompleteTrigger>\n </AutocompleteAnchor>\n <AutocompleteCancel\n v-if=\"showCancelButton\"\n class=\"icon\"\n @click=\"emits('cancel')\"\n >\n <i class=\"fas fa-times\"/>\n </AutocompleteCancel>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport type {\n AutocompleteInputEmits as RekaAutocompleteInputEmits,\n AutocompleteInputProps as RekaAutocompleteInputProps,\n} from 'reka-ui'\n\nexport interface AutocompleteInputProps extends RekaAutocompleteInputProps {\n showTriggerButton?: boolean\n showCancelButton?: boolean\n}\n\nexport interface AutocompleteInputEmits extends RekaAutocompleteInputEmits {\n 'cancel': [void]\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { AutocompleteInput, useForwardPropsEmits } from 'reka-ui'\nimport { useTemplateRef } from 'vue'\nimport { AutocompleteAnchor, AutocompleteCancel, AutocompleteTrigger } from '.'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<AutocompleteInputProps>(), {\n showTriggerButton: true,\n showCancelButton: false,\n})\nconst emits = defineEmits<AutocompleteInputEmits>()\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,YAcqB,MAAA,WAAA,GAAA;IAbjB,OAAM;IACL,WAAW,SAAA,OAAU;;2BAKpB,CAHF,YAGE,MAAA,iBAAA,GAHF,WAGE;KAAA,GAFeA,KAAAA;KAAM,GAAK,MAAA,SAAA;IAAS,GAAA;cAC7B;KAAJ,KAAI;mBAGE,QAAA,qBAAA,UAAA,GADV,YAKsB,MAAA,WAAA,GAAA;;KAHlB,OAAM;;4BAE0B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAhC,mBAAgC,KAAA,EAA7B,OAAM,sBAAqB,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA;;;;yBAI5B,QAAA,oBAAA,UAAA,GADV,YAMqB,MAAA,WAAA,GAAA;;IAJjB,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"}
1
+ {"version":3,"file":"autocompleteInput.js","names":["$attrs"],"sources":["../../src/autocomplete/AutocompleteInput.vue"],"sourcesContent":["<style>\n@import './autocomplete-input.css';\n</style>\n\n<template>\n <div class=\"arvue-autocomplete-input-wrapper\">\n <AutocompleteAnchor\n :class=\"{ 'state-with-inner-icon right': showTriggerButton }\"\n :reference=\"inputRef?.$el\"\n >\n <AutocompleteInput\n v-bind=\"{ ...$attrs, ...forwarded }\"\n ref=\"inputRef\"\n />\n <AutocompleteTrigger\n v-if=\"showTriggerButton\"\n class=\"icon\"\n >\n <i class=\"fas fa-chevron-down\"/>\n </AutocompleteTrigger>\n </AutocompleteAnchor>\n <AutocompleteCancel\n v-if=\"showCancelButton\"\n class=\"icon\"\n @click=\"emits('cancel')\"\n >\n <i class=\"fas fa-times\"/>\n </AutocompleteCancel>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport type {\n AutocompleteInputEmits as RekaAutocompleteInputEmits,\n AutocompleteInputProps as RekaAutocompleteInputProps,\n} from 'reka-ui'\n\nexport interface AutocompleteInputProps extends RekaAutocompleteInputProps {\n showTriggerButton?: boolean\n showCancelButton?: boolean\n}\n\nexport interface AutocompleteInputEmits extends RekaAutocompleteInputEmits {\n 'cancel': [void]\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { AutocompleteInput, useForwardPropsEmits } from 'reka-ui'\nimport { useTemplateRef } from 'vue'\nimport { AutocompleteAnchor, AutocompleteCancel, AutocompleteTrigger } from '.'\n\ndefineOptions({\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<AutocompleteInputProps>(), {\n showTriggerButton: true,\n showCancelButton: false,\n})\nconst emits = defineEmits<AutocompleteInputEmits>()\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,YAcqB,MAAA,WAAA,GAAA;IAbhB,OAAK,eAAA,EAAA,+BAAmC,QAAA,kBAAiB,CAAA;IACzD,WAAW,SAAA,OAAU;;2BAKpB,CAHF,YAGE,MAAA,iBAAA,GAHF,WAGE;KAAA,GAFeA,KAAAA;KAAM,GAAK,MAAA,SAAA;IAAS,GAAA;cAC7B;KAAJ,KAAI;mBAGE,QAAA,qBAAA,UAAA,GADV,YAKsB,MAAA,WAAA,GAAA;;KAHlB,OAAM;;4BAE0B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAhC,mBAAgC,KAAA,EAA7B,OAAM,sBAAqB,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA;;;;kCAI5B,QAAA,oBAAA,UAAA,GADV,YAMqB,MAAA,WAAA,GAAA;;IAJjB,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,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, normalizeClass, 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: normalizeClass({ "state-with-inner-icon right": __props.showTriggerButton }),
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, ["class", "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': showTriggerButton }\"\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;IAbZ,OAAK,eAAA,EAAA,+BAAmC,QAAA,kBAAiB,CAAA;IACzD,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;;;;kCAIpB,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