@ktjs/mui 0.17.1 → 0.17.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.d.ts +16 -5
  3. package/dist/index.iife.css +1 -1
  4. package/dist/index.iife.js +85 -35
  5. package/dist/index.mjs +89 -39
  6. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- :root{--kt-color-primary:#1976d2;--kt-color-primary-light:#42a5f5;--kt-color-primary-dark:#1565c0;--kt-color-secondary:#9c27b0;--kt-color-secondary-light:#ba68c8;--kt-color-secondary-dark:#7b1fa2;--kt-color-error:#d32f2f;--kt-color-error-light:#ef5350;--kt-color-error-dark:#c62828;--kt-color-warning:#ed6c02;--kt-color-warning-light:#ff9800;--kt-color-warning-dark:#e65100;--kt-color-info:#0288d1;--kt-color-info-light:#29b6f6;--kt-color-info-dark:#01579b;--kt-color-success:#2e7d32;--kt-color-success-light:#66bb6a;--kt-color-success-dark:#1b5e20;--kt-color-text-primary:rgba(0,0,0,.87);--kt-color-text-secondary:rgba(0,0,0,.6);--kt-color-text-disabled:rgba(0,0,0,.38);--kt-color-background-paper:#fff;--kt-color-background-default:#fafafa;--kt-color-divider:rgba(0,0,0,.12)}@media (prefers-color-scheme:dark){:root{--kt-color-primary:#90caf9;--kt-color-primary-light:#b3e5fc;--kt-color-primary-dark:#42a5f5;--kt-color-secondary:#ce93d8;--kt-color-secondary-light:#e1bee7;--kt-color-secondary-dark:#ba68c8;--kt-color-error:#f44336;--kt-color-error-light:#e57373;--kt-color-error-dark:#d32f2f;--kt-color-warning:#ff9800;--kt-color-warning-light:#ffb74d;--kt-color-warning-dark:#f57c00;--kt-color-info:#29b6f6;--kt-color-info-light:#4fc3f7;--kt-color-info-dark:#0288d1;--kt-color-success:#66bb6a;--kt-color-success-light:#81c784;--kt-color-success-dark:#4caf50;--kt-color-text-primary:hsla(0,0%,100%,.87);--kt-color-text-secondary:hsla(0,0%,100%,.6);--kt-color-text-disabled:hsla(0,0%,100%,.38);--kt-color-background-paper:#121212;--kt-color-background-default:#0c0c0c;--kt-color-divider:hsla(0,0%,100%,.12)}}.mui-alert{align-items:center;border-radius:4px;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;gap:12px;letter-spacing:.01071em;line-height:1.43;padding:6px 16px;position:relative}.mui-alert-icon-wrapper{display:flex;font-size:22px;margin-right:-4px;opacity:.9;padding:7px 0}.mui-alert-icon{flex-shrink:0}.mui-alert-message{flex:1;min-width:0;overflow:auto;padding:8px 0}.mui-alert-close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;margin-right:-8px;opacity:.6;padding:4px;transition:opacity .2s,background-color .2s}.mui-alert-close:hover{background-color:rgba(0,0,0,.04);opacity:1}.mui-alert-standard.mui-alert-success{background-color:#edf7ed;color:#1e4620}.mui-alert-standard.mui-alert-info{background-color:#e5f6fd;color:#014361}.mui-alert-standard.mui-alert-warning{background-color:#fff4e5;color:#663c00}.mui-alert-standard.mui-alert-error{background-color:#fdeded;color:#5f2120}.mui-alert-filled.mui-alert-success{background-color:#2e7d32;color:#fff}.mui-alert-filled.mui-alert-info{background-color:#0288d1;color:#fff}.mui-alert-filled.mui-alert-warning{background-color:#ed6c02;color:#fff}.mui-alert-filled.mui-alert-error{background-color:#d32f2f;color:#fff}.mui-alert-outlined.mui-alert-success{background-color:transparent;border:1px solid #2e7d32;color:#1e4620}.mui-alert-outlined.mui-alert-info{background-color:transparent;border:1px solid #0288d1;color:#014361}.mui-alert-outlined.mui-alert-warning{background-color:transparent;border:1px solid #ed6c02;color:#663c00}.mui-alert-outlined.mui-alert-error{background-color:transparent;border:1px solid #d32f2f;color:#5f2120}@media (prefers-color-scheme:dark){.mui-alert-standard.mui-alert-success{background-color:#0c130d;color:#b7dfb9}.mui-alert-standard.mui-alert-info{background-color:#071318;color:#a6d5fa}.mui-alert-standard.mui-alert-warning{background-color:#191207;color:#ffd599}.mui-alert-standard.mui-alert-error{background-color:#160b0b;color:#f4c7c7}.mui-alert-close:hover{background-color:hsla(0,0%,100%,.08)}}.mui-button{align-items:center;border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;justify-content:center;letter-spacing:.02857em;line-height:1.75;margin:0;min-width:64px;outline:0;position:relative;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-button,.mui-button:hover{text-decoration:none}.mui-button-fullwidth{width:100%}.mui-button-disabled{cursor:default;pointer-events:none}.mui-button-label{align-items:inherit;display:inherit;justify-content:inherit;width:100%}.mui-button-start-icon{display:inherit;margin-left:-4px;margin-right:8px}.mui-button-end-icon{display:inherit;margin-left:8px;margin-right:-4px}.mui-button-size-small .mui-button-start-icon{margin-left:-2px}.mui-button-size-small .mui-button-end-icon{margin-right:-2px}.mui-button-size-small{font-size:.8125rem;padding:4px 10px}.mui-button-size-medium{font-size:.875rem;padding:6px 16px}.mui-button-size-large{font-size:.9375rem;padding:8px 22px}.mui-button-icon-only{min-width:auto;padding:8px}.mui-button-icon-only.mui-button-size-small{padding:5px}.mui-button-icon-only.mui-button-size-medium{padding:8px}.mui-button-icon-only.mui-button-size-large{padding:12px}.mui-button-icon-only .mui-button-end-icon,.mui-button-icon-only .mui-button-start-icon{margin:0}.mui-button-text{padding:6px 8px}.mui-button-text.mui-button-size-small{padding:4px 5px}.mui-button-text.mui-button-size-large{padding:8px 11px}.mui-button-text-primary{color:#1976d2}.mui-button-text-primary:hover{background-color:rgba(25,118,210,.04)}.mui-button-text-secondary{color:#9c27b0}.mui-button-text-secondary:hover{background-color:rgba(156,39,176,.04)}.mui-button-text-error{color:#d32f2f}.mui-button-text-error:hover{background-color:rgba(211,47,47,.04)}.mui-button-text-warning{color:#ed6c02}.mui-button-text-warning:hover{background-color:rgba(237,108,2,.04)}.mui-button-text-info{color:#0288d1}.mui-button-text-info:hover{background-color:rgba(2,136,209,.04)}.mui-button-text-success{color:#2e7d32}.mui-button-text-success:hover{background-color:rgba(46,125,50,.04)}.mui-button-outlined{border:1px solid rgba(25,118,210,.5);padding:5px 15px}.mui-button-outlined.mui-button-size-small{padding:3px 9px}.mui-button-outlined.mui-button-size-large{padding:7px 21px}.mui-button-outlined-primary{border-color:rgba(25,118,210,.5);color:#1976d2}.mui-button-outlined-primary:hover{background-color:rgba(25,118,210,.04);border-color:#1976d2}.mui-button-outlined-secondary{border-color:rgba(156,39,176,.5);color:#9c27b0}.mui-button-outlined-secondary:hover{background-color:rgba(156,39,176,.04);border-color:#9c27b0}.mui-button-outlined-error{border-color:rgba(211,47,47,.5);color:#d32f2f}.mui-button-outlined-error:hover{background-color:rgba(211,47,47,.04);border-color:#d32f2f}.mui-button-outlined-warning{border-color:rgba(237,108,2,.5);color:#ed6c02}.mui-button-outlined-warning:hover{background-color:rgba(237,108,2,.04);border-color:#ed6c02}.mui-button-outlined-info{border-color:rgba(2,136,209,.5);color:#0288d1}.mui-button-outlined-info:hover{background-color:rgba(2,136,209,.04);border-color:#0288d1}.mui-button-outlined-success{border-color:rgba(46,125,50,.5);color:#2e7d32}.mui-button-outlined-success:hover{background-color:rgba(46,125,50,.04);border-color:#2e7d32}.mui-button-contained-primary{background-color:#1976d2;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-primary:hover{background-color:#1565c0;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-primary:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mui-button-contained-secondary{background-color:#9c27b0;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-secondary:hover{background-color:#7b1fa2;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-error{background-color:#d32f2f;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-error:hover{background-color:#c62828;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-warning{background-color:#ed6c02;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-warning:hover{background-color:#e65100;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-info{background-color:#0288d1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-info:hover{background-color:#01579b;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-success{background-color:#2e7d32;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-success:hover{background-color:#1b5e20;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-text.mui-button-disabled{color:rgba(0,0,0,.26)}.mui-button-outlined.mui-button-disabled{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mui-button-contained.mui-button-disabled{background-color:rgba(0,0,0,.12);box-shadow:none;color:rgba(0,0,0,.26)}.mui-button-ripple{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.mui-button-ripple-effect{animation:mui-ripple-animation .6s ease-out;background-color:currentColor;border-radius:50%;opacity:.3;pointer-events:none;position:absolute;transform:scale(0)}@keyframes mui-ripple-animation{to{opacity:0;transform:scale(2)}}@media (prefers-color-scheme:dark){.mui-button-text-primary{color:#90caf9}.mui-button-text-primary:hover{background-color:rgba(144,202,249,.08)}.mui-button-text-secondary{color:#ce93d8}.mui-button-text-secondary:hover{background-color:rgba(206,147,216,.08)}.mui-button-outlined-primary{border-color:rgba(144,202,249,.5);color:#90caf9}.mui-button-outlined-primary:hover{background-color:rgba(144,202,249,.08);border-color:#90caf9}.mui-button-outlined-secondary{border-color:rgba(206,147,216,.5);color:#ce93d8}.mui-button-outlined-secondary:hover{background-color:rgba(206,147,216,.08);border-color:#ce93d8}.mui-button-contained-primary{background-color:#90caf9;color:rgba(0,0,0,.87)}.mui-button-contained-primary:hover{background-color:#42a5f5}.mui-button-contained-secondary{background-color:#ce93d8;color:rgba(0,0,0,.87)}.mui-button-contained-secondary:hover{background-color:#ab47bc}.mui-button-text.mui-button-disabled{color:hsla(0,0%,100%,.3)}.mui-button-outlined.mui-button-disabled{border-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}.mui-button-contained.mui-button-disabled{background-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}}.kt-dialog-backdrop{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity 225ms cubic-bezier(.4,0,.2,1);z-index:1300}.kt-dialog-backdrop-open{opacity:1;pointer-events:auto}.kt-dialog-paper{background-color:#fff;border-radius:4px;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);display:flex;flex-direction:column;max-height:calc(100% - 64px);overflow-y:auto;transform:scale(.8);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.kt-dialog-backdrop-open .kt-dialog-paper{transform:scale(1)}.kt-dialog-maxWidth-xs{max-width:444px;width:100%}.kt-dialog-maxWidth-sm{max-width:600px;width:100%}.kt-dialog-maxWidth-md{max-width:960px;width:100%}.kt-dialog-maxWidth-lg{max-width:1280px;width:100%}.kt-dialog-maxWidth-xl{max-width:1920px;width:100%}.kt-dialog-fullWidth{width:calc(100% - 64px)}.kt-dialog-title{flex:0 0 auto;margin:0;padding:24px 24px 20px}.kt-dialog-title h2{color:rgba(0,0,0,.87);font-size:1.25rem;font-weight:500;letter-spacing:.0075em;line-height:1.6;margin:0}.kt-dialog-content,.kt-dialog-title h2{font-family:Roboto,Helvetica,Arial,sans-serif}.kt-dialog-content{-webkit-overflow-scrolling:touch;color:rgba(0,0,0,.6);flex:1 1 auto;font-size:1rem;letter-spacing:.00938em;line-height:1.5;overflow-y:auto;padding:20px 24px}.kt-dialog-content:first-child{padding-top:20px}.kt-dialog-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;padding:8px}.kt-dialog-actions>*{margin:0}@media (prefers-color-scheme:dark){.kt-dialog-paper{background-color:#1e1e1e}.kt-dialog-paper,.kt-dialog-title h2{color:hsla(0,0%,100%,.87)}.kt-dialog-content{color:hsla(0,0%,100%,.7)}}.mui-form-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.00938em;line-height:1.4375em;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap}.mui-form-label-focused{color:#1976d2}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#d32f2f}.mui-form-label-disabled{color:rgba(0,0,0,.38)}.mui-form-label-filled{color:rgba(0,0,0,.6)}.mui-form-label-filled.mui-form-label-focused{color:#1976d2}.mui-form-label-asterisk{color:#d32f2f}legend.mui-form-label{display:block;float:unset;margin-bottom:8px;max-width:100%;overflow:hidden;padding:0;white-space:normal;width:auto}@media (prefers-color-scheme:dark){.mui-form-label{color:hsla(0,0%,100%,.7)}.mui-form-label-focused{color:#90caf9}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#f44336}.mui-form-label-disabled{color:hsla(0,0%,100%,.38)}.mui-form-label-filled{color:hsla(0,0%,100%,.7)}.mui-form-label-filled.mui-form-label-focused{color:#90caf9}}.mui-linear-progress{background-color:rgba(0,0,0,.12);border-radius:2px;display:block;height:4px;overflow:hidden;position:relative;width:100%}.mui-linear-progress-bar{height:100%;transform-origin:left}.mui-linear-progress-bar,.mui-linear-progress-determinate .mui-linear-progress-bar{transition:width .4s cubic-bezier(.4,0,.2,1)}.mui-linear-progress-indeterminate .mui-linear-progress-bar{animation:mui-linear-progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:100%}@keyframes mui-linear-progress-indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#1976d2}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#9c27b0}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#d32f2f}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ed6c02}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#0288d1}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#2e7d32}@media (prefers-color-scheme:dark){.mui-linear-progress{background-color:hsla(0,0%,100%,.12)}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#90caf9}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#ce93d8}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#f44336}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ff9800}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#29b6f6}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#66bb6a}}.mui-textfield-root{border:0;display:inline-flex;flex-direction:column;font-family:Roboto,Helvetica,Arial,sans-serif;margin:0;min-width:0;padding:0;position:relative;vertical-align:top}.mui-textfield-fullwidth{width:100%}.mui-textfield-wrapper{align-items:center;border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:text;display:inline-flex;font-size:1rem;line-height:1.4375em;position:relative}.mui-textfield-label{color:rgba(0,0,0,.6);display:block;font-size:1rem;left:0;line-height:1;max-width:calc(133% - 32px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:2px;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-textfield-focused .mui-textfield-label,.mui-textfield-has-value .mui-textfield-label{max-width:calc(133% - 32px);transform:translate(14px,-9px) scale(.75)}.mui-textfield-focused .mui-textfield-label{color:#1976d2}.mui-textfield-error .mui-textfield-label{color:#d32f2f}.mui-textfield-disabled .mui-textfield-label{color:rgba(0,0,0,.38)}.mui-textfield-required{color:#d32f2f}.mui-textfield-size-small .mui-textfield-wrapper{font-size:.875rem;line-height:1.4375em}.mui-textfield-size-small .mui-textfield-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-textfield-size-small.mui-textfield-focused .mui-textfield-label,.mui-textfield-size-small.mui-textfield-has-value .mui-textfield-label{transform:translate(14px,-9px) scale(.75)}.mui-textfield-size-small .mui-textfield-input-wrapper{padding:8.5px 14px}.mui-textfield-size-small .mui-textfield-input{font-size:.875rem}.mui-textfield-input-wrapper{padding:16.5px 14px;position:relative}.mui-textfield-input,.mui-textfield-input-wrapper{background:none;border:0;box-sizing:content-box;color:currentColor;display:block;font:inherit;height:1.4375em;letter-spacing:inherit;margin:0;min-width:0;width:100%}.mui-textfield-input{outline:none;padding:0}.mui-textfield-input::placeholder{color:rgba(0,0,0,.42);opacity:1;transition:opacity .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-focused .mui-textfield-input::placeholder{opacity:.42}.mui-textfield-disabled .mui-textfield-input{color:rgba(0,0,0,.38);cursor:default}textarea.mui-textfield-input{height:auto;overflow:auto;resize:none}.mui-textfield-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:rgba(0,0,0,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#1976d2;border-width:2px}.mui-textfield-error .mui-textfield-fieldset,.mui-textfield-error.mui-textfield-focused .mui-textfield-fieldset{border-color:#d32f2f}.mui-textfield-disabled .mui-textfield-fieldset{border-color:rgba(0,0,0,.26)}.mui-textfield-legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-textfield-legend>span{display:inline-block;opacity:0;padding-left:5px;padding-right:5px;visibility:visible}.mui-textfield-focused .mui-textfield-legend,.mui-textfield-has-value .mui-textfield-legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-textfield-helper-text{color:rgba(0,0,0,.6);font-size:.75rem;letter-spacing:.03333em;line-height:1.66;margin:3px 14px 0;text-align:left}.mui-textfield-error .mui-textfield-helper-text{color:#d32f2f}.mui-textfield-disabled .mui-textfield-helper-text{color:rgba(0,0,0,.38)}@media (prefers-color-scheme:dark){.mui-textfield-wrapper{color:hsla(0,0%,100%,.87)}.mui-textfield-label{color:hsla(0,0%,100%,.7)}.mui-textfield-focused .mui-textfield-label{color:#90caf9}.mui-textfield-input::placeholder{color:hsla(0,0%,100%,.5)}.mui-textfield-disabled .mui-textfield-input{color:hsla(0,0%,100%,.38)}.mui-textfield-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#90caf9}.mui-textfield-disabled .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.26)}.mui-textfield-helper-text{color:hsla(0,0%,100%,.7)}.mui-textfield-disabled .mui-textfield-helper-text{color:hsla(0,0%,100%,.38)}}.mui-radio-wrapper{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;margin:-9px;padding:9px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;vertical-align:middle}.mui-radio-disabled{cursor:default;opacity:.38;pointer-events:none}.mui-radio-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.mui-radio-icon{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:0;padding:9px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-radio-icon svg{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:1em}.mui-radio-size-small .mui-radio-icon{padding:5px}.mui-radio-size-small .mui-radio-icon svg{font-size:1.25rem}.mui-radio-size-medium .mui-radio-icon{padding:9px}.mui-radio-size-medium .mui-radio-icon svg{font-size:1.5rem}.mui-radio-icon-checked,.mui-radio-icon-unchecked{display:flex}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#1976d2}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#dc004e}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:rgba(0,0,0,.87)}.mui-radio-label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.5;margin-left:8px;user-select:none}.mui-radio-group{display:flex;flex-direction:column;flex-wrap:wrap}.mui-radio-group-row{flex-direction:row}.mui-radio-icon:after{background-color:currentColor;border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1) 0ms}.mui-radio-wrapper:active .mui-radio-icon:after{opacity:.12}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-radio-icon{color:hsla(0,0%,100%,.7)}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#90caf9}.mui-radio-color-primary:hover{background-color:rgba(144,202,249,.08)}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#f48fb1}.mui-radio-color-secondary:hover{background-color:rgba(244,143,177,.08)}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:hsla(0,0%,100%,.87)}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(144,202,249,.16)}}.mui-select-wrapper{display:inline-flex;flex-direction:column;margin:8px 0;min-width:120px;position:relative;vertical-align:top}.mui-select-fullWidth{width:100%}.mui-select-disabled{opacity:.6;pointer-events:none}.mui-select-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;left:0;letter-spacing:.00938em;line-height:1.4375em;max-width:calc(100% - 24px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-select-label.focused{color:#1976d2;max-width:calc(133.33333% - 24px);transform:translate(14px,-9px) scale(.75)}.mui-select-control{align-items:center;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.4375em;position:relative;user-select:none}.mui-select-control:focus{outline:none}.mui-select-size-small .mui-select-control{font-size:.875rem;line-height:1.4375em}.mui-select-size-small .mui-select-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-select-size-small .mui-select-label.focused{transform:translate(14px,-9px) scale(.75)}.mui-select-size-small .mui-select-outlined{padding:8.5px 32px 8.5px 14px}.mui-select-size-small .mui-select-display{font-size:.875rem}.mui-select-outlined{border-radius:4px;padding:16.5px 32px 16.5px 14px}.mui-select-outlined .mui-select-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-select-outlined:hover .mui-select-fieldset{border-color:rgba(0,0,0,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#1976d2!important;border-width:2px}.mui-select-fieldset legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-select-label.focused~.mui-select-outlined .mui-select-fieldset legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-select-display{flex:1;line-height:1.4375em;min-height:1.4375em;min-width:0}.mui-select-placeholder{color:rgba(0,0,0,.4)}.mui-select-icon{fill:currentColor;color:rgba(0,0,0,.54);display:inline-block;flex-shrink:0;height:24px;pointer-events:none;position:absolute;right:7px;top:calc(50% - .7em);transition:transform .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:24px}.mui-select-open .mui-select-icon{transform:rotate(180deg)}.mui-select-menu{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);display:none;left:0;margin-top:4px;max-height:300px;opacity:0;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;transform:scale(.75) translateY(-8px);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0ms,transform .2s cubic-bezier(.4,0,.2,1) 0ms;z-index:1300}.mui-select-menu-open{opacity:1;transform:scale(1) translateY(0)}.mui-select-option{align-items:center;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;justify-content:flex-start;letter-spacing:.00938em;line-height:1.5;min-height:48px;padding:6px 16px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;white-space:nowrap}.mui-select-option:hover{background-color:rgba(0,0,0,.04)}.mui-select-option.selected{background-color:rgba(25,118,210,.08);font-weight:500}.mui-select-option.selected:hover{background-color:rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-select-label{color:hsla(0,0%,100%,.7)}.mui-select-label.focused{color:#90caf9}.mui-select-control{color:hsla(0,0%,100%,.87)}.mui-select-outlined .mui-select-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-select-outlined:hover .mui-select-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#90caf9!important}.mui-select-placeholder{color:hsla(0,0%,100%,.5)}.mui-select-icon{color:hsla(0,0%,100%,.7)}.mui-select-menu{background-color:#1e1e1e}.mui-select-option{color:hsla(0,0%,100%,.87)}.mui-select-option:hover{background-color:hsla(0,0%,100%,.08)}.mui-select-option.selected{background-color:rgba(144,202,249,.16)}.mui-select-option.selected:hover{background-color:rgba(144,202,249,.24)}}
1
+ :root{--kt-color-primary:#1976d2;--kt-color-primary-light:#42a5f5;--kt-color-primary-dark:#1565c0;--kt-color-secondary:#9c27b0;--kt-color-secondary-light:#ba68c8;--kt-color-secondary-dark:#7b1fa2;--kt-color-error:#d32f2f;--kt-color-error-light:#ef5350;--kt-color-error-dark:#c62828;--kt-color-warning:#ed6c02;--kt-color-warning-light:#ff9800;--kt-color-warning-dark:#e65100;--kt-color-info:#0288d1;--kt-color-info-light:#29b6f6;--kt-color-info-dark:#01579b;--kt-color-success:#2e7d32;--kt-color-success-light:#66bb6a;--kt-color-success-dark:#1b5e20;--kt-color-text-primary:rgba(0,0,0,.87);--kt-color-text-secondary:rgba(0,0,0,.6);--kt-color-text-disabled:rgba(0,0,0,.38);--kt-color-background-paper:#fff;--kt-color-background-default:#fafafa;--kt-color-divider:rgba(0,0,0,.12)}@media (prefers-color-scheme:dark){:root{--kt-color-primary:#90caf9;--kt-color-primary-light:#b3e5fc;--kt-color-primary-dark:#42a5f5;--kt-color-secondary:#ce93d8;--kt-color-secondary-light:#e1bee7;--kt-color-secondary-dark:#ba68c8;--kt-color-error:#f44336;--kt-color-error-light:#e57373;--kt-color-error-dark:#d32f2f;--kt-color-warning:#ff9800;--kt-color-warning-light:#ffb74d;--kt-color-warning-dark:#f57c00;--kt-color-info:#29b6f6;--kt-color-info-light:#4fc3f7;--kt-color-info-dark:#0288d1;--kt-color-success:#66bb6a;--kt-color-success-light:#81c784;--kt-color-success-dark:#4caf50;--kt-color-text-primary:hsla(0,0%,100%,.87);--kt-color-text-secondary:hsla(0,0%,100%,.6);--kt-color-text-disabled:hsla(0,0%,100%,.38);--kt-color-background-paper:#121212;--kt-color-background-default:#0c0c0c;--kt-color-divider:hsla(0,0%,100%,.12)}}.mui-alert{align-items:center;border-radius:4px;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;gap:12px;letter-spacing:.01071em;line-height:1.43;padding:6px 16px;position:relative}.mui-alert-icon-wrapper{display:flex;font-size:22px;margin-right:-4px;opacity:.9;padding:7px 0}.mui-alert-icon{flex-shrink:0}.mui-alert-message{flex:1;min-width:0;overflow:auto;padding:8px 0}.mui-alert-close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;margin-right:-8px;opacity:.6;padding:4px;transition:opacity .2s,background-color .2s}.mui-alert-close:hover{background-color:rgba(0,0,0,.04);opacity:1}.mui-alert-standard.mui-alert-success{background-color:#edf7ed;color:#1e4620}.mui-alert-standard.mui-alert-info{background-color:#e5f6fd;color:#014361}.mui-alert-standard.mui-alert-warning{background-color:#fff4e5;color:#663c00}.mui-alert-standard.mui-alert-error{background-color:#fdeded;color:#5f2120}.mui-alert-filled.mui-alert-success{background-color:#2e7d32;color:#fff}.mui-alert-filled.mui-alert-info{background-color:#0288d1;color:#fff}.mui-alert-filled.mui-alert-warning{background-color:#ed6c02;color:#fff}.mui-alert-filled.mui-alert-error{background-color:#d32f2f;color:#fff}.mui-alert-outlined.mui-alert-success{background-color:transparent;border:1px solid #2e7d32;color:#1e4620}.mui-alert-outlined.mui-alert-info{background-color:transparent;border:1px solid #0288d1;color:#014361}.mui-alert-outlined.mui-alert-warning{background-color:transparent;border:1px solid #ed6c02;color:#663c00}.mui-alert-outlined.mui-alert-error{background-color:transparent;border:1px solid #d32f2f;color:#5f2120}@media (prefers-color-scheme:dark){.mui-alert-standard.mui-alert-success{background-color:#0c130d;color:#b7dfb9}.mui-alert-standard.mui-alert-info{background-color:#071318;color:#a6d5fa}.mui-alert-standard.mui-alert-warning{background-color:#191207;color:#ffd599}.mui-alert-standard.mui-alert-error{background-color:#160b0b;color:#f4c7c7}.mui-alert-close:hover{background-color:hsla(0,0%,100%,.08)}}.mui-button{align-items:center;border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;justify-content:center;letter-spacing:.02857em;line-height:1.75;margin:0;min-width:64px;outline:0;position:relative;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-button,.mui-button:hover{text-decoration:none}.mui-button-fullwidth{width:100%}.mui-button-disabled{cursor:default;pointer-events:none}.mui-button-label{align-items:inherit;display:inherit;justify-content:inherit;width:100%}.mui-button-start-icon{display:inherit;margin-left:-4px;margin-right:8px}.mui-button-end-icon{display:inherit;margin-left:8px;margin-right:-4px}.mui-button-size-small .mui-button-start-icon{margin-left:-2px}.mui-button-size-small .mui-button-end-icon{margin-right:-2px}.mui-button-size-small{font-size:.8125rem;padding:4px 10px}.mui-button-size-medium{font-size:.875rem;padding:6px 16px}.mui-button-size-large{font-size:.9375rem;padding:8px 22px}.mui-button-icon-only{min-width:auto;padding:8px}.mui-button-icon-only.mui-button-size-small{padding:5px}.mui-button-icon-only.mui-button-size-medium{padding:8px}.mui-button-icon-only.mui-button-size-large{padding:12px}.mui-button-icon-only .mui-button-end-icon,.mui-button-icon-only .mui-button-start-icon{margin:0}.mui-button-text{padding:6px 8px}.mui-button-text.mui-button-size-small{padding:4px 5px}.mui-button-text.mui-button-size-large{padding:8px 11px}.mui-button-text-primary{color:#1976d2}.mui-button-text-primary:hover{background-color:rgba(25,118,210,.04)}.mui-button-text-secondary{color:#9c27b0}.mui-button-text-secondary:hover{background-color:rgba(156,39,176,.04)}.mui-button-text-error{color:#d32f2f}.mui-button-text-error:hover{background-color:rgba(211,47,47,.04)}.mui-button-text-warning{color:#ed6c02}.mui-button-text-warning:hover{background-color:rgba(237,108,2,.04)}.mui-button-text-info{color:#0288d1}.mui-button-text-info:hover{background-color:rgba(2,136,209,.04)}.mui-button-text-success{color:#2e7d32}.mui-button-text-success:hover{background-color:rgba(46,125,50,.04)}.mui-button-outlined{border:1px solid rgba(25,118,210,.5);padding:5px 15px}.mui-button-outlined.mui-button-size-small{padding:3px 9px}.mui-button-outlined.mui-button-size-large{padding:7px 21px}.mui-button-outlined-primary{border-color:rgba(25,118,210,.5);color:#1976d2}.mui-button-outlined-primary:hover{background-color:rgba(25,118,210,.04);border-color:#1976d2}.mui-button-outlined-secondary{border-color:rgba(156,39,176,.5);color:#9c27b0}.mui-button-outlined-secondary:hover{background-color:rgba(156,39,176,.04);border-color:#9c27b0}.mui-button-outlined-error{border-color:rgba(211,47,47,.5);color:#d32f2f}.mui-button-outlined-error:hover{background-color:rgba(211,47,47,.04);border-color:#d32f2f}.mui-button-outlined-warning{border-color:rgba(237,108,2,.5);color:#ed6c02}.mui-button-outlined-warning:hover{background-color:rgba(237,108,2,.04);border-color:#ed6c02}.mui-button-outlined-info{border-color:rgba(2,136,209,.5);color:#0288d1}.mui-button-outlined-info:hover{background-color:rgba(2,136,209,.04);border-color:#0288d1}.mui-button-outlined-success{border-color:rgba(46,125,50,.5);color:#2e7d32}.mui-button-outlined-success:hover{background-color:rgba(46,125,50,.04);border-color:#2e7d32}.mui-button-contained-primary{background-color:#1976d2;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-primary:hover{background-color:#1565c0;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-primary:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mui-button-contained-secondary{background-color:#9c27b0;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-secondary:hover{background-color:#7b1fa2;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-error{background-color:#d32f2f;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-error:hover{background-color:#c62828;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-warning{background-color:#ed6c02;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-warning:hover{background-color:#e65100;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-info{background-color:#0288d1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-info:hover{background-color:#01579b;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-success{background-color:#2e7d32;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-success:hover{background-color:#1b5e20;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-text.mui-button-disabled{color:rgba(0,0,0,.26)}.mui-button-outlined.mui-button-disabled{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mui-button-contained.mui-button-disabled{background-color:rgba(0,0,0,.12);box-shadow:none;color:rgba(0,0,0,.26)}.mui-button-ripple{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.mui-button-ripple-effect{animation:mui-ripple-animation .6s ease-out;background-color:currentColor;border-radius:50%;opacity:.3;pointer-events:none;position:absolute;transform:scale(0)}@keyframes mui-ripple-animation{to{opacity:0;transform:scale(2)}}@media (prefers-color-scheme:dark){.mui-button-text-primary{color:#90caf9}.mui-button-text-primary:hover{background-color:rgba(144,202,249,.08)}.mui-button-text-secondary{color:#ce93d8}.mui-button-text-secondary:hover{background-color:rgba(206,147,216,.08)}.mui-button-outlined-primary{border-color:rgba(144,202,249,.5);color:#90caf9}.mui-button-outlined-primary:hover{background-color:rgba(144,202,249,.08);border-color:#90caf9}.mui-button-outlined-secondary{border-color:rgba(206,147,216,.5);color:#ce93d8}.mui-button-outlined-secondary:hover{background-color:rgba(206,147,216,.08);border-color:#ce93d8}.mui-button-contained-primary{background-color:#90caf9;color:rgba(0,0,0,.87)}.mui-button-contained-primary:hover{background-color:#42a5f5}.mui-button-contained-secondary{background-color:#ce93d8;color:rgba(0,0,0,.87)}.mui-button-contained-secondary:hover{background-color:#ab47bc}.mui-button-text.mui-button-disabled{color:hsla(0,0%,100%,.3)}.mui-button-outlined.mui-button-disabled{border-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}.mui-button-contained.mui-button-disabled{background-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}}.kt-dialog-backdrop{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity 225ms cubic-bezier(.4,0,.2,1);z-index:1300}.kt-dialog-backdrop-open{opacity:1;pointer-events:auto}.kt-dialog-paper{background-color:#fff;border-radius:4px;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);display:flex;flex-direction:column;max-height:calc(100% - 64px);overflow-y:auto;transform:scale(.8);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.kt-dialog-backdrop-open .kt-dialog-paper{transform:scale(1)}.kt-dialog-maxWidth-xs{max-width:444px;width:100%}.kt-dialog-maxWidth-sm{max-width:600px;width:100%}.kt-dialog-maxWidth-md{max-width:960px;width:100%}.kt-dialog-maxWidth-lg{max-width:1280px;width:100%}.kt-dialog-maxWidth-xl{max-width:1920px;width:100%}.kt-dialog-fullWidth{width:calc(100% - 64px)}.kt-dialog-title{flex:0 0 auto;margin:0;padding:24px 24px 20px}.kt-dialog-title h2{color:rgba(0,0,0,.87);font-size:1.25rem;font-weight:500;letter-spacing:.0075em;line-height:1.6;margin:0}.kt-dialog-content,.kt-dialog-title h2{font-family:Roboto,Helvetica,Arial,sans-serif}.kt-dialog-content{-webkit-overflow-scrolling:touch;color:rgba(0,0,0,.6);flex:1 1 auto;font-size:1rem;letter-spacing:.00938em;line-height:1.5;overflow-y:auto;padding:20px 24px}.kt-dialog-content:first-child{padding-top:20px}.kt-dialog-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;padding:8px}.kt-dialog-actions>*{margin:0}@media (prefers-color-scheme:dark){.kt-dialog-paper{background-color:#1e1e1e}.kt-dialog-paper,.kt-dialog-title h2{color:hsla(0,0%,100%,.87)}.kt-dialog-content{color:hsla(0,0%,100%,.7)}}.mui-form-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.00938em;line-height:1.4375em;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap}.mui-form-label-focused{color:#1976d2}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#d32f2f}.mui-form-label-disabled{color:rgba(0,0,0,.38)}.mui-form-label-filled{color:rgba(0,0,0,.6)}.mui-form-label-filled.mui-form-label-focused{color:#1976d2}.mui-form-label-asterisk{color:#d32f2f}legend.mui-form-label{display:block;float:unset;margin-bottom:8px;max-width:100%;overflow:hidden;padding:0;white-space:normal;width:auto}@media (prefers-color-scheme:dark){.mui-form-label{color:hsla(0,0%,100%,.7)}.mui-form-label-focused{color:#90caf9}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#f44336}.mui-form-label-disabled{color:hsla(0,0%,100%,.38)}.mui-form-label-filled{color:hsla(0,0%,100%,.7)}.mui-form-label-filled.mui-form-label-focused{color:#90caf9}}.mui-linear-progress{background-color:rgba(0,0,0,.12);border-radius:2px;display:block;height:4px;overflow:hidden;position:relative;width:100%}.mui-linear-progress-bar{height:100%;transform-origin:left}.mui-linear-progress-bar,.mui-linear-progress-determinate .mui-linear-progress-bar{transition:width .4s cubic-bezier(.4,0,.2,1)}.mui-linear-progress-indeterminate .mui-linear-progress-bar{animation:mui-linear-progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:100%}@keyframes mui-linear-progress-indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#1976d2}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#9c27b0}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#d32f2f}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ed6c02}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#0288d1}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#2e7d32}@media (prefers-color-scheme:dark){.mui-linear-progress{background-color:hsla(0,0%,100%,.12)}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#90caf9}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#ce93d8}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#f44336}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ff9800}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#29b6f6}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#66bb6a}}.mui-textfield-root{border:0;display:inline-flex;flex-direction:column;font-family:Roboto,Helvetica,Arial,sans-serif;margin:0;min-width:0;padding:0;position:relative;vertical-align:top}.mui-textfield-fullwidth{width:100%}.mui-textfield-wrapper{align-items:center;border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:text;display:inline-flex;font-size:1rem;line-height:1.4375em;position:relative}.mui-textfield-label{color:rgba(0,0,0,.6);display:block;font-size:1rem;left:0;line-height:1;max-width:calc(133% - 32px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:2px;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-textfield-focused .mui-textfield-label,.mui-textfield-has-value .mui-textfield-label{max-width:calc(133% - 32px);transform:translate(14px,-9px) scale(.75)}.mui-textfield-focused .mui-textfield-label{color:#1976d2}.mui-textfield-error .mui-textfield-label{color:#d32f2f}.mui-textfield-disabled .mui-textfield-label{color:rgba(0,0,0,.38)}.mui-textfield-required{color:#d32f2f}.mui-textfield-size-small .mui-textfield-wrapper{font-size:.875rem;line-height:1.4375em}.mui-textfield-size-small .mui-textfield-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-textfield-size-small.mui-textfield-focused .mui-textfield-label,.mui-textfield-size-small.mui-textfield-has-value .mui-textfield-label{transform:translate(14px,-9px) scale(.75)}.mui-textfield-size-small .mui-textfield-input-wrapper{padding:8.5px 14px}.mui-textfield-size-small .mui-textfield-input{font-size:.875rem}.mui-textfield-input-wrapper{padding:16.5px 14px;position:relative}.mui-textfield-input,.mui-textfield-input-wrapper{background:none;border:0;box-sizing:content-box;color:currentColor;display:block;font:inherit;height:1.4375em;letter-spacing:inherit;margin:0;min-width:0;width:100%}.mui-textfield-input{outline:none;padding:0}.mui-textfield-input::placeholder{color:rgba(0,0,0,.42);opacity:1;transition:opacity .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-focused .mui-textfield-input::placeholder{opacity:.42}.mui-textfield-disabled .mui-textfield-input{color:rgba(0,0,0,.38);cursor:default}textarea.mui-textfield-input{height:auto;overflow:auto;resize:none}.mui-textfield-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:rgba(0,0,0,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#1976d2;border-width:2px}.mui-textfield-error .mui-textfield-fieldset,.mui-textfield-error.mui-textfield-focused .mui-textfield-fieldset{border-color:#d32f2f}.mui-textfield-disabled .mui-textfield-fieldset{border-color:rgba(0,0,0,.26)}.mui-textfield-no-label .mui-textfield-fieldset{top:0}.mui-textfield-legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-textfield-legend>span{display:inline-block;opacity:0;padding-left:5px;padding-right:5px;visibility:visible}.mui-textfield-focused .mui-textfield-legend,.mui-textfield-has-value .mui-textfield-legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-textfield-helper-text{color:rgba(0,0,0,.6);font-size:.75rem;letter-spacing:.03333em;line-height:1.66;margin:3px 14px 0;text-align:left}.mui-textfield-error .mui-textfield-helper-text{color:#d32f2f}.mui-textfield-disabled .mui-textfield-helper-text{color:rgba(0,0,0,.38)}@media (prefers-color-scheme:dark){.mui-textfield-wrapper{color:hsla(0,0%,100%,.87)}.mui-textfield-label{color:hsla(0,0%,100%,.7)}.mui-textfield-focused .mui-textfield-label{color:#90caf9}.mui-textfield-input::placeholder{color:hsla(0,0%,100%,.5)}.mui-textfield-disabled .mui-textfield-input{color:hsla(0,0%,100%,.38)}.mui-textfield-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#90caf9}.mui-textfield-disabled .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.26)}.mui-textfield-helper-text{color:hsla(0,0%,100%,.7)}.mui-textfield-disabled .mui-textfield-helper-text{color:hsla(0,0%,100%,.38)}}.mui-radio-wrapper{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;margin:-9px;padding:9px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;vertical-align:middle}.mui-radio-disabled{cursor:default;opacity:.38;pointer-events:none}.mui-radio-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.mui-radio-icon{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:0;padding:9px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-radio-icon svg{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:1em}.mui-radio-size-small .mui-radio-icon{padding:5px}.mui-radio-size-small .mui-radio-icon svg{font-size:1.25rem}.mui-radio-size-medium .mui-radio-icon{padding:9px}.mui-radio-size-medium .mui-radio-icon svg{font-size:1.5rem}.mui-radio-icon-checked,.mui-radio-icon-unchecked{display:flex}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#1976d2}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#dc004e}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:rgba(0,0,0,.87)}.mui-radio-label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.5;margin-left:8px;user-select:none}.mui-radio-group{display:flex;flex-direction:column;flex-wrap:wrap}.mui-radio-group-row{flex-direction:row}.mui-radio-icon:after{background-color:currentColor;border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1) 0ms}.mui-radio-wrapper:active .mui-radio-icon:after{opacity:.12}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-radio-icon{color:hsla(0,0%,100%,.7)}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#90caf9}.mui-radio-color-primary:hover{background-color:rgba(144,202,249,.08)}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#f48fb1}.mui-radio-color-secondary:hover{background-color:rgba(244,143,177,.08)}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:hsla(0,0%,100%,.87)}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(144,202,249,.16)}}.mui-select-wrapper{display:inline-flex;flex-direction:column;margin:8px 0;min-width:120px;position:relative;vertical-align:top}.mui-select-fullWidth{width:100%}.mui-select-disabled{opacity:.6;pointer-events:none}.mui-select-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;left:0;letter-spacing:.00938em;line-height:1.4375em;max-width:calc(100% - 24px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-select-label.focused{color:#1976d2;max-width:calc(133.33333% - 24px);transform:translate(14px,-9px) scale(.75)}.mui-select-control{align-items:center;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.4375em;position:relative;user-select:none}.mui-select-control:focus{outline:none}.mui-select-size-small .mui-select-control{font-size:.875rem;line-height:1.4375em}.mui-select-size-small .mui-select-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-select-size-small .mui-select-label.focused{transform:translate(14px,-9px) scale(.75)}.mui-select-size-small .mui-select-outlined{padding:8.5px 32px 8.5px 14px}.mui-select-size-small .mui-select-display{font-size:.875rem}.mui-select-outlined{border-radius:4px;padding:16.5px 32px 16.5px 14px}.mui-select-outlined .mui-select-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-select-outlined:hover .mui-select-fieldset{border-color:rgba(0,0,0,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#1976d2!important;border-width:2px}.mui-select-fieldset legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-select-label.focused~.mui-select-outlined .mui-select-fieldset legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-select-display{flex:1;line-height:1.4375em;min-height:1.4375em;min-width:0}.mui-select-placeholder{color:rgba(0,0,0,.4)}.mui-select-icon{fill:currentColor;color:rgba(0,0,0,.54);display:inline-block;flex-shrink:0;height:24px;pointer-events:none;position:absolute;right:7px;top:calc(50% - .7em);transition:transform .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:24px}.mui-select-open .mui-select-icon{transform:rotate(180deg)}.mui-select-menu{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);display:none;left:0;margin-top:4px;max-height:300px;opacity:0;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;transform:scale(.75) translateY(-8px);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0ms,transform .2s cubic-bezier(.4,0,.2,1) 0ms;z-index:1300}.mui-select-menu-open{opacity:1;transform:scale(1) translateY(0)}.mui-select-option{align-items:center;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;justify-content:flex-start;letter-spacing:.00938em;line-height:1.5;min-height:48px;padding:6px 16px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;white-space:nowrap}.mui-select-option:hover{background-color:rgba(0,0,0,.04)}.mui-select-option.selected{background-color:rgba(25,118,210,.08);font-weight:500}.mui-select-option.selected:hover{background-color:rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-select-label{color:hsla(0,0%,100%,.7)}.mui-select-label.focused{color:#90caf9}.mui-select-control{color:hsla(0,0%,100%,.87)}.mui-select-outlined .mui-select-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-select-outlined:hover .mui-select-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#90caf9!important}.mui-select-placeholder{color:hsla(0,0%,100%,.5)}.mui-select-icon{color:hsla(0,0%,100%,.7)}.mui-select-menu{background-color:#1e1e1e}.mui-select-option{color:hsla(0,0%,100%,.87)}.mui-select-option:hover{background-color:hsla(0,0%,100%,.08)}.mui-select-option.selected{background-color:rgba(144,202,249,.16)}.mui-select-option.selected:hover{background-color:rgba(144,202,249,.24)}}
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { KTHTMLElement, KTAttribute } from 'kt.js';
2
+ import { KTHTMLElement as KTHTMLElement$1 } from '@ktjs/core';
2
3
 
3
4
  interface AlertProps {
4
5
  class?: string;
@@ -36,19 +37,25 @@ interface ButtonProps {
36
37
  declare function Button(props: ButtonProps): KTHTMLElement;
37
38
 
38
39
  interface DialogProps {
39
- open: boolean;
40
- onClose?: () => void;
40
+ open?: boolean;
41
+ 'mui:close'?: () => void;
41
42
  title?: string;
42
43
  children?: HTMLElement | HTMLElement[] | string;
43
44
  actions?: HTMLElement | HTMLElement[];
44
45
  maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;
45
46
  fullWidth?: boolean;
46
47
  }
48
+ type KTMuiDialog = KTHTMLElement$1 & {
49
+ /**
50
+ * Controls whether the dialog is open or closed
51
+ */
52
+ open: boolean;
53
+ };
47
54
  /**
48
55
  * Dialog component - mimics MUI Dialog appearance and behavior
49
56
  * Only handles open/close state, title and content are passed as props
50
57
  */
51
- declare function Dialog(props: DialogProps): KTHTMLElement;
58
+ declare function Dialog(props: DialogProps): KTMuiDialog;
52
59
 
53
60
  interface FormLabelProps {
54
61
  children: string | HTMLElement | KTHTMLElement;
@@ -73,10 +80,13 @@ interface LinearProgressProps {
73
80
  progress?: number;
74
81
  color?: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
75
82
  }
83
+ type KTMuiLinearProgress = KTHTMLElement$1 & {
84
+ progress: number;
85
+ };
76
86
  /**
77
87
  * LinearProgress component - mimics MUI LinearProgress appearance and behavior
78
88
  */
79
- declare function LinearProgress(props: LinearProgressProps): JSX.Element;
89
+ declare function LinearProgress(props: LinearProgressProps): KTMuiLinearProgress;
80
90
 
81
91
  interface TextFieldProps {
82
92
  class?: string;
@@ -193,7 +203,7 @@ declare function VideoFileIcon(props: KTAttribute): JSX.Element;
193
203
 
194
204
  declare function QueuePlayNextIcon(props: KTAttribute): JSX.Element;
195
205
 
196
- declare function MenuIcon(props: KTAttribute): SVGElement;
206
+ declare function MenuIcon(props: KTAttribute): JSX.Element;
197
207
 
198
208
  declare function HomeIcon(props: KTAttribute): JSX.Element;
199
209
 
@@ -202,3 +212,4 @@ declare function ContentCopyIcon(props: KTAttribute): JSX.Element;
202
212
  declare function SelectAllIcon(props: KTAttribute): JSX.Element;
203
213
 
204
214
  export { Alert, Button, ColorLensIcon, CompressIcon, ContentCopyIcon, ContentPasteIcon, DeleteIcon, Dialog, DownloadIcon, ExpandMoreIcon, FileOpenIcon as FileOpen, FileOpenIcon, FolderOpenIcon, FormLabel, HomeIcon, LinearProgress, MenuIcon, NewReleasesIcon, PlayArrowIcon, QueuePlayNextIcon, Radio, RadioGroup, SaveIcon, Select, SelectAllIcon, SettingsIcon, StopIcon, SubtitlesIcon, TextField, UploadFileIcon, VideoFileIcon, WallpaperIcon };
215
+ export type { KTMuiDialog, KTMuiLinearProgress };
package/dist/index.iife.css CHANGED
@@ -1 +1 @@
1
- :root{--kt-color-primary:#1976d2;--kt-color-primary-light:#42a5f5;--kt-color-primary-dark:#1565c0;--kt-color-secondary:#9c27b0;--kt-color-secondary-light:#ba68c8;--kt-color-secondary-dark:#7b1fa2;--kt-color-error:#d32f2f;--kt-color-error-light:#ef5350;--kt-color-error-dark:#c62828;--kt-color-warning:#ed6c02;--kt-color-warning-light:#ff9800;--kt-color-warning-dark:#e65100;--kt-color-info:#0288d1;--kt-color-info-light:#29b6f6;--kt-color-info-dark:#01579b;--kt-color-success:#2e7d32;--kt-color-success-light:#66bb6a;--kt-color-success-dark:#1b5e20;--kt-color-text-primary:rgba(0,0,0,.87);--kt-color-text-secondary:rgba(0,0,0,.6);--kt-color-text-disabled:rgba(0,0,0,.38);--kt-color-background-paper:#fff;--kt-color-background-default:#fafafa;--kt-color-divider:rgba(0,0,0,.12)}@media (prefers-color-scheme:dark){:root{--kt-color-primary:#90caf9;--kt-color-primary-light:#b3e5fc;--kt-color-primary-dark:#42a5f5;--kt-color-secondary:#ce93d8;--kt-color-secondary-light:#e1bee7;--kt-color-secondary-dark:#ba68c8;--kt-color-error:#f44336;--kt-color-error-light:#e57373;--kt-color-error-dark:#d32f2f;--kt-color-warning:#ff9800;--kt-color-warning-light:#ffb74d;--kt-color-warning-dark:#f57c00;--kt-color-info:#29b6f6;--kt-color-info-light:#4fc3f7;--kt-color-info-dark:#0288d1;--kt-color-success:#66bb6a;--kt-color-success-light:#81c784;--kt-color-success-dark:#4caf50;--kt-color-text-primary:hsla(0,0%,100%,.87);--kt-color-text-secondary:hsla(0,0%,100%,.6);--kt-color-text-disabled:hsla(0,0%,100%,.38);--kt-color-background-paper:#121212;--kt-color-background-default:#0c0c0c;--kt-color-divider:hsla(0,0%,100%,.12)}}.mui-alert{align-items:center;border-radius:4px;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;gap:12px;letter-spacing:.01071em;line-height:1.43;padding:6px 16px;position:relative}.mui-alert-icon-wrapper{display:flex;font-size:22px;margin-right:-4px;opacity:.9;padding:7px 0}.mui-alert-icon{flex-shrink:0}.mui-alert-message{flex:1;min-width:0;overflow:auto;padding:8px 0}.mui-alert-close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;margin-right:-8px;opacity:.6;padding:4px;transition:opacity .2s,background-color .2s}.mui-alert-close:hover{background-color:rgba(0,0,0,.04);opacity:1}.mui-alert-standard.mui-alert-success{background-color:#edf7ed;color:#1e4620}.mui-alert-standard.mui-alert-info{background-color:#e5f6fd;color:#014361}.mui-alert-standard.mui-alert-warning{background-color:#fff4e5;color:#663c00}.mui-alert-standard.mui-alert-error{background-color:#fdeded;color:#5f2120}.mui-alert-filled.mui-alert-success{background-color:#2e7d32;color:#fff}.mui-alert-filled.mui-alert-info{background-color:#0288d1;color:#fff}.mui-alert-filled.mui-alert-warning{background-color:#ed6c02;color:#fff}.mui-alert-filled.mui-alert-error{background-color:#d32f2f;color:#fff}.mui-alert-outlined.mui-alert-success{background-color:transparent;border:1px solid #2e7d32;color:#1e4620}.mui-alert-outlined.mui-alert-info{background-color:transparent;border:1px solid #0288d1;color:#014361}.mui-alert-outlined.mui-alert-warning{background-color:transparent;border:1px solid #ed6c02;color:#663c00}.mui-alert-outlined.mui-alert-error{background-color:transparent;border:1px solid #d32f2f;color:#5f2120}@media (prefers-color-scheme:dark){.mui-alert-standard.mui-alert-success{background-color:#0c130d;color:#b7dfb9}.mui-alert-standard.mui-alert-info{background-color:#071318;color:#a6d5fa}.mui-alert-standard.mui-alert-warning{background-color:#191207;color:#ffd599}.mui-alert-standard.mui-alert-error{background-color:#160b0b;color:#f4c7c7}.mui-alert-close:hover{background-color:hsla(0,0%,100%,.08)}}.mui-button{align-items:center;border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;justify-content:center;letter-spacing:.02857em;line-height:1.75;margin:0;min-width:64px;outline:0;position:relative;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-button,.mui-button:hover{text-decoration:none}.mui-button-fullwidth{width:100%}.mui-button-disabled{cursor:default;pointer-events:none}.mui-button-label{align-items:inherit;display:inherit;justify-content:inherit;width:100%}.mui-button-start-icon{display:inherit;margin-left:-4px;margin-right:8px}.mui-button-end-icon{display:inherit;margin-left:8px;margin-right:-4px}.mui-button-size-small .mui-button-start-icon{margin-left:-2px}.mui-button-size-small .mui-button-end-icon{margin-right:-2px}.mui-button-size-small{font-size:.8125rem;padding:4px 10px}.mui-button-size-medium{font-size:.875rem;padding:6px 16px}.mui-button-size-large{font-size:.9375rem;padding:8px 22px}.mui-button-icon-only{min-width:auto;padding:8px}.mui-button-icon-only.mui-button-size-small{padding:5px}.mui-button-icon-only.mui-button-size-medium{padding:8px}.mui-button-icon-only.mui-button-size-large{padding:12px}.mui-button-icon-only .mui-button-end-icon,.mui-button-icon-only .mui-button-start-icon{margin:0}.mui-button-text{padding:6px 8px}.mui-button-text.mui-button-size-small{padding:4px 5px}.mui-button-text.mui-button-size-large{padding:8px 11px}.mui-button-text-primary{color:#1976d2}.mui-button-text-primary:hover{background-color:rgba(25,118,210,.04)}.mui-button-text-secondary{color:#9c27b0}.mui-button-text-secondary:hover{background-color:rgba(156,39,176,.04)}.mui-button-text-error{color:#d32f2f}.mui-button-text-error:hover{background-color:rgba(211,47,47,.04)}.mui-button-text-warning{color:#ed6c02}.mui-button-text-warning:hover{background-color:rgba(237,108,2,.04)}.mui-button-text-info{color:#0288d1}.mui-button-text-info:hover{background-color:rgba(2,136,209,.04)}.mui-button-text-success{color:#2e7d32}.mui-button-text-success:hover{background-color:rgba(46,125,50,.04)}.mui-button-outlined{border:1px solid rgba(25,118,210,.5);padding:5px 15px}.mui-button-outlined.mui-button-size-small{padding:3px 9px}.mui-button-outlined.mui-button-size-large{padding:7px 21px}.mui-button-outlined-primary{border-color:rgba(25,118,210,.5);color:#1976d2}.mui-button-outlined-primary:hover{background-color:rgba(25,118,210,.04);border-color:#1976d2}.mui-button-outlined-secondary{border-color:rgba(156,39,176,.5);color:#9c27b0}.mui-button-outlined-secondary:hover{background-color:rgba(156,39,176,.04);border-color:#9c27b0}.mui-button-outlined-error{border-color:rgba(211,47,47,.5);color:#d32f2f}.mui-button-outlined-error:hover{background-color:rgba(211,47,47,.04);border-color:#d32f2f}.mui-button-outlined-warning{border-color:rgba(237,108,2,.5);color:#ed6c02}.mui-button-outlined-warning:hover{background-color:rgba(237,108,2,.04);border-color:#ed6c02}.mui-button-outlined-info{border-color:rgba(2,136,209,.5);color:#0288d1}.mui-button-outlined-info:hover{background-color:rgba(2,136,209,.04);border-color:#0288d1}.mui-button-outlined-success{border-color:rgba(46,125,50,.5);color:#2e7d32}.mui-button-outlined-success:hover{background-color:rgba(46,125,50,.04);border-color:#2e7d32}.mui-button-contained-primary{background-color:#1976d2;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-primary:hover{background-color:#1565c0;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-primary:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mui-button-contained-secondary{background-color:#9c27b0;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-secondary:hover{background-color:#7b1fa2;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-error{background-color:#d32f2f;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-error:hover{background-color:#c62828;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-warning{background-color:#ed6c02;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-warning:hover{background-color:#e65100;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-info{background-color:#0288d1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-info:hover{background-color:#01579b;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-success{background-color:#2e7d32;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-success:hover{background-color:#1b5e20;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-text.mui-button-disabled{color:rgba(0,0,0,.26)}.mui-button-outlined.mui-button-disabled{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mui-button-contained.mui-button-disabled{background-color:rgba(0,0,0,.12);box-shadow:none;color:rgba(0,0,0,.26)}.mui-button-ripple{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.mui-button-ripple-effect{animation:mui-ripple-animation .6s ease-out;background-color:currentColor;border-radius:50%;opacity:.3;pointer-events:none;position:absolute;transform:scale(0)}@keyframes mui-ripple-animation{to{opacity:0;transform:scale(2)}}@media (prefers-color-scheme:dark){.mui-button-text-primary{color:#90caf9}.mui-button-text-primary:hover{background-color:rgba(144,202,249,.08)}.mui-button-text-secondary{color:#ce93d8}.mui-button-text-secondary:hover{background-color:rgba(206,147,216,.08)}.mui-button-outlined-primary{border-color:rgba(144,202,249,.5);color:#90caf9}.mui-button-outlined-primary:hover{background-color:rgba(144,202,249,.08);border-color:#90caf9}.mui-button-outlined-secondary{border-color:rgba(206,147,216,.5);color:#ce93d8}.mui-button-outlined-secondary:hover{background-color:rgba(206,147,216,.08);border-color:#ce93d8}.mui-button-contained-primary{background-color:#90caf9;color:rgba(0,0,0,.87)}.mui-button-contained-primary:hover{background-color:#42a5f5}.mui-button-contained-secondary{background-color:#ce93d8;color:rgba(0,0,0,.87)}.mui-button-contained-secondary:hover{background-color:#ab47bc}.mui-button-text.mui-button-disabled{color:hsla(0,0%,100%,.3)}.mui-button-outlined.mui-button-disabled{border-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}.mui-button-contained.mui-button-disabled{background-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}}.kt-dialog-backdrop{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity 225ms cubic-bezier(.4,0,.2,1);z-index:1300}.kt-dialog-backdrop-open{opacity:1;pointer-events:auto}.kt-dialog-paper{background-color:#fff;border-radius:4px;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);display:flex;flex-direction:column;max-height:calc(100% - 64px);overflow-y:auto;transform:scale(.8);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.kt-dialog-backdrop-open .kt-dialog-paper{transform:scale(1)}.kt-dialog-maxWidth-xs{max-width:444px;width:100%}.kt-dialog-maxWidth-sm{max-width:600px;width:100%}.kt-dialog-maxWidth-md{max-width:960px;width:100%}.kt-dialog-maxWidth-lg{max-width:1280px;width:100%}.kt-dialog-maxWidth-xl{max-width:1920px;width:100%}.kt-dialog-fullWidth{width:calc(100% - 64px)}.kt-dialog-title{flex:0 0 auto;margin:0;padding:24px 24px 20px}.kt-dialog-title h2{color:rgba(0,0,0,.87);font-size:1.25rem;font-weight:500;letter-spacing:.0075em;line-height:1.6;margin:0}.kt-dialog-content,.kt-dialog-title h2{font-family:Roboto,Helvetica,Arial,sans-serif}.kt-dialog-content{-webkit-overflow-scrolling:touch;color:rgba(0,0,0,.6);flex:1 1 auto;font-size:1rem;letter-spacing:.00938em;line-height:1.5;overflow-y:auto;padding:20px 24px}.kt-dialog-content:first-child{padding-top:20px}.kt-dialog-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;padding:8px}.kt-dialog-actions>*{margin:0}@media (prefers-color-scheme:dark){.kt-dialog-paper{background-color:#1e1e1e}.kt-dialog-paper,.kt-dialog-title h2{color:hsla(0,0%,100%,.87)}.kt-dialog-content{color:hsla(0,0%,100%,.7)}}.mui-form-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.00938em;line-height:1.4375em;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap}.mui-form-label-focused{color:#1976d2}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#d32f2f}.mui-form-label-disabled{color:rgba(0,0,0,.38)}.mui-form-label-filled{color:rgba(0,0,0,.6)}.mui-form-label-filled.mui-form-label-focused{color:#1976d2}.mui-form-label-asterisk{color:#d32f2f}legend.mui-form-label{display:block;float:unset;margin-bottom:8px;max-width:100%;overflow:hidden;padding:0;white-space:normal;width:auto}@media (prefers-color-scheme:dark){.mui-form-label{color:hsla(0,0%,100%,.7)}.mui-form-label-focused{color:#90caf9}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#f44336}.mui-form-label-disabled{color:hsla(0,0%,100%,.38)}.mui-form-label-filled{color:hsla(0,0%,100%,.7)}.mui-form-label-filled.mui-form-label-focused{color:#90caf9}}.mui-linear-progress{background-color:rgba(0,0,0,.12);border-radius:2px;display:block;height:4px;overflow:hidden;position:relative;width:100%}.mui-linear-progress-bar{height:100%;transform-origin:left}.mui-linear-progress-bar,.mui-linear-progress-determinate .mui-linear-progress-bar{transition:width .4s cubic-bezier(.4,0,.2,1)}.mui-linear-progress-indeterminate .mui-linear-progress-bar{animation:mui-linear-progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:100%}@keyframes mui-linear-progress-indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#1976d2}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#9c27b0}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#d32f2f}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ed6c02}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#0288d1}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#2e7d32}@media (prefers-color-scheme:dark){.mui-linear-progress{background-color:hsla(0,0%,100%,.12)}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#90caf9}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#ce93d8}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#f44336}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ff9800}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#29b6f6}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#66bb6a}}.mui-textfield-root{border:0;display:inline-flex;flex-direction:column;font-family:Roboto,Helvetica,Arial,sans-serif;margin:0;min-width:0;padding:0;position:relative;vertical-align:top}.mui-textfield-fullwidth{width:100%}.mui-textfield-wrapper{align-items:center;border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:text;display:inline-flex;font-size:1rem;line-height:1.4375em;position:relative}.mui-textfield-label{color:rgba(0,0,0,.6);display:block;font-size:1rem;left:0;line-height:1;max-width:calc(133% - 32px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:2px;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-textfield-focused .mui-textfield-label,.mui-textfield-has-value .mui-textfield-label{max-width:calc(133% - 32px);transform:translate(14px,-9px) scale(.75)}.mui-textfield-focused .mui-textfield-label{color:#1976d2}.mui-textfield-error .mui-textfield-label{color:#d32f2f}.mui-textfield-disabled .mui-textfield-label{color:rgba(0,0,0,.38)}.mui-textfield-required{color:#d32f2f}.mui-textfield-size-small .mui-textfield-wrapper{font-size:.875rem;line-height:1.4375em}.mui-textfield-size-small .mui-textfield-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-textfield-size-small.mui-textfield-focused .mui-textfield-label,.mui-textfield-size-small.mui-textfield-has-value .mui-textfield-label{transform:translate(14px,-9px) scale(.75)}.mui-textfield-size-small .mui-textfield-input-wrapper{padding:8.5px 14px}.mui-textfield-size-small .mui-textfield-input{font-size:.875rem}.mui-textfield-input-wrapper{padding:16.5px 14px;position:relative}.mui-textfield-input,.mui-textfield-input-wrapper{background:none;border:0;box-sizing:content-box;color:currentColor;display:block;font:inherit;height:1.4375em;letter-spacing:inherit;margin:0;min-width:0;width:100%}.mui-textfield-input{outline:none;padding:0}.mui-textfield-input::placeholder{color:rgba(0,0,0,.42);opacity:1;transition:opacity .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-focused .mui-textfield-input::placeholder{opacity:.42}.mui-textfield-disabled .mui-textfield-input{color:rgba(0,0,0,.38);cursor:default}textarea.mui-textfield-input{height:auto;overflow:auto;resize:none}.mui-textfield-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:rgba(0,0,0,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#1976d2;border-width:2px}.mui-textfield-error .mui-textfield-fieldset,.mui-textfield-error.mui-textfield-focused .mui-textfield-fieldset{border-color:#d32f2f}.mui-textfield-disabled .mui-textfield-fieldset{border-color:rgba(0,0,0,.26)}.mui-textfield-legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-textfield-legend>span{display:inline-block;opacity:0;padding-left:5px;padding-right:5px;visibility:visible}.mui-textfield-focused .mui-textfield-legend,.mui-textfield-has-value .mui-textfield-legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-textfield-helper-text{color:rgba(0,0,0,.6);font-size:.75rem;letter-spacing:.03333em;line-height:1.66;margin:3px 14px 0;text-align:left}.mui-textfield-error .mui-textfield-helper-text{color:#d32f2f}.mui-textfield-disabled .mui-textfield-helper-text{color:rgba(0,0,0,.38)}@media (prefers-color-scheme:dark){.mui-textfield-wrapper{color:hsla(0,0%,100%,.87)}.mui-textfield-label{color:hsla(0,0%,100%,.7)}.mui-textfield-focused .mui-textfield-label{color:#90caf9}.mui-textfield-input::placeholder{color:hsla(0,0%,100%,.5)}.mui-textfield-disabled .mui-textfield-input{color:hsla(0,0%,100%,.38)}.mui-textfield-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#90caf9}.mui-textfield-disabled .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.26)}.mui-textfield-helper-text{color:hsla(0,0%,100%,.7)}.mui-textfield-disabled .mui-textfield-helper-text{color:hsla(0,0%,100%,.38)}}.mui-radio-wrapper{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;margin:-9px;padding:9px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;vertical-align:middle}.mui-radio-disabled{cursor:default;opacity:.38;pointer-events:none}.mui-radio-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.mui-radio-icon{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:0;padding:9px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-radio-icon svg{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:1em}.mui-radio-size-small .mui-radio-icon{padding:5px}.mui-radio-size-small .mui-radio-icon svg{font-size:1.25rem}.mui-radio-size-medium .mui-radio-icon{padding:9px}.mui-radio-size-medium .mui-radio-icon svg{font-size:1.5rem}.mui-radio-icon-checked,.mui-radio-icon-unchecked{display:flex}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#1976d2}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#dc004e}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:rgba(0,0,0,.87)}.mui-radio-label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.5;margin-left:8px;user-select:none}.mui-radio-group{display:flex;flex-direction:column;flex-wrap:wrap}.mui-radio-group-row{flex-direction:row}.mui-radio-icon:after{background-color:currentColor;border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1) 0ms}.mui-radio-wrapper:active .mui-radio-icon:after{opacity:.12}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-radio-icon{color:hsla(0,0%,100%,.7)}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#90caf9}.mui-radio-color-primary:hover{background-color:rgba(144,202,249,.08)}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#f48fb1}.mui-radio-color-secondary:hover{background-color:rgba(244,143,177,.08)}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:hsla(0,0%,100%,.87)}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(144,202,249,.16)}}.mui-select-wrapper{display:inline-flex;flex-direction:column;margin:8px 0;min-width:120px;position:relative;vertical-align:top}.mui-select-fullWidth{width:100%}.mui-select-disabled{opacity:.6;pointer-events:none}.mui-select-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;left:0;letter-spacing:.00938em;line-height:1.4375em;max-width:calc(100% - 24px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-select-label.focused{color:#1976d2;max-width:calc(133.33333% - 24px);transform:translate(14px,-9px) scale(.75)}.mui-select-control{align-items:center;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.4375em;position:relative;user-select:none}.mui-select-control:focus{outline:none}.mui-select-size-small .mui-select-control{font-size:.875rem;line-height:1.4375em}.mui-select-size-small .mui-select-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-select-size-small .mui-select-label.focused{transform:translate(14px,-9px) scale(.75)}.mui-select-size-small .mui-select-outlined{padding:8.5px 32px 8.5px 14px}.mui-select-size-small .mui-select-display{font-size:.875rem}.mui-select-outlined{border-radius:4px;padding:16.5px 32px 16.5px 14px}.mui-select-outlined .mui-select-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-select-outlined:hover .mui-select-fieldset{border-color:rgba(0,0,0,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#1976d2!important;border-width:2px}.mui-select-fieldset legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-select-label.focused~.mui-select-outlined .mui-select-fieldset legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-select-display{flex:1;line-height:1.4375em;min-height:1.4375em;min-width:0}.mui-select-placeholder{color:rgba(0,0,0,.4)}.mui-select-icon{fill:currentColor;color:rgba(0,0,0,.54);display:inline-block;flex-shrink:0;height:24px;pointer-events:none;position:absolute;right:7px;top:calc(50% - .7em);transition:transform .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:24px}.mui-select-open .mui-select-icon{transform:rotate(180deg)}.mui-select-menu{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);display:none;left:0;margin-top:4px;max-height:300px;opacity:0;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;transform:scale(.75) translateY(-8px);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0ms,transform .2s cubic-bezier(.4,0,.2,1) 0ms;z-index:1300}.mui-select-menu-open{opacity:1;transform:scale(1) translateY(0)}.mui-select-option{align-items:center;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;justify-content:flex-start;letter-spacing:.00938em;line-height:1.5;min-height:48px;padding:6px 16px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;white-space:nowrap}.mui-select-option:hover{background-color:rgba(0,0,0,.04)}.mui-select-option.selected{background-color:rgba(25,118,210,.08);font-weight:500}.mui-select-option.selected:hover{background-color:rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-select-label{color:hsla(0,0%,100%,.7)}.mui-select-label.focused{color:#90caf9}.mui-select-control{color:hsla(0,0%,100%,.87)}.mui-select-outlined .mui-select-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-select-outlined:hover .mui-select-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#90caf9!important}.mui-select-placeholder{color:hsla(0,0%,100%,.5)}.mui-select-icon{color:hsla(0,0%,100%,.7)}.mui-select-menu{background-color:#1e1e1e}.mui-select-option{color:hsla(0,0%,100%,.87)}.mui-select-option:hover{background-color:hsla(0,0%,100%,.08)}.mui-select-option.selected{background-color:rgba(144,202,249,.16)}.mui-select-option.selected:hover{background-color:rgba(144,202,249,.24)}}
1
+ :root{--kt-color-primary:#1976d2;--kt-color-primary-light:#42a5f5;--kt-color-primary-dark:#1565c0;--kt-color-secondary:#9c27b0;--kt-color-secondary-light:#ba68c8;--kt-color-secondary-dark:#7b1fa2;--kt-color-error:#d32f2f;--kt-color-error-light:#ef5350;--kt-color-error-dark:#c62828;--kt-color-warning:#ed6c02;--kt-color-warning-light:#ff9800;--kt-color-warning-dark:#e65100;--kt-color-info:#0288d1;--kt-color-info-light:#29b6f6;--kt-color-info-dark:#01579b;--kt-color-success:#2e7d32;--kt-color-success-light:#66bb6a;--kt-color-success-dark:#1b5e20;--kt-color-text-primary:rgba(0,0,0,.87);--kt-color-text-secondary:rgba(0,0,0,.6);--kt-color-text-disabled:rgba(0,0,0,.38);--kt-color-background-paper:#fff;--kt-color-background-default:#fafafa;--kt-color-divider:rgba(0,0,0,.12)}@media (prefers-color-scheme:dark){:root{--kt-color-primary:#90caf9;--kt-color-primary-light:#b3e5fc;--kt-color-primary-dark:#42a5f5;--kt-color-secondary:#ce93d8;--kt-color-secondary-light:#e1bee7;--kt-color-secondary-dark:#ba68c8;--kt-color-error:#f44336;--kt-color-error-light:#e57373;--kt-color-error-dark:#d32f2f;--kt-color-warning:#ff9800;--kt-color-warning-light:#ffb74d;--kt-color-warning-dark:#f57c00;--kt-color-info:#29b6f6;--kt-color-info-light:#4fc3f7;--kt-color-info-dark:#0288d1;--kt-color-success:#66bb6a;--kt-color-success-light:#81c784;--kt-color-success-dark:#4caf50;--kt-color-text-primary:hsla(0,0%,100%,.87);--kt-color-text-secondary:hsla(0,0%,100%,.6);--kt-color-text-disabled:hsla(0,0%,100%,.38);--kt-color-background-paper:#121212;--kt-color-background-default:#0c0c0c;--kt-color-divider:hsla(0,0%,100%,.12)}}.mui-alert{align-items:center;border-radius:4px;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;gap:12px;letter-spacing:.01071em;line-height:1.43;padding:6px 16px;position:relative}.mui-alert-icon-wrapper{display:flex;font-size:22px;margin-right:-4px;opacity:.9;padding:7px 0}.mui-alert-icon{flex-shrink:0}.mui-alert-message{flex:1;min-width:0;overflow:auto;padding:8px 0}.mui-alert-close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;margin-right:-8px;opacity:.6;padding:4px;transition:opacity .2s,background-color .2s}.mui-alert-close:hover{background-color:rgba(0,0,0,.04);opacity:1}.mui-alert-standard.mui-alert-success{background-color:#edf7ed;color:#1e4620}.mui-alert-standard.mui-alert-info{background-color:#e5f6fd;color:#014361}.mui-alert-standard.mui-alert-warning{background-color:#fff4e5;color:#663c00}.mui-alert-standard.mui-alert-error{background-color:#fdeded;color:#5f2120}.mui-alert-filled.mui-alert-success{background-color:#2e7d32;color:#fff}.mui-alert-filled.mui-alert-info{background-color:#0288d1;color:#fff}.mui-alert-filled.mui-alert-warning{background-color:#ed6c02;color:#fff}.mui-alert-filled.mui-alert-error{background-color:#d32f2f;color:#fff}.mui-alert-outlined.mui-alert-success{background-color:transparent;border:1px solid #2e7d32;color:#1e4620}.mui-alert-outlined.mui-alert-info{background-color:transparent;border:1px solid #0288d1;color:#014361}.mui-alert-outlined.mui-alert-warning{background-color:transparent;border:1px solid #ed6c02;color:#663c00}.mui-alert-outlined.mui-alert-error{background-color:transparent;border:1px solid #d32f2f;color:#5f2120}@media (prefers-color-scheme:dark){.mui-alert-standard.mui-alert-success{background-color:#0c130d;color:#b7dfb9}.mui-alert-standard.mui-alert-info{background-color:#071318;color:#a6d5fa}.mui-alert-standard.mui-alert-warning{background-color:#191207;color:#ffd599}.mui-alert-standard.mui-alert-error{background-color:#160b0b;color:#f4c7c7}.mui-alert-close:hover{background-color:hsla(0,0%,100%,.08)}}.mui-button{align-items:center;border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;justify-content:center;letter-spacing:.02857em;line-height:1.75;margin:0;min-width:64px;outline:0;position:relative;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-button,.mui-button:hover{text-decoration:none}.mui-button-fullwidth{width:100%}.mui-button-disabled{cursor:default;pointer-events:none}.mui-button-label{align-items:inherit;display:inherit;justify-content:inherit;width:100%}.mui-button-start-icon{display:inherit;margin-left:-4px;margin-right:8px}.mui-button-end-icon{display:inherit;margin-left:8px;margin-right:-4px}.mui-button-size-small .mui-button-start-icon{margin-left:-2px}.mui-button-size-small .mui-button-end-icon{margin-right:-2px}.mui-button-size-small{font-size:.8125rem;padding:4px 10px}.mui-button-size-medium{font-size:.875rem;padding:6px 16px}.mui-button-size-large{font-size:.9375rem;padding:8px 22px}.mui-button-icon-only{min-width:auto;padding:8px}.mui-button-icon-only.mui-button-size-small{padding:5px}.mui-button-icon-only.mui-button-size-medium{padding:8px}.mui-button-icon-only.mui-button-size-large{padding:12px}.mui-button-icon-only .mui-button-end-icon,.mui-button-icon-only .mui-button-start-icon{margin:0}.mui-button-text{padding:6px 8px}.mui-button-text.mui-button-size-small{padding:4px 5px}.mui-button-text.mui-button-size-large{padding:8px 11px}.mui-button-text-primary{color:#1976d2}.mui-button-text-primary:hover{background-color:rgba(25,118,210,.04)}.mui-button-text-secondary{color:#9c27b0}.mui-button-text-secondary:hover{background-color:rgba(156,39,176,.04)}.mui-button-text-error{color:#d32f2f}.mui-button-text-error:hover{background-color:rgba(211,47,47,.04)}.mui-button-text-warning{color:#ed6c02}.mui-button-text-warning:hover{background-color:rgba(237,108,2,.04)}.mui-button-text-info{color:#0288d1}.mui-button-text-info:hover{background-color:rgba(2,136,209,.04)}.mui-button-text-success{color:#2e7d32}.mui-button-text-success:hover{background-color:rgba(46,125,50,.04)}.mui-button-outlined{border:1px solid rgba(25,118,210,.5);padding:5px 15px}.mui-button-outlined.mui-button-size-small{padding:3px 9px}.mui-button-outlined.mui-button-size-large{padding:7px 21px}.mui-button-outlined-primary{border-color:rgba(25,118,210,.5);color:#1976d2}.mui-button-outlined-primary:hover{background-color:rgba(25,118,210,.04);border-color:#1976d2}.mui-button-outlined-secondary{border-color:rgba(156,39,176,.5);color:#9c27b0}.mui-button-outlined-secondary:hover{background-color:rgba(156,39,176,.04);border-color:#9c27b0}.mui-button-outlined-error{border-color:rgba(211,47,47,.5);color:#d32f2f}.mui-button-outlined-error:hover{background-color:rgba(211,47,47,.04);border-color:#d32f2f}.mui-button-outlined-warning{border-color:rgba(237,108,2,.5);color:#ed6c02}.mui-button-outlined-warning:hover{background-color:rgba(237,108,2,.04);border-color:#ed6c02}.mui-button-outlined-info{border-color:rgba(2,136,209,.5);color:#0288d1}.mui-button-outlined-info:hover{background-color:rgba(2,136,209,.04);border-color:#0288d1}.mui-button-outlined-success{border-color:rgba(46,125,50,.5);color:#2e7d32}.mui-button-outlined-success:hover{background-color:rgba(46,125,50,.04);border-color:#2e7d32}.mui-button-contained-primary{background-color:#1976d2;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-primary:hover{background-color:#1565c0;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-primary:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mui-button-contained-secondary{background-color:#9c27b0;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-secondary:hover{background-color:#7b1fa2;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-error{background-color:#d32f2f;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-error:hover{background-color:#c62828;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-warning{background-color:#ed6c02;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-warning:hover{background-color:#e65100;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-info{background-color:#0288d1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-info:hover{background-color:#01579b;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-contained-success{background-color:#2e7d32;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff}.mui-button-contained-success:hover{background-color:#1b5e20;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mui-button-text.mui-button-disabled{color:rgba(0,0,0,.26)}.mui-button-outlined.mui-button-disabled{border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mui-button-contained.mui-button-disabled{background-color:rgba(0,0,0,.12);box-shadow:none;color:rgba(0,0,0,.26)}.mui-button-ripple{border-radius:inherit;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.mui-button-ripple-effect{animation:mui-ripple-animation .6s ease-out;background-color:currentColor;border-radius:50%;opacity:.3;pointer-events:none;position:absolute;transform:scale(0)}@keyframes mui-ripple-animation{to{opacity:0;transform:scale(2)}}@media (prefers-color-scheme:dark){.mui-button-text-primary{color:#90caf9}.mui-button-text-primary:hover{background-color:rgba(144,202,249,.08)}.mui-button-text-secondary{color:#ce93d8}.mui-button-text-secondary:hover{background-color:rgba(206,147,216,.08)}.mui-button-outlined-primary{border-color:rgba(144,202,249,.5);color:#90caf9}.mui-button-outlined-primary:hover{background-color:rgba(144,202,249,.08);border-color:#90caf9}.mui-button-outlined-secondary{border-color:rgba(206,147,216,.5);color:#ce93d8}.mui-button-outlined-secondary:hover{background-color:rgba(206,147,216,.08);border-color:#ce93d8}.mui-button-contained-primary{background-color:#90caf9;color:rgba(0,0,0,.87)}.mui-button-contained-primary:hover{background-color:#42a5f5}.mui-button-contained-secondary{background-color:#ce93d8;color:rgba(0,0,0,.87)}.mui-button-contained-secondary:hover{background-color:#ab47bc}.mui-button-text.mui-button-disabled{color:hsla(0,0%,100%,.3)}.mui-button-outlined.mui-button-disabled{border-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}.mui-button-contained.mui-button-disabled{background-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.3)}}.kt-dialog-backdrop{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity 225ms cubic-bezier(.4,0,.2,1);z-index:1300}.kt-dialog-backdrop-open{opacity:1;pointer-events:auto}.kt-dialog-paper{background-color:#fff;border-radius:4px;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);display:flex;flex-direction:column;max-height:calc(100% - 64px);overflow-y:auto;transform:scale(.8);transition:transform 225ms cubic-bezier(.4,0,.2,1)}.kt-dialog-backdrop-open .kt-dialog-paper{transform:scale(1)}.kt-dialog-maxWidth-xs{max-width:444px;width:100%}.kt-dialog-maxWidth-sm{max-width:600px;width:100%}.kt-dialog-maxWidth-md{max-width:960px;width:100%}.kt-dialog-maxWidth-lg{max-width:1280px;width:100%}.kt-dialog-maxWidth-xl{max-width:1920px;width:100%}.kt-dialog-fullWidth{width:calc(100% - 64px)}.kt-dialog-title{flex:0 0 auto;margin:0;padding:24px 24px 20px}.kt-dialog-title h2{color:rgba(0,0,0,.87);font-size:1.25rem;font-weight:500;letter-spacing:.0075em;line-height:1.6;margin:0}.kt-dialog-content,.kt-dialog-title h2{font-family:Roboto,Helvetica,Arial,sans-serif}.kt-dialog-content{-webkit-overflow-scrolling:touch;color:rgba(0,0,0,.6);flex:1 1 auto;font-size:1rem;letter-spacing:.00938em;line-height:1.5;overflow-y:auto;padding:20px 24px}.kt-dialog-content:first-child{padding-top:20px}.kt-dialog-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;padding:8px}.kt-dialog-actions>*{margin:0}@media (prefers-color-scheme:dark){.kt-dialog-paper{background-color:#1e1e1e}.kt-dialog-paper,.kt-dialog-title h2{color:hsla(0,0%,100%,.87)}.kt-dialog-content{color:hsla(0,0%,100%,.7)}}.mui-form-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.00938em;line-height:1.4375em;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap}.mui-form-label-focused{color:#1976d2}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#d32f2f}.mui-form-label-disabled{color:rgba(0,0,0,.38)}.mui-form-label-filled{color:rgba(0,0,0,.6)}.mui-form-label-filled.mui-form-label-focused{color:#1976d2}.mui-form-label-asterisk{color:#d32f2f}legend.mui-form-label{display:block;float:unset;margin-bottom:8px;max-width:100%;overflow:hidden;padding:0;white-space:normal;width:auto}@media (prefers-color-scheme:dark){.mui-form-label{color:hsla(0,0%,100%,.7)}.mui-form-label-focused{color:#90caf9}.mui-form-label-error,.mui-form-label-error.mui-form-label-focused{color:#f44336}.mui-form-label-disabled{color:hsla(0,0%,100%,.38)}.mui-form-label-filled{color:hsla(0,0%,100%,.7)}.mui-form-label-filled.mui-form-label-focused{color:#90caf9}}.mui-linear-progress{background-color:rgba(0,0,0,.12);border-radius:2px;display:block;height:4px;overflow:hidden;position:relative;width:100%}.mui-linear-progress-bar{height:100%;transform-origin:left}.mui-linear-progress-bar,.mui-linear-progress-determinate .mui-linear-progress-bar{transition:width .4s cubic-bezier(.4,0,.2,1)}.mui-linear-progress-indeterminate .mui-linear-progress-bar{animation:mui-linear-progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:100%}@keyframes mui-linear-progress-indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#1976d2}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#9c27b0}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#d32f2f}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ed6c02}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#0288d1}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#2e7d32}@media (prefers-color-scheme:dark){.mui-linear-progress{background-color:hsla(0,0%,100%,.12)}.mui-linear-progress-primary .mui-linear-progress-bar{background-color:#90caf9}.mui-linear-progress-secondary .mui-linear-progress-bar{background-color:#ce93d8}.mui-linear-progress-error .mui-linear-progress-bar{background-color:#f44336}.mui-linear-progress-warning .mui-linear-progress-bar{background-color:#ff9800}.mui-linear-progress-info .mui-linear-progress-bar{background-color:#29b6f6}.mui-linear-progress-success .mui-linear-progress-bar{background-color:#66bb6a}}.mui-textfield-root{border:0;display:inline-flex;flex-direction:column;font-family:Roboto,Helvetica,Arial,sans-serif;margin:0;min-width:0;padding:0;position:relative;vertical-align:top}.mui-textfield-fullwidth{width:100%}.mui-textfield-wrapper{align-items:center;border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:text;display:inline-flex;font-size:1rem;line-height:1.4375em;position:relative}.mui-textfield-label{color:rgba(0,0,0,.6);display:block;font-size:1rem;left:0;line-height:1;max-width:calc(133% - 32px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:2px;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-textfield-focused .mui-textfield-label,.mui-textfield-has-value .mui-textfield-label{max-width:calc(133% - 32px);transform:translate(14px,-9px) scale(.75)}.mui-textfield-focused .mui-textfield-label{color:#1976d2}.mui-textfield-error .mui-textfield-label{color:#d32f2f}.mui-textfield-disabled .mui-textfield-label{color:rgba(0,0,0,.38)}.mui-textfield-required{color:#d32f2f}.mui-textfield-size-small .mui-textfield-wrapper{font-size:.875rem;line-height:1.4375em}.mui-textfield-size-small .mui-textfield-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-textfield-size-small.mui-textfield-focused .mui-textfield-label,.mui-textfield-size-small.mui-textfield-has-value .mui-textfield-label{transform:translate(14px,-9px) scale(.75)}.mui-textfield-size-small .mui-textfield-input-wrapper{padding:8.5px 14px}.mui-textfield-size-small .mui-textfield-input{font-size:.875rem}.mui-textfield-input-wrapper{padding:16.5px 14px;position:relative}.mui-textfield-input,.mui-textfield-input-wrapper{background:none;border:0;box-sizing:content-box;color:currentColor;display:block;font:inherit;height:1.4375em;letter-spacing:inherit;margin:0;min-width:0;width:100%}.mui-textfield-input{outline:none;padding:0}.mui-textfield-input::placeholder{color:rgba(0,0,0,.42);opacity:1;transition:opacity .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-focused .mui-textfield-input::placeholder{opacity:.42}.mui-textfield-disabled .mui-textfield-input{color:rgba(0,0,0,.38);cursor:default}textarea.mui-textfield-input{height:auto;overflow:auto;resize:none}.mui-textfield-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:rgba(0,0,0,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#1976d2;border-width:2px}.mui-textfield-error .mui-textfield-fieldset,.mui-textfield-error.mui-textfield-focused .mui-textfield-fieldset{border-color:#d32f2f}.mui-textfield-disabled .mui-textfield-fieldset{border-color:rgba(0,0,0,.26)}.mui-textfield-no-label .mui-textfield-fieldset{top:0}.mui-textfield-legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-textfield-legend>span{display:inline-block;opacity:0;padding-left:5px;padding-right:5px;visibility:visible}.mui-textfield-focused .mui-textfield-legend,.mui-textfield-has-value .mui-textfield-legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-textfield-helper-text{color:rgba(0,0,0,.6);font-size:.75rem;letter-spacing:.03333em;line-height:1.66;margin:3px 14px 0;text-align:left}.mui-textfield-error .mui-textfield-helper-text{color:#d32f2f}.mui-textfield-disabled .mui-textfield-helper-text{color:rgba(0,0,0,.38)}@media (prefers-color-scheme:dark){.mui-textfield-wrapper{color:hsla(0,0%,100%,.87)}.mui-textfield-label{color:hsla(0,0%,100%,.7)}.mui-textfield-focused .mui-textfield-label{color:#90caf9}.mui-textfield-input::placeholder{color:hsla(0,0%,100%,.5)}.mui-textfield-disabled .mui-textfield-input{color:hsla(0,0%,100%,.38)}.mui-textfield-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-textfield-wrapper:hover .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-textfield-focused .mui-textfield-fieldset{border-color:#90caf9}.mui-textfield-disabled .mui-textfield-fieldset{border-color:hsla(0,0%,100%,.26)}.mui-textfield-helper-text{color:hsla(0,0%,100%,.7)}.mui-textfield-disabled .mui-textfield-helper-text{color:hsla(0,0%,100%,.38)}}.mui-radio-wrapper{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;margin:-9px;padding:9px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;vertical-align:middle}.mui-radio-disabled{cursor:default;opacity:.38;pointer-events:none}.mui-radio-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.mui-radio-icon{align-items:center;appearance:none;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:rgba(0,0,0,.6);cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:0;padding:9px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle}.mui-radio-icon svg{fill:currentColor;display:inline-block;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:1em}.mui-radio-size-small .mui-radio-icon{padding:5px}.mui-radio-size-small .mui-radio-icon svg{font-size:1.25rem}.mui-radio-size-medium .mui-radio-icon{padding:9px}.mui-radio-size-medium .mui-radio-icon svg{font-size:1.5rem}.mui-radio-icon-checked,.mui-radio-icon-unchecked{display:flex}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#1976d2}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#dc004e}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:rgba(0,0,0,.87)}.mui-radio-label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.5;margin-left:8px;user-select:none}.mui-radio-group{display:flex;flex-direction:column;flex-wrap:wrap}.mui-radio-group-row{flex-direction:row}.mui-radio-icon:after{background-color:currentColor;border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1) 0ms}.mui-radio-wrapper:active .mui-radio-icon:after{opacity:.12}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-radio-icon{color:hsla(0,0%,100%,.7)}.mui-radio-color-primary .mui-radio-input:checked~.mui-radio-icon{color:#90caf9}.mui-radio-color-primary:hover{background-color:rgba(144,202,249,.08)}.mui-radio-color-secondary .mui-radio-input:checked~.mui-radio-icon{color:#f48fb1}.mui-radio-color-secondary:hover{background-color:rgba(244,143,177,.08)}.mui-radio-color-default .mui-radio-input:checked~.mui-radio-icon,.mui-radio-label{color:hsla(0,0%,100%,.87)}.mui-radio-input:focus-visible~.mui-radio-icon{box-shadow:0 0 0 8px rgba(144,202,249,.16)}}.mui-select-wrapper{display:inline-flex;flex-direction:column;margin:8px 0;min-width:120px;position:relative;vertical-align:top}.mui-select-fullWidth{width:100%}.mui-select-disabled{opacity:.6;pointer-events:none}.mui-select-label{color:rgba(0,0,0,.6);display:block;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;left:0;letter-spacing:.00938em;line-height:1.4375em;max-width:calc(100% - 24px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transform:translate(14px,16px) scale(1);transform-origin:top left;transition:color .2s cubic-bezier(0,0,.2,1) 0ms,transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap;z-index:1}.mui-select-label.focused{color:#1976d2;max-width:calc(133.33333% - 24px);transform:translate(14px,-9px) scale(.75)}.mui-select-control{align-items:center;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:.00938em;line-height:1.4375em;position:relative;user-select:none}.mui-select-control:focus{outline:none}.mui-select-size-small .mui-select-control{font-size:.875rem;line-height:1.4375em}.mui-select-size-small .mui-select-label{font-size:.875rem;transform:translate(14px,9px) scale(1)}.mui-select-size-small .mui-select-label.focused{transform:translate(14px,-9px) scale(.75)}.mui-select-size-small .mui-select-outlined{padding:8.5px 32px 8.5px 14px}.mui-select-size-small .mui-select-display{font-size:.875rem}.mui-select-outlined{border-radius:4px;padding:16.5px 32px 16.5px 14px}.mui-select-outlined .mui-select-fieldset{border:1px solid rgba(0,0,0,.23);border-radius:inherit;bottom:0;left:0;margin:0;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;right:0;text-align:left;top:-5px;transition:border-color .2s cubic-bezier(0,0,.2,1) 0ms}.mui-select-outlined:hover .mui-select-fieldset{border-color:rgba(0,0,0,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#1976d2!important;border-width:2px}.mui-select-fieldset legend{display:block;float:unset;font-size:.75em;height:11px;max-width:.01px;overflow:hidden;padding:0;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;visibility:hidden;white-space:nowrap;width:auto}.mui-select-label.focused~.mui-select-outlined .mui-select-fieldset legend{max-width:100%;transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms}.mui-select-display{flex:1;line-height:1.4375em;min-height:1.4375em;min-width:0}.mui-select-placeholder{color:rgba(0,0,0,.4)}.mui-select-icon{fill:currentColor;color:rgba(0,0,0,.54);display:inline-block;flex-shrink:0;height:24px;pointer-events:none;position:absolute;right:7px;top:calc(50% - .7em);transition:transform .2s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:24px}.mui-select-open .mui-select-icon{transform:rotate(180deg)}.mui-select-menu{background-color:#fff;border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);display:none;left:0;margin-top:4px;max-height:300px;opacity:0;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;transform:scale(.75) translateY(-8px);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1) 0ms,transform .2s cubic-bezier(.4,0,.2,1) 0ms;z-index:1300}.mui-select-menu-open{opacity:1;transform:scale(1) translateY(0)}.mui-select-option{align-items:center;box-sizing:border-box;color:rgba(0,0,0,.87);cursor:pointer;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;justify-content:flex-start;letter-spacing:.00938em;line-height:1.5;min-height:48px;padding:6px 16px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;white-space:nowrap}.mui-select-option:hover{background-color:rgba(0,0,0,.04)}.mui-select-option.selected{background-color:rgba(25,118,210,.08);font-weight:500}.mui-select-option.selected:hover{background-color:rgba(25,118,210,.12)}@media (prefers-color-scheme:dark){.mui-select-label{color:hsla(0,0%,100%,.7)}.mui-select-label.focused{color:#90caf9}.mui-select-control{color:hsla(0,0%,100%,.87)}.mui-select-outlined .mui-select-fieldset{border-color:hsla(0,0%,100%,.23)}.mui-select-outlined:hover .mui-select-fieldset{border-color:hsla(0,0%,100%,.87)}.mui-select-open .mui-select-fieldset,.mui-select-wrapper.focused .mui-select-outlined .mui-select-fieldset{border-color:#90caf9!important}.mui-select-placeholder{color:hsla(0,0%,100%,.5)}.mui-select-icon{color:hsla(0,0%,100%,.7)}.mui-select-menu{background-color:#1e1e1e}.mui-select-option{color:hsla(0,0%,100%,.87)}.mui-select-option:hover{background-color:hsla(0,0%,100%,.08)}.mui-select-option.selected{background-color:rgba(144,202,249,.16)}.mui-select-option.selected:hover{background-color:rgba(144,202,249,.24)}}
package/dist/index.iife.js CHANGED
@@ -93,34 +93,59 @@ var __ktjs_mui__ = (function (exports, jsxRuntime, kt_js) {
93
93
  return (jsxRuntime.jsxs("button", { class: classes, style: props.style ? props.style : '', type: type, disabled: disabled, "on:click": handleClick, children: [startIcon && jsxRuntime.jsx("span", { class: "mui-button-start-icon", children: startIcon }), jsxRuntime.jsx("span", { class: "mui-button-label", children: children }), endIcon && jsxRuntime.jsx("span", { class: "mui-button-end-icon", children: endIcon }), jsxRuntime.jsx("span", { class: "mui-button-ripple" })] }));
94
94
  }
95
95
 
96
+ const noop = () => { };
96
97
  /**
97
98
  * Dialog component - mimics MUI Dialog appearance and behavior
98
99
  * Only handles open/close state, title and content are passed as props
99
100
  */
100
101
  function Dialog(props) {
101
- const { open = false, onClose, title, children, actions, maxWidth = 'sm', fullWidth = false } = props;
102
- // Handle backdrop click
103
- const handleBackdropClick = (e) => {
104
- if (e.target === backdrop) {
105
- onClose?.();
102
+ let { open = false, 'mui:close': onClose = noop, title, children, actions, maxWidth = 'sm', fullWidth = false, } = props;
103
+ // Handle ESC key - store handler for cleanup
104
+ const keyDownHandler = (e) => {
105
+ if (e.key === 'Escape') {
106
+ open = false;
107
+ onClose();
106
108
  }
107
109
  };
108
- // Handle ESC key
109
- const handleKeyDown = (e) => {
110
- if (e.key === 'Escape' && open) {
111
- onClose?.();
110
+ const handleBackdropClick = (e) => {
111
+ if (e.target === container) {
112
+ onClose();
112
113
  }
113
114
  };
114
115
  // Backdrop element
115
- const backdrop = (jsxRuntime.jsx("div", { class: `kt-dialog-backdrop ${open ? 'kt-dialog-backdrop-open' : ''}`, "on:click": handleBackdropClick, style: { display: open ? 'flex' : 'none' }, children: jsxRuntime.jsxs("div", { class: `kt-dialog-paper ${maxWidth ? `kt-dialog-maxWidth-${maxWidth}` : ''} ${fullWidth ? 'kt-dialog-fullWidth' : ''}`, "on:click": (e) => e.stopPropagation(), children: [title && (jsxRuntime.jsx("div", { class: "kt-dialog-title", children: jsxRuntime.jsx("h2", { children: title }) })), children && jsxRuntime.jsx("div", { class: "kt-dialog-content", children: children }), actions && jsxRuntime.jsx("div", { class: "kt-dialog-actions", children: actions })] }) }));
116
- // Add/remove ESC key listener
117
- if (open) {
118
- document.addEventListener('keydown', handleKeyDown);
119
- }
120
- else {
121
- document.removeEventListener('keydown', handleKeyDown);
122
- }
123
- return backdrop;
116
+ const container = (jsxRuntime.jsx("div", { class: `kt-dialog-backdrop ${open ? 'kt-dialog-backdrop-open' : ''}`, "on:click": handleBackdropClick, style: { display: open ? 'flex' : 'none' }, children: jsxRuntime.jsxs("div", { class: `kt-dialog-paper ${maxWidth ? `kt-dialog-maxWidth-${maxWidth}` : ''} ${fullWidth ? 'kt-dialog-fullWidth' : ''}`, "on:click": (e) => e.stopPropagation(), children: [jsxRuntime.jsx("div", { "k-if": title, class: "kt-dialog-title", children: jsxRuntime.jsx("h2", { children: title }) }), jsxRuntime.jsx("div", { "k-if": children, class: "kt-dialog-content", children: children }), jsxRuntime.jsx("div", { "k-if": actions, class: "kt-dialog-actions", children: actions })] }) }));
117
+ document.addEventListener('keydown', keyDownHandler);
118
+ // Store cleanup function
119
+ const originalRemove = container.remove;
120
+ container.remove = () => {
121
+ if (keyDownHandler) {
122
+ document.removeEventListener('keydown', keyDownHandler);
123
+ }
124
+ return originalRemove.call(container);
125
+ };
126
+ Object.defineProperty(container, 'open', {
127
+ get: () => open,
128
+ set: (isOpen) => {
129
+ if (isOpen === open) {
130
+ return;
131
+ }
132
+ open = isOpen;
133
+ if (isOpen) {
134
+ // Opening: set display first, then add class with double RAF for animation
135
+ container.style.display = 'flex';
136
+ setTimeout(() => container.classList.add('kt-dialog-backdrop-open'), 50);
137
+ }
138
+ else {
139
+ container.classList.remove('kt-dialog-backdrop-open');
140
+ setTimeout(() => {
141
+ if (!open) {
142
+ container.style.display = 'none';
143
+ }
144
+ }, 225);
145
+ }
146
+ },
147
+ });
148
+ return container;
124
149
  }
125
150
 
126
151
  /**
@@ -147,19 +172,33 @@ var __ktjs_mui__ = (function (exports, jsxRuntime, kt_js) {
147
172
  return element;
148
173
  }
149
174
 
175
+ const emptyPromiseHandler = () => ({});
176
+ if (typeof Promise === 'undefined') {
177
+ window.Promise = { resolve: emptyPromiseHandler, reject: emptyPromiseHandler };
178
+ }
179
+
180
+ document.createElement('div');
181
+
182
+ /**
183
+ * Reference to the created HTML element.
184
+ * - can alse be used to store normal values, but it is not reactive.
185
+ * @param value mostly an HTMLElement
186
+ */
187
+ function ref(value) {
188
+ return { value: value, isKT: true };
189
+ }
190
+
150
191
  /**
151
192
  * LinearProgress component - mimics MUI LinearProgress appearance and behavior
152
193
  */
153
194
  function LinearProgress(props) {
154
- const { variant = 'indeterminate', progress: value = 0, color = 'primary', sx } = props;
195
+ let { variant = 'indeterminate', progress: value = 0, color = 'primary', sx } = props;
155
196
  const classes = [
156
197
  'mui-linear-progress',
157
198
  `mui-linear-progress-${color}`,
158
199
  `mui-linear-progress-${variant}`,
159
200
  props.class ? props.class : '',
160
- ]
161
- .filter(Boolean)
162
- .join(' ');
201
+ ].join(' ');
163
202
  // Convert sx object to style string
164
203
  let styleString = props.style || '';
165
204
  if (sx) {
@@ -173,9 +212,21 @@ var __ktjs_mui__ = (function (exports, jsxRuntime, kt_js) {
173
212
  styleString = styleString ? `${styleString}; ${sxStyles}` : sxStyles;
174
213
  }
175
214
  // Calculate progress percentage
176
- const progressValue = Math.min(Math.max(value, 0), 100);
177
- const barStyle = variant === 'determinate' ? `width: ${progressValue}%` : '';
178
- return (jsxRuntime.jsx("div", { class: classes, style: styleString, role: "progressbar", "aria-valuenow": progressValue, children: jsxRuntime.jsx("div", { class: "mui-linear-progress-bar", style: barStyle }) }));
215
+ let progressValue = Math.min(Math.max(value, 0), 100);
216
+ const barRef = ref();
217
+ const container = (jsxRuntime.jsx("div", { class: classes, style: styleString, role: "progressbar", "aria-valuenow": progressValue, children: jsxRuntime.jsx("div", { ref: barRef, class: "mui-linear-progress-bar", style: variant === 'determinate' ? `width: ${progressValue}%` : '' }) }));
218
+ Object.defineProperty(container, 'progress', {
219
+ get() {
220
+ return progressValue;
221
+ },
222
+ set(newValue) {
223
+ progressValue = Math.min(Math.max(newValue, 0), 100);
224
+ if (variant === 'determinate') {
225
+ barRef.value.style.width = `${progressValue}%`;
226
+ }
227
+ },
228
+ });
229
+ return container;
179
230
  }
180
231
 
181
232
  const emptyFn$2 = () => { };
@@ -192,15 +243,14 @@ var __ktjs_mui__ = (function (exports, jsxRuntime, kt_js) {
192
243
  const classes = [
193
244
  'mui-textfield-root',
194
245
  `mui-textfield-size-${size}`,
195
- isFocused && 'mui-textfield-focused',
196
- error && 'mui-textfield-error',
197
- disabled && 'mui-textfield-disabled',
198
- fullWidth && 'mui-textfield-fullwidth',
199
- (isFocused || hasValue) && 'mui-textfield-has-value',
200
- ]
201
- .filter(Boolean)
202
- .join(' ');
203
- container.className = classes;
246
+ isFocused ? 'mui-textfield-focused' : '',
247
+ error ? 'mui-textfield-error' : '',
248
+ disabled ? 'mui-textfield-disabled' : '',
249
+ fullWidth ? 'mui-textfield-fullwidth' : '',
250
+ label && (isFocused || hasValue) ? 'mui-textfield-has-value' : '',
251
+ label ? '' : 'mui-textfield-no-label',
252
+ ];
253
+ container.className = classes.join(' ');
204
254
  };
205
255
  const handleInput = (e) => {
206
256
  const target = e.target;
@@ -227,7 +277,7 @@ var __ktjs_mui__ = (function (exports, jsxRuntime, kt_js) {
227
277
  // Only show placeholder when label is floating (focused or has value)
228
278
  const getPlaceholder = () => (label && !isFocused && !value ? '' : placeholder);
229
279
  const inputElement = multiline ? (jsxRuntime.jsx("textarea", { ref: inputRef, class: "mui-textfield-input", placeholder: getPlaceholder(), value: value, disabled: disabled, required: required, rows: rows, "on:input": handleInput, "on:change": handleChange, "on:focus": handleFocus, "on:blur": handleBlur })) : (jsxRuntime.jsx("input", { ref: inputRef, type: type, class: "mui-textfield-input", placeholder: getPlaceholder(), value: value, disabled: disabled, required: required, "on:input": handleInput, "on:change": handleChange, "on:focus": handleFocus, "on:blur": handleBlur }));
230
- const container = (jsxRuntime.jsxs("div", { class: 'mui-textfield-root ' + (props.class ? props.class : ''), style: props.style ? props.style : '', children: [jsxRuntime.jsxs("div", { class: "mui-textfield-wrapper", children: [label && (jsxRuntime.jsxs("label", { class: "mui-textfield-label", children: [label, required && jsxRuntime.jsx("span", { class: "mui-textfield-required", children: "*" })] })), jsxRuntime.jsx("div", { class: "mui-textfield-input-wrapper", children: inputElement }), jsxRuntime.jsx("fieldset", { class: "mui-textfield-fieldset", children: jsxRuntime.jsx("legend", { class: "mui-textfield-legend", children: jsxRuntime.jsxs("span", { children: [label, required && '*'] }) }) })] }), helperText && jsxRuntime.jsx("p", { class: "mui-textfield-helper-text", children: helperText })] }));
280
+ const container = (jsxRuntime.jsxs("div", { class: 'mui-textfield-root ' + (props.class ? props.class : ''), style: props.style ? props.style : '', children: [jsxRuntime.jsxs("div", { class: "mui-textfield-wrapper", children: [jsxRuntime.jsxs("label", { "k-if": label, class: "mui-textfield-label", children: [label, required && jsxRuntime.jsx("span", { class: "mui-textfield-required", children: "*" })] }), jsxRuntime.jsx("div", { class: "mui-textfield-input-wrapper", children: inputElement }), jsxRuntime.jsx("fieldset", { class: "mui-textfield-fieldset", children: jsxRuntime.jsx("legend", { "k-if": label, class: "mui-textfield-legend", children: jsxRuntime.jsxs("span", { children: [label, required && '*'] }) }) })] }), helperText && jsxRuntime.jsx("p", { class: "mui-textfield-helper-text", children: helperText })] }));
231
281
  // Initialize classes
232
282
  setTimeout(() => updateClasses(), 0);
233
283
  return container;
package/dist/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from 'kt.js/jsx-runtime';
2
- import { ref, createRedrawable } from 'kt.js';
2
+ import { ref as ref$1, createRedrawable } from 'kt.js';
3
3
 
4
4
  /**
5
5
  * Alert component - mimics MUI Alert appearance and behavior
@@ -93,34 +93,59 @@ function Button(props) {
93
93
  return (jsxs("button", { class: classes, style: props.style ? props.style : '', type: type, disabled: disabled, "on:click": handleClick, children: [startIcon && jsx("span", { class: "mui-button-start-icon", children: startIcon }), jsx("span", { class: "mui-button-label", children: children }), endIcon && jsx("span", { class: "mui-button-end-icon", children: endIcon }), jsx("span", { class: "mui-button-ripple" })] }));
94
94
  }
95
95
 
96
+ const noop = () => { };
96
97
  /**
97
98
  * Dialog component - mimics MUI Dialog appearance and behavior
98
99
  * Only handles open/close state, title and content are passed as props
99
100
  */
100
101
  function Dialog(props) {
101
- const { open = false, onClose, title, children, actions, maxWidth = 'sm', fullWidth = false } = props;
102
- // Handle backdrop click
103
- const handleBackdropClick = (e) => {
104
- if (e.target === backdrop) {
105
- onClose?.();
102
+ let { open = false, 'mui:close': onClose = noop, title, children, actions, maxWidth = 'sm', fullWidth = false, } = props;
103
+ // Handle ESC key - store handler for cleanup
104
+ const keyDownHandler = (e) => {
105
+ if (e.key === 'Escape') {
106
+ open = false;
107
+ onClose();
106
108
  }
107
109
  };
108
- // Handle ESC key
109
- const handleKeyDown = (e) => {
110
- if (e.key === 'Escape' && open) {
111
- onClose?.();
110
+ const handleBackdropClick = (e) => {
111
+ if (e.target === container) {
112
+ onClose();
112
113
  }
113
114
  };
114
115
  // Backdrop element
115
- const backdrop = (jsx("div", { class: `kt-dialog-backdrop ${open ? 'kt-dialog-backdrop-open' : ''}`, "on:click": handleBackdropClick, style: { display: open ? 'flex' : 'none' }, children: jsxs("div", { class: `kt-dialog-paper ${maxWidth ? `kt-dialog-maxWidth-${maxWidth}` : ''} ${fullWidth ? 'kt-dialog-fullWidth' : ''}`, "on:click": (e) => e.stopPropagation(), children: [title && (jsx("div", { class: "kt-dialog-title", children: jsx("h2", { children: title }) })), children && jsx("div", { class: "kt-dialog-content", children: children }), actions && jsx("div", { class: "kt-dialog-actions", children: actions })] }) }));
116
- // Add/remove ESC key listener
117
- if (open) {
118
- document.addEventListener('keydown', handleKeyDown);
119
- }
120
- else {
121
- document.removeEventListener('keydown', handleKeyDown);
122
- }
123
- return backdrop;
116
+ const container = (jsx("div", { class: `kt-dialog-backdrop ${open ? 'kt-dialog-backdrop-open' : ''}`, "on:click": handleBackdropClick, style: { display: open ? 'flex' : 'none' }, children: jsxs("div", { class: `kt-dialog-paper ${maxWidth ? `kt-dialog-maxWidth-${maxWidth}` : ''} ${fullWidth ? 'kt-dialog-fullWidth' : ''}`, "on:click": (e) => e.stopPropagation(), children: [jsx("div", { "k-if": title, class: "kt-dialog-title", children: jsx("h2", { children: title }) }), jsx("div", { "k-if": children, class: "kt-dialog-content", children: children }), jsx("div", { "k-if": actions, class: "kt-dialog-actions", children: actions })] }) }));
117
+ document.addEventListener('keydown', keyDownHandler);
118
+ // Store cleanup function
119
+ const originalRemove = container.remove;
120
+ container.remove = () => {
121
+ if (keyDownHandler) {
122
+ document.removeEventListener('keydown', keyDownHandler);
123
+ }
124
+ return originalRemove.call(container);
125
+ };
126
+ Object.defineProperty(container, 'open', {
127
+ get: () => open,
128
+ set: (isOpen) => {
129
+ if (isOpen === open) {
130
+ return;
131
+ }
132
+ open = isOpen;
133
+ if (isOpen) {
134
+ // Opening: set display first, then add class with double RAF for animation
135
+ container.style.display = 'flex';
136
+ setTimeout(() => container.classList.add('kt-dialog-backdrop-open'), 50);
137
+ }
138
+ else {
139
+ container.classList.remove('kt-dialog-backdrop-open');
140
+ setTimeout(() => {
141
+ if (!open) {
142
+ container.style.display = 'none';
143
+ }
144
+ }, 225);
145
+ }
146
+ },
147
+ });
148
+ return container;
124
149
  }
125
150
 
126
151
  /**
@@ -147,19 +172,33 @@ function FormLabel(props) {
147
172
  return element;
148
173
  }
149
174
 
175
+ const emptyPromiseHandler = () => ({});
176
+ if (typeof Promise === 'undefined') {
177
+ window.Promise = { resolve: emptyPromiseHandler, reject: emptyPromiseHandler };
178
+ }
179
+
180
+ document.createElement('div');
181
+
182
+ /**
183
+ * Reference to the created HTML element.
184
+ * - can alse be used to store normal values, but it is not reactive.
185
+ * @param value mostly an HTMLElement
186
+ */
187
+ function ref(value) {
188
+ return { value: value, isKT: true };
189
+ }
190
+
150
191
  /**
151
192
  * LinearProgress component - mimics MUI LinearProgress appearance and behavior
152
193
  */
153
194
  function LinearProgress(props) {
154
- const { variant = 'indeterminate', progress: value = 0, color = 'primary', sx } = props;
195
+ let { variant = 'indeterminate', progress: value = 0, color = 'primary', sx } = props;
155
196
  const classes = [
156
197
  'mui-linear-progress',
157
198
  `mui-linear-progress-${color}`,
158
199
  `mui-linear-progress-${variant}`,
159
200
  props.class ? props.class : '',
160
- ]
161
- .filter(Boolean)
162
- .join(' ');
201
+ ].join(' ');
163
202
  // Convert sx object to style string
164
203
  let styleString = props.style || '';
165
204
  if (sx) {
@@ -173,9 +212,21 @@ function LinearProgress(props) {
173
212
  styleString = styleString ? `${styleString}; ${sxStyles}` : sxStyles;
174
213
  }
175
214
  // Calculate progress percentage
176
- const progressValue = Math.min(Math.max(value, 0), 100);
177
- const barStyle = variant === 'determinate' ? `width: ${progressValue}%` : '';
178
- return (jsx("div", { class: classes, style: styleString, role: "progressbar", "aria-valuenow": progressValue, children: jsx("div", { class: "mui-linear-progress-bar", style: barStyle }) }));
215
+ let progressValue = Math.min(Math.max(value, 0), 100);
216
+ const barRef = ref();
217
+ const container = (jsx("div", { class: classes, style: styleString, role: "progressbar", "aria-valuenow": progressValue, children: jsx("div", { ref: barRef, class: "mui-linear-progress-bar", style: variant === 'determinate' ? `width: ${progressValue}%` : '' }) }));
218
+ Object.defineProperty(container, 'progress', {
219
+ get() {
220
+ return progressValue;
221
+ },
222
+ set(newValue) {
223
+ progressValue = Math.min(Math.max(newValue, 0), 100);
224
+ if (variant === 'determinate') {
225
+ barRef.value.style.width = `${progressValue}%`;
226
+ }
227
+ },
228
+ });
229
+ return container;
179
230
  }
180
231
 
181
232
  const emptyFn$2 = () => { };
@@ -185,22 +236,21 @@ const emptyFn$2 = () => { };
185
236
  function TextField(props) {
186
237
  const { label = '', placeholder = '', value = '', type = 'text', disabled = false, required = false, error = false, helperText = '', fullWidth = false, multiline = false, rows = 3, maxRows = 10, size = 'medium', 'mui:input': onInput = emptyFn$2, 'mui:change': onChange = emptyFn$2, 'mui:blur': onBlur = emptyFn$2, 'mui:focus': onFocus = emptyFn$2, } = props;
187
238
  let isFocused = false;
188
- const inputRef = ref();
239
+ const inputRef = ref$1();
189
240
  // Update container classes
190
241
  const updateClasses = () => {
191
242
  const hasValue = inputRef.value?.value || '';
192
243
  const classes = [
193
244
  'mui-textfield-root',
194
245
  `mui-textfield-size-${size}`,
195
- isFocused && 'mui-textfield-focused',
196
- error && 'mui-textfield-error',
197
- disabled && 'mui-textfield-disabled',
198
- fullWidth && 'mui-textfield-fullwidth',
199
- (isFocused || hasValue) && 'mui-textfield-has-value',
200
- ]
201
- .filter(Boolean)
202
- .join(' ');
203
- container.className = classes;
246
+ isFocused ? 'mui-textfield-focused' : '',
247
+ error ? 'mui-textfield-error' : '',
248
+ disabled ? 'mui-textfield-disabled' : '',
249
+ fullWidth ? 'mui-textfield-fullwidth' : '',
250
+ label && (isFocused || hasValue) ? 'mui-textfield-has-value' : '',
251
+ label ? '' : 'mui-textfield-no-label',
252
+ ];
253
+ container.className = classes.join(' ');
204
254
  };
205
255
  const handleInput = (e) => {
206
256
  const target = e.target;
@@ -227,7 +277,7 @@ function TextField(props) {
227
277
  // Only show placeholder when label is floating (focused or has value)
228
278
  const getPlaceholder = () => (label && !isFocused && !value ? '' : placeholder);
229
279
  const inputElement = multiline ? (jsx("textarea", { ref: inputRef, class: "mui-textfield-input", placeholder: getPlaceholder(), value: value, disabled: disabled, required: required, rows: rows, "on:input": handleInput, "on:change": handleChange, "on:focus": handleFocus, "on:blur": handleBlur })) : (jsx("input", { ref: inputRef, type: type, class: "mui-textfield-input", placeholder: getPlaceholder(), value: value, disabled: disabled, required: required, "on:input": handleInput, "on:change": handleChange, "on:focus": handleFocus, "on:blur": handleBlur }));
230
- const container = (jsxs("div", { class: 'mui-textfield-root ' + (props.class ? props.class : ''), style: props.style ? props.style : '', children: [jsxs("div", { class: "mui-textfield-wrapper", children: [label && (jsxs("label", { class: "mui-textfield-label", children: [label, required && jsx("span", { class: "mui-textfield-required", children: "*" })] })), jsx("div", { class: "mui-textfield-input-wrapper", children: inputElement }), jsx("fieldset", { class: "mui-textfield-fieldset", children: jsx("legend", { class: "mui-textfield-legend", children: jsxs("span", { children: [label, required && '*'] }) }) })] }), helperText && jsx("p", { class: "mui-textfield-helper-text", children: helperText })] }));
280
+ const container = (jsxs("div", { class: 'mui-textfield-root ' + (props.class ? props.class : ''), style: props.style ? props.style : '', children: [jsxs("div", { class: "mui-textfield-wrapper", children: [jsxs("label", { "k-if": label, class: "mui-textfield-label", children: [label, required && jsx("span", { class: "mui-textfield-required", children: "*" })] }), jsx("div", { class: "mui-textfield-input-wrapper", children: inputElement }), jsx("fieldset", { class: "mui-textfield-fieldset", children: jsx("legend", { "k-if": label, class: "mui-textfield-legend", children: jsxs("span", { children: [label, required && '*'] }) }) })] }), helperText && jsx("p", { class: "mui-textfield-helper-text", children: helperText })] }));
231
281
  // Initialize classes
232
282
  setTimeout(() => updateClasses(), 0);
233
283
  return container;
@@ -252,7 +302,7 @@ function Radio(props) {
252
302
  onChange(checked, value);
253
303
  };
254
304
  const { checked: initChecked = false, value = '', text = '', size = 'small', 'mui:change': onChange = emptyFn$1, disabled: initDisabled = false, color = 'primary', } = props;
255
- const inputRef = ref();
305
+ const inputRef = ref$1();
256
306
  let checked = initChecked;
257
307
  let disabled = initDisabled;
258
308
  const uncheckedIcon = (jsx("span", { class: "mui-radio-icon-unchecked", children: jsx("svg", { viewBox: "0 0 24 24", children: jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }) }) }));
@@ -304,7 +354,7 @@ function Select(props) {
304
354
  let { value = '', options = [], label = '', placeholder = '', size = 'medium', 'mui:change': onChange = emptyFn, fullWidth = false, disabled = false, } = props;
305
355
  let isOpen = false;
306
356
  let isFocused = false;
307
- const selectRef = ref();
357
+ const selectRef = ref$1();
308
358
  // Toggle dropdown
309
359
  const toggleMenu = () => {
310
360
  if (disabled) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ktjs/mui",
3
- "version": "0.17.1",
3
+ "version": "0.17.2",
4
4
  "description": "Material-UI inspired components for kt.js - pre-styled UI components",
5
5
  "type": "module",
6
6
  "module": "./dist/index.mjs",
@@ -11,7 +11,7 @@
11
11
  "import": "./dist/index.mjs",
12
12
  "default": "./dist/index.mjs"
13
13
  },
14
- "./kt-mui-styles": "./dist/index.css"
14
+ "./styles": "./dist/index.css"
15
15
  },
16
16
  "files": [
17
17
  "dist"
@@ -35,7 +35,7 @@
35
35
  "directory": "packages/mui"
36
36
  },
37
37
  "dependencies": {
38
- "@ktjs/core": "0.17.3"
38
+ "@ktjs/core": "0.17.4"
39
39
  },
40
40
  "scripts": {
41
41
  "build": "rollup -c rollup.config.mjs",