arvue-ui 0.5.0 → 0.6.0

package/dist/all.css

@@ -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}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)}
+.arvue-autocomplete{width:fit-content;max-width:100%;position:relative}.arvue-autocomplete-content{width:var(--reka-combobox-trigger-width);background:var(--background-color-blank);max-height:var(--reka-combobox-content-available-height);transform-origin:var(--reka-combobox-content-transform-origin);z-index:110;border:1px solid #0000001a;border-radius:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-autocomplete-empty{text-align:center;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600}.arvue-autocomplete-input-wrapper{align-items:center;gap:.25rem;display:flex}.arvue-autocomplete-input-wrapper .state-with-inner-icon{max-width:100%}.arvue-autocomplete-item{user-select:none;border-radius:.5em;align-items:center;padding:.5em 1em;line-height:1;display:flex;position:relative}.arvue-autocomplete-item[data-highlighted]{background:var(--background-color-zebra-row-odd-hover);outline:none}.arvue-autocomplete-label{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-combobox-trigger-width);background:var(--background-color-blank);max-height:var(--reka-combobox-content-available-height);transform-origin:var(--reka-combobox-content-transform-origin);z-index:110;border:1px solid #0000001a;border-radius:.5em;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-combobox-empty{text-align:center;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600}.arvue-combobox-input-wrapper{align-items:center;gap:.25rem;display:flex}.arvue-combobox-input-wrapper .state-with-inner-icon{max-width:100%}.arvue-combobox-item{user-select:none;border-radius:.5em;align-items:center;padding:.5em 1em;line-height:1;display:flex;position:relative}.arvue-combobox-item[data-highlighted]{background:var(--background-color-zebra-row-odd-hover);outline:none}.arvue-combobox-label{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-dropdown-menu-checkbox-item{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem 1.5rem;font-size:.875rem;display:flex;position:relative}.arvue-dropdown-menu-checkbox-item:focus,.arvue-dropdown-menu-checkbox-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-dropdown-menu-checkbox-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-dropdown-menu-checkbox-item .arvue-dropdown-menu-checkbox-item-indicator-wrapper{pointer-events:none;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;left:.5rem}.arvue-dropdown-menu-content{background:var(--background-color-blank);z-index:110;max-height:var(--reka-dropdown-menu-content-available-height);transform-origin:var(--reka-dropdown-menu-content-transform-origin);border:1px solid #0000001a;border-radius:.5rem;overflow:auto;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-dropdown-menu-item{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex;position:relative}.arvue-dropdown-menu-item:focus,.arvue-dropdown-menu-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-dropdown-menu-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-dropdown-menu-item.arvue-dropdown-menu-item-inset{padding-left:1.5rem}.arvue-dropdown-menu-label{padding:.25em .75em;font-size:.75em;font-weight:600}.arvue-dropdown-menu-label.arvue-dropdown-menu-label-inset{padding-left:1.25rem}.arvue-dropdown-menu-radio-item{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem 1.5rem;font-size:.875rem;display:flex;position:relative}.arvue-dropdown-menu-radio-item:focus,.arvue-dropdown-menu-radio-item:hover{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-dropdown-menu-radio-item[data-disabled]{pointer-events:none;opacity:.5}.arvue-dropdown-menu-radio-item .arvue-dropdown-menu-radio-item-indicator-wrapper{pointer-events:none;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;left:.5rem}.arvue-dropdown-menu-separator{background-color:var(--border-color-hr);height:1px;margin:5px}.arvue-dropdown-menu-shortcut{color:var(--text-color-hint-strong);letter-spacing:.1em;margin-left:auto;font-size:.75rem;line-height:1rem}.arvue-dropdown-menu-sub-content{background:var(--background-color-blank);z-index:110;transform-origin:var(--reka-dropdown-menu-content-transform-origin);border:1px solid #0000001a;border-radius:.5rem;overflow:auto;box-shadow:0 .25rem 1rem -.25rem #0000001a}.arvue-dropdown-menu-sub-trigger{-webkit-user-select:none;user-select:none;color:var(--menu-link-color);cursor:pointer;outline:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex;position:relative}.arvue-dropdown-menu-sub-trigger:focus,.arvue-dropdown-menu-sub-trigger[data-state=open]{background:var(--menu-background-color-hover);color:var(--menu-link-color-hover)}.arvue-dropdown-menu-sub-trigger[data-disabled]{pointer-events:none;opacity:.5}.arvue-dropdown-menu-sub-trigger .arvue-dropdown-menu-sub-trigger-icon{width:1rem;height:1rem;margin-left:auto}.arvue-dropdown-menu-sub-trigger.arvue-dropdown-menu-sub-trigger-inset{padding-left:1.5rem}.arvue-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)}

package/dist/autocomplete/autocompleteContent.js

@@ -3,6 +3,7 @@ import { _sfc_main as _sfc_main$1 } from "./autocompleteViewport.js";
 import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 import { AutocompleteContent, useForwardPropsEmits } from "reka-ui";
+import { AnimatePresence, Motion } from "motion-v";
 //#region src/autocomplete/AutocompleteContent.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
@@ -19,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		bodyLock: { type: Boolean },
 		hideWhenEmpty: { type: Boolean },
 		side: {},
-		sideOffset: {},
+		sideOffset: { default: 8 },
 		sideFlip: { type: Boolean },
 		align: {},
 		alignOffset: {},
@@ -51,19 +52,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const emits = __emit;
 		const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AutocompleteContent), mergeProps({
-				..._ctx.$attrs,
-				...unref(forwarded)
-			}, {
-				class: unref(clsx)("arvue-autocomplete-content", props.class),
-				position: "popper"
-			}), {
-				default: withCtx(() => [createVNode(unref(_sfc_main$1), null, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+			return openBlock(), createBlock(unref(AnimatePresence), null, {
+				default: withCtx(() => [createVNode(unref(AutocompleteContent), mergeProps({
+					..._ctx.$attrs,
+					...unref(forwarded)
+				}, {
+					class: unref(clsx)("arvue-autocomplete-content", props.class),
+					position: "popper",
+					"as-child": ""
+				}), {
+					default: withCtx(() => [createVNode(unref(Motion), {
+						initial: {
+							y: "-5px",
+							opacity: 0
+						},
+						animate: {
+							y: 0,
+							opacity: 1
+						},
+						exit: {
+							y: "-5px",
+							opacity: 0
+						},
+						transition: {
+							duration: .15,
+							ease: "easeInOut"
+						}
+					}, {
+						default: withCtx(() => [createVNode(unref(_sfc_main$1), null, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+							_: 3
+						})]),
+						_: 3
+					})]),
 					_: 3
-				})]),
+				}, 16, ["class"])]),
 				_: 3
-			}, 16, ["class"]);
+			});
 		};
 	}
 });

