@vueland/ui 0.0.2 → 0.0.3

package/dist/css/lib.css

@@ -0,0 +1 @@
+.c-app{--app-background-color:var(--c-app-surface-color);display:flex}.c-app__wrapper{backface-visibility:hidden;background-color:var(--app-background-color);display:flex;flex:1 1 auto;flex-direction:column;max-width:100%;min-height:100vh;min-height:100dvh;position:relative}.c-app--block-scroll{bottom:0;left:var(--scroll-left);pointer-events:none;position:fixed;top:var(--scroll-top);width:100%}.c-btn{--btn-text-color:#fff;--btn-border-radius:var(--c-app-border-radius);--btn-bg-color:var(--c-app-primary-color);--btn-paddings:8px 12px;--btn-min-width:80px;--btn-width:auto;--btn-min-height:24px;--btn-height:auto;--btn-font-size:16px;align-items:center;border-radius:var(--btn-border-radius);color:var(--btn-text-color);display:inline-flex;font-size:var(--btn-font-size);height:var(--btn-height);justify-content:center;min-height:var(--btn-min-height);min-width:var(--btn-min-width);padding:var(--btn-paddings);position:relative;text-decoration:none;user-select:none;vertical-align:middle;width:var(--btn-width)}.c-btn__label{white-space:nowrap}.c-btn:disabled{background-color:#bdbdbd!important;color:#eee!important;cursor:not-allowed;pointer-events:none}.c-btn--flat{background-color:var(--btn-bg-color);color:currentColor}.c-btn--outlined{background-color:transparent;border:1px solid;color:currentColor}.c-btn--outlined:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.c-btn--block,.c-form{width:100%}:root{--c-app-primary-color:#1976d2;--c-app-on-primary-color:#fff;--c-app-secondary-color:#1565c0;--c-app-success-color:#4caf50;--c-app-error-color:#e53935;--c-app-warning-color:#ff9800;--c-app-info-color:#039be5;--c-app-accent-color:#76ff03;--c-app-background-color:#f5f5f5;--c-app-surface-color:#fff;--c-app-surface-variant-color:#eee;--c-app-on-surface-color:#424242;--c-app-text-color:#424242;--c-app-text-secondary-color:#757575;--c-app-placeholder-color:#9e9e9e;--c-app-disabled-color:#bdbdbd;--c-app-disabled-bg-color:#eee;--c-app-disabled-opacity:0.5;--c-app-readonly-color:#1976d2;--c-app-readonly-bg-color:#f5f5f5;--c-app-focus-color:#1976d2;--c-app-error-bg-color:#ffebee;--c-app-hover-color:rgba(0,0,0,.06);--c-app-overlay-color:rgba(0,0,0,.5);--c-app-shadow-color:rgba(0,0,0,.15);--c-app-border-color:#e0e0e0;--c-app-border-radius:8px}[data-theme=dark]{--c-app-primary-color:#90caf9;--c-app-on-primary-color:#212121;--c-app-secondary-color:#64b5f6;--c-app-success-color:#81c784;--c-app-error-color:#e57373;--c-app-warning-color:#ffb74d;--c-app-info-color:#4fc3f7;--c-app-background-color:#212121;--c-app-surface-color:#1e1e1e;--c-app-surface-variant-color:#2a2a2a;--c-app-on-surface-color:#e0e0e0;--c-app-text-color:#e0e0e0;--c-app-text-secondary-color:#9e9e9e;--c-app-placeholder-color:#757575;--c-app-disabled-color:#616161;--c-app-disabled-bg-color:#2a2a2a;--c-app-disabled-opacity:0.4;--c-app-readonly-color:#90caf9;--c-app-readonly-bg-color:#2a2a2a;--c-app-focus-color:#90caf9;--c-app-error-bg-color:rgba(#F44336,.12);--c-app-hover-color:hsla(0,0%,100%,.08);--c-app-overlay-color:rgba(0,0,0,.7);--c-app-shadow-color:rgba(0,0,0,.4);--c-app-border-color:#616161}.c-input{--c-input-field-border-radius:var(--c-app-border-radius);--c-input-details-height:24px;--c-input-clear-action-min-width:24px;--c-input-field-text-color:var(--c-app-text-color);--c-input-error-color:var(--c-app-error-color);--c-input-primary-color:var(--c-app-primary-color);--c-input-background-color:var(--c-app-surface-color);--c-input-disabled-color:var(--c-app-disabled-color);background-color:var(--c-input-background-color);border-radius:var(--c-app-border-radius);color:currentColor;display:flex;flex:1 1 auto;flex-direction:column;position:relative;transition:color .2s cubic-bezier(.25,.8,.5,1)}.c-input--focused .c-input__field{border-color:currentColor}.c-input--default{color:var(--c-input-primary-color)}.c-input--has-error{color:var(--c-input-error-color)}.c-input--disabled{color:var(--c-input-disabled-color);pointer-events:none}.c-input__field{display:flex}.c-input__details{align-items:center;background-color:transparent;display:flex;height:var(--c-input-details-height);justify-content:start}.c-toolbar{--toolbar-height:60px;--toolbar-logo-width:auto;--toolbar-background-color:var(--c-app-surface-color);--toolbar-logo-padding:0 10px;background-color:var(--toolbar-background-color);display:flex;height:var(--toolbar-height);width:100%}.c-toolbar-logo{align-items:center;display:flex;justify-content:center;padding:var(--toolbar-logo-padding);width:var(--toolbar-logo-width)}.c-toolbar--fixed{left:0;position:fixed;right:0;top:0;z-index:1}.c-list{--list-bg-color:var(--c-app-surface-color)}.c-list--readonly{pointer-events:none}.c-list-item{--list-item-height:36px;align-items:center;color:currentColor;cursor:pointer;display:flex;height:var(--list-item-height);justify-content:start;position:relative}.c-list-item:before{background:rgba(0,0,0,.1);bottom:0;content:"";display:block;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}.c-list-item--active:before,.c-list-item--focused:before,.c-list-item:hover:before{opacity:1}.c-list-item-title{padding:0 8px}.c-menu{--menu-bg-color:var(--c-app-surface-color);--menu-text-color:var(--c-app-text-color);--menu-border-radius:var(--c-app-border-radius);--menu-max-height:100%;background-color:var(--menu-bg-color);border-radius:var(--menu-border-radius);box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);color:var(--menu-text-color);max-height:var(--menu-max-height);outline:none;overflow:hidden;position:absolute;width:auto}.c-menu__content{height:inherit;max-height:inherit;max-width:inherit;overflow-x:hidden;overflow-y:auto;width:inherit}.c-text-field{cursor:text;flex:1 1}.c-select{flex:1 1}.c-select>.c-field>.c-field__append{transition:transform .1s linear}.c-select>.c-field--focused>.c-field__append{transform:rotate(180deg)}.c-tooltip{background:var(--c-app-surface-color);color:var(--c-app-text-color);padding:6px 12px}.c-autocomplete{cursor:text;flex:1 1 auto;max-height:100%;min-width:0;position:relative}.c-autocomplete__box{align-items:center;column-gap:2px;cursor:text;display:flex;flex-wrap:wrap;height:100%;justify-content:flex-start}.c-autocomplete-item{align-items:center;display:inline-flex;flex:0 1 auto;justify-content:center;max-width:100%}.c-autocomplete>.c-field>.c-field__append{transition:transform .1s linear}.c-autocomplete>.c-field--focused>.c-field__append{transform:rotate(180deg)}.c-field{--c-field-border-color:var(--c-app-border-color);--c-field-disabled-opacity:var(--c-app-disabled-opacity);--c-field-readonly-bg-color:var(--c-app-readonly-bg-color);--c-field-prepend-min-width:40px;--c-field-append-min-width:24px;--c-field-min-height:40px;align-items:center;background-color:var(--c-app-surface-color);border-radius:var(--c-app-border-radius);display:flex;isolation:isolate;min-height:var(--c-field-min-height);padding:1px 8px;position:relative;transition:color .2s cubic-bezier(.25,.8,.5,1),opacity .2s cubic-bezier(.25,.8,.5,1)}.c-field__outline{align-items:stretch;border-radius:inherit;display:flex;inset:0;pointer-events:none;position:absolute;z-index:-1}.c-field__outline-end,.c-field__outline-notch,.c-field__outline-start{border:0 solid var(--c-field-border-color);transition:border-color .2s cubic-bezier(.25,.8,.5,1)}.c-field__outline-start{border-bottom-left-radius:inherit;border-bottom-width:thin;border-left-width:thin;border-top-left-radius:inherit;border-top-width:thin;flex:0 0 var(--c-app-border-radius)}.c-field__outline-notch{border-bottom-width:thin;border-top-width:thin;flex:0 1 auto}.c-field__outline-notch span{display:block;max-width:.01px;overflow:hidden;padding:0 3px;transform-origin:left center;transition:max-width .15s ease;visibility:hidden;white-space:nowrap}.c-field__outline-end{border-bottom-right-radius:inherit;border-bottom-width:thin;border-right-width:thin;border-top-right-radius:inherit;border-top-width:thin;flex:1 1 auto}.c-field__core{align-items:center;column-gap:3px;display:flex;flex:1 1;flex-wrap:wrap;min-height:40px;padding:5px 0;width:100%}.c-field__prepend{min-width:var(--c-field-prepend-min-width)}.c-field__clear,.c-field__prepend{align-items:center;display:flex;justify-content:center;min-height:var(--c-field-min-height)}.c-field__clear{cursor:pointer;width:24px}.c-field__append{align-items:center;display:flex;justify-content:center;min-height:var(--c-field-min-height);min-width:var(--c-field-append-min-width)}.c-field-label{left:var(--c-app-border-radius);line-height:.9;padding:0 3px;position:absolute;top:50%;transform:translateY(-50%);transition:top .2s cubic-bezier(.25,.8,.5,1),left .2s cubic-bezier(.25,.8,.5,1),transform .2s cubic-bezier(.25,.8,.5,1)}.c-field-input{color:var(--c-app-text-color);cursor:inherit;flex:1 1;min-width:20%;outline:none;width:100%}.c-field-input::placeholder{opacity:0}.c-field--focused .c-field-input::placeholder{opacity:1}.c-field--focused>.c-field__outline>.c-field__outline-end,.c-field--focused>.c-field__outline>.c-field__outline-notch,.c-field--focused>.c-field__outline>.c-field__outline-start{border-color:currentColor}.c-field--filled>.c-field__outline>.c-field__outline-notch,.c-field--focused>.c-field__outline>.c-field__outline-notch{border-top-width:0}.c-field--filled>.c-field__outline>.c-field__outline-notch span,.c-field--focused>.c-field__outline>.c-field__outline-notch span{max-width:100%}.c-field--filled>.c-field__core>.c-field-label,.c-field--focused>.c-field__core>.c-field-label{left:var(--c-app-border-radius);top:0;transform:translateY(-50%) scale(.8)}.c-field--filled .c-field-input::placeholder{opacity:0}.c-field--error>.c-field__outline>.c-field__outline-end,.c-field--error>.c-field__outline>.c-field__outline-notch,.c-field--error>.c-field__outline>.c-field__outline-start{border-color:currentColor}.c-field--disabled{cursor:not-allowed;opacity:var(--c-field-disabled-opacity);pointer-events:none}.c-field--readonly>.c-field__outline>.c-field__outline-end,.c-field--readonly>.c-field__outline>.c-field__outline-notch,.c-field--readonly>.c-field__outline>.c-field__outline-start{background-color:var(--c-field-readonly-bg-color)}.c-field--has-prepend{padding-left:0}.c-field--has-prepend>.c-field__core>.c-field-label{left:var(--c-field-prepend-min-width)}.c-field--has-prepend>.c-field__core>.c-field-input{padding-right:8px}.c-field--has-prepend.c-field--filled>.c-field__core>.c-field-label,.c-field--has-prepend.c-field--focused>.c-field__core>.c-field-label{left:var(--c-app-border-radius);top:0;transform:translateY(-50%) scale(.8)}.c-card{--card-width:100%;--card-header-padding:16px;--card-body-padding:16px;--card-footer-padding:16px;--card-border-radius:8px;--card-background-color:var(--c-app-surface-color);--card-text-color:var(--c-app-text-color);background-color:var(--card-background-color);border-radius:var(--card-border-radius);color:var(--card-text-color);display:flex;flex-direction:column;overflow:hidden;width:var(--card-width)}.c-card-header{flex-grow:0;padding:var(--card-header-padding)}.c-card-body{padding:var(--card-body-padding)}.c-card-footer{flex-grow:0;padding:var(--card-footer-padding)}.c-main{flex:1 0 auto;max-width:100%}.c-row{display:flex;flex-wrap:wrap;margin-left:-.2083333333px;margin-right:-.2083333333px}.c-row.no-gutter{margin-left:0;margin-right:0}.c-row.no-gutter>.c-col{padding-left:0;padding-right:0}.c-col{padding-left:.2083333333px;padding-right:.2083333333px;position:relative;width:100%}.c-spacer{flex-grow:1!important}.c-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.offset-1{margin-left:8.3333333333%}.c-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.offset-2{margin-left:16.6666666667%}.c-col-3{flex:0 0 25%;max-width:25%}.offset-3{margin-left:25%}.c-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.offset-4{margin-left:33.3333333333%}.c-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.offset-5{margin-left:41.6666666667%}.c-col-6{flex:0 0 50%;max-width:50%}.offset-6{margin-left:50%}.c-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.offset-7{margin-left:58.3333333333%}.c-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.offset-8{margin-left:66.6666666667%}.c-col-9{flex:0 0 75%;max-width:75%}.offset-9{margin-left:75%}.c-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.offset-10{margin-left:83.3333333333%}.c-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.offset-11{margin-left:91.6666666667%}.c-col-12{flex:0 0 100%;max-width:100%}.offset-12{margin-left:100%}.c-col.xs-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xs\:offset-1{margin-left:8.3333333333%}.xs\:order-1{order:1}.c-col.xs-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xs\:offset-2{margin-left:16.6666666667%}.xs\:order-2{order:2}.c-col.xs-3{flex:0 0 25%;max-width:25%}.xs\:offset-3{margin-left:25%}.xs\:order-3{order:3}.c-col.xs-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xs\:offset-4{margin-left:33.3333333333%}.xs\:order-4{order:4}.c-col.xs-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xs\:offset-5{margin-left:41.6666666667%}.xs\:order-5{order:5}.c-col.xs-6{flex:0 0 50%;max-width:50%}.xs\:offset-6{margin-left:50%}.xs\:order-6{order:6}.c-col.xs-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.xs\:offset-7{margin-left:58.3333333333%}.xs\:order-7{order:7}.c-col.xs-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.xs\:offset-8{margin-left:66.6666666667%}.xs\:order-8{order:8}.c-col.xs-9{flex:0 0 75%;max-width:75%}.xs\:offset-9{margin-left:75%}.xs\:order-9{order:9}.c-col.xs-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.xs\:offset-10{margin-left:83.3333333333%}.xs\:order-10{order:10}.c-col.xs-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.xs\:offset-11{margin-left:91.6666666667%}.xs\:order-11{order:11}.c-col.xs-12{flex:0 0 100%;max-width:100%}.xs\:offset-12{margin-left:100%}.xs\:order-12{order:12}@media (min-width:600px){.c-row{margin-left:-.4166666667px;margin-right:-.4166666667px}.c-col{padding-left:.4166666667px;padding-right:.4166666667px}.c-col.sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.sm\:offset-1{margin-left:8.3333333333%}.sm\:order-1{order:1}.c-col.sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.sm\:offset-2{margin-left:16.6666666667%}.sm\:order-2{order:2}.c-col.sm-3{flex:0 0 25%;max-width:25%}.sm\:offset-3{margin-left:25%}.sm\:order-3{order:3}.c-col.sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.sm\:offset-4{margin-left:33.3333333333%}.sm\:order-4{order:4}.c-col.sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.sm\:offset-5{margin-left:41.6666666667%}.sm\:order-5{order:5}.c-col.sm-6{flex:0 0 50%;max-width:50%}.sm\:offset-6{margin-left:50%}.sm\:order-6{order:6}.c-col.sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.sm\:offset-7{margin-left:58.3333333333%}.sm\:order-7{order:7}.c-col.sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.sm\:offset-8{margin-left:66.6666666667%}.sm\:order-8{order:8}.c-col.sm-9{flex:0 0 75%;max-width:75%}.sm\:offset-9{margin-left:75%}.sm\:order-9{order:9}.c-col.sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.sm\:offset-10{margin-left:83.3333333333%}.sm\:order-10{order:10}.c-col.sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.sm\:offset-11{margin-left:91.6666666667%}.sm\:order-11{order:11}.c-col.sm-12{flex:0 0 100%;max-width:100%}.sm\:offset-12{margin-left:100%}.sm\:order-12{order:12}}@media (min-width:960px){.c-row{margin-left:-.8333333333px;margin-right:-.8333333333px}.c-col{padding-left:.8333333333px;padding-right:.8333333333px}.c-col.md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.md\:offset-1{margin-left:8.3333333333%}.md\:order-1{order:1}.c-col.md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.md\:offset-2{margin-left:16.6666666667%}.md\:order-2{order:2}.c-col.md-3{flex:0 0 25%;max-width:25%}.md\:offset-3{margin-left:25%}.md\:order-3{order:3}.c-col.md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.md\:offset-4{margin-left:33.3333333333%}.md\:order-4{order:4}.c-col.md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.md\:offset-5{margin-left:41.6666666667%}.md\:order-5{order:5}.c-col.md-6{flex:0 0 50%;max-width:50%}.md\:offset-6{margin-left:50%}.md\:order-6{order:6}.c-col.md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.md\:offset-7{margin-left:58.3333333333%}.md\:order-7{order:7}.c-col.md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.md\:offset-8{margin-left:66.6666666667%}.md\:order-8{order:8}.c-col.md-9{flex:0 0 75%;max-width:75%}.md\:offset-9{margin-left:75%}.md\:order-9{order:9}.c-col.md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.md\:offset-10{margin-left:83.3333333333%}.md\:order-10{order:10}.c-col.md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.md\:offset-11{margin-left:91.6666666667%}.md\:order-11{order:11}.c-col.md-12{flex:0 0 100%;max-width:100%}.md\:offset-12{margin-left:100%}.md\:order-12{order:12}}@media (min-width:1280px){.c-row{margin-left:-1.6666666667px;margin-right:-1.6666666667px}.c-col{padding-left:1.6666666667px;padding-right:1.6666666667px}.c-col.lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.lg\:offset-1{margin-left:8.3333333333%}.lg\:order-1{order:1}.c-col.lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.lg\:offset-2{margin-left:16.6666666667%}.lg\:order-2{order:2}.c-col.lg-3{flex:0 0 25%;max-width:25%}.lg\:offset-3{margin-left:25%}.lg\:order-3{order:3}.c-col.lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.lg\:offset-4{margin-left:33.3333333333%}.lg\:order-4{order:4}.c-col.lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.lg\:offset-5{margin-left:41.6666666667%}.lg\:order-5{order:5}.c-col.lg-6{flex:0 0 50%;max-width:50%}.lg\:offset-6{margin-left:50%}.lg\:order-6{order:6}.c-col.lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.lg\:offset-7{margin-left:58.3333333333%}.lg\:order-7{order:7}.c-col.lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.lg\:offset-8{margin-left:66.6666666667%}.lg\:order-8{order:8}.c-col.lg-9{flex:0 0 75%;max-width:75%}.lg\:offset-9{margin-left:75%}.lg\:order-9{order:9}.c-col.lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.lg\:offset-10{margin-left:83.3333333333%}.lg\:order-10{order:10}.c-col.lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.lg\:offset-11{margin-left:91.6666666667%}.lg\:order-11{order:11}.c-col.lg-12{flex:0 0 100%;max-width:100%}.lg\:offset-12{margin-left:100%}.lg\:order-12{order:12}}@media (min-width:1920px){.c-row{margin-left:-3.3333333333px;margin-right:-3.3333333333px}.c-col{padding-left:3.3333333333px;padding-right:3.3333333333px}.c-col.xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xl\:offset-1{margin-left:8.3333333333%}.xl\:order-1{order:1}.c-col.xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xl\:offset-2{margin-left:16.6666666667%}.xl\:order-2{order:2}.c-col.xl-3{flex:0 0 25%;max-width:25%}.xl\:offset-3{margin-left:25%}.xl\:order-3{order:3}.c-col.xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xl\:offset-4{margin-left:33.3333333333%}.xl\:order-4{order:4}.c-col.xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xl\:offset-5{margin-left:41.6666666667%}.xl\:order-5{order:5}.c-col.xl-6{flex:0 0 50%;max-width:50%}.xl\:offset-6{margin-left:50%}.xl\:order-6{order:6}.c-col.xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.xl\:offset-7{margin-left:58.3333333333%}.xl\:order-7{order:7}.c-col.xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.xl\:offset-8{margin-left:66.6666666667%}.xl\:order-8{order:8}.c-col.xl-9{flex:0 0 75%;max-width:75%}.xl\:offset-9{margin-left:75%}.xl\:order-9{order:9}.c-col.xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.xl\:offset-10{margin-left:83.3333333333%}.xl\:order-10{order:10}.c-col.xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.xl\:offset-11{margin-left:91.6666666667%}.xl\:order-11{order:11}.c-col.xl-12{flex:0 0 100%;max-width:100%}.xl\:offset-12{margin-left:100%}.xl\:order-12{order:12}}@media (min-width:2560px){.c-row{margin-left:-5px;margin-right:-5px}.c-col{padding-left:5px;padding-right:5px}.c-col.xxl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xxl\:offset-1{margin-left:8.3333333333%}.xxl\:order-1{order:1}.c-col.xxl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xxl\:offset-2{margin-left:16.6666666667%}.xxl\:order-2{order:2}.c-col.xxl-3{flex:0 0 25%;max-width:25%}.xxl\:offset-3{margin-left:25%}.xxl\:order-3{order:3}.c-col.xxl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xxl\:offset-4{margin-left:33.3333333333%}.xxl\:order-4{order:4}.c-col.xxl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xxl\:offset-5{margin-left:41.6666666667%}.xxl\:order-5{order:5}.c-col.xxl-6{flex:0 0 50%;max-width:50%}.xxl\:offset-6{margin-left:50%}.xxl\:order-6{order:6}.c-col.xxl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.xxl\:offset-7{margin-left:58.3333333333%}.xxl\:order-7{order:7}.c-col.xxl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.xxl\:offset-8{margin-left:66.6666666667%}.xxl\:order-8{order:8}.c-col.xxl-9{flex:0 0 75%;max-width:75%}.xxl\:offset-9{margin-left:75%}.xxl\:order-9{order:9}.c-col.xxl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.xxl\:offset-10{margin-left:83.3333333333%}.xxl\:order-10{order:10}.c-col.xxl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.xxl\:offset-11{margin-left:91.6666666667%}.xxl\:order-11{order:11}.c-col.xxl-12{flex:0 0 100%;max-width:100%}.xxl\:offset-12{margin-left:100%}.xxl\:order-12{order:12}}.c-icon{align-items:center;flex:0 0 auto;justify-content:center;line-height:1;vertical-align:middle}.c-icon,.c-icon--empty{display:inline-flex}.c-icon__component,.c-icon__svg{display:block;flex:0 0 auto;height:100%;width:100%}.c-dialog{align-items:center;display:flex;justify-content:center}.c-dialog,.c-scrim{bottom:0;left:0;position:fixed;right:0;top:0}.c-scrim--blurred{backdrop-filter:blur(10px)}.c-checkbox{align-items:center;cursor:pointer;display:flex;flex:1 1;justify-content:flex-start;outline:none;position:relative;user-select:none}.c-checkbox--checked>.c-checkbox__label,.c-checkbox--default>.c-checkbox__label,.c-checkbox--focused>.c-checkbox__label,.c-checkbox--readonly>.c-checkbox__label{color:var(--c-app-text-color)}.c-checkbox--disabled>.c-checkbox__label{color:currentColor}.c-checkbox--focused>.c-checkbox__icon:before{opacity:.2}.c-checkbox__icon{position:relative}.c-checkbox__icon:before{background-color:currentColor;border-radius:8px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.7)}.c-checkbox__label{color:currentColor;margin-left:8px;pointer-events:none}.c-checkbox--error{color:var(--c-app-error-color)}.c-checkbox--error>.c-checkbox__label{color:currentColor}.c-checkbox>input{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0}.c-radio{align-items:center;display:flex;justify-content:flex-start}.c-date-picker{--c-date-picker-width:320px;--c-date-picker-display-bg:var(--c-app-primary-color,#1976d2);--c-date-picker-display-color:#fff;--c-date-picker-cell-size:36px;--c-date-picker-selected-bg:#90caf9;--c-date-picker-selected-color:var(--c-app-primary-color,#1976d2);--c-date-picker-today-color:var(--c-app-primary-color,#1976d2);--c-date-picker-hover-bg:rgba(0,0,0,.06);--c-date-picker-hover-color:#757575;--c-date-picker-disabled-color:var(--c-app-disabled-color,#bdbdbd);--c-date-picker-highlighted-bg:rgba(25,118,210,.12);--c-date-picker-highlighted-color:var(--c-app-primary-color,#1976d2);background:var(--c-app-surface-color,#fff);border-radius:var(--c-app-border-radius,4px);overflow:hidden;user-select:none;width:var(--c-date-picker-width)}.c-date-picker__display{background:var(--c-date-picker-display-bg);color:var(--c-date-picker-display-color);display:flex;flex-direction:column;gap:2px;padding:16px 20px 12px}.c-date-picker__display-year{cursor:pointer;font-size:13px;opacity:.75}.c-date-picker__display-date{font-size:22px;font-weight:600;line-height:1.2}.c-date-picker__header{border-bottom:1px solid var(--c-app-border-color,#e5e5e5);display:flex;flex-direction:column}.c-date-picker__header-nav{align-items:center;display:flex;justify-content:space-between;padding:8px 4px 4px}.c-date-picker__header-btn{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s;width:36px}.c-date-picker__header-btn:hover{background:var(--c-date-picker-hover-bg)}.c-date-picker__header-btn--disabled,.c-date-picker__header-btn:disabled{cursor:default;opacity:.3;pointer-events:none}.c-date-picker__header-display{border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px;transition:background .15s}.c-date-picker__header-display:hover{background:var(--c-date-picker-hover-bg)}.c-date-picker__body{min-height:240px;padding:4px 8px 8px}.c-date-picker-dates__week{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.c-date-picker-dates__day{align-items:center;display:flex;font-size:11px;font-weight:600;height:32px;justify-content:center;opacity:.5;text-transform:uppercase}.c-date-picker-dates__dates{display:flex;flex-direction:column}.c-date-picker-dates__row{display:grid;grid-template-columns:repeat(7,1fr)}.c-date-picker-dates__cell{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:13px;height:var(--c-date-picker-cell-size);justify-content:center;margin:1px auto;transition:background .12s;width:var(--c-date-picker-cell-size)}.c-date-picker-dates__cell:hover{background:var(--c-date-picker-hover-bg);color:#171717}.c-date-picker-dates__cell:hover.c-date-picker--selected{color:var(--c-date-picker-selected-color)}.c-date-picker-dates__cell--empty{cursor:default;pointer-events:none}.c-date-picker-dates__cell--empty:hover{background:none}.c-date-picker-dates__cell--selected{border:thin solid var(--c-date-picker-selected-bg);color:var(--c-date-picker-selected-color);font-weight:600}.c-date-picker-dates__cell--today{color:var(--c-date-picker-today-color);font-weight:700}.c-date-picker-dates__cell--disabled{color:var(--c-date-picker-disabled-color);pointer-events:none;text-decoration:line-through}.c-date-picker-dates__cell--highlighted{background:var(--c-date-picker-highlighted-bg);color:var(--c-date-picker-highlighted-color);font-weight:600}.c-date-picker-months{padding:8px 0}.c-date-picker-months__row{display:grid;gap:4px;grid-template-columns:repeat(3,1fr);margin-bottom:4px}.c-date-picker-months__cell{align-items:center;border:1.5px solid transparent;border-radius:6px;cursor:pointer;display:flex;font-size:13px;height:52px;justify-content:center;transition:background .12s}.c-date-picker-months__cell:hover{background:var(--c-date-picker-hover-bg)}.c-date-picker-months__cell--selected{border-color:var(--c-date-picker-selected-bg);color:var(--c-date-picker-today-color);font-weight:600}.c-date-picker-months__cell--current{font-weight:600}.c-date-picker-months__cell--disabled{color:var(--c-date-picker-disabled-color);opacity:.4;pointer-events:none}.c-date-picker-years{padding:8px 0}.c-date-picker-years__grid{display:flex;flex-direction:column}.c-date-picker-years__row{display:grid;gap:4px;grid-template-columns:repeat(4,1fr);margin-bottom:4px}.c-date-picker-years__cell{align-items:center;border:1.5px solid transparent;border-radius:6px;cursor:pointer;display:flex;font-size:13px;height:44px;justify-content:center;transition:background .12s}.c-date-picker-years__cell:hover{background:var(--c-date-picker-hover-bg)}.c-date-picker-years__cell--selected{background:var(--c-date-picker-selected-bg);color:var(--c-date-picker-selected-color);font-weight:600}.c-date-picker-years__cell--current{border-color:var(--c-date-picker-selected-bg);color:var(--c-date-picker-today-color);font-weight:600}.c-date-picker-years__cell--disabled{color:var(--c-date-picker-disabled-color);opacity:.4;pointer-events:none}.c-date-slide-down-enter-active,.c-date-slide-down-leave-active,.c-date-slide-left-enter-active,.c-date-slide-left-leave-active,.c-date-slide-right-enter-active,.c-date-slide-right-leave-active,.c-date-slide-up-enter-active,.c-date-slide-up-leave-active{overflow:hidden;transition:all .2s cubic-bezier(.25,.8,.5,1)}.c-date-slide-left-enter-from{opacity:0;transform:translateX(20px)}.c-date-slide-left-leave-to,.c-date-slide-right-enter-from{opacity:0;transform:translateX(-20px)}.c-date-slide-right-leave-to{opacity:0;transform:translateX(20px)}.c-date-slide-up-enter-from{opacity:0;transform:translateY(12px)}.c-date-slide-down-enter-from,.c-date-slide-up-leave-to{opacity:0;transform:translateY(-12px)}.c-date-slide-down-leave-to{opacity:0;transform:translateY(12px)}.c-date-fade-enter-active,.c-date-fade-leave-active{transition:opacity .15s}.c-date-fade-enter-from,.c-date-fade-leave-to{opacity:0}.c-date-input{width:100%}.c-chip{align-items:center;background-color:var(--c-app-surface-color);border-radius:var(--c-app-border-radius);color:var(--c-app-text-color);display:inline-flex;overflow:hidden;padding:4px 8px}

package/dist/css/utils/_grid.css

@@ -0,0 +1 @@
+.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.grid-cols-none{grid-template-columns:none!important}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))!important}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))!important}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))!important}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))!important}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))!important}.grid-rows-none{grid-template-rows:none!important}.col-span-1{grid-column:span 1/span 1!important}.col-span-2{grid-column:span 2/span 2!important}.col-span-3{grid-column:span 3/span 3!important}.col-span-4{grid-column:span 4/span 4!important}.col-span-5{grid-column:span 5/span 5!important}.col-span-6{grid-column:span 6/span 6!important}.col-span-7{grid-column:span 7/span 7!important}.col-span-8{grid-column:span 8/span 8!important}.col-span-9{grid-column:span 9/span 9!important}.col-span-10{grid-column:span 10/span 10!important}.col-span-11{grid-column:span 11/span 11!important}.col-span-12{grid-column:span 12/span 12!important}.col-span-full{grid-column:1/-1!important}.row-span-1{grid-row:span 1/span 1!important}.row-span-2{grid-row:span 2/span 2!important}.row-span-3{grid-row:span 3/span 3!important}.row-span-4{grid-row:span 4/span 4!important}.row-span-5{grid-row:span 5/span 5!important}.row-span-6{grid-row:span 6/span 6!important}.row-span-full{grid-row:1/-1!important}.col-start-1{grid-column-start:1!important}.col-end-1{grid-column-end:1!important}.col-start-2{grid-column-start:2!important}.col-end-2{grid-column-end:2!important}.col-start-3{grid-column-start:3!important}.col-end-3{grid-column-end:3!important}.col-start-4{grid-column-start:4!important}.col-end-4{grid-column-end:4!important}.col-start-5{grid-column-start:5!important}.col-end-5{grid-column-end:5!important}.col-start-6{grid-column-start:6!important}.col-end-6{grid-column-end:6!important}.col-start-7{grid-column-start:7!important}.col-end-7{grid-column-end:7!important}.col-start-8{grid-column-start:8!important}.col-end-8{grid-column-end:8!important}.col-start-9{grid-column-start:9!important}.col-end-9{grid-column-end:9!important}.col-start-10{grid-column-start:10!important}.col-end-10{grid-column-end:10!important}.col-start-11{grid-column-start:11!important}.col-end-11{grid-column-end:11!important}.col-start-12{grid-column-start:12!important}.col-end-12{grid-column-end:12!important}.col-start-13{grid-column-start:13!important}.col-end-13{grid-column-end:13!important}.col-start-auto{grid-column-start:auto!important}.col-end-auto{grid-column-end:auto!important}.row-start-1{grid-row-start:1!important}.row-end-1{grid-row-end:1!important}.row-start-2{grid-row-start:2!important}.row-end-2{grid-row-end:2!important}.row-start-3{grid-row-start:3!important}.row-end-3{grid-row-end:3!important}.row-start-4{grid-row-start:4!important}.row-end-4{grid-row-end:4!important}.row-start-5{grid-row-start:5!important}.row-end-5{grid-row-end:5!important}.row-start-6{grid-row-start:6!important}.row-end-6{grid-row-end:6!important}.row-start-7{grid-row-start:7!important}.row-end-7{grid-row-end:7!important}.row-start-auto{grid-row-start:auto!important}.row-end-auto{grid-row-end:auto!important}.grid-flow-row{grid-auto-flow:row!important}.grid-flow-col{grid-auto-flow:column!important}.grid-flow-dense{grid-auto-flow:dense!important}.grid-flow-row-dense{grid-auto-flow:row dense!important}.grid-flow-col-dense{grid-auto-flow:column dense!important}.auto-cols-auto{grid-auto-columns:auto!important}.auto-cols-min{grid-auto-columns:min-content!important}.auto-cols-max{grid-auto-columns:max-content!important}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)!important}.auto-rows-auto{grid-auto-rows:auto!important}.auto-rows-min{grid-auto-rows:min-content!important}.auto-rows-max{grid-auto-rows:max-content!important}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)!important}.place-items-start{place-items:start!important}.place-items-end{place-items:end!important}.place-items-center{place-items:center!important}.place-items-stretch{place-items:stretch!important}.place-items-baseline{place-items:baseline!important}.place-content-start{place-content:start!important}.place-content-end{place-content:end!important}.place-content-center{place-content:center!important}.place-content-stretch{place-content:stretch!important}.place-content-between{place-content:space-between!important}.place-content-around{place-content:space-around!important}.place-content-evenly{place-content:space-evenly!important}.place-self-auto{place-self:auto!important}.place-self-start{place-self:start!important}.place-self-end{place-self:end!important}.place-self-center{place-self:center!important}.place-self-stretch{place-self:stretch!important}@media (min-width:600px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.sm\:col-span-1{grid-column:span 1/span 1!important}.sm\:col-start-1{grid-column-start:1!important}.sm\:col-end-1{grid-column-end:1!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:col-span-2{grid-column:span 2/span 2!important}.sm\:col-start-2{grid-column-start:2!important}.sm\:col-end-2{grid-column-end:2!important}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sm\:col-span-3{grid-column:span 3/span 3!important}.sm\:col-start-3{grid-column-start:3!important}.sm\:col-end-3{grid-column-end:3!important}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sm\:col-span-4{grid-column:span 4/span 4!important}.sm\:col-start-4{grid-column-start:4!important}.sm\:col-end-4{grid-column-end:4!important}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.sm\:col-span-5{grid-column:span 5/span 5!important}.sm\:col-start-5{grid-column-start:5!important}.sm\:col-end-5{grid-column-end:5!important}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.sm\:col-span-6{grid-column:span 6/span 6!important}.sm\:col-start-6{grid-column-start:6!important}.sm\:col-end-6{grid-column-end:6!important}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.sm\:col-span-7{grid-column:span 7/span 7!important}.sm\:col-start-7{grid-column-start:7!important}.sm\:col-end-7{grid-column-end:7!important}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.sm\:col-span-8{grid-column:span 8/span 8!important}.sm\:col-start-8{grid-column-start:8!important}.sm\:col-end-8{grid-column-end:8!important}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.sm\:col-span-9{grid-column:span 9/span 9!important}.sm\:col-start-9{grid-column-start:9!important}.sm\:col-end-9{grid-column-end:9!important}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}.sm\:col-span-10{grid-column:span 10/span 10!important}.sm\:col-start-10{grid-column-start:10!important}.sm\:col-end-10{grid-column-end:10!important}.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.sm\:col-span-11{grid-column:span 11/span 11!important}.sm\:col-start-11{grid-column-start:11!important}.sm\:col-end-11{grid-column-end:11!important}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.sm\:col-span-12{grid-column:span 12/span 12!important}.sm\:col-start-12{grid-column-start:12!important}.sm\:col-end-12{grid-column-end:12!important}.sm\:grid-cols-none{grid-template-columns:none!important}.sm\:col-span-full{grid-column:1/-1!important}.sm\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.sm\:row-span-1{grid-row:span 1/span 1!important}.sm\:row-start-1{grid-row-start:1!important}.sm\:row-end-1{grid-row-end:1!important}.sm\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))!important}.sm\:row-span-2{grid-row:span 2/span 2!important}.sm\:row-start-2{grid-row-start:2!important}.sm\:row-end-2{grid-row-end:2!important}.sm\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))!important}.sm\:row-span-3{grid-row:span 3/span 3!important}.sm\:row-start-3{grid-row-start:3!important}.sm\:row-end-3{grid-row-end:3!important}.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))!important}.sm\:row-span-4{grid-row:span 4/span 4!important}.sm\:row-start-4{grid-row-start:4!important}.sm\:row-end-4{grid-row-end:4!important}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))!important}.sm\:row-span-5{grid-row:span 5/span 5!important}.sm\:row-start-5{grid-row-start:5!important}.sm\:row-end-5{grid-row-end:5!important}.sm\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))!important}.sm\:row-span-6{grid-row:span 6/span 6!important}.sm\:row-start-6{grid-row-start:6!important}.sm\:row-end-6{grid-row-end:6!important}.sm\:grid-rows-none{grid-template-rows:none!important}.sm\:row-span-full{grid-row:1/-1!important}.sm\:grid-flow-row{grid-auto-flow:row!important}.sm\:grid-flow-col{grid-auto-flow:column!important}.sm\:grid-flow-dense{grid-auto-flow:dense!important}.sm\:grid-flow-row-dense{grid-auto-flow:row dense!important}.sm\:grid-flow-col-dense{grid-auto-flow:column dense!important}.sm\:place-items-start{place-items:start!important}.sm\:place-items-end{place-items:end!important}.sm\:place-items-center{place-items:center!important}.sm\:place-items-stretch{place-items:stretch!important}.sm\:place-content-start{place-content:start!important}.sm\:place-content-end{place-content:end!important}.sm\:place-content-center{place-content:center!important}.sm\:place-content-stretch{place-content:stretch!important}.sm\:place-content-between{place-content:space-between!important}.sm\:place-content-around{place-content:space-around!important}.sm\:place-self-auto{place-self:auto!important}.sm\:place-self-start{place-self:start!important}.sm\:place-self-end{place-self:end!important}.sm\:place-self-center{place-self:center!important}.sm\:place-self-stretch{place-self:stretch!important}}@media (min-width:960px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.md\:col-span-1{grid-column:span 1/span 1!important}.md\:col-start-1{grid-column-start:1!important}.md\:col-end-1{grid-column-end:1!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:col-span-2{grid-column:span 2/span 2!important}.md\:col-start-2{grid-column-start:2!important}.md\:col-end-2{grid-column-end:2!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:col-span-3{grid-column:span 3/span 3!important}.md\:col-start-3{grid-column-start:3!important}.md\:col-end-3{grid-column-end:3!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.md\:col-span-4{grid-column:span 4/span 4!important}.md\:col-start-4{grid-column-start:4!important}.md\:col-end-4{grid-column-end:4!important}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.md\:col-span-5{grid-column:span 5/span 5!important}.md\:col-start-5{grid-column-start:5!important}.md\:col-end-5{grid-column-end:5!important}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.md\:col-span-6{grid-column:span 6/span 6!important}.md\:col-start-6{grid-column-start:6!important}.md\:col-end-6{grid-column-end:6!important}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.md\:col-span-7{grid-column:span 7/span 7!important}.md\:col-start-7{grid-column-start:7!important}.md\:col-end-7{grid-column-end:7!important}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.md\:col-span-8{grid-column:span 8/span 8!important}.md\:col-start-8{grid-column-start:8!important}.md\:col-end-8{grid-column-end:8!important}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.md\:col-span-9{grid-column:span 9/span 9!important}.md\:col-start-9{grid-column-start:9!important}.md\:col-end-9{grid-column-end:9!important}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}.md\:col-span-10{grid-column:span 10/span 10!important}.md\:col-start-10{grid-column-start:10!important}.md\:col-end-10{grid-column-end:10!important}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.md\:col-span-11{grid-column:span 11/span 11!important}.md\:col-start-11{grid-column-start:11!important}.md\:col-end-11{grid-column-end:11!important}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.md\:col-span-12{grid-column:span 12/span 12!important}.md\:col-start-12{grid-column-start:12!important}.md\:col-end-12{grid-column-end:12!important}.md\:grid-cols-none{grid-template-columns:none!important}.md\:col-span-full{grid-column:1/-1!important}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.md\:row-span-1{grid-row:span 1/span 1!important}.md\:row-start-1{grid-row-start:1!important}.md\:row-end-1{grid-row-end:1!important}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))!important}.md\:row-span-2{grid-row:span 2/span 2!important}.md\:row-start-2{grid-row-start:2!important}.md\:row-end-2{grid-row-end:2!important}.md\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))!important}.md\:row-span-3{grid-row:span 3/span 3!important}.md\:row-start-3{grid-row-start:3!important}.md\:row-end-3{grid-row-end:3!important}.md\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))!important}.md\:row-span-4{grid-row:span 4/span 4!important}.md\:row-start-4{grid-row-start:4!important}.md\:row-end-4{grid-row-end:4!important}.md\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))!important}.md\:row-span-5{grid-row:span 5/span 5!important}.md\:row-start-5{grid-row-start:5!important}.md\:row-end-5{grid-row-end:5!important}.md\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))!important}.md\:row-span-6{grid-row:span 6/span 6!important}.md\:row-start-6{grid-row-start:6!important}.md\:row-end-6{grid-row-end:6!important}.md\:grid-rows-none{grid-template-rows:none!important}.md\:row-span-full{grid-row:1/-1!important}.md\:grid-flow-row{grid-auto-flow:row!important}.md\:grid-flow-col{grid-auto-flow:column!important}.md\:grid-flow-dense{grid-auto-flow:dense!important}.md\:grid-flow-row-dense{grid-auto-flow:row dense!important}.md\:grid-flow-col-dense{grid-auto-flow:column dense!important}.md\:place-items-start{place-items:start!important}.md\:place-items-end{place-items:end!important}.md\:place-items-center{place-items:center!important}.md\:place-items-stretch{place-items:stretch!important}.md\:place-content-start{place-content:start!important}.md\:place-content-end{place-content:end!important}.md\:place-content-center{place-content:center!important}.md\:place-content-stretch{place-content:stretch!important}.md\:place-content-between{place-content:space-between!important}.md\:place-content-around{place-content:space-around!important}.md\:place-self-auto{place-self:auto!important}.md\:place-self-start{place-self:start!important}.md\:place-self-end{place-self:end!important}.md\:place-self-center{place-self:center!important}.md\:place-self-stretch{place-self:stretch!important}}@media (min-width:1280px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.lg\:col-span-1{grid-column:span 1/span 1!important}.lg\:col-start-1{grid-column-start:1!important}.lg\:col-end-1{grid-column-end:1!important}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lg\:col-span-2{grid-column:span 2/span 2!important}.lg\:col-start-2{grid-column-start:2!important}.lg\:col-end-2{grid-column-end:2!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:col-span-3{grid-column:span 3/span 3!important}.lg\:col-start-3{grid-column-start:3!important}.lg\:col-end-3{grid-column-end:3!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg\:col-span-4{grid-column:span 4/span 4!important}.lg\:col-start-4{grid-column-start:4!important}.lg\:col-end-4{grid-column-end:4!important}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.lg\:col-span-5{grid-column:span 5/span 5!important}.lg\:col-start-5{grid-column-start:5!important}.lg\:col-end-5{grid-column-end:5!important}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.lg\:col-span-6{grid-column:span 6/span 6!important}.lg\:col-start-6{grid-column-start:6!important}.lg\:col-end-6{grid-column-end:6!important}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.lg\:col-span-7{grid-column:span 7/span 7!important}.lg\:col-start-7{grid-column-start:7!important}.lg\:col-end-7{grid-column-end:7!important}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.lg\:col-span-8{grid-column:span 8/span 8!important}.lg\:col-start-8{grid-column-start:8!important}.lg\:col-end-8{grid-column-end:8!important}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.lg\:col-span-9{grid-column:span 9/span 9!important}.lg\:col-start-9{grid-column-start:9!important}.lg\:col-end-9{grid-column-end:9!important}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}.lg\:col-span-10{grid-column:span 10/span 10!important}.lg\:col-start-10{grid-column-start:10!important}.lg\:col-end-10{grid-column-end:10!important}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.lg\:col-span-11{grid-column:span 11/span 11!important}.lg\:col-start-11{grid-column-start:11!important}.lg\:col-end-11{grid-column-end:11!important}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.lg\:col-span-12{grid-column:span 12/span 12!important}.lg\:col-start-12{grid-column-start:12!important}.lg\:col-end-12{grid-column-end:12!important}.lg\:grid-cols-none{grid-template-columns:none!important}.lg\:col-span-full{grid-column:1/-1!important}.lg\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.lg\:row-span-1{grid-row:span 1/span 1!important}.lg\:row-start-1{grid-row-start:1!important}.lg\:row-end-1{grid-row-end:1!important}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))!important}.lg\:row-span-2{grid-row:span 2/span 2!important}.lg\:row-start-2{grid-row-start:2!important}.lg\:row-end-2{grid-row-end:2!important}.lg\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))!important}.lg\:row-span-3{grid-row:span 3/span 3!important}.lg\:row-start-3{grid-row-start:3!important}.lg\:row-end-3{grid-row-end:3!important}.lg\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))!important}.lg\:row-span-4{grid-row:span 4/span 4!important}.lg\:row-start-4{grid-row-start:4!important}.lg\:row-end-4{grid-row-end:4!important}.lg\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))!important}.lg\:row-span-5{grid-row:span 5/span 5!important}.lg\:row-start-5{grid-row-start:5!important}.lg\:row-end-5{grid-row-end:5!important}.lg\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))!important}.lg\:row-span-6{grid-row:span 6/span 6!important}.lg\:row-start-6{grid-row-start:6!important}.lg\:row-end-6{grid-row-end:6!important}.lg\:grid-rows-none{grid-template-rows:none!important}.lg\:row-span-full{grid-row:1/-1!important}.lg\:grid-flow-row{grid-auto-flow:row!important}.lg\:grid-flow-col{grid-auto-flow:column!important}.lg\:grid-flow-dense{grid-auto-flow:dense!important}.lg\:grid-flow-row-dense{grid-auto-flow:row dense!important}.lg\:grid-flow-col-dense{grid-auto-flow:column dense!important}.lg\:place-items-start{place-items:start!important}.lg\:place-items-end{place-items:end!important}.lg\:place-items-center{place-items:center!important}.lg\:place-items-stretch{place-items:stretch!important}.lg\:place-content-start{place-content:start!important}.lg\:place-content-end{place-content:end!important}.lg\:place-content-center{place-content:center!important}.lg\:place-content-stretch{place-content:stretch!important}.lg\:place-content-between{place-content:space-between!important}.lg\:place-content-around{place-content:space-around!important}.lg\:place-self-auto{place-self:auto!important}.lg\:place-self-start{place-self:start!important}.lg\:place-self-end{place-self:end!important}.lg\:place-self-center{place-self:center!important}.lg\:place-self-stretch{place-self:stretch!important}}@media (min-width:1920px){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.xl\:col-span-1{grid-column:span 1/span 1!important}.xl\:col-start-1{grid-column-start:1!important}.xl\:col-end-1{grid-column-end:1!important}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.xl\:col-span-2{grid-column:span 2/span 2!important}.xl\:col-start-2{grid-column-start:2!important}.xl\:col-end-2{grid-column-end:2!important}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.xl\:col-span-3{grid-column:span 3/span 3!important}.xl\:col-start-3{grid-column-start:3!important}.xl\:col-end-3{grid-column-end:3!important}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.xl\:col-span-4{grid-column:span 4/span 4!important}.xl\:col-start-4{grid-column-start:4!important}.xl\:col-end-4{grid-column-end:4!important}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.xl\:col-span-5{grid-column:span 5/span 5!important}.xl\:col-start-5{grid-column-start:5!important}.xl\:col-end-5{grid-column-end:5!important}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.xl\:col-span-6{grid-column:span 6/span 6!important}.xl\:col-start-6{grid-column-start:6!important}.xl\:col-end-6{grid-column-end:6!important}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.xl\:col-span-7{grid-column:span 7/span 7!important}.xl\:col-start-7{grid-column-start:7!important}.xl\:col-end-7{grid-column-end:7!important}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.xl\:col-span-8{grid-column:span 8/span 8!important}.xl\:col-start-8{grid-column-start:8!important}.xl\:col-end-8{grid-column-end:8!important}.xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.xl\:col-span-9{grid-column:span 9/span 9!important}.xl\:col-start-9{grid-column-start:9!important}.xl\:col-end-9{grid-column-end:9!important}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}.xl\:col-span-10{grid-column:span 10/span 10!important}.xl\:col-start-10{grid-column-start:10!important}.xl\:col-end-10{grid-column-end:10!important}.xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.xl\:col-span-11{grid-column:span 11/span 11!important}.xl\:col-start-11{grid-column-start:11!important}.xl\:col-end-11{grid-column-end:11!important}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.xl\:col-span-12{grid-column:span 12/span 12!important}.xl\:col-start-12{grid-column-start:12!important}.xl\:col-end-12{grid-column-end:12!important}.xl\:grid-cols-none{grid-template-columns:none!important}.xl\:col-span-full{grid-column:1/-1!important}.xl\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.xl\:row-span-1{grid-row:span 1/span 1!important}.xl\:row-start-1{grid-row-start:1!important}.xl\:row-end-1{grid-row-end:1!important}.xl\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))!important}.xl\:row-span-2{grid-row:span 2/span 2!important}.xl\:row-start-2{grid-row-start:2!important}.xl\:row-end-2{grid-row-end:2!important}.xl\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))!important}.xl\:row-span-3{grid-row:span 3/span 3!important}.xl\:row-start-3{grid-row-start:3!important}.xl\:row-end-3{grid-row-end:3!important}.xl\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))!important}.xl\:row-span-4{grid-row:span 4/span 4!important}.xl\:row-start-4{grid-row-start:4!important}.xl\:row-end-4{grid-row-end:4!important}.xl\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))!important}.xl\:row-span-5{grid-row:span 5/span 5!important}.xl\:row-start-5{grid-row-start:5!important}.xl\:row-end-5{grid-row-end:5!important}.xl\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))!important}.xl\:row-span-6{grid-row:span 6/span 6!important}.xl\:row-start-6{grid-row-start:6!important}.xl\:row-end-6{grid-row-end:6!important}.xl\:grid-rows-none{grid-template-rows:none!important}.xl\:row-span-full{grid-row:1/-1!important}.xl\:grid-flow-row{grid-auto-flow:row!important}.xl\:grid-flow-col{grid-auto-flow:column!important}.xl\:grid-flow-dense{grid-auto-flow:dense!important}.xl\:grid-flow-row-dense{grid-auto-flow:row dense!important}.xl\:grid-flow-col-dense{grid-auto-flow:column dense!important}.xl\:place-items-start{place-items:start!important}.xl\:place-items-end{place-items:end!important}.xl\:place-items-center{place-items:center!important}.xl\:place-items-stretch{place-items:stretch!important}.xl\:place-content-start{place-content:start!important}.xl\:place-content-end{place-content:end!important}.xl\:place-content-center{place-content:center!important}.xl\:place-content-stretch{place-content:stretch!important}.xl\:place-content-between{place-content:space-between!important}.xl\:place-content-around{place-content:space-around!important}.xl\:place-self-auto{place-self:auto!important}.xl\:place-self-start{place-self:start!important}.xl\:place-self-end{place-self:end!important}.xl\:place-self-center{place-self:center!important}.xl\:place-self-stretch{place-self:stretch!important}}@media (min-width:2560px){.xxl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.xxl\:col-span-1{grid-column:span 1/span 1!important}.xxl\:col-start-1{grid-column-start:1!important}.xxl\:col-end-1{grid-column-end:1!important}.xxl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.xxl\:col-span-2{grid-column:span 2/span 2!important}.xxl\:col-start-2{grid-column-start:2!important}.xxl\:col-end-2{grid-column-end:2!important}.xxl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.xxl\:col-span-3{grid-column:span 3/span 3!important}.xxl\:col-start-3{grid-column-start:3!important}.xxl\:col-end-3{grid-column-end:3!important}.xxl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.xxl\:col-span-4{grid-column:span 4/span 4!important}.xxl\:col-start-4{grid-column-start:4!important}.xxl\:col-end-4{grid-column-end:4!important}.xxl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.xxl\:col-span-5{grid-column:span 5/span 5!important}.xxl\:col-start-5{grid-column-start:5!important}.xxl\:col-end-5{grid-column-end:5!important}.xxl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.xxl\:col-span-6{grid-column:span 6/span 6!important}.xxl\:col-start-6{grid-column-start:6!important}.xxl\:col-end-6{grid-column-end:6!important}.xxl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.xxl\:col-span-7{grid-column:span 7/span 7!important}.xxl\:col-start-7{grid-column-start:7!important}.xxl\:col-end-7{grid-column-end:7!important}.xxl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.xxl\:col-span-8{grid-column:span 8/span 8!important}.xxl\:col-start-8{grid-column-start:8!important}.xxl\:col-end-8{grid-column-end:8!important}.xxl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.xxl\:col-span-9{grid-column:span 9/span 9!important}.xxl\:col-start-9{grid-column-start:9!important}.xxl\:col-end-9{grid-column-end:9!important}.xxl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))!important}.xxl\:col-span-10{grid-column:span 10/span 10!important}.xxl\:col-start-10{grid-column-start:10!important}.xxl\:col-end-10{grid-column-end:10!important}.xxl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.xxl\:col-span-11{grid-column:span 11/span 11!important}.xxl\:col-start-11{grid-column-start:11!important}.xxl\:col-end-11{grid-column-end:11!important}.xxl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.xxl\:col-span-12{grid-column:span 12/span 12!important}.xxl\:col-start-12{grid-column-start:12!important}.xxl\:col-end-12{grid-column-end:12!important}.xxl\:grid-cols-none{grid-template-columns:none!important}.xxl\:col-span-full{grid-column:1/-1!important}.xxl\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.xxl\:row-span-1{grid-row:span 1/span 1!important}.xxl\:row-start-1{grid-row-start:1!important}.xxl\:row-end-1{grid-row-end:1!important}.xxl\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))!important}.xxl\:row-span-2{grid-row:span 2/span 2!important}.xxl\:row-start-2{grid-row-start:2!important}.xxl\:row-end-2{grid-row-end:2!important}.xxl\:grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))!important}.xxl\:row-span-3{grid-row:span 3/span 3!important}.xxl\:row-start-3{grid-row-start:3!important}.xxl\:row-end-3{grid-row-end:3!important}.xxl\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))!important}.xxl\:row-span-4{grid-row:span 4/span 4!important}.xxl\:row-start-4{grid-row-start:4!important}.xxl\:row-end-4{grid-row-end:4!important}.xxl\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))!important}.xxl\:row-span-5{grid-row:span 5/span 5!important}.xxl\:row-start-5{grid-row-start:5!important}.xxl\:row-end-5{grid-row-end:5!important}.xxl\:grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))!important}.xxl\:row-span-6{grid-row:span 6/span 6!important}.xxl\:row-start-6{grid-row-start:6!important}.xxl\:row-end-6{grid-row-end:6!important}.xxl\:grid-rows-none{grid-template-rows:none!important}.xxl\:row-span-full{grid-row:1/-1!important}.xxl\:grid-flow-row{grid-auto-flow:row!important}.xxl\:grid-flow-col{grid-auto-flow:column!important}.xxl\:grid-flow-dense{grid-auto-flow:dense!important}.xxl\:grid-flow-row-dense{grid-auto-flow:row dense!important}.xxl\:grid-flow-col-dense{grid-auto-flow:column dense!important}.xxl\:place-items-start{place-items:start!important}.xxl\:place-items-end{place-items:end!important}.xxl\:place-items-center{place-items:center!important}.xxl\:place-items-stretch{place-items:stretch!important}.xxl\:place-content-start{place-content:start!important}.xxl\:place-content-end{place-content:end!important}.xxl\:place-content-center{place-content:center!important}.xxl\:place-content-stretch{place-content:stretch!important}.xxl\:place-content-between{place-content:space-between!important}.xxl\:place-content-around{place-content:space-around!important}.xxl\:place-self-auto{place-self:auto!important}.xxl\:place-self-start{place-self:start!important}.xxl\:place-self-end{place-self:end!important}.xxl\:place-self-center{place-self:center!important}.xxl\:place-self-stretch{place-self:stretch!important}}

