arvue-ui 0.4.0 → 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.
- package/dist/all.css +1 -1
- package/dist/autocomplete/autocompleteInput.js +3 -3
- package/dist/autocomplete/autocompleteInput.js.map +1 -1
- package/dist/combobox/combobox.js.map +1 -1
- package/dist/combobox/comboboxContent.js.map +1 -1
- package/dist/combobox/comboboxEmpty.js.map +1 -1
- package/dist/combobox/comboboxInput.js +3 -3
- package/dist/combobox/comboboxInput.js.map +1 -1
- package/dist/combobox/comboboxItem.js.map +1 -1
- package/dist/combobox/comboboxLabel.js.map +1 -1
- package/dist/combobox/comboboxSeparator.js.map +1 -1
- package/dist/dialog/dialogDescription.js.map +1 -1
- package/dist/dialog/dialogFooter.js.map +1 -1
- package/dist/dialog/dialogHeader.js.map +1 -1
- package/dist/dialog/dialogTitle.js.map +1 -1
- package/dist/drawer/drawerDescription.js.map +1 -1
- package/dist/drawer/drawerFooter.js.map +1 -1
- package/dist/drawer/drawerHeader.js.map +1 -1
- package/dist/drawer/drawerTitle.js.map +1 -1
- package/dist/index.d.ts +124 -116
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/sheet/sheetContent.js.map +1 -1
- package/dist/sheet/sheetDescription.js.map +1 -1
- package/dist/sheet/sheetFooter.js.map +1 -1
- package/dist/sheet/sheetHeader.js.map +1 -1
- package/dist/sheet/sheetOverlay.js.map +1 -1
- package/dist/sheet/sheetTitle.js.map +1 -1
- package/dist/sonner/sonner.js +51 -0
- package/dist/sonner/sonner.js.map +1 -0
- package/dist/style.css +23 -21
- package/package.json +3 -2
- package/src/autocomplete/AutocompleteInput.vue +1 -1
- package/src/combobox/Combobox.vue +1 -1
- package/src/combobox/ComboboxContent.vue +1 -1
- package/src/combobox/ComboboxEmpty.vue +1 -1
- package/src/combobox/ComboboxInput.vue +2 -2
- package/src/combobox/ComboboxItem.vue +1 -1
- package/src/combobox/ComboboxLabel.vue +1 -1
- package/src/combobox/ComboboxSeparator.vue +1 -1
- package/src/dialog/DialogDescription.vue +1 -1
- package/src/dialog/DialogFooter.vue +1 -1
- package/src/dialog/DialogHeader.vue +1 -1
- package/src/dialog/DialogTitle.vue +1 -1
- package/src/drawer/DrawerDescription.vue +1 -1
- package/src/drawer/DrawerFooter.vue +1 -1
- package/src/drawer/DrawerHeader.vue +1 -1
- package/src/drawer/DrawerTitle.vue +1 -1
- package/src/index.ts +1 -0
- package/src/sheet/SheetContent.vue +1 -1
- package/src/sheet/SheetDescription.vue +1 -1
- package/src/sheet/SheetFooter.vue +1 -1
- package/src/sheet/SheetHeader.vue +1 -1
- package/src/sheet/SheetOverlay.vue +1 -1
- package/src/sheet/SheetTitle.vue +1 -1
- package/src/sonner/Sonner.vue +47 -0
- package/src/sonner/index.ts +5 -0
- package/src/sonner/sonner.css +91 -0
package/dist/all.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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}
|
|
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;
|
|
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"}
|
|
@@ -1 +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"}
|
|
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"}
|
|
@@ -1 +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"}
|
|
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"}
|
|
@@ -1 +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"}
|
|
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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { _sfc_main as _sfc_main$1 } from "./comboboxAnchor.js";
|
|
2
2
|
import { _sfc_main as _sfc_main$2 } from "./comboboxCancel.js";
|
|
3
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";
|
|
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 { ComboboxInput, useForwardPropsEmits } from "reka-ui";
|
|
7
7
|
//#region src/combobox/ComboboxInput.vue
|
|
@@ -33,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
33
33
|
const inputRef = useTemplateRef("inputRef");
|
|
34
34
|
return (_ctx, _cache) => {
|
|
35
35
|
return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(_sfc_main$1), {
|
|
36
|
-
class: "state-with-inner-icon right",
|
|
36
|
+
class: normalizeClass({ "state-with-inner-icon right": __props.showTriggerButton }),
|
|
37
37
|
reference: inputRef.value?.$el
|
|
38
38
|
}, {
|
|
39
39
|
default: withCtx(() => [createVNode(unref(ComboboxInput), mergeProps({
|
|
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
50
50
|
_: 1
|
|
51
51
|
})) : createCommentVNode("v-if", true)]),
|
|
52
52
|
_: 1
|
|
53
|
-
}, 8, ["reference"]), __props.showCancelButton ? (openBlock(), createBlock(unref(_sfc_main$2), {
|
|
53
|
+
}, 8, ["class", "reference"]), __props.showCancelButton ? (openBlock(), createBlock(unref(_sfc_main$2), {
|
|
54
54
|
key: 0,
|
|
55
55
|
class: "icon",
|
|
56
56
|
onClick: _cache[0] || (_cache[0] = ($event) => emits("cancel"))
|
|
@@ -1 +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;
|
|
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"}
|
|
@@ -1 +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"}
|
|
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"}
|
|
@@ -1 +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"}
|
|
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"}
|
|
@@ -1 +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"}
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialogDescription.js","names":[],"sources":["../../src/dialog/DialogDescription.vue"],"sourcesContent":["<style>\n@import
|
|
1
|
+
{"version":3,"file":"dialogDescription.js","names":[],"sources":["../../src/dialog/DialogDescription.vue"],"sourcesContent":["<style>\n@import './dialog-description.css';\n</style>\n\n<template>\n <DialogDescription\n :class=\"clsx('arvue-dialog-description', props.class)\"\n v-bind=\"delegatedProps\"\n >\n <slot/>\n </DialogDescription>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogDescriptionProps as RekaDialogDescriptionProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogDescriptionProps extends RekaDialogDescriptionProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogDescription } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DialogDescriptionProps>(), {\n as: 'p',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAId,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBA1B9C,YAKoB,MAAA,iBAAA,GALpB,WAKoB,EAJf,OAAO,MAAA,IAAA,EAAI,4BAA6B,MAAM,KAAK,EAAA,GAC5C,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialogFooter.js","names":[],"sources":["../../src/dialog/DialogFooter.vue"],"sourcesContent":["<style>\n@import
|
|
1
|
+
{"version":3,"file":"dialogFooter.js","names":[],"sources":["../../src/dialog/DialogFooter.vue"],"sourcesContent":["<style>\n@import './dialog-footer.css';\n</style>\n\n<template>\n <Primitive\n :class=\"clsx('arvue-dialog-footer', props.class)\"\n v-bind=\"delegatedProps\"\n >\n <slot/>\n </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogFooterProps extends PrimitiveProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogFooterProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKY,MAAA,SAAA,GALZ,WAKY,EAJP,OAAO,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,EAAA,GACvC,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialogHeader.js","names":[],"sources":["../../src/dialog/DialogHeader.vue"],"sourcesContent":["<style>\n@import
|
|
1
|
+
{"version":3,"file":"dialogHeader.js","names":[],"sources":["../../src/dialog/DialogHeader.vue"],"sourcesContent":["<style>\n@import './dialog-header.css';\n</style>\n\n<template>\n <Primitive\n :class=\"clsx('arvue-dialog-header', props.class)\"\n v-bind=\"delegatedProps\"\n >\n <slot/>\n </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogHeaderProps extends PrimitiveProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DialogHeaderProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKY,MAAA,SAAA,GALZ,WAKY,EAJP,OAAO,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,EAAA,GACvC,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialogTitle.js","names":[],"sources":["../../src/dialog/DialogTitle.vue"],"sourcesContent":["<style>\n@import
|
|
1
|
+
{"version":3,"file":"dialogTitle.js","names":[],"sources":["../../src/dialog/DialogTitle.vue"],"sourcesContent":["<style>\n@import './dialog-title.css';\n</style>\n\n<template>\n <DialogTitle\n :class=\"clsx('arvue-dialog-title', props.class)\"\n v-bind=\"delegatedProps\"\n >\n <slot/>\n </DialogTitle>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogTitleProps as RekaDialogTitleProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DialogTitleProps extends RekaDialogTitleProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogTitle } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DialogTitleProps>(), {\n as: 'h3',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAId,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBA1B9C,YAKc,MAAA,WAAA,GALd,WAKc,EAJT,OAAO,MAAA,IAAA,EAAI,sBAAuB,MAAM,KAAK,EAAA,GACtC,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawerDescription.js","names":[],"sources":["../../src/drawer/DrawerDescription.vue"],"sourcesContent":["<style>\n@import
|
|
1
|
+
{"version":3,"file":"drawerDescription.js","names":[],"sources":["../../src/drawer/DrawerDescription.vue"],"sourcesContent":["<style>\n@import './drawer-description.css';\n</style>\n\n<template>\n <DialogDescription\n :class=\"clsx('arvue-drawer-description', props.class)\"\n v-bind=\"delegatedProps\"\n >\n <slot/>\n </DialogDescription>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogDescriptionProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerDescriptionProps extends DialogDescriptionProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogDescription } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DrawerDescriptionProps>(), {\n as: 'p',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAId,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBA1B9C,YAKoB,MAAA,iBAAA,GALpB,WAKoB,EAJf,OAAO,MAAA,IAAA,EAAI,4BAA6B,MAAM,KAAK,EAAA,GAC5C,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawerFooter.js","names":[],"sources":["../../src/drawer/DrawerFooter.vue"],"sourcesContent":["<style>\n@import
|
|
1
|
+
{"version":3,"file":"drawerFooter.js","names":[],"sources":["../../src/drawer/DrawerFooter.vue"],"sourcesContent":["<style>\n@import './drawer-footer.css';\n</style>\n\n<template>\n <Primitive\n :class=\"clsx('arvue-drawer-footer', props.class)\"\n v-bind=\"delegatedProps\"\n >\n <slot/>\n </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerFooterProps extends PrimitiveProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DrawerFooterProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKY,MAAA,SAAA,GALZ,WAKY,EAJP,OAAO,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,EAAA,GACvC,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawerHeader.js","names":[],"sources":["../../src/drawer/DrawerHeader.vue"],"sourcesContent":["<style>\n@import
|
|
1
|
+
{"version":3,"file":"drawerHeader.js","names":[],"sources":["../../src/drawer/DrawerHeader.vue"],"sourcesContent":["<style>\n@import './drawer-header.css';\n</style>\n\n<template>\n <Primitive\n :class=\"clsx('arvue-drawer-header', props.class)\"\n v-bind=\"delegatedProps\"\n >\n <slot/>\n </Primitive>\n</template>\n\n<script lang=\"ts\">\nimport type { PrimitiveProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerHeaderProps extends PrimitiveProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { Primitive } from 'reka-ui'\n\nconst props = defineProps<DrawerHeaderProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAEd,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBAxB9C,YAKY,MAAA,SAAA,GALZ,WAKY,EAJP,OAAO,MAAA,IAAA,EAAI,uBAAwB,MAAM,KAAK,EAAA,GACvC,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawerTitle.js","names":[],"sources":["../../src/drawer/DrawerTitle.vue"],"sourcesContent":["<style>\n@import
|
|
1
|
+
{"version":3,"file":"drawerTitle.js","names":[],"sources":["../../src/drawer/DrawerTitle.vue"],"sourcesContent":["<style>\n@import './drawer-title.css';\n</style>\n\n<template>\n <DialogTitle\n :class=\"clsx('arvue-drawer-title', props.class)\"\n v-bind=\"delegatedProps\"\n >\n <slot/>\n </DialogTitle>\n</template>\n\n<script lang=\"ts\">\nimport type { DialogTitleProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DrawerTitleProps extends DialogTitleProps {\n class?: HTMLAttributes['class']\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DialogTitle } from 'reka-ui'\n\nconst props = withDefaults(defineProps<DrawerTitleProps>(), {\n as: 'h3',\n})\n\nconst delegatedProps = reactiveOmit(props, 'class')\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAId,MAAM,iBAAiB,aAAa,OAAO,OAAO;;uBA1B9C,YAKc,MAAA,WAAA,GALd,WAKc,EAJT,OAAO,MAAA,IAAA,EAAI,sBAAuB,MAAM,KAAK,EAAA,GACtC,MAAA,cAAA,CAAc,GAAA;2BAEf,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
|