package/dist/autocomplete/autocompleteContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocompleteContent.js","names":["$attrs"],"sources":["../../src/autocomplete/AutocompleteContent.vue"],"sourcesContent":["<style>\n@import './autocomplete-content.css';\n</style>\n\n<template>\n    <AutocompleteContent\n        v-bind=\"{ ...$attrs, ...forwarded }\"\n        :class=\"clsx('arvue-autocomplete-content', props.class)\"\n        position=\"popper\"\n    >\n        <AutocompleteViewport>\n            <slot/>\n        </AutocompleteViewport>\n    </AutocompleteContent>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxContentEmits, ComboboxContentProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface AutocompleteContentProps extends Omit<ComboboxContentProps, 'position'> {\n    class?: HTMLAttributes['class']\n}\nexport interface AutocompleteContentEmits extends ComboboxContentEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AutocompleteContent, useForwardPropsEmits } from 'reka-ui'\nimport { AutocompleteViewport } from '.'\n\ndefineOptions({\n    inheritAttrs: false,\n})\n\nconst props = defineProps<AutocompleteContentProps>()\nconst emits = defineEmits<AutocompleteContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBApCxD,YAQsB,MAAA,mBAAA,GARtB,WAQsB;IAAA,GAPLA,KAAAA;IAAM,GAAK,MAAA,SAAA;GAAS,GAAA;IAChC,OAAO,MAAA,IAAA,EAAI,8BAA+B,MAAM,KAAK;IACtD,UAAS;;2BAIc,CAFvB,YAEuB,MAAA,WAAA,GAAA,MAAA;4BADZ,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"autocompleteContent.js","names":["$attrs"],"sources":["../../src/autocomplete/AutocompleteContent.vue"],"sourcesContent":["<style>\n@import './autocomplete-content.css';\n</style>\n\n<template>\n    <AnimatePresence>\n        <AutocompleteContent\n            v-bind=\"{ ...$attrs, ...forwarded }\"\n            :class=\"clsx('arvue-autocomplete-content', props.class)\"\n            position=\"popper\"\n            as-child\n        >\n            <Motion\n                :initial=\"{\n                    y: '-5px',\n                    opacity: 0,\n                }\"\n                :animate=\"{\n                    y: 0,\n                    opacity: 1,\n                }\"\n                :exit=\"{\n                    y: '-5px',\n                    opacity: 0,\n                }\"\n                :transition=\"{\n                    duration: .15,\n                    ease: 'easeInOut',\n                }\"\n            >\n                <AutocompleteViewport>\n                    <slot/>\n                </AutocompleteViewport>\n            </Motion>\n        </AutocompleteContent>\n    </AnimatePresence>\n</template>\n\n<script lang=\"ts\">\nimport type { ComboboxContentEmits, ComboboxContentProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface AutocompleteContentProps extends Omit<ComboboxContentProps, 'position'> {\n    class?: HTMLAttributes['class']\n}\nexport interface AutocompleteContentEmits extends ComboboxContentEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AnimatePresence, Motion } from 'motion-v'\nimport { AutocompleteContent, useForwardPropsEmits } from 'reka-ui'\nimport { AutocompleteViewport } from '.'\n\ndefineOptions({\n    inheritAttrs: false,\n})\n\nconst props = withDefaults(\n    defineProps<AutocompleteContentProps>(),\n    {\n        sideOffset: 8,\n    },\n)\nconst emits = defineEmits<AutocompleteContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2DA,MAAM,QAAQ;EAMd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBAhExD,YA8BkB,MAAA,eAAA,GAAA,MAAA;2BADQ,CA5BtB,YA4BsB,MAAA,mBAAA,GA5BtB,WA4BsB;KAAA,GA3BLA,KAAAA;KAAM,GAAK,MAAA,SAAA;IAAS,GAAA;KAChC,OAAO,MAAA,IAAA,EAAI,8BAA+B,MAAM,KAAK;KACtD,UAAS;KACT,YAAA;;4BAuBS,CArBT,YAqBS,MAAA,MAAA,GAAA;MApBJ,SAAS;;;;MAIT,SAAS;;;;MAIT,MAAM;;;;MAIN,YAAY;;;;;6BAOU,CAFvB,YAEuB,MAAA,WAAA,GAAA,MAAA;8BADZ,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/combobox/comboboxContent.js