package/dist/css/utils/_grid.js

@@ -0,0 +1,3 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };

package/dist/css/utils/_radius.css

@@ -1 +1 @@
-.radius-0{border-radius:0!important}.radius-top-left-0{border-top-left-radius:0!important}.radius-top-right-0{border-top-right-radius:0!important}.radius-bottom-left-0{border-bottom-left-radius:0!important}.radius-bottom-right-0{border-bottom-right-radius:0!important}.radius-2{border-radius:2px!important}.radius-top-left-2{border-top-left-radius:2px!important}.radius-top-right-2{border-top-right-radius:2px!important}.radius-bottom-left-2{border-bottom-left-radius:2px!important}.radius-bottom-right-2{border-bottom-right-radius:2px!important}.radius-4{border-radius:4px!important}.radius-top-left-4{border-top-left-radius:4px!important}.radius-top-right-4{border-top-right-radius:4px!important}.radius-bottom-left-4{border-bottom-left-radius:4px!important}.radius-bottom-right-4{border-bottom-right-radius:4px!important}.radius-6{border-radius:6px!important}.radius-top-left-6{border-top-left-radius:6px!important}.radius-top-right-6{border-top-right-radius:6px!important}.radius-bottom-left-6{border-bottom-left-radius:6px!important}.radius-bottom-right-6{border-bottom-right-radius:6px!important}.radius-8{border-radius:8px!important}.radius-top-left-8{border-top-left-radius:8px!important}.radius-top-right-8{border-top-right-radius:8px!important}.radius-bottom-left-8{border-bottom-left-radius:8px!important}.radius-bottom-right-8{border-bottom-right-radius:8px!important}.radius-12{border-radius:12px!important}.radius-top-left-12{border-top-left-radius:12px!important}.radius-top-right-12{border-top-right-radius:12px!important}.radius-bottom-left-12{border-bottom-left-radius:12px!important}.radius-bottom-right-12{border-bottom-right-radius:12px!important}.radius-16{border-radius:16px!important}.radius-top-left-16{border-top-left-radius:16px!important}.radius-top-right-16{border-top-right-radius:16px!important}.radius-bottom-left-16{border-bottom-left-radius:16px!important}.radius-bottom-right-16{border-bottom-right-radius:16px!important}.radius-24{border-radius:24px!important}.radius-top-left-24{border-top-left-radius:24px!important}.radius-top-right-24{border-top-right-radius:24px!important}.radius-bottom-left-24{border-bottom-left-radius:24px!important}.radius-bottom-right-24{border-bottom-right-radius:24px!important}.radius-32{border-radius:32px!important}.radius-top-left-32{border-top-left-radius:32px!important}.radius-top-right-32{border-top-right-radius:32px!important}.radius-bottom-left-32{border-bottom-left-radius:32px!important}.radius-bottom-right-32{border-bottom-right-radius:32px!important}.radius-pill{border-radius:9999px!important}.radius-circle{border-radius:50%!important}
+.radius-0{border-radius:0!important}.radius-tl-0{border-top-left-radius:0!important}.radius-tr-0{border-top-right-radius:0!important}.radius-bl-0{border-bottom-left-radius:0!important}.radius-br-0{border-bottom-right-radius:0!important}.radius-2{border-radius:2px!important}.radius-tl-2{border-top-left-radius:2px!important}.radius-tr-2{border-top-right-radius:2px!important}.radius-bl-2{border-bottom-left-radius:2px!important}.radius-br-2{border-bottom-right-radius:2px!important}.radius-4{border-radius:4px!important}.radius-tl-4{border-top-left-radius:4px!important}.radius-tr-4{border-top-right-radius:4px!important}.radius-bl-4{border-bottom-left-radius:4px!important}.radius-br-4{border-bottom-right-radius:4px!important}.radius-6{border-radius:6px!important}.radius-tl-6{border-top-left-radius:6px!important}.radius-tr-6{border-top-right-radius:6px!important}.radius-bl-6{border-bottom-left-radius:6px!important}.radius-br-6{border-bottom-right-radius:6px!important}.radius-8{border-radius:8px!important}.radius-tl-8{border-top-left-radius:8px!important}.radius-tr-8{border-top-right-radius:8px!important}.radius-bl-8{border-bottom-left-radius:8px!important}.radius-br-8{border-bottom-right-radius:8px!important}.radius-12{border-radius:12px!important}.radius-tl-12{border-top-left-radius:12px!important}.radius-tr-12{border-top-right-radius:12px!important}.radius-bl-12{border-bottom-left-radius:12px!important}.radius-br-12{border-bottom-right-radius:12px!important}.radius-16{border-radius:16px!important}.radius-tl-16{border-top-left-radius:16px!important}.radius-tr-16{border-top-right-radius:16px!important}.radius-bl-16{border-bottom-left-radius:16px!important}.radius-br-16{border-bottom-right-radius:16px!important}.radius-24{border-radius:24px!important}.radius-tl-24{border-top-left-radius:24px!important}.radius-tr-24{border-top-right-radius:24px!important}.radius-bl-24{border-bottom-left-radius:24px!important}.radius-br-24{border-bottom-right-radius:24px!important}.radius-32{border-radius:32px!important}.radius-tl-32{border-top-left-radius:32px!important}.radius-tr-32{border-top-right-radius:32px!important}.radius-bl-32{border-bottom-left-radius:32px!important}.radius-br-32{border-bottom-right-radius:32px!important}.radius-pill{border-radius:9999px!important}.radius-circle{border-radius:50%!important}

