@quidgest/ui 0.3.2 → 0.4.0

package/lib/styles/ui.min.css

@@ -1 +1 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity 0.15s ease-in-out}.q-btn{--outline-color:var(--q-theme-primary);position:relative;display:flex;flex-direction:row;align-items:center;padding:0.4rem;border:thin solid;background-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;border-radius:0.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s;outline-offset:1px;line-height:15px}.q-btn:hover:not(:disabled){cursor:pointer}.q-btn:focus{outline:2px solid var(--outline-color);z-index:3}.q-btn:focus:not(:focus-visible){outline:0;box-shadow:none}.q-btn__content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:0.9rem;white-space:nowrap;gap:0.25rem;pointer-events:none;line-height:15px;min-width:15px}.q-btn .e-icon__svg{padding:0;margin:0;fill:currentColor;width:15px;height:15px}.q-btn .q-spinner-loader{color:currentColor}.q-btn--active{z-index:2;background-color:var(--q-theme-primary-light)}.q-btn:disabled{opacity:0.6}.q-btn--loading{cursor:progress}.q-btn--loading span{visibility:hidden}.q-btn--primary{background-color:var(--q-theme-primary);border-color:var(--q-theme-primary);color:var(--q-theme-on-primary)}.q-btn--primary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark)}.q-btn--secondary{border-color:currentColor;color:var(--q-theme-primary)}.q-btn--secondary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark);color:var(--q-theme-on-primary)}.q-btn--tertiary{background-color:transparent;border-color:transparent;color:var(--q-theme-primary)}.q-btn--tertiary:focus:not(:disabled),.q-btn--tertiary:hover:not(:disabled){color:var(--q-theme-primary-dark)}.q-btn--danger{--outline-color:var(--q-theme-danger-light);background-color:var(--q-theme-danger);border-color:var(--q-theme-danger);color:var(--q-theme-on-danger)}.q-btn--danger:hover:not(:disabled){background-color:var(--q-theme-danger-dark);border-color:var(--q-theme-danger-dark)}.q-btn--small{padding:0.25rem;line-height:14px}.q-btn--small span{font-size:0.75rem;line-height:14px}.q-btn--small .e-icon__svg{width:14px;height:14px}.q-btn--borderless{border-color:transparent!important}.q-btn--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn--block{display:block;width:100%;padding:0.5rem}.q-btn--block span{gap:0.5rem}.q-btn--block+.q-btn--block{margin-top:0.5rem}.q-btn__spinner{position:absolute;left:50%;transform:translateX(-50%)}.q-btn-group{position:relative;display:inline-flex;border-radius:0.25rem}.q-btn-group--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn-group>.q-btn{position:relative;flex:0 1 auto}.q-btn-group>.q-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.q-btn-group>.q-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.q-btn-group>.q-btn:hover{z-index:3}.q-icon{display:inline-block}.q-icon__svg{fill:currentColor;width:1em;height:1em}.q-line-loader{width:100%;height:2px;display:inline-block;position:relative;background:transparent;overflow:hidden}.q-line-loader:after{content:"";min-width:33%;height:2px;background:linear-gradient(to right,#edebe9 0%,var(--q-theme-primary) 50%,#edebe9 100%);position:absolute;top:0;left:0;box-sizing:border-box;animation:q-move 2s linear infinite}@keyframes q-move{0%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0%)}}.q-overlay{--q-overlay-bg:var(--q-theme-background);--q-overlay-color:var(--q-theme-on-background);--q-overlay-border-color:rgb(var(--q-theme-on-background-rgb)/0.1);position:absolute}.q-overlay__content{display:block;position:relative;transform:translateX(-50%);width:-moz-max-content;width:max-content;z-index:1070;background-color:var(--q-overlay-bg);color:var(--q-overlay-color);background-clip:padding-box;border:1px solid var(--q-overlay-border-color);border-radius:0.25rem;box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.q-overlay__arrow{position:absolute;display:block;width:1rem;height:0.5rem}.q-overlay__arrow:after,.q-overlay__arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.q-overlay--top .q-overlay__arrow{left:calc(50% - 0.5rem);bottom:calc(-0.5rem - 1px)}.q-overlay--top .q-overlay__arrow:after,.q-overlay--top .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0}.q-overlay--top .q-overlay__arrow:before{bottom:0;border-top-color:var(--q-overlay-border-color)}.q-overlay--top .q-overlay__arrow:after{bottom:1px;border-top-color:var(--q-overlay-bg)}.q-overlay--bottom .q-overlay__arrow{top:calc(-0.5rem - 1px);left:calc(50% - 0.5rem)}.q-overlay--bottom .q-overlay__arrow:after,.q-overlay--bottom .q-overlay__arrow:before{border-width:0 0.5rem 0.5rem}.q-overlay--bottom .q-overlay__arrow:before{top:0;border-bottom-color:var(--q-overlay-border-color)}.q-overlay--bottom .q-overlay__arrow:after{top:1px;border-bottom-color:var(--q-overlay-bg)}.q-overlay--left .q-overlay__arrow{top:calc(50% - 0.5rem);right:-0.5rem;width:0.5rem;height:1rem}.q-overlay--left .q-overlay__arrow:after,.q-overlay--left .q-overlay__arrow:before{border-width:0.5rem 0 0.5rem 0.5rem}.q-overlay--left .q-overlay__arrow:before{right:0;border-left-color:var(--q-overlay-border-color)}.q-overlay--left .q-overlay__arrow:after{right:1px;border-left-color:var(--q-overlay-bg)}.q-overlay--right .q-overlay__arrow{top:calc(50% - 0.5rem);left:-0.5rem;width:0.5rem;height:1rem}.q-overlay--right .q-overlay__arrow:after,.q-overlay--right .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0.5rem 0}.q-overlay--right .q-overlay__arrow:before{left:0;border-right-color:var(--q-overlay-border-color)}.q-overlay--right .q-overlay__arrow:after{left:1px;border-right-color:var(--q-overlay-bg)}.q-overlay--inverted{--q-overlay-bg:var(--q-theme-on-background);--q-overlay-color:var(--q-theme-background);--q-overlay-border-color:transparent}.q-popover .q-overlay__content{z-index:1070;position:relative;max-width:276px;line-height:1.5;word-break:normal;word-spacing:normal;word-wrap:break-word;white-space:normal;line-break:auto;font-size:0.7875rem}.q-popover__header{padding:0.5rem 1rem;margin:0;font-size:0.9rem;background-color:rgb(var(--q-theme-on-background-rgb)/0.04);border-bottom:1px solid var(--q-overlay-border-color);border-top-left-radius:inherit;border-top-right-radius:inherit}.q-popover__body{padding:1rem}.q-popover.q-overlay--bottom .q-overlay__arrow:after{border-bottom-color:rgb(var(--q-theme-on-background-rgb)/0.04)}.q-spinner-loader{display:flex;position:relative;width:1em;height:1em;font-size:48px;line-height:1;align-items:center;justify-content:center;color:var(--q-theme-primary)}.q-spinner-loader svg{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;animation:q-spin 2s linear infinite;transform-origin:center center}.q-spinner-loader .path{stroke-dasharray:1,250;stroke-dashoffset:0;animation:q-md-dash 1.5s ease-in-out infinite}@keyframes q-spin{0%{transform:rotate3d(0,0,1,0)}25%{transform:rotate3d(0,0,1,90deg)}50%{transform:rotate3d(0,0,1,180deg)}75%{transform:rotate3d(0,0,1,270deg)}to{transform:rotate3d(0,0,1,359deg)}}@keyframes q-md-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.q-tooltip .q-overlay__content{padding:0.5rem;text-align:center;font-style:normal;font-size:0.7875rem;font-weight:400;text-decoration:none;text-shadow:none;text-transform:none;line-height:1.5;line-break:auto;word-wrap:break-word;word-break:normal;word-spacing:normal;white-space:normal;letter-spacing:normal;max-width:200px}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:border-box;border:0 solid #dce3e8;outline-offset:1px}body{font-size:0.9rem}*{scrollbar-color:#ccc #f1f1f1;scrollbar-width:thin}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:0.25rem}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:0.25rem}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity 0.2s}.q-btn{--box-shadow-tint:0 0 0;position:relative;display:flex;flex-direction:row;align-items:center;padding:0.4rem;border-width:1px;background-color:transparent;color:var(--q-theme-on-background);user-select:none;-webkit-user-select:none;-moz-user-select:none;border-radius:0.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:0.15s;line-height:15px}.q-btn:hover:not(:disabled){cursor:pointer}.q-btn:focus{outline:2px solid rgb(var(--q-theme-primary-rgb)/0.25);z-index:3}.q-btn:focus:not(:focus-visible){outline:0;box-shadow:none}.q-btn__content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:0.9rem;white-space:nowrap;gap:0.25rem;pointer-events:none;line-height:15px;min-width:15px}.q-btn .e-icon__svg{padding:0;margin:0;fill:currentColor;width:15px;height:15px}.q-btn .q-spinner-loader{color:currentColor}.q-btn--active{z-index:2;background-color:var(--q-theme-primary-light)}.q-btn:disabled{opacity:0.6}.q-btn--loading{cursor:progress}.q-btn--loading span{visibility:hidden}.q-btn--primary{--box-shadow-tint:var(--q-theme-primary-rgb);background-color:var(--q-theme-primary);border-color:var(--q-theme-primary);color:var(--q-theme-on-primary)}.q-btn--primary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark)}.q-btn--secondary{--box-shadow-tint:var(--q-theme-primary-rgb);border-color:currentColor;color:var(--q-theme-primary)}.q-btn--secondary:hover:not(:disabled){background-color:var(--q-theme-primary-dark);border-color:var(--q-theme-primary-dark);color:var(--q-theme-on-primary)}.q-btn--tertiary{--box-shadow-tint:var(--q-theme-primary-rgb);background-color:transparent;border-color:transparent;color:var(--q-theme-primary)}.q-btn--tertiary:focus:not(:disabled),.q-btn--tertiary:hover:not(:disabled){color:var(--q-theme-primary-dark)}.q-btn--danger{--outline-color:var(--q-theme-danger-light);--box-shadow-tint:var(--q-theme-danger-rgb);background-color:var(--q-theme-danger);border-color:var(--q-theme-danger);color:var(--q-theme-on-danger)}.q-btn--danger:hover:not(:disabled){background-color:var(--q-theme-danger-dark);border-color:var(--q-theme-danger-dark)}.q-btn--plain:hover:not(:disabled){background-color:rgb(var(--q-theme-on-background-rgb)/0.1)}.q-btn--small{padding:0.25rem;line-height:14px}.q-btn--small span{font-size:0.75rem;line-height:14px}.q-btn--small .e-icon__svg{width:14px;height:14px}.q-btn--borderless{border-color:transparent!important}.q-btn--elevated{box-shadow:0px 2px 4px -1px rgb(var(--box-shadow-tint)/0.2),0px 4px 5px 0px rgb(var(--box-shadow-tint)/0.14),0px 1px 10px 0px rgb(var(--box-shadow-tint)/0.12)}.q-btn--block{display:block;width:100%;padding:0.5rem}.q-btn--block span{gap:0.5rem}.q-btn--block+.q-btn--block{margin-top:0.5rem}.q-btn__spinner{position:absolute;left:50%;transform:translateX(-50%)}.q-btn-group{position:relative;display:inline-flex;border-radius:0.25rem}.q-btn-group--elevated{box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12)}.q-btn-group>.q-btn{position:relative;flex:0 1 auto}.q-btn-group>.q-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.q-btn-group>.q-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.q-btn-group>.q-btn:hover{z-index:3}.q-icon{display:inline-block}.q-icon__svg{fill:currentColor;width:1em;height:1em}.q-input{display:flex;align-items:center;height:2.25rem;width:100%;border-radius:0.375rem;border-width:1px;background-color:transparent;padding:0.26rem 0.25rem;font-size:0.9rem;line-height:1.5rem;transition:color var(--transition-duration) var(--transition-timing-function)}.q-input:focus-within{outline:2px solid rgb(var(--q-theme-primary-rgb)/0.25)}.q-input__append,.q-input__prepend{display:flex;align-items:center}.q-input__append{margin-left:auto}.q-input--readonly{background-color:#eaebec}.q-input--disabled{cursor:not-allowed;opacity:0.5}.q-input--mini{width:4.35rem}.q-input--small{width:6.525rem}.q-input--medium{width:10.875rem}.q-input--large{width:15.225rem}.q-input--x-large{width:19.575rem}.q-input--xx-large{width:36.975rem}.q-input--block{width:100%}.q-line-loader{width:100%;height:2px;display:inline-block;position:relative;background:transparent;overflow:hidden}.q-line-loader:after{content:"";min-width:33%;height:2px;background:linear-gradient(to right,#edebe9 0%,var(--q-theme-primary) 50%,#edebe9 100%);position:absolute;top:0;left:0;box-sizing:border-box;animation:q-move 2s linear infinite}@keyframes q-move{0%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0%)}}.q-list{display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-overflow-scrolling:touch;width:100%;border-radius:0.25rem}.q-list:focus-visible{outline:2px solid rgb(var(--q-theme-primary-rgb)/0.25)}.q-list-item-group{display:flex;flex-direction:column;align-items:center;gap:1px;list-style:none;padding:0;margin:0;width:inherit}.q-list-item-group__title{color:rgb(var(--q-theme-on-background-rgb)/0.62);padding:5px 6px;line-height:15px;width:inherit}.q-list-item-group+.q-list-item-group{padding-top:0.25rem;margin-top:0.25rem;border-top-width:1px}.q-list-item{display:flex;gap:0.25rem;align-items:center;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none;width:inherit;cursor:pointer;border-radius:0.25rem;outline:none}.q-list-item--disabled{cursor:not-allowed;pointer-events:none;opacity:0.5}.q-list-item--highlighted,.q-list-item:focus-visible,.q-list-item:hover{background-color:var(--q-theme-primary-light)}.q-list-item--selected{background-color:rgb(var(--q-theme-primary-rgb)/0.24)}.q-list-item--selected--highlighted,.q-list-item--selected:focus-visible,.q-list-item--selected:hover{background-color:rgb(var(--q-theme-primary-rgb)/0.39)}.q-list-item em{font-style:normal;text-decoration:underline}.q-list-item__check{margin-left:auto}.q-list-item+.q-list-item{margin-top:1px}.q-overlay{--q-overlay-bg:var(--q-theme-background);--q-overlay-color:var(--q-theme-on-background);--q-overlay-border-color:rgb(var(--q-theme-on-background-rgb)/0.1);position:absolute;z-index:1070}.q-overlay__content{display:block;position:relative;width:100%;background-color:var(--q-overlay-bg);color:var(--q-overlay-color);background-clip:padding-box;border:1px solid var(--q-overlay-border-color);border-radius:0.25rem;box-shadow:0 0 transparent,0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.q-overlay__arrow{position:absolute;display:block;width:1rem;height:0.5rem}.q-overlay__arrow:after,.q-overlay__arrow:before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.q-overlay--top .q-overlay__arrow{left:calc(50% - 0.5rem);bottom:calc(-0.5rem - 1px)}.q-overlay--top .q-overlay__arrow:after,.q-overlay--top .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0}.q-overlay--top .q-overlay__arrow:before{bottom:0;border-top-color:var(--q-overlay-border-color)}.q-overlay--top .q-overlay__arrow:after{bottom:1px;border-top-color:var(--q-overlay-bg)}.q-overlay--bottom .q-overlay__arrow{top:calc(-0.5rem - 1px);left:calc(50% - 0.5rem)}.q-overlay--bottom .q-overlay__arrow:after,.q-overlay--bottom .q-overlay__arrow:before{border-width:0 0.5rem 0.5rem}.q-overlay--bottom .q-overlay__arrow:before{top:0;border-bottom-color:var(--q-overlay-border-color)}.q-overlay--bottom .q-overlay__arrow:after{top:1px;border-bottom-color:var(--q-overlay-bg)}.q-overlay--left .q-overlay__arrow{top:calc(50% - 0.5rem);right:-0.5rem;width:0.5rem;height:1rem}.q-overlay--left .q-overlay__arrow:after,.q-overlay--left .q-overlay__arrow:before{border-width:0.5rem 0 0.5rem 0.5rem}.q-overlay--left .q-overlay__arrow:before{right:0;border-left-color:var(--q-overlay-border-color)}.q-overlay--left .q-overlay__arrow:after{right:1px;border-left-color:var(--q-overlay-bg)}.q-overlay--right .q-overlay__arrow{top:calc(50% - 0.5rem);left:-0.5rem;width:0.5rem;height:1rem}.q-overlay--right .q-overlay__arrow:after,.q-overlay--right .q-overlay__arrow:before{border-width:0.5rem 0.5rem 0.5rem 0}.q-overlay--right .q-overlay__arrow:before{left:0;border-right-color:var(--q-overlay-border-color)}.q-overlay--right .q-overlay__arrow:after{left:1px;border-right-color:var(--q-overlay-bg)}.q-overlay--inverted{--q-overlay-bg:var(--q-theme-on-background);--q-overlay-color:var(--q-theme-background);--q-overlay-border-color:transparent}.q-popover .q-overlay__content{z-index:1070;position:relative;max-width:276px;line-height:1.5;word-break:normal;word-spacing:normal;word-wrap:break-word;white-space:normal;line-break:auto;font-size:0.7875rem}.q-popover__header{padding:0.5rem 1rem;margin:0;font-size:0.9rem;background-color:rgb(var(--q-theme-on-background-rgb)/0.04);border-bottom:1px solid var(--q-overlay-border-color);border-top-left-radius:inherit;border-top-right-radius:inherit}.q-popover__body{padding:1rem}.q-popover.q-overlay--bottom .q-overlay__arrow:after{border-bottom-color:rgb(var(--q-theme-on-background-rgb)/0.04)}.q-select:not(.q-select--readonly){background-color:transparent}.q-select:not(.q-select--readonly):not(.q-select--disabled){cursor:pointer}.q-select__placeholder{font-style:italic;color:rgb(var(--q-theme-on-background-rgb)/0.5)}.q-select--expanded .q-select__chevron{transform:rotate(-180deg)}.q-select .q-input__prepend{padding-left:6px;padding-right:0.25rem}.q-select__chevron,.q-select__clear,.q-select__search-icon{opacity:0.5}.q-select__chevron:hover,.q-select__clear:hover{opacity:1}.q-select__chevron{transition:all 0.2s}.q-select__body{display:flex;flex-direction:column;align-items:center;gap:0.25rem;width:100%;padding:0.25rem 0}.q-select__body .q-list-item,.q-select__search{width:calc(100% - 0.5rem)}.q-select__search:focus-within{outline:none}.q-select__items{max-height:240px}.q-select__empty,.q-select__loader{margin:1rem 0}.q-spinner-loader{display:flex;position:relative;width:1em;height:1em;font-size:48px;line-height:1;align-items:center;justify-content:center;color:var(--q-theme-primary)}.q-spinner-loader svg{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;animation:q-spin 2s linear infinite;transform-origin:center center}.q-spinner-loader .path{stroke-dasharray:1,250;stroke-dashoffset:0;animation:q-md-dash 1.5s ease-in-out infinite}@keyframes q-spin{0%{transform:rotate3d(0,0,1,0)}25%{transform:rotate3d(0,0,1,90deg)}50%{transform:rotate3d(0,0,1,180deg)}75%{transform:rotate3d(0,0,1,270deg)}to{transform:rotate3d(0,0,1,359deg)}}@keyframes q-md-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.q-tooltip .q-overlay__content{padding:0.5rem;text-align:center;font-style:normal;font-size:0.7875rem;font-weight:400;text-decoration:none;text-shadow:none;text-transform:none;line-height:1.5;line-break:auto;word-wrap:break-word;word-break:normal;word-spacing:normal;white-space:normal;letter-spacing:normal;max-width:200px}

package/lib/styles/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quid UI Framework v0.3.2
+ * Quid UI Framework v0.4.0
  * (c) 2023 Quidgest - Consultores de Gestão, SA
  */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -167,18 +167,6 @@ template {
 [hidden] {
 	display: none;
 }
-.fade-enter-from,
-.fade-leave-to {
-	opacity: 0;
-}
-.fade-enter-to,
-.fade-leave-from {
-	opacity: 1;
-}
-.fade-enter-active,
-.fade-leave-active {
-	transition: opacity 0.15s ease-in-out;
-}
 $border-radius: 0.25rem !default;
 $compact: true !default;
 $space-base: 0.25rem !default;
@@ -232,6 +220,15 @@ $spaces: (
 	'lg': $space-lg,
 	'xl': $space-xl
 ) !default;
+$shadow-sm:
+	0 0 #0000,
+	0 0 #0000,
+	0 1px 2px 0 rgba(0, 0, 0, 0.05);
+$shadow-md:
+	0 0 #0000,
+	0 0 #0000,
+	0 4px 6px -1px rgba(0, 0, 0, 0.1),
+	0 2px 4px -2px rgba(0, 0, 0, 0.1);
 $breakpoint-xs: 599px !default;
 $breakpoint-sm: 1023px !default;
 $breakpoint-md: 1439px !default;
@@ -244,6 +241,50 @@ $font-weight-regular: 400;
 $font-weight-italic: 400;
 $font-weight-bold: 700;
 $font-weight-black: 900;
+$border: #dce3e8;
+$outline-width: 2px;
+$outline-style: solid;
+$outline-color: rgb(var(--q-theme-primary-rgb) / 0.25);
+$outline: $outline-width $outline-style $outline-color;
+*,
+:after,
+:before {
+	box-sizing: border-box;
+	border: 0 solid $border;
+	outline-offset: 1px;
+}
+body {
+	font-size: $font-size-base;
+}
+* {
+	
+	&::-webkit-scrollbar {
+		width: 7px;
+	}
+	&::-webkit-scrollbar-thumb {
+		background-color: #ccc;
+		border-radius: $border-radius;
+	}
+	&::-webkit-scrollbar-track {
+		background-color: #f1f1f1;
+		border-radius: $border-radius;
+	}
+	
+	scrollbar-color: #ccc #f1f1f1;
+	scrollbar-width: thin;
+}
+.fade-enter-from,
+.fade-leave-to {
+	opacity: 0;
+}
+.fade-enter-to,
+.fade-leave-from {
+	opacity: 1;
+}
+.fade-enter-active,
+.fade-leave-active {
+	transition: opacity 0.2s;
+}
 $btn-bg-primary: var(--q-theme-primary);
 $btn-color-primary: var(--q-theme-on-primary);
 $btn-hover-bg-primary: var(--q-theme-primary-dark);
@@ -253,18 +294,20 @@ $btn-color-tertiary: var(--q-theme-primary);
 $btn-bg-danger: var(--q-theme-danger);
 $btn-color-danger: var(--q-theme-on-danger);
 $btn-hover-bg-danger: var(--q-theme-danger-dark);
+$btn-hover-bg-plain: rgb(var(--q-theme-on-background-rgb) / 0.1);
 $btn-bg-active: var(--q-theme-primary-light);
 $btn-outline: var(--q-theme-primary-light);
 .q-btn {
 	$this: &;
-	--outline-color: var(--q-theme-primary);
+	--box-shadow-tint: 0 0 0;
 	position: relative;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	padding: 0.4rem;
-	border: thin solid;
+	border-width: 1px;
 	background-color: transparent;
+	color: var(--q-theme-on-background);
 	user-select: none;
 	-webkit-user-select: none;
 	-moz-user-select: none;
@@ -272,7 +315,6 @@ $btn-outline: var(--q-theme-primary-light);
 	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
 	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 	transition-duration: 0.15s;
-	outline-offset: 1px;
 	@if $compact {
 		line-height: 15px;
 	} @else {
@@ -282,7 +324,7 @@ $btn-outline: var(--q-theme-primary-light);
 		cursor: pointer;
 	}
 	&:focus {
-		outline: 2px solid var(--outline-color);
+		outline: $outline;
 		z-index: 3;
 		&:not(:focus-visible) {
 			outline: 0;
@@ -338,6 +380,7 @@ $btn-outline: var(--q-theme-primary-light);
 	}
 	
 	&--primary {
+		--box-shadow-tint: var(--q-theme-primary-rgb);
 		background-color: $btn-bg-primary;
 		border-color: $btn-bg-primary;
 		color: $btn-color-primary;
@@ -347,6 +390,7 @@ $btn-outline: var(--q-theme-primary-light);
 		}
 	}
 	&--secondary {
+		--box-shadow-tint: var(--q-theme-primary-rgb);
 		border-color: currentColor;
 		color: $btn-color-secondary;
 		&:hover:not(:disabled) {
@@ -356,6 +400,7 @@ $btn-outline: var(--q-theme-primary-light);
 		}
 	}
 	&--tertiary {
+		--box-shadow-tint: var(--q-theme-primary-rgb);
 		background-color: transparent;
 		border-color: transparent;
 		color: $btn-color-tertiary;
@@ -366,6 +411,7 @@ $btn-outline: var(--q-theme-primary-light);
 	}
 	&--danger {
 		--outline-color: var(--q-theme-danger-light);
+		--box-shadow-tint: var(--q-theme-danger-rgb);
 		background-color: $btn-bg-danger;
 		border-color: $btn-bg-danger;
 		color: $btn-color-danger;
@@ -374,6 +420,11 @@ $btn-outline: var(--q-theme-primary-light);
 			border-color: $btn-hover-bg-danger;
 		}
 	}
+	&--plain {
+		&:hover:not(:disabled) {
+			background-color: $btn-hover-bg-plain;
+		}
+	}
 	
 	&--small {
 		padding: 0.25rem;
@@ -393,9 +444,9 @@ $btn-outline: var(--q-theme-primary-light);
 	}
 	&--elevated {
 		box-shadow:
-			0px 2px 4px -1px rgba(0, 0, 0, 0.2),
-			0px 4px 5px 0px rgba(0, 0, 0, 0.14),
-			0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+			0px 2px 4px -1px rgb(var(--box-shadow-tint) / 0.2),
+			0px 4px 5px 0px rgb(var(--box-shadow-tint) / 0.14),
+			0px 1px 10px 0px rgb(var(--box-shadow-tint) / 0.12);
 	}
 	
 	&--block {
@@ -451,6 +502,62 @@ $btn-outline: var(--q-theme-primary-light);
 		height: 1em;
 	}
 }
+$input-padding-y: 0.26rem;
+$input-padding-x: 0.25rem;
+.q-input {
+	display: flex;
+	align-items: center;
+	height: 2.25rem;
+	width: 100%;
+	border-radius: 0.375rem;
+	border-width: 1px;
+	background-color: transparent;
+	padding: $input-padding-y $input-padding-x;
+	font-size: 0.9rem;
+	line-height: 1.5rem;
+	transition: color var(--transition-duration) var(--transition-timing-function);
+	&:focus-within {
+		outline: $outline;
+	}
+	&__prepend,
+	&__append {
+		display: flex;
+		align-items: center;
+	}
+	&__append {
+		margin-left: auto;
+	}
+	
+	&--readonly {
+		background-color: #eaebec;
+	}
+	&--disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+	}
+	
+	&--mini {
+		width: 4.35rem;
+	}
+	&--small {
+		width: 6.525rem;
+	}
+	&--medium {
+		width: 10.875rem;
+	}
+	&--large {
+		width: 15.225rem;
+	}
+	&--x-large {
+		width: 19.575rem;
+	}
+	&--xx-large {
+		width: 36.975rem;
+	}
+	&--block {
+		width: 100%;
+	}
+}
 $line-color: var(--q-theme-primary);
 .q-line-loader {
 	width: 100%;
@@ -490,6 +597,86 @@ $line-color: var(--q-theme-primary);
 		transform: translateX(0%);
 	}
 }