@@ -3,6 +3,7 @@ import { _sfc_main as _sfc_main$1 } from "./comboboxViewport.js";
 import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 import { reactiveOmit } from "@vueuse/core";
 import { ComboboxContent, useForwardPropsEmits } from "reka-ui";
+import { AnimatePresence, Motion } from "motion-v";
 //#region src/combobox/ComboboxContent.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
@@ -19,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		bodyLock: { type: Boolean },
 		hideWhenEmpty: { type: Boolean },
 		side: {},
-		sideOffset: {},
+		sideOffset: { default: 8 },
 		sideFlip: { type: Boolean },
 		align: {},
 		alignOffset: {},
@@ -51,19 +52,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const emits = __emit;
 		const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ComboboxContent), mergeProps({
-				..._ctx.$attrs,
-				...unref(forwarded)
-			}, {
-				class: unref(clsx)("arvue-combobox-content", props.class),
-				position: "popper"
-			}), {
-				default: withCtx(() => [createVNode(unref(_sfc_main$1), null, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+			return openBlock(), createBlock(unref(AnimatePresence), null, {
+				default: withCtx(() => [createVNode(unref(ComboboxContent), mergeProps({
+					..._ctx.$attrs,
+					...unref(forwarded)
+				}, {
+					class: unref(clsx)("arvue-combobox-content", props.class),
+					position: "popper",
+					"as-child": ""
+				}), {
+					default: withCtx(() => [createVNode(unref(Motion), {
+						initial: {
+							y: "-5px",
+							opacity: 0
+						},
+						animate: {
+							y: 0,
+							opacity: 1
+						},
+						exit: {
+							y: "-5px",
+							opacity: 0
+						},
+						transition: {
+							duration: .15,
+							ease: "easeInOut"
+						}
+					}, {
+						default: withCtx(() => [createVNode(unref(_sfc_main$1), null, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+							_: 3
+						})]),
+						_: 3
+					})]),
 					_: 3
-				})]),
+				}, 16, ["class"])]),
 				_: 3
-			}, 16, ["class"]);
+			});
 		};
 	}
 });