package/dist/css/utils/_typography.css

@@ -1 +1 @@
-.fs-xs{font-size:12px!important}.fs-sm{font-size:14px!important}.fs-base{font-size:16px!important}.fs-lg{font-size:18px!important}.fs-xl{font-size:20px!important}.fs-2xl{font-size:24px!important}.fs-3xl{font-size:32px!important}.fs-4xl{font-size:40px!important}.fw-thin{font-weight:100!important}.fw-light{font-weight:300!important}.fw-regular{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semi-bold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-heavy{font-weight:900!important}.lh-none{line-height:1!important}.lh-tight{line-height:1.25!important}.lh-snug{line-height:1.375!important}.lh-normal{line-height:1.5!important}.lh-relaxed{line-height:1.625!important}.lh-loose{line-height:2!important}.ls-tighter{letter-spacing:-.05em!important}.ls-tight{letter-spacing:-.025em!important}.ls-normal{letter-spacing:0!important}.ls-wide{letter-spacing:.025em!important}.ls-wider{letter-spacing:.05em!important}.ls-widest{letter-spacing:.1em!important}@media (min-width:600px){.sm\:fs-xs{font-size:12px!important}.sm\:fs-sm{font-size:14px!important}.sm\:fs-base{font-size:16px!important}.sm\:fs-lg{font-size:18px!important}.sm\:fs-xl{font-size:20px!important}.sm\:fs-2xl{font-size:24px!important}.sm\:fs-3xl{font-size:32px!important}.sm\:fs-4xl{font-size:40px!important}}@media (min-width:960px){.md\:fs-xs{font-size:12px!important}.md\:fs-sm{font-size:14px!important}.md\:fs-base{font-size:16px!important}.md\:fs-lg{font-size:18px!important}.md\:fs-xl{font-size:20px!important}.md\:fs-2xl{font-size:24px!important}.md\:fs-3xl{font-size:32px!important}.md\:fs-4xl{font-size:40px!important}}@media (min-width:1280px){.lg\:fs-xs{font-size:12px!important}.lg\:fs-sm{font-size:14px!important}.lg\:fs-base{font-size:16px!important}.lg\:fs-lg{font-size:18px!important}.lg\:fs-xl{font-size:20px!important}.lg\:fs-2xl{font-size:24px!important}.lg\:fs-3xl{font-size:32px!important}.lg\:fs-4xl{font-size:40px!important}}@media (min-width:1920px){.xl\:fs-xs{font-size:12px!important}.xl\:fs-sm{font-size:14px!important}.xl\:fs-base{font-size:16px!important}.xl\:fs-lg{font-size:18px!important}.xl\:fs-xl{font-size:20px!important}.xl\:fs-2xl{font-size:24px!important}.xl\:fs-3xl{font-size:32px!important}.xl\:fs-4xl{font-size:40px!important}}@media (min-width:2560px){.xxl\:fs-xs{font-size:12px!important}.xxl\:fs-sm{font-size:14px!important}.xxl\:fs-base{font-size:16px!important}.xxl\:fs-lg{font-size:18px!important}.xxl\:fs-xl{font-size:20px!important}.xxl\:fs-2xl{font-size:24px!important}.xxl\:fs-3xl{font-size:32px!important}.xxl\:fs-4xl{font-size:40px!important}}
+.fs-xs{font-size:12px!important}.fs-sm{font-size:14px!important}.fs-base{font-size:16px!important}.fs-lg{font-size:18px!important}.fs-xl{font-size:20px!important}.fs-2xl{font-size:24px!important}.fs-3xl{font-size:32px!important}.fs-4xl{font-size:40px!important}.fw-thin{font-weight:100!important}.fw-light{font-weight:300!important}.fw-regular{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semi-bold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-heavy{font-weight:900!important}.lh-none{line-height:1!important}.lh-tight{line-height:1.25!important}.lh-snug{line-height:1.375!important}.lh-normal{line-height:1.5!important}.lh-relaxed{line-height:1.625!important}.lh-loose{line-height:2!important}.ls-tighter{letter-spacing:-.05em!important}.ls-tight{letter-spacing:-.025em!important}.ls-normal{letter-spacing:0!important}.ls-wide{letter-spacing:.025em!important}.ls-wider{letter-spacing:.05em!important}.ls-widest{letter-spacing:.1em!important}.italic{font-style:italic!important}.not-italic{font-style:normal!important}.font-weight-thin{font-weight:100!important}.font-weight-light{font-weight:300!important}.font-weight-regular{font-weight:400!important}.font-weight-medium{font-weight:500!important}.font-weight-semi-bold{font-weight:600!important}.font-weight-bold{font-weight:700!important}.font-weight-heavy{font-weight:900!important}@media (min-width:600px){.sm\:fs-xs{font-size:12px!important}.sm\:fs-sm{font-size:14px!important}.sm\:fs-base{font-size:16px!important}.sm\:fs-lg{font-size:18px!important}.sm\:fs-xl{font-size:20px!important}.sm\:fs-2xl{font-size:24px!important}.sm\:fs-3xl{font-size:32px!important}.sm\:fs-4xl{font-size:40px!important}}@media (min-width:960px){.md\:fs-xs{font-size:12px!important}.md\:fs-sm{font-size:14px!important}.md\:fs-base{font-size:16px!important}.md\:fs-lg{font-size:18px!important}.md\:fs-xl{font-size:20px!important}.md\:fs-2xl{font-size:24px!important}.md\:fs-3xl{font-size:32px!important}.md\:fs-4xl{font-size:40px!important}}@media (min-width:1280px){.lg\:fs-xs{font-size:12px!important}.lg\:fs-sm{font-size:14px!important}.lg\:fs-base{font-size:16px!important}.lg\:fs-lg{font-size:18px!important}.lg\:fs-xl{font-size:20px!important}.lg\:fs-2xl{font-size:24px!important}.lg\:fs-3xl{font-size:32px!important}.lg\:fs-4xl{font-size:40px!important}}@media (min-width:1920px){.xl\:fs-xs{font-size:12px!important}.xl\:fs-sm{font-size:14px!important}.xl\:fs-base{font-size:16px!important}.xl\:fs-lg{font-size:18px!important}.xl\:fs-xl{font-size:20px!important}.xl\:fs-2xl{font-size:24px!important}.xl\:fs-3xl{font-size:32px!important}.xl\:fs-4xl{font-size:40px!important}}@media (min-width:2560px){.xxl\:fs-xs{font-size:12px!important}.xxl\:fs-sm{font-size:14px!important}.xxl\:fs-base{font-size:16px!important}.xxl\:fs-lg{font-size:18px!important}.xxl\:fs-xl{font-size:20px!important}.xxl\:fs-2xl{font-size:24px!important}.xxl\:fs-3xl{font-size:32px!important}.xxl\:fs-4xl{font-size:40px!important}}

package/dist/library.js

@@ -1,8 +1,8 @@
 import { buildVars } from './helpers/theme.js';
 import { breakpoints, useDisplay } from './composables/use-display.js';
 import { createDialogsStack } from './composables/use-dialogs-stack.js';
-import { $VUELAND_UI_KEY, $BREAKPOINTS_KEY, $DIALOGS_STACK_API_KEY } from './constants/provide-keys.js';
 import { IN_BROWSER } from './utils/globals.js';
+import { $VUELAND_UI_KEY, $BREAKPOINTS_KEY, $DIALOGS_STACK_API_KEY } from './constants/provide-keys.js';
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -49,7 +49,7 @@ class VuelandUI {
         app.directive(key, directives[key]);
       }
     }
-    const { createDisplay } = useDisplay();
+    const { createDisplay, update } = useDisplay();
     const display = createDisplay(resolvedBreakpoints);
     const dialogsStack = createDialogsStack();
     app.provide($VUELAND_UI_KEY, this);
@@ -60,17 +60,17 @@ class VuelandUI {
       if (initialTheme) {
         this.applyTheme(initialTheme);
       }
-      window.addEventListener("resize", display.update);
+      window.addEventListener("resize", update);
     }
     const unmount = app.unmount;
     app.unmount = (...args) => {
-      window.removeEventListener("resize", display.update);
+      window.removeEventListener("resize", update);
       unmount(...args);
     };
     if (options.ssr && app.$nuxt) {
       app.$nuxt.hook("app:suspense:resolve", () => {
         if (IN_BROWSER) {
-          display.update();
+          update();
         }
       });
     }

package/dist/scss/lib.scss

@@ -0,0 +1,26 @@
+@use "../components/CApp/CApp";
+@use "../components/CBtn/CBtn";
+@use "../components/CForm/CForm";
+@use "../components/CInput/CInput";
+@use "../components/CLabel/CLabel";
+@use "../components/CToolbar/CToolbar";
+@use "../components/CList/CList";
+@use "../components/CList/CListItem";
+@use "../components/CMenu/CMenu";
+@use "../components/CTextField/CTextField";
+@use "../components/CSelect/CSelect";
+@use "../components/CTooltip/CTooltip";
+@use "../components/CAutocomplete/CAutocomplete";
+@use "../components/CField/CField";
+@use "../components/CCard/CCard";
+@use "../components/CMain/CMain";
+@use "../components/CGrid/CGrid";
+@use "../components/CIcon/CIcon";
+@use "../components/CDialog/CDialog";
+@use "../components/COverlay/COverlay";
+@use "../components/CScrim/CScrim";
+@use "../components/CCheckbox/CCheckbox";
+@use "../components/CRadio/CRadio";
+@use "../components/CDatePicker/CDatePicker";
+@use "../components/CDateInput/CDateInput";
+@use "../components/CChip/CChip";

package/dist/scss/styles.scss

@@ -17,3 +17,4 @@
 @use "utils/colors";
 @use "utils/borders";
 @use "utils/helpers";
+@use "utils/grid";

package/dist/scss/utils/_grid.scss

@@ -0,0 +1,173 @@
+@use "../maps/grids" as *;
+
+$grid-cols-count: $columns;
+$grid-rows-count: 6;
+
+// ─── grid-template-columns ───────────────────────────────────────────────────
+
+@for $i from 1 through $grid-cols-count {
+  .grid-cols-#{$i} {
+    grid-template-columns: repeat(#{$i}, minmax(0, 1fr)) !important;
+  }
+}
+
+.grid-cols-none { grid-template-columns: none !important; }
+
+// ─── grid-template-rows ──────────────────────────────────────────────────────
+
+@for $i from 1 through $grid-rows-count {
+  .grid-rows-#{$i} {
+    grid-template-rows: repeat(#{$i}, minmax(0, 1fr)) !important;
+  }
+}
+
+.grid-rows-none { grid-template-rows: none !important; }
+
+// ─── col-span ────────────────────────────────────────────────────────────────
+
+@for $i from 1 through $grid-cols-count {
+  .col-span-#{$i} {
+    grid-column: span #{$i} / span #{$i} !important;
+  }
+}
+
+.col-span-full { grid-column: 1 / -1 !important; }
+
+// ─── row-span ────────────────────────────────────────────────────────────────
+
+@for $i from 1 through $grid-rows-count {
+  .row-span-#{$i} {
+    grid-row: span #{$i} / span #{$i} !important;
+  }
+}
+
+.row-span-full { grid-row: 1 / -1 !important; }
+
+// ─── col-start / col-end ─────────────────────────────────────────────────────
+
+@for $i from 1 through ($grid-cols-count + 1) {
+  .col-start-#{$i} { grid-column-start: #{$i} !important; }
+  .col-end-#{$i}   { grid-column-end:   #{$i} !important; }
+}
+
+.col-start-auto { grid-column-start: auto !important; }
+.col-end-auto   { grid-column-end:   auto !important; }
+
+// ─── row-start / row-end ─────────────────────────────────────────────────────
+
+@for $i from 1 through ($grid-rows-count + 1) {
+  .row-start-#{$i} { grid-row-start: #{$i} !important; }
+  .row-end-#{$i}   { grid-row-end:   #{$i} !important; }
+}
+
+.row-start-auto { grid-row-start: auto !important; }
+.row-end-auto   { grid-row-end:   auto !important; }
+
+// ─── grid-auto-flow ──────────────────────────────────────────────────────────
+
+.grid-flow-row        { grid-auto-flow: row !important; }
+.grid-flow-col        { grid-auto-flow: column !important; }
+.grid-flow-dense      { grid-auto-flow: dense !important; }
+.grid-flow-row-dense  { grid-auto-flow: row dense !important; }
+.grid-flow-col-dense  { grid-auto-flow: column dense !important; }
+
+// ─── grid-auto-columns ───────────────────────────────────────────────────────
+
+.auto-cols-auto { grid-auto-columns: auto !important; }
+.auto-cols-min  { grid-auto-columns: min-content !important; }
+.auto-cols-max  { grid-auto-columns: max-content !important; }
+.auto-cols-fr   { grid-auto-columns: minmax(0, 1fr) !important; }
+
+// ─── grid-auto-rows ──────────────────────────────────────────────────────────
+
+.auto-rows-auto { grid-auto-rows: auto !important; }
+.auto-rows-min  { grid-auto-rows: min-content !important; }
+.auto-rows-max  { grid-auto-rows: max-content !important; }
+.auto-rows-fr   { grid-auto-rows: minmax(0, 1fr) !important; }
+
+// ─── place-items ─────────────────────────────────────────────────────────────
+
+.place-items-start   { place-items: start !important; }
+.place-items-end     { place-items: end !important; }
+.place-items-center  { place-items: center !important; }
+.place-items-stretch { place-items: stretch !important; }
+.place-items-baseline { place-items: baseline !important; }
+
+// ─── place-content ───────────────────────────────────────────────────────────
+
+.place-content-start   { place-content: start !important; }
+.place-content-end     { place-content: end !important; }
+.place-content-center  { place-content: center !important; }
+.place-content-stretch { place-content: stretch !important; }
+.place-content-between { place-content: space-between !important; }
+.place-content-around  { place-content: space-around !important; }
+.place-content-evenly  { place-content: space-evenly !important; }
+
+// ─── place-self ──────────────────────────────────────────────────────────────
+
+.place-self-auto    { place-self: auto !important; }
+.place-self-start   { place-self: start !important; }
+.place-self-end     { place-self: end !important; }
+.place-self-center  { place-self: center !important; }
+.place-self-stretch { place-self: stretch !important; }
+
+// ─── Responsive variants ─────────────────────────────────────────────────────
+
+@each $size, $breakpoint in $grid-breakpoints {
+  @if $breakpoint != 0 {
+    @media (min-width: $breakpoint) {
+
+      @for $i from 1 through $grid-cols-count {
+        .#{$size}\:grid-cols-#{$i} {
+          grid-template-columns: repeat(#{$i}, minmax(0, 1fr)) !important;
+        }
+        .#{$size}\:col-span-#{$i} {
+          grid-column: span #{$i} / span #{$i} !important;
+        }
+        .#{$size}\:col-start-#{$i} { grid-column-start: #{$i} !important; }
+        .#{$size}\:col-end-#{$i}   { grid-column-end:   #{$i} !important; }
+      }
+
+      .#{$size}\:grid-cols-none { grid-template-columns: none !important; }
+      .#{$size}\:col-span-full  { grid-column: 1 / -1 !important; }
+
+      @for $i from 1 through $grid-rows-count {
+        .#{$size}\:grid-rows-#{$i} {
+          grid-template-rows: repeat(#{$i}, minmax(0, 1fr)) !important;
+        }
+        .#{$size}\:row-span-#{$i} {
+          grid-row: span #{$i} / span #{$i} !important;
+        }
+        .#{$size}\:row-start-#{$i} { grid-row-start: #{$i} !important; }
+        .#{$size}\:row-end-#{$i}   { grid-row-end:   #{$i} !important; }
+      }
+
+      .#{$size}\:grid-rows-none { grid-template-rows: none !important; }
+      .#{$size}\:row-span-full  { grid-row: 1 / -1 !important; }
+
+      .#{$size}\:grid-flow-row       { grid-auto-flow: row !important; }
+      .#{$size}\:grid-flow-col       { grid-auto-flow: column !important; }
+      .#{$size}\:grid-flow-dense     { grid-auto-flow: dense !important; }
+      .#{$size}\:grid-flow-row-dense { grid-auto-flow: row dense !important; }
+      .#{$size}\:grid-flow-col-dense { grid-auto-flow: column dense !important; }
+
+      .#{$size}\:place-items-start    { place-items: start !important; }
+      .#{$size}\:place-items-end      { place-items: end !important; }
+      .#{$size}\:place-items-center   { place-items: center !important; }
+      .#{$size}\:place-items-stretch  { place-items: stretch !important; }
+
+      .#{$size}\:place-content-start   { place-content: start !important; }
+      .#{$size}\:place-content-end     { place-content: end !important; }
+      .#{$size}\:place-content-center  { place-content: center !important; }
+      .#{$size}\:place-content-stretch { place-content: stretch !important; }
+      .#{$size}\:place-content-between { place-content: space-between !important; }
+      .#{$size}\:place-content-around  { place-content: space-around !important; }
+
+      .#{$size}\:place-self-auto    { place-self: auto !important; }
+      .#{$size}\:place-self-start   { place-self: start !important; }
+      .#{$size}\:place-self-end     { place-self: end !important; }
+      .#{$size}\:place-self-center  { place-self: center !important; }
+      .#{$size}\:place-self-stretch { place-self: stretch !important; }
+    }
+  }
+}