+.q-list {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	position: relative;
+	overflow-x: hidden;
+	overflow-y: auto;
+	margin: 0;
+	padding: 0;
+	-webkit-overflow-scrolling: touch;
+	width: 100%;
+	border-radius: $border-radius;
+	&:focus-visible {
+		outline: $outline;
+	}
+}
+.q-list-item-group {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 1px;
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	width: inherit;
+	&__title {
+		color: rgb(var(--q-theme-on-background-rgb) / 0.62);
+		padding: 5px 6px;
+		line-height: 15px;
+		width: inherit;
+	}
+	& + & {
+		padding-top: $space-base;
+		margin-top: $space-base;
+		border-top-width: 1px;
+	}
+}
+.q-list-item {
+	$this: &;
+	display: flex;
+	gap: 0.25rem;
+	align-items: center;
+	padding: 5px 6px;
+	list-style: none;
+	line-height: 15px;
+	word-wrap: break-word;
+	-webkit-touch-callout: none;
+	width: inherit;
+	cursor: pointer;
+	border-radius: $border-radius;
+	outline: none;
+	&--disabled {
+		cursor: not-allowed;
+		pointer-events: none;
+		opacity: 0.5;
+	}
+	&:hover,
+	&:focus-visible,
+	&--highlighted {
+		background-color: var(--q-theme-primary-light);
+	}
+	&--selected {
+		background-color: rgb(var(--q-theme-primary-rgb) / 0.24);
+		&:hover,
+		&:focus-visible,
+		&--highlighted {
+			background-color: rgb(var(--q-theme-primary-rgb) / 0.39);
+		}
+	}
+	em {
+		font-style: normal;
+		text-decoration: underline;
+	}
+	&__check {
+		margin-left: auto;
+	}
+	& + & {
+		margin-top: 1px;
+	}
+}
 $overlay-border-width: 1px;
 $overlay-arrow-width: 1rem;
 $overlay-arrow-height: 0.5rem;