package/dist/combobox/comboboxContent.js.map

@@ -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"}
+{"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    <AnimatePresence>\n        <ComboboxContent\n            v-bind=\"{ ...$attrs, ...forwarded }\"\n            :class=\"clsx('arvue-combobox-content', props.class)\"\n            position=\"popper\"\n            as-child\n        >\n            <Motion\n                :initial=\"{\n                    y: '-5px',\n                    opacity: 0,\n                }\"\n                :animate=\"{\n                    y: 0,\n                    opacity: 1,\n                }\"\n                :exit=\"{\n                    y: '-5px',\n                    opacity: 0,\n                }\"\n                :transition=\"{\n                    duration: .15,\n                    ease: 'easeInOut',\n                }\"\n            >\n                <ComboboxViewport>\n                    <slot/>\n                </ComboboxViewport>\n            </Motion>\n        </ComboboxContent>\n    </AnimatePresence>\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 { AnimatePresence, Motion } from 'motion-v'\nimport { ComboboxContent, useForwardPropsEmits } from 'reka-ui'\nimport { ComboboxViewport } from '.'\n\ndefineOptions({\n    inheritAttrs: false,\n})\n\nconst props = withDefaults(\n    defineProps<ComboboxContentProps>(),\n    {\n        sideOffset: 8,\n    },\n)\nconst emits = defineEmits<ComboboxContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DA,MAAM,QAAQ;EAMd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBAnExD,YA8BkB,MAAA,eAAA,GAAA,MAAA;2BADI,CA5BlB,YA4BkB,MAAA,eAAA,GA5BlB,WA4BkB;KAAA,GA3BDA,KAAAA;KAAM,GAAK,MAAA,SAAA;IAAS,GAAA;KAChC,OAAO,MAAA,IAAA,EAAI,0BAA2B,MAAM,KAAK;KAClD,UAAS;KACT,YAAA;;4BAuBS,CArBT,YAqBS,MAAA,MAAA,GAAA;MApBJ,SAAS;;;;MAIT,SAAS;;;;MAIT,MAAM;;;;MAIN,YAAY;;;;;6BAOM,CAFnB,YAEmB,MAAA,WAAA,GAAA,MAAA;8BADR,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dropdown-menu/dropdownMenu.js

@@ -0,0 +1,26 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DropdownMenuRoot, useForwardPropsEmits } from "reka-ui";
+//#region src/dropdown-menu/DropdownMenu.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DropdownMenu",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		dir: {},
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const forwarded = useForwardPropsEmits(__props, __emit);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuRoot), normalizeProps(guardReactiveProps(unref(forwarded))), {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=dropdownMenu.js.map

package/dist/dropdown-menu/dropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenu.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenu.vue"],"sourcesContent":["<template>\n    <DropdownMenuRoot\n        v-slot=\"slotProps\"\n        v-bind=\"forwarded\"\n    >\n        <slot v-bind=\"slotProps\"/>\n    </DropdownMenuRoot>\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuRootEmits, DropdownMenuRootProps } from 'reka-ui'\n\nexport interface DropdownMenuProps extends DropdownMenuRootProps {}\nexport interface DropdownMenuEmits extends DropdownMenuRootEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DropdownMenuRoot, useForwardPropsEmits } from 'reka-ui'\n\nconst props = defineProps<DropdownMenuProps>()\nconst emits = defineEmits<DropdownMenuEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;EAsBA,MAAM,YAAY,qBAAqB,SAAO,MAAK;;uBArB/C,YAKmB,MAAA,gBAAA,GAAA,eAAA,mBAHP,MAAA,SAAA,CAAS,CAAA,GAAA;sBADT,cAAS,CAGjB,WAA0B,KAAA,QAAA,WAAA,eAAA,mBAAZ,SAAS,CAAA,CAAA,CAAA,CAAA"}

package/dist/dropdown-menu/dropdownMenuCheckboxItem.js

@@ -0,0 +1,42 @@
+import { clsx } from "../clsx.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DropdownMenuCheckboxItem, DropdownMenuItemIndicator, useForwardPropsEmits } from "reka-ui";
+//#region src/dropdown-menu/DropdownMenuCheckboxItem.vue
+const _hoisted_1 = { class: "arvue-dropdown-menu-checkbox-item-indicator-wrapper" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DropdownMenuCheckboxItem",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		modelValue: { type: [Boolean, String] },
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["select", "update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuCheckboxItem), mergeProps(unref(forwarded), { class: unref(clsx)("arvue-dropdown-menu-checkbox-item", props.class) }), {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1, [createVNode(unref(DropdownMenuItemIndicator), null, {
+					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("i", { class: "fas fa-check" }, null, -1)])]),
+					_: 1
+				})]), renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=dropdownMenuCheckboxItem.js.map

package/dist/dropdown-menu/dropdownMenuCheckboxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenuCheckboxItem.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuCheckboxItem.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-checkbox-item.css';\n</style>\n\n<template>\n    <DropdownMenuCheckboxItem\n        v-bind=\"forwarded\"\n        :class=\"clsx('arvue-dropdown-menu-checkbox-item', props.class)\"\n    >\n        <span class=\"arvue-dropdown-menu-checkbox-item-indicator-wrapper\">\n            <DropdownMenuItemIndicator>\n                <i class=\"fas fa-check\"/>\n            </DropdownMenuItemIndicator>\n        </span>\n        <slot/>\n    </DropdownMenuCheckboxItem>\n</template>\n\n<script lang=\"ts\">\nimport type {\n    DropdownMenuCheckboxItemEmits as RekaDropdownMenuCheckboxItemEmits,\n    DropdownMenuCheckboxItemProps as RekaDropdownMenuCheckboxItemProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuCheckboxItemProps extends RekaDropdownMenuCheckboxItemProps {\n    class?: HTMLAttributes['class']\n}\nexport interface DropdownMenuCheckboxItemEmits extends RekaDropdownMenuCheckboxItemEmits {}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport {\n    DropdownMenuCheckboxItem,\n    DropdownMenuItemIndicator,\n    useForwardPropsEmits,\n} from 'reka-ui'\n\nconst props = defineProps<DropdownMenuCheckboxItemProps>()\nconst emits = defineEmits<DropdownMenuCheckboxItemEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBAxCxD,YAU2B,MAAA,wBAAA,GAV3B,WACY,MASe,SAAA,GATN,EAChB,OAAO,MAAA,IAAA,EAAI,qCAAsC,MAAM,KAAK,EAAA,CAAA,GAAA;2BAMtD,CAJP,mBAIO,QAJP,YAIO,CAHH,YAE4B,MAAA,yBAAA,GAAA,MAAA;4BADC,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAzB,mBAAyB,KAAA,EAAtB,OAAM,eAAc,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA;;UAG/B,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dropdown-menu/dropdownMenuContent.js