package/dist/scss/utils/_radius.scss

@@ -15,19 +15,19 @@ $radius-scale: (
     border-radius: #{$value} !important;
   }
 
-  .radius-top-left-#{$key} {
+  .radius-tl-#{$key} {
     border-top-left-radius: #{$value} !important;
   }
 
-  .radius-top-right-#{$key} {
+  .radius-tr-#{$key} {
     border-top-right-radius: #{$value} !important;
   }
 
-  .radius-bottom-left-#{$key} {
+  .radius-bl-#{$key} {
     border-bottom-left-radius: #{$value} !important;
   }
 
-  .radius-bottom-right-#{$key} {
+  .radius-br-#{$key} {
     border-bottom-right-radius: #{$value} !important;
   }
 }

package/dist/scss/utils/_typography.scss

@@ -56,6 +56,19 @@ $letter-spacings: (
   .ls-#{$name} { letter-spacing: $value !important; }
 }
 
+// Font style
+.italic     { font-style: italic !important; }
+.not-italic { font-style: normal !important; }
+
+// Font weight shortcuts
+.font-weight-thin      { font-weight: 100 !important; }
+.font-weight-light     { font-weight: 300 !important; }
+.font-weight-regular   { font-weight: 400 !important; }
+.font-weight-medium    { font-weight: 500 !important; }
+.font-weight-semi-bold { font-weight: 600 !important; }
+.font-weight-bold      { font-weight: 700 !important; }
+.font-weight-heavy     { font-weight: 900 !important; }
+
 // Responsive font sizes
 @each $bp, $breakpoint in $grid-breakpoints {
   @if $breakpoint != 0 {