@@ -499,12 +686,11 @@ $overlay-arrow-height: 0.5rem;
 	--q-overlay-color: var(--q-theme-on-background);
 	--q-overlay-border-color: rgb(var(--q-theme-on-background-rgb) / 0.1);
 	position: absolute;
+	z-index: 1070;
 	&__content {
 		display: block;
 		position: relative;
-		transform: translateX(-50%);
-		width: max-content;
-		z-index: 1070;
+		width: 100%;
 		background-color: var(--q-overlay-bg);
 		color: var(--q-overlay-color);
 		background-clip: padding-box;
@@ -648,6 +834,67 @@ $popover-header-bg: rgb(var(--q-theme-on-background-rgb) / 0.04);
 .q-popover.q-overlay--bottom .q-overlay__arrow::after {
 	border-bottom-color: $popover-header-bg;
 }
+.q-select {
+	$this: &;
+	&:not(#{$this}--readonly) {
+		background-color: transparent;
+	}
+	&:not(#{$this}--readonly):not(#{$this}--disabled) {
+		cursor: pointer;
+	}
+	&__placeholder {
+		font-style: italic;
+		color: rgb(var(--q-theme-on-background-rgb) / 0.5);
+	}
+	&--expanded {
+		#{$this}__chevron {
+			transform: rotate(-180deg);
+		}
+	}
+	
+	.q-input__prepend {
+		padding-left: 6px;
+		padding-right: $space-base;
+	}
+}
+.q-select__clear,
+.q-select__chevron,
+.q-select__search-icon {
+	opacity: 0.5;
+}
+.q-select__clear,
+.q-select__chevron {
+	&:hover {
+		opacity: 1;
+	}
+}
+.q-select__chevron {
+	transition: all 0.2s;
+}
+.q-select__body {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: $space-base;
+	width: 100%;
+	padding: $space-base 0;
+	.q-list-item {
+		width: calc(100% - 2 * $space-base);
+	}
+}
+.q-select__search {
+	width: calc(100% - 2 * $space-base);
+	&:focus-within {
+		outline: none;
+	}
+}
+.q-select__items {
+	max-height: 240px;
+}
+.q-select__loader,
+.q-select__empty {
+	margin: calc(4 * $space-base) 0;
+}
 $spinner-color: var(--q-theme-primary);
 .q-spinner-loader {
 	display: flex;

package/lib/types/primitive.d.ts

@@ -0,0 +1,2 @@
+export type Primitive = string | number | boolean | symbol;
+//# sourceMappingURL=primitive.d.ts.map

package/lib/types/primitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../src/types/primitive.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@quidgest/ui",
   "private": false,
   "description": "Quidgest UI kit",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "author": {
     "name": "Quidgest"
   },
@@ -85,7 +85,7 @@
     "vue-tsc": "^1.8.15"
   },
   "peerDependencies": {
-    "vue": "^3.2.47"
+    "vue": "^3.3.4"
   },
   "eslintConfig": {
     "extends": [

package/lib/utils/getUid.d.ts

@@ -1,5 +0,0 @@
-export declare function getUid(): number;
-export declare namespace getUid {
-    var reset: () => void;
-}
-//# sourceMappingURL=getUid.d.ts.map

package/lib/utils/getUid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getUid.d.ts","sourceRoot":"","sources":["../../src/utils/getUid.ts"],"names":[],"mappings":"AASA,wBAAgB,MAAM,IAAI,MAAM,CAS/B;yBATe,MAAM"}