@@ -0,0 +1,92 @@
+import { clsx } from "../clsx.js";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DropdownMenuContent, useForwardPropsEmits } from "reka-ui";
+import { AnimatePresence, Motion } from "motion-v";
+//#region src/dropdown-menu/DropdownMenuContent.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "DropdownMenuContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		forceMount: { type: Boolean },
+		loop: { type: Boolean },
+		side: {},
+		sideOffset: { default: 8 },
+		sideFlip: { type: Boolean },
+		align: {},
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AnimatePresence), null, {
+				default: withCtx(() => [createVNode(unref(DropdownMenuContent), mergeProps({
+					..._ctx.$attrs,
+					...unref(forwarded)
+				}, {
+					class: unref(clsx)("arvue-dropdown-menu-content", props.class),
+					"as-child": ""
+				}), {
+					default: withCtx(() => [createVNode(unref(Motion), {
+						initial: {
+							y: "-5px",
+							opacity: 0
+						},
+						animate: {
+							y: 0,
+							opacity: 1
+						},
+						exit: {
+							y: "-5px",
+							opacity: 0
+						},
+						transition: {
+							duration: .15,
+							ease: "easeInOut"
+						}
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					})]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=dropdownMenuContent.js.map

package/dist/dropdown-menu/dropdownMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenuContent.js","names":["$attrs"],"sources":["../../src/dropdown-menu/DropdownMenuContent.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-content.css';\n</style>\n\n<template>\n    <AnimatePresence>\n        <DropdownMenuContent\n            v-bind=\"{ ...$attrs, ...forwarded }\"\n            :class=\"clsx('arvue-dropdown-menu-content', props.class)\"\n            as-child\n        >\n            <Motion\n                :initial=\"{\n                    y: '-5px',\n                    opacity: 0,\n                }\"\n                :animate=\"{\n                    y: 0,\n                    opacity: 1,\n                }\"\n                :exit=\"{\n                    y: '-5px',\n                    opacity: 0,\n                }\"\n                :transition=\"{\n                    duration: .15,\n                    ease: 'easeInOut',\n                }\"\n            >\n                <slot/>\n            </Motion>\n        </DropdownMenuContent>\n    </AnimatePresence>\n</template>\n\n<script lang=\"ts\">\nimport type {\n    DropdownMenuContentEmits as RekaDropdownMenuContentEmits,\n    DropdownMenuContentProps as RekaDropdownMenuContentProps,\n} from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuContentProps extends RekaDropdownMenuContentProps {\n    class?: HTMLAttributes['class']\n}\n\nexport interface DropdownMenuContentEmits extends RekaDropdownMenuContentEmits {\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { AnimatePresence, Motion } from 'motion-v'\nimport {\n    DropdownMenuContent,\n    useForwardPropsEmits,\n} from 'reka-ui'\n\ndefineOptions({\n    inheritAttrs: false,\n})\n\nconst props = withDefaults(\n    defineProps<DropdownMenuContentProps>(),\n    {\n        sideOffset: 8,\n    },\n)\nconst emits = defineEmits<DropdownMenuContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, 'class')\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DA,MAAM,QAAQ;EAMd,MAAM,QAAQ;EAId,MAAM,YAAY,qBAFK,aAAa,OAAO,OAEJ,GAAgB,KAAK;;uBApExD,YA2BkB,MAAA,eAAA,GAAA,MAAA;2BADQ,CAzBtB,YAyBsB,MAAA,mBAAA,GAzBtB,WAyBsB;KAAA,GAxBLA,KAAAA;KAAM,GAAK,MAAA,SAAA;IAAS,GAAA;KAChC,OAAO,MAAA,IAAA,EAAI,+BAAgC,MAAM,KAAK;KACvD,YAAA;;4BAqBS,CAnBT,YAmBS,MAAA,MAAA,GAAA;MAlBJ,SAAS;;;;MAIT,SAAS;;;;MAIT,MAAM;;;;MAIN,YAAY;;;;;6BAKN,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/{autocomplete/autocompleteArrow.js → dropdown-menu/dropdownMenuGroup.js}

@@ -1,19 +1,16 @@
 import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-import { AutocompleteArrow } from "reka-ui";
-//#region src/autocomplete/AutocompleteArrow.vue
+import { DropdownMenuGroup } from "reka-ui";
+//#region src/dropdown-menu/DropdownMenuGroup.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
-	__name: "AutocompleteArrow",
+	__name: "DropdownMenuGroup",
 	props: {
-		width: {},
-		height: {},
-		rounded: { type: Boolean },
 		asChild: { type: Boolean },
 		as: {}
 	},
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AutocompleteArrow), normalizeProps(guardReactiveProps(props)), {
+			return openBlock(), createBlock(unref(DropdownMenuGroup), normalizeProps(guardReactiveProps(props)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);
@@ -23,4 +20,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 //#endregion
 export { _sfc_main };
 
-//# sourceMappingURL=autocompleteArrow.js.map
+//# sourceMappingURL=dropdownMenuGroup.js.map

package/dist/dropdown-menu/dropdownMenuGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenuGroup.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuGroup.vue"],"sourcesContent":["<template>\n    <DropdownMenuGroup v-bind=\"props\">\n        <slot/>\n    </DropdownMenuGroup>\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuGroupProps as RekaDropdownMenuGroupProps } from 'reka-ui'\n\nexport interface DropdownMenuGroupProps extends RekaDropdownMenuGroupProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DropdownMenuGroup } from 'reka-ui'\n\nconst props = defineProps<DropdownMenuGroupProps>()\n</script>\n"],"mappings":";;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEoB,MAAA,iBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACrB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dropdown-menu/dropdownMenuItem.js

@@ -0,0 +1,36 @@
+import { clsx } from "../clsx.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DropdownMenuItem, useForwardProps } from "reka-ui";
+//#region src/dropdown-menu/DropdownMenuItem.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DropdownMenuItem",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		inset: { type: Boolean },
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const forwardedProps = useForwardProps(reactiveOmit(props, "class", "inset"));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuItem), mergeProps(unref(forwardedProps), { class: unref(clsx)("arvue-dropdown-menu-item", __props.inset && "arvue-dropdown-menu-item-inset", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=dropdownMenuItem.js.map

package/dist/dropdown-menu/dropdownMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenuItem.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuItem.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-item.css';\n</style>\n\n<template>\n    <DropdownMenuItem\n        v-bind=\"forwardedProps\"\n        :class=\"clsx(\n            'arvue-dropdown-menu-item',\n            inset && 'arvue-dropdown-menu-item-inset',\n            props.class,\n        )\"\n    >\n        <slot/>\n    </DropdownMenuItem>\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuItemProps as RekaDropdownMenuItemProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuItemProps extends RekaDropdownMenuItemProps {\n    class?: HTMLAttributes['class']\n    inset?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DropdownMenuItem, useForwardProps } from 'reka-ui'\n\nconst props = defineProps<DropdownMenuItemProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class', 'inset')\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;EAId,MAAM,iBAAiB,gBAFA,aAAa,OAAO,SAAS,OAEb,CAAc;;uBA/BjD,YASmB,MAAA,gBAAA,GATnB,WACY,MAQO,cAAA,GARO,EACrB,OAAO,MAAA,IAAA,EAAA,4BAA0D,QAAA,SAAK,kCAAkD,MAAM,KAAA,EAAA,CAAA,GAAA;2BAMxH,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dropdown-menu/dropdownMenuLabel.js

@@ -0,0 +1,34 @@
+import { clsx } from "../clsx.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { reactiveOmit } from "@vueuse/core";
+import { DropdownMenuLabel, useForwardProps } from "reka-ui";
+//#region src/dropdown-menu/DropdownMenuLabel.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DropdownMenuLabel",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		inset: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const forwardedProps = useForwardProps(reactiveOmit(props, "class", "inset"));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuLabel), mergeProps(unref(forwardedProps), { class: unref(clsx)("arvue-dropdown-menu-label", __props.inset && "arvue-dropdown-menu-label-inset", props.class) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=dropdownMenuLabel.js.map

package/dist/dropdown-menu/dropdownMenuLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenuLabel.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuLabel.vue"],"sourcesContent":["<style>\n@import './dropdown-menu-label.css';\n</style>\n\n<template>\n    <DropdownMenuLabel\n        v-bind=\"forwardedProps\"\n        :class=\"clsx(\n            'arvue-dropdown-menu-label',\n            inset && 'arvue-dropdown-menu-label-inset',\n            props.class,\n        )\"\n    >\n        <slot/>\n    </DropdownMenuLabel>\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuLabelProps as RekaDropdownMenuLabelProps } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\n\nexport interface DropdownMenuLabelProps extends RekaDropdownMenuLabelProps {\n    class?: HTMLAttributes['class']\n    inset?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { reactiveOmit } from '@vueuse/core'\nimport { clsx } from 'clsx'\nimport { DropdownMenuLabel, useForwardProps } from 'reka-ui'\n\nconst props = defineProps<DropdownMenuLabelProps>()\n\nconst delegatedProps = reactiveOmit(props, 'class', 'inset')\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;EAGd,MAAM,iBAAiB,gBADA,aAAa,OAAO,SAAS,OACb,CAAc;;uBA9BjD,YASoB,MAAA,iBAAA,GATpB,WACY,MAQQ,cAAA,GARM,EACrB,OAAO,MAAA,IAAA,EAAA,6BAA2D,QAAA,SAAK,mCAAmD,MAAM,KAAA,EAAA,CAAA,GAAA;2BAM1H,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/dropdown-menu/dropdownMenuPortal.js

@@ -0,0 +1,25 @@
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DropdownMenuPortal } from "reka-ui";
+//#region src/dropdown-menu/DropdownMenuPortal.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "DropdownMenuPortal",
+	props: {
+		to: {},
+		disabled: { type: Boolean },
+		defer: { type: Boolean },
+		forceMount: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuPortal), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main };
+
+//# sourceMappingURL=dropdownMenuPortal.js.map

package/dist/dropdown-menu/dropdownMenuPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenuPortal.js","names":[],"sources":["../../src/dropdown-menu/DropdownMenuPortal.vue"],"sourcesContent":["<template>\n    <DropdownMenuPortal v-bind=\"props\">\n        <slot/>\n    </DropdownMenuPortal>\n</template>\n\n<script lang=\"ts\">\nimport type { DropdownMenuPortalProps as RekaDropdownMenuPortalProps } from 'reka-ui'\n\nexport interface DropdownMenuPortalProps extends RekaDropdownMenuPortalProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DropdownMenuPortal } from 'reka-ui'\n\nconst props = defineProps<DropdownMenuPortalProps>()\n</script>\n"],"mappings":";;;;;;;;;;;;EAeA,MAAM,QAAQ;;uBAdV,YAEqB,MAAA,kBAAA,GAAA,eAAA,mBAFO,KAAK,CAAA,GAAA;2BACtB,CAAP,WAAO,KAAA,QAAA,SAAA,CAAA,CAAA"}