@cregis/ui 0.1.10 → 0.2.0

package/dist/index.css

@@ -1 +1 @@
-:root{--system-brand: display-p3 .1216 .7647 .3529;--system-error: display-p3 .8431 .2745 .1765;--system-decor: display-p3 .0078 .1765 .051;--same-black: 2 3 4;--same-white: 255 255 255;--foreground-face: 255 255 255;--foreground-base: 2 3 4;--module-line: 235 236 237;--page: 255 255 255}.dark{--system-brand: display-p3 .1216 .7647 .3529;--system-error: display-p3 .8431 .2745 .1765;--system-decor: display-p3 1 1 1;--same-black: 2 3 4;--same-white: 255 255 255;--foreground-face: 2 3 4;--foreground-base: 255 255 255;--module-line: 0 0 0;--page: 30 33 35}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}circle,path,polygon,rect,ellipse,line,polyline,g{vector-effect:non-scaling-stroke}:root{--material-vibrant-brand-primary: color(var(--system-brand) / 1);--material-opaque-card-moderate: rgb(var(--foreground-base) / .05);--material-foreground-face-primary: rgb(var(--foreground-face) / 1);--material-foreground-face-quaternary: rgb(var(--foreground-face) / .2);--material-foreground-base-primary: rgb(var(--foreground-base) / 1);--material-foreground-base-secondary: rgb(var(--foreground-base) / .6);--material-foreground-base-quaternary: rgb(var(--foreground-base) / .2);--material-vibrant-error-primary: color(var(--system-error) / 1);--material-decor-primary: color(var(--system-decor) / 1);--material-same-white: rgb(var(--same-white) / 1);--material-opaque-hide: rgb(var(--foreground-base) / 0);--text-base-primary: rgb(var(--foreground-base) / 1);--text-base-secondary: rgb(var(--foreground-base) / .6);--text-base-tertiary: rgb(var(--foreground-base) / .4);--text-base-quaternary: rgb(var(--foreground-base) / .2);--text-face-primary: rgb(var(--foreground-face) / 1);--text-face-secondary: rgb(var(--foreground-face) / .6);--text-same-white: rgb(var(--same-white) / 1);--text-same-white-tap: rgb(var(--same-white) / .6);--text-same-black: rgb(var(--same-black) / 1);--text-same-black-tap: rgb(var(--same-black) / .6);--text-brand-tap: color(var(--system-brand) / .6);--text-brand-40: color(var(--system-brand) / .4);--text-brand-disabled: color(var(--system-brand) / .2);--text-error-tap: color(var(--system-error) / .6);--line-border-deep: rgb(var(--foreground-base) / .18);--line-module: rgb(var(--module-line) / 1);--event-hover-secondary: rgb(var(--foreground-base) / .05);--event-hover-tertiary: rgb(var(--page) / 1);--event-focus-secondary: rgb(var(--foreground-base) / .07)}.dark{--material-opaque-card-moderate: rgb(var(--foreground-base) / .07);--event-hover-secondary: rgb(var(--foreground-base) / .07);--event-focus-secondary: rgb(var(--foreground-base) / .1)}.cregis-input{width:100%;position:relative;display:inline-flex;font-size:15px;line-height:22px;box-sizing:border-box;vertical-align:middle;caret-color:var(--text-base-primary)}.cregis-input.is-disabled{cursor:not-allowed}.cregis-input.is-disabled .cregis-input__inner{color:var(--text-base-quaternary);cursor:not-allowed}.cregis-input__wrapper{position:relative;display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:0 12px;background-color:var(--material-opaque-card-moderate);border-radius:6px;border:2px solid transparent}.cregis-input__wrapper.is-focus{border:2px solid var(--material-vibrant-brand-primary);border-radius:6px;background-color:var(--material-foreground-face-quaternary)}.cregis-input__wrapper.is-focus .cregis-input__inner::placeholder{color:var(--text-base-quaternary)}.cregis-input__inner{width:100%;min-width:20px;-webkit-appearance:none;font-size:inherit;padding:0;outline:none;border:none;background:none;box-sizing:border-box;color:var(--text-base-primary)}.cregis-input__inner::placeholder{color:var(--text-base-tertiary)}.cregis-input__inner::-webkit-outer-spin-button,.cregis-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cregis-input--small{height:32px}.cregis-input--medium{height:40px}.cregis-input--large{height:48px}.cregis-input__unit{color:var(--text-base-primary)}.cregis-input__prefix,.cregis-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;align-items:center}.cregis-input__prefix>:first-child{margin-left:0!important}.cregis-input__prefix>:last-child{margin-right:8px!important}.cregis-input__suffix>:first-child{margin-left:8px!important}.cregis-input__suffix>:last-child{margin-right:0!important}.cregis-textarea{position:relative}.cregis-textarea.is-disabled .cregis-textarea__wrapper{color:var(--text-base-quaternary);cursor:not-allowed}.cregis-textarea__wrapper{resize:none;position:relative;display:block;padding:12px;background-color:var(--material-opaque-card-moderate);border-radius:6px;border:2px solid transparent;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;background-image:none;-webkit-appearance:none;caret-color:var(--text-base-primary);color:var(--text-base-primary)}.cregis-textarea__wrapper:focus{outline:none;border:2px solid var(--material-vibrant-brand-primary)}.cregis-textarea__wrapper:focus::placeholder{color:var(--text-base-quaternary)}.cregis-textarea__wrapper::placeholder{color:var(--text-base-tertiary)}.cregis-textarea__buttons{position:absolute;bottom:10px;left:12px;display:flex;gap:16px}.cregis-textarea__button{font-size:12px;font-weight:500;cursor:default;color:var(--material-vibrant-brand-primary)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:is(.cregis-button.is-affix,.cregis-button__icon,:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-disabled) svg>g:is([fill=none],[fill=transparent]) :is(path,line,polyline,polygon,circle,ellipse):not([fill]),:is(.cregis-button.is-affix,.cregis-button__icon,:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-disabled) svg>g:is([fill=none],[fill=transparent]) :is(path,line,polyline,polygon,circle,ellipse):is([fill=none],[fill=transparent]){stroke:var(--cregis-btn-svg-stroke)}:is(.cregis-button.is-affix,.cregis-button__icon,:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-disabled) svg :is(path,line,polyline,polygon,circle,ellipse)[fill]:not([fill=none]):not([fill=transparent]){fill:var(--cregis-btn-svg-fill)}.cregis-button{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:500;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;color:var(--text-same-white);background-color:var(--material-vibrant-brand-primary);border:1px solid var(--material-vibrant-brand-primary);font-size:13px;border-radius:30px}.cregis-button:active,.cregis-button.is-active:not(.is-disabled){color:var(--text-same-white-tap)}.cregis-button.is-plain{color:var(--material-vibrant-brand-primary);background-color:var(--material-opaque-hide)}.cregis-button.is-plain:hover{color:var(--text-same-white);background-color:var(--material-vibrant-brand-primary)}.cregis-button.is-plain:active,.cregis-button.is-plain.is-active:not(.is-disabled){color:var(--text-same-white-tap)}.cregis-button.is-text{color:var(--material-vibrant-brand-primary);background-color:var(--material-opaque-hide);border-color:transparent}.cregis-button.is-text:hover{background-color:var(--event-hover-secondary)}.cregis-button.is-text:active,.cregis-button.is-text.is-active:not(.is-disabled){color:var(--text-brand-tap)}.cregis-button.is-block{width:100%}:is(.cregis-button.is-plain.is-loading,.cregis-button.is-text.is-loading):hover{background-color:var(--material-opaque-hide)}.cregis-button .loading{animation:rotate 2s linear infinite}.cregis-button.is-affix{gap:4px;--cregis-btn-svg-stroke: var(--text-same-white);--cregis-btn-svg-fill: var(--text-same-white)}.cregis-button.is-affix span{color:var(--text-same-white)}.cregis-button.is-affix:active:not(.is-disabled),.cregis-button.is-affix.is-active:not(.is-disabled){--cregis-btn-svg-stroke: var(--text-same-white-tap);--cregis-btn-svg-fill: var(--text-same-white-tap)}:is(.cregis-button.is-affix:active:not(.is-disabled),.cregis-button.is-affix.is-active:not(.is-disabled)) span{color:var(--text-same-white-tap)}.cregis-button.is-affix.is-disabled{--cregis-btn-svg-stroke: var(--material-foreground-base-quaternary);--cregis-btn-svg-fill: var(--material-foreground-base-quaternary)}.cregis-button.is-affix.is-disabled span{color:var(--text-base-quaternary)}.cregis-button--secondary{background-color:var(--material-opaque-card-moderate);border-color:transparent;color:var(--text-base-primary)}.cregis-button--secondary:active,.cregis-button--secondary.is-active:not(.is-disabled){color:var(--text-base-secondary)}.cregis-button--secondary.is-plain{border:.5px solid var(--line-border-deep);color:var(--text-base-primary)}.cregis-button--secondary.is-plain:hover{border:.5px solid transparent;color:var(--text-base-primary);background-color:var(--material-opaque-card-moderate)}.cregis-button--secondary.is-plain.is-plain.is-loading{border:.5px solid var(--line-border-deep)}.cregis-button--secondary.is-plain:active,.cregis-button--secondary.is-plain.is-active:not(.is-disabled){color:var(--text-base-secondary)}.cregis-button--secondary.is-plain.is-affix{--cregis-btn-svg-stroke: var(--text-base-primary);--cregis-btn-svg-fill: var(--text-base-primary)}.cregis-button--secondary.is-plain.is-affix span{color:var(--text-base-primary)}.cregis-button--secondary.is-plain.is-affix:hover:not(.is-disabled){--cregis-btn-svg-stroke: var(--text-base-primary);--cregis-btn-svg-fill: var(--text-base-primary)}.cregis-button--secondary.is-plain.is-affix:hover:not(.is-disabled) span{color:var(--text-base-primary)}.cregis-button--secondary.is-plain.is-affix:active:not(.is-disabled),.cregis-button--secondary.is-plain.is-affix.is-active:not(.is-disabled){--cregis-btn-svg-stroke: var(--text-base-secondary);--cregis-btn-svg-fill: var(--text-base-secondary)}:is(.cregis-button--secondary.is-plain.is-affix:active:not(.is-disabled),.cregis-button--secondary.is-plain.is-affix.is-active:not(.is-disabled)) span{color:var(--text-base-secondary)}.cregis-button--secondary.is-text{color:var(--text-base-primary)}.cregis-button--secondary.is-text:active,.cregis-button--secondary.is-text.is-active:not(.is-disabled){color:var(--text-base-secondary)}.cregis-button--danger{background-color:var(--material-vibrant-error-primary);border-color:var(--material-vibrant-error-primary)}.cregis-button--danger.is-plain{color:var(--material-vibrant-error-primary)}.cregis-button--danger.is-plain:hover{background-color:var(--material-vibrant-error-primary)}.cregis-button--danger.is-text{color:var(--material-vibrant-error-primary)}.cregis-button--danger.is-text:active,.cregis-button--danger.is-text.is-active:not(.is-disabled){color:var(--text-error-tap)}.cregis-button--foreground{background-color:var(--material-decor-primary);border-color:var(--material-decor-primary);color:var(--text-face-primary)}.cregis-button--foreground:active,.cregis-button--foreground.is-active:not(.is-disabled){color:var(--text-face-secondary)}.cregis-button--foreground.is-plain{color:var(--material-decor-primary)}.cregis-button--foreground.is-plain:hover{color:var(--text-face-primary);background-color:var(--material-decor-primary)}.cregis-button--foreground.is-plain:active,.cregis-button--foreground.is-plain.is-active:not(.is-disabled){color:var(--text-face-secondary)}.cregis-button--sameWhite{background-color:var(--material-same-white);border-color:transparent;color:var(--text-same-black)}.cregis-button--sameWhite:active,.cregis-button--sameWhite.is-active:not(.is-disabled){color:var(--text-same-black-tap)}.cregis-button--large{padding:0 20px;height:40px;font-size:15px;line-height:22px}.cregis-button--medium{padding:0 16px;height:32px;font-size:13px;line-height:18px}.cregis-button--small{padding:0 12px;height:24px;font-size:13px;line-height:18px}.cregis-button--extraSmall{padding:0 12px;height:20px;font-size:12px;line-height:16px}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-disabled{--cregis-btn-svg-stroke: var(--material-foreground-base-quaternary);--cregis-btn-svg-fill: var(--material-foreground-base-quaternary);color:var(--text-base-quaternary);background-color:var(--material-opaque-card-moderate);border-color:transparent;cursor:not-allowed}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-plain.is-disabled{border:.5px solid var(--line-border-deep);background-color:var(--material-opaque-hide)}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-plain.is-disabled:hover{color:var(--text-base-quaternary)}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-text.is-disabled{background-color:var(--material-opaque-hide);border-color:transparent}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-text.is-disabled:active{color:var(--text-base-quaternary)}.cregis-button__link{border:none;border-bottom:1px dashed var(--material-opaque-hide);background-color:var(--material-opaque-hide);color:var(--material-vibrant-brand-primary);font-weight:500;padding:0}.cregis-button__link:hover{border-bottom:1px dashed var(--text-brand-40)}.cregis-button__link:active,.cregis-button__link.is-active:not(.is-disabled){border-bottom:1px dashed var(--text-brand-disabled);color:var(--text-brand-tap)}.cregis-button__link.is-disabled{color:var(--text-base-quaternary);border-color:transparent;cursor:not-allowed}.cregis-button__link--foreground{color:var(--text-base-primary)}.cregis-button__link--foreground:hover{border-bottom:1px dashed var(--text-base-tertiary)}.cregis-button__link--foreground:active,.cregis-button__link--foreground.is-active:not(.is-disabled){border-bottom:1px dashed var(--text-base-quaternary);color:var(--text-base-secondary)}.cregis-button__link--foreground.is-disabled{color:var(--text-base-quaternary);border-color:transparent}.cregis-button__link--large{font-size:15px}.cregis-button__link--medium{font-size:13px}.cregis-button__link--small,.cregis-button__link--extraSmall{font-size:12px}.cregis-button__icon-wrapper{display:flex;flex-direction:column;align-items:center}.cregis-button__icon{--cregis-btn-svg-stroke: var(--material-foreground-base-secondary);--cregis-btn-svg-fill: var(--material-foreground-base-secondary);display:flex;justify-content:center;align-items:center;border-color:transparent;background-color:var(--material-opaque-hide);padding:0;border-radius:6px}.cregis-button__icon:hover{--cregis-btn-svg-stroke: var(--material-foreground-base-primary);--cregis-btn-svg-fill: var(--material-foreground-base-primary);background-color:var(--event-hover-secondary)}.cregis-button__icon:active,.cregis-button__icon.is-active:not(.is-disabled){--cregis-btn-svg-stroke: var(--material-foreground-base-secondary);--cregis-btn-svg-fill: var(--material-foreground-base-secondary);background-color:var(--event-focus-secondary)}.cregis-button__icon.is-disabled{--cregis-btn-svg-stroke: var(--material-foreground-base-quaternary);--cregis-btn-svg-fill: var(--material-foreground-base-quaternary);cursor:not-allowed}.cregis-button__icon.is-disabled:hover{background-color:var(--material-opaque-hide)}.cregis-button__icon--rectangle.cregis-button__icon--large{width:36px;height:28px}.cregis-button__icon--rectangle.cregis-button__icon--medium{width:32px;height:24px}.cregis-button__icon--rectangle.cregis-button__icon--small,.cregis-button__icon--rectangle.cregis-button__icon--extraSmall{width:26px;height:20px}:is(.cregis-button__icon--square,.cregis-button__icon--circle).cregis-button__icon--large{width:28px;height:28px}:is(.cregis-button__icon--square,.cregis-button__icon--circle).cregis-button__icon--medium{width:24px;height:24px}:is(.cregis-button__icon--square,.cregis-button__icon--circle).cregis-button__icon--small,:is(.cregis-button__icon--square,.cregis-button__icon--circle).cregis-button__icon--extraSmall{width:20px;height:20px}.cregis-button__icon--circle{border-radius:50%}.cregis-button__icon--professional{width:32px;height:24px}.cregis-button__icon-text{font-size:11px;line-height:14px;font-weight:500;color:var(--text-base-secondary)}.cregis-button__icon-text.is-disabled{cursor:not-allowed;color:var(--text-base-quaternary)}.cregis-checkbox__wrapper{width:fit-content;display:flex;align-items:center;gap:8px;cursor:default;-webkit-user-select:none;user-select:none}.cregis-checkbox{width:16px;height:16px;border:1px solid var(--line-border-deep);border-radius:4px;display:flex;align-items:center;justify-content:center}.cregis-checkbox svg{visibility:hidden}.cregis-checkbox:hover svg{color:var(--line-border-deep);visibility:visible}.cregis-checkbox.is-checked,.cregis-checkbox.is-indeterminate{border:1px solid var(--material-vibrant-brand-primary)!important;background-color:var(--material-vibrant-brand-primary)!important}:is(.cregis-checkbox.is-checked,.cregis-checkbox.is-indeterminate) svg{visibility:visible!important;color:var(--material-same-white)}.cregis-checkbox.is-circle{border-radius:50%}.cregis-checkbox.is-disabled{cursor:not-allowed;background-color:var(--material-opaque-card-moderate)}.cregis-checkbox.is-disabled:hover svg{visibility:hidden}.cregis-checkbox.is-checked.is-disabled{opacity:.6}.cregis-checkbox__label{font-size:15px;color:var(--text-base-primary)}.cregis-checkbox__label.is-disabled{cursor:not-allowed}.cregis-checkbox--indeterminate{width:8px;height:1.5px;border-radius:1px;background-color:var(--material-same-white)}.cregis-radio__wrapper{width:fit-content;display:flex;align-items:center;gap:8px;cursor:default;-webkit-user-select:none;user-select:none}.cregis-radio{width:16px;height:16px;border:1px solid var(--line-border-deep);border-radius:50%;display:flex;align-items:center;justify-content:center}.cregis-radio:hover .cregis-radio__inner{visibility:visible}.cregis-radio.is-checked{border:1px solid var(--material-vibrant-brand-primary)!important;background-color:var(--material-vibrant-brand-primary)!important}.cregis-radio.is-checked .cregis-radio__inner{visibility:visible!important;background-color:var(--text-same-white)}.cregis-radio.is-disabled{cursor:not-allowed;background-color:var(--material-opaque-card-moderate)}.cregis-radio.is-disabled:hover .cregis-radio__inner{visibility:hidden}.cregis-radio.is-checked.is-disabled{opacity:.6}.cregis-radio__inner{width:6px;height:6px;border-radius:50%;background-color:var(--material-foreground-base-quaternary);visibility:hidden}.cregis-radio__label{font-size:15px;color:var(--text-base-primary)}.cregis-radio__label.is-disabled{cursor:not-allowed}.cregis-divider{display:flex;align-items:center}.cregis-divider--horizontal{flex-direction:row}.cregis-divider--vertical{flex-direction:column}.cregis-tabs{display:flex;gap:16px;width:fit-content;height:29px;font-size:13px;font-weight:500;color:var(--text-base-primary);cursor:default}.cregis-tabs__item{border-bottom:2px solid var(--material-opaque-hide);transition:color .2s ease,border-color .2s ease}.cregis-tabs__item.is-active{color:var(--material-vibrant-brand-primary);border-bottom:2px solid var(--material-vibrant-brand-primary)}.cregis-tabs--large{height:33px;font-size:15px}.cregis-tabs--small{height:28px;font-size:12px}.cregis-tabs--card{height:28px;background-color:var(--material-opaque-card-moderate);border-radius:14px;padding:3px;font-size:12px;gap:0}.cregis-tabs--card.cregis-tabs--large{height:32px;border-radius:16px}.cregis-tabs--card.cregis-tabs--small{height:24px;border-radius:12px}.cregis-tabs--card .cregis-tabs__item{display:flex;align-items:center;justify-content:center;border:none;padding:0 12px}.cregis-tabs--card .cregis-tabs__item.is-active{color:var(--text-base-primary);background-color:var(--event-hover-tertiary)}
+:root{--system-brand: display-p3 .1216 .7647 .3529;--system-error: display-p3 .8431 .2745 .1765;--system-decor: display-p3 .0078 .1765 .051;--same-black: 2 3 4;--same-white: 255 255 255;--foreground-face: 255 255 255;--foreground-base: 2 3 4;--module-line: 235 236 237;--page: 255 255 255;--flotation: 255 255 255}.dark{--system-brand: display-p3 .1216 .7647 .3529;--system-error: display-p3 .8431 .2745 .1765;--system-decor: display-p3 1 1 1;--same-black: 2 3 4;--same-white: 255 255 255;--foreground-face: 2 3 4;--foreground-base: 255 255 255;--module-line: 0 0 0;--page: 30 33 35;--flotation: 35 37 39}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}circle,path,polygon,rect,ellipse,line,polyline,g{vector-effect:non-scaling-stroke}:root{--material-vibrant-brand-primary: color(var(--system-brand) / 1);--material-opaque-card-moderate: rgb(var(--foreground-base) / .05);--material-foreground-face-primary: rgb(var(--foreground-face) / 1);--material-foreground-face-quaternary: rgb(var(--foreground-face) / .2);--material-foreground-base-primary: rgb(var(--foreground-base) / 1);--material-foreground-base-secondary: rgb(var(--foreground-base) / .6);--material-foreground-base-quaternary: rgb(var(--foreground-base) / .2);--material-vibrant-error-primary: color(var(--system-error) / 1);--material-decor-primary: color(var(--system-decor) / 1);--material-same-white: rgb(var(--same-white) / 1);--material-opaque-hide: rgb(var(--foreground-base) / 0);--material-foreground-face-secondary: color(var(--foreground-face) / .6);--material-vibrant-brand-quaternary: color(var(--system-brand) / .2);--text-base-primary: rgb(var(--foreground-base) / 1);--text-base-secondary: rgb(var(--foreground-base) / .6);--text-base-tertiary: rgb(var(--foreground-base) / .4);--text-base-quaternary: rgb(var(--foreground-base) / .2);--text-face-primary: rgb(var(--foreground-face) / 1);--text-face-secondary: rgb(var(--foreground-face) / .6);--text-same-white: rgb(var(--same-white) / 1);--text-same-white-tap: rgb(var(--same-white) / .6);--text-same-black: rgb(var(--same-black) / 1);--text-same-black-tap: rgb(var(--same-black) / .6);--text-brand-tap: color(var(--system-brand) / .6);--text-brand-40: color(var(--system-brand) / .4);--text-brand-disabled: color(var(--system-brand) / .2);--text-error-tap: color(var(--system-error) / .6);--line-border-deep: rgb(var(--foreground-base) / .18);--line-module: rgb(var(--module-line) / 1);--line-page: rgb(var(--foreground-base) / .1);--event-hover-secondary: rgb(var(--foreground-base) / .05);--event-hover-tertiary: rgb(var(--page) / 1);--event-focus-secondary: rgb(var(--foreground-base) / .07);--event-focus-tertiary: color(var(--system-brand) / .2);--effect-prompt: rgb(var(--foreground-base) / .9);--effect-shadow-shallow: rgb(var(--same-black) / .1);--effect-shadow-deep: rgb(var(--same-black) / .2);--box-flotation: rgb(var(--flotation) / 1)}.dark{--material-opaque-card-moderate: rgb(var(--foreground-base) / .07);--event-hover-secondary: rgb(var(--foreground-base) / .07);--event-focus-secondary: rgb(var(--foreground-base) / .1);--effect-prompt: rgb(var(--foreground-base) / .2);--effect-shadow-shallow: rgb(var(--same-black) / .3);--effect-shadow-deep: rgb(var(--same-black) / .6)}.backdrop-fixed-header{-webkit-backdrop-filter:saturate(360%) blur(160px);backdrop-filter:saturate(360%) blur(160px);background-color:var(--material-foreground-face-secondary)}.cregis-input{width:100%;position:relative;display:inline-flex;font-size:15px;line-height:22px;box-sizing:border-box;vertical-align:middle;caret-color:var(--text-base-primary)}.cregis-input.is-disabled{cursor:not-allowed}.cregis-input.is-disabled .cregis-input__inner{color:var(--text-base-quaternary);cursor:not-allowed}.cregis-input__wrapper{position:relative;display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:0 12px;background-color:var(--material-opaque-card-moderate);border-radius:6px;border:2px solid transparent}.cregis-input__wrapper.is-focus{border:2px solid var(--material-vibrant-brand-primary);border-radius:6px;background-color:var(--material-foreground-face-quaternary)}.cregis-input__wrapper.is-focus .cregis-input__inner::placeholder{color:var(--text-base-quaternary)}.cregis-input__inner{width:100%;min-width:20px;-webkit-appearance:none;font-size:inherit;padding:0;outline:none;border:none;background:none;box-sizing:border-box;color:var(--text-base-primary)}.cregis-input__inner::placeholder{color:var(--text-base-tertiary)}.cregis-input__inner::-webkit-outer-spin-button,.cregis-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cregis-input--small{height:32px}.cregis-input--medium{height:40px}.cregis-input--large{height:48px}.cregis-input__unit{color:var(--text-base-primary)}.cregis-input__prefix,.cregis-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;align-items:center}.cregis-input__prefix>:first-child{margin-left:0!important}.cregis-input__prefix>:last-child{margin-right:8px!important}.cregis-input__suffix>:first-child{margin-left:8px!important}.cregis-input__suffix>:last-child{margin-right:0!important}.cregis-textarea{position:relative}.cregis-textarea.is-disabled .cregis-textarea__wrapper{color:var(--text-base-quaternary);cursor:not-allowed}.cregis-textarea__wrapper{resize:none;position:relative;display:block;padding:12px;background-color:var(--material-opaque-card-moderate);border-radius:6px;border:2px solid transparent;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;background-image:none;-webkit-appearance:none;caret-color:var(--text-base-primary);color:var(--text-base-primary)}.cregis-textarea__wrapper:focus{outline:none;border:2px solid var(--material-vibrant-brand-primary)}.cregis-textarea__wrapper:focus::placeholder{color:var(--text-base-quaternary)}.cregis-textarea__wrapper::placeholder{color:var(--text-base-tertiary)}.cregis-textarea__buttons{position:absolute;bottom:10px;left:12px;display:flex;gap:16px}.cregis-textarea__button{font-size:12px;font-weight:500;cursor:default;color:var(--material-vibrant-brand-primary)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:is(.cregis-button.is-affix,.cregis-button__icon,:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-disabled) svg>g:is([fill=none],[fill=transparent]) :is(path,line,polyline,polygon,circle,ellipse):not([fill]),:is(.cregis-button.is-affix,.cregis-button__icon,:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-disabled) svg>g:is([fill=none],[fill=transparent]) :is(path,line,polyline,polygon,circle,ellipse):is([fill=none],[fill=transparent]){stroke:var(--cregis-btn-svg-stroke)}:is(.cregis-button.is-affix,.cregis-button__icon,:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-disabled) svg :is(path,line,polyline,polygon,circle,ellipse)[fill]:not([fill=none]):not([fill=transparent]){fill:var(--cregis-btn-svg-fill)}.cregis-button{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:500;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;color:var(--text-same-white);background-color:var(--material-vibrant-brand-primary);border:1px solid var(--material-vibrant-brand-primary);font-size:13px;border-radius:30px}.cregis-button:active,.cregis-button.is-active:not(.is-disabled){color:var(--text-same-white-tap)}.cregis-button.is-plain{color:var(--material-vibrant-brand-primary);background-color:var(--material-opaque-hide)}.cregis-button.is-plain:hover{color:var(--text-same-white);background-color:var(--material-vibrant-brand-primary)}.cregis-button.is-plain:active,.cregis-button.is-plain.is-active:not(.is-disabled){color:var(--text-same-white-tap)}.cregis-button.is-text{color:var(--material-vibrant-brand-primary);background-color:var(--material-opaque-hide);border-color:transparent}.cregis-button.is-text:hover{background-color:var(--event-hover-secondary)}.cregis-button.is-text:active,.cregis-button.is-text.is-active:not(.is-disabled){color:var(--text-brand-tap)}.cregis-button.is-block{width:100%}:is(.cregis-button.is-plain.is-loading,.cregis-button.is-text.is-loading):hover{background-color:var(--material-opaque-hide)}.cregis-button .loading{animation:rotate 2s linear infinite}.cregis-button.is-affix{gap:4px;--cregis-btn-svg-stroke: var(--text-same-white);--cregis-btn-svg-fill: var(--text-same-white)}.cregis-button.is-affix span{color:var(--text-same-white)}.cregis-button.is-affix:active:not(.is-disabled),.cregis-button.is-affix.is-active:not(.is-disabled){--cregis-btn-svg-stroke: var(--text-same-white-tap);--cregis-btn-svg-fill: var(--text-same-white-tap)}:is(.cregis-button.is-affix:active:not(.is-disabled),.cregis-button.is-affix.is-active:not(.is-disabled)) span{color:var(--text-same-white-tap)}.cregis-button.is-affix.is-disabled{--cregis-btn-svg-stroke: var(--material-foreground-base-quaternary);--cregis-btn-svg-fill: var(--material-foreground-base-quaternary)}.cregis-button.is-affix.is-disabled span{color:var(--text-base-quaternary)}.cregis-button--secondary{background-color:var(--material-opaque-card-moderate);border-color:transparent;color:var(--text-base-primary)}.cregis-button--secondary:active,.cregis-button--secondary.is-active:not(.is-disabled){color:var(--text-base-secondary)}.cregis-button--secondary.is-plain{border:.5px solid var(--line-border-deep);color:var(--text-base-primary)}.cregis-button--secondary.is-plain:hover{border:.5px solid transparent;color:var(--text-base-primary);background-color:var(--material-opaque-card-moderate)}.cregis-button--secondary.is-plain.is-plain.is-loading{border:.5px solid var(--line-border-deep)}.cregis-button--secondary.is-plain:active,.cregis-button--secondary.is-plain.is-active:not(.is-disabled){color:var(--text-base-secondary)}.cregis-button--secondary.is-plain.is-affix{--cregis-btn-svg-stroke: var(--text-base-primary);--cregis-btn-svg-fill: var(--text-base-primary)}.cregis-button--secondary.is-plain.is-affix span{color:var(--text-base-primary)}.cregis-button--secondary.is-plain.is-affix:hover:not(.is-disabled){--cregis-btn-svg-stroke: var(--text-base-primary);--cregis-btn-svg-fill: var(--text-base-primary)}.cregis-button--secondary.is-plain.is-affix:hover:not(.is-disabled) span{color:var(--text-base-primary)}.cregis-button--secondary.is-plain.is-affix:active:not(.is-disabled),.cregis-button--secondary.is-plain.is-affix.is-active:not(.is-disabled){--cregis-btn-svg-stroke: var(--text-base-secondary);--cregis-btn-svg-fill: var(--text-base-secondary)}:is(.cregis-button--secondary.is-plain.is-affix:active:not(.is-disabled),.cregis-button--secondary.is-plain.is-affix.is-active:not(.is-disabled)) span{color:var(--text-base-secondary)}.cregis-button--secondary.is-text{color:var(--text-base-primary)}.cregis-button--secondary.is-text:active,.cregis-button--secondary.is-text.is-active:not(.is-disabled){color:var(--text-base-secondary)}.cregis-button--danger{background-color:var(--material-vibrant-error-primary);border-color:var(--material-vibrant-error-primary)}.cregis-button--danger.is-plain{color:var(--material-vibrant-error-primary)}.cregis-button--danger.is-plain:hover{background-color:var(--material-vibrant-error-primary)}.cregis-button--danger.is-text{color:var(--material-vibrant-error-primary)}.cregis-button--danger.is-text:active,.cregis-button--danger.is-text.is-active:not(.is-disabled){color:var(--text-error-tap)}.cregis-button--foreground{background-color:var(--material-decor-primary);border-color:var(--material-decor-primary);color:var(--text-face-primary)}.cregis-button--foreground:active,.cregis-button--foreground.is-active:not(.is-disabled){color:var(--text-face-secondary)}.cregis-button--foreground.is-plain{color:var(--material-decor-primary)}.cregis-button--foreground.is-plain:hover{color:var(--text-face-primary);background-color:var(--material-decor-primary)}.cregis-button--foreground.is-plain:active,.cregis-button--foreground.is-plain.is-active:not(.is-disabled){color:var(--text-face-secondary)}.cregis-button--sameWhite{background-color:var(--material-same-white);border-color:transparent;color:var(--text-same-black)}.cregis-button--sameWhite:active,.cregis-button--sameWhite.is-active:not(.is-disabled){color:var(--text-same-black-tap)}.cregis-button--large{padding:0 20px;height:40px;font-size:15px;line-height:22px}.cregis-button--medium{padding:0 16px;height:32px;font-size:13px;line-height:18px}.cregis-button--small{padding:0 12px;height:24px;font-size:13px;line-height:18px}.cregis-button--extraSmall{padding:0 12px;height:20px;font-size:12px;line-height:16px}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-disabled{--cregis-btn-svg-stroke: var(--material-foreground-base-quaternary);--cregis-btn-svg-fill: var(--material-foreground-base-quaternary);color:var(--text-base-quaternary);background-color:var(--material-opaque-card-moderate);border-color:transparent;cursor:not-allowed}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-plain.is-disabled{border:.5px solid var(--line-border-deep);background-color:var(--material-opaque-hide)}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-plain.is-disabled:hover{color:var(--text-base-quaternary)}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-text.is-disabled{background-color:var(--material-opaque-hide);border-color:transparent}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-text.is-disabled:active{color:var(--text-base-quaternary)}.cregis-button__link{border:none;border-bottom:1px dashed var(--material-opaque-hide);background-color:var(--material-opaque-hide);color:var(--material-vibrant-brand-primary);font-weight:500;padding:0}.cregis-button__link:hover{border-bottom:1px dashed var(--text-brand-40)}.cregis-button__link:active,.cregis-button__link.is-active:not(.is-disabled){border-bottom:1px dashed var(--text-brand-disabled);color:var(--text-brand-tap)}.cregis-button__link.is-disabled{color:var(--text-base-quaternary);border-color:transparent;cursor:not-allowed}.cregis-button__link--foreground{color:var(--text-base-primary)}.cregis-button__link--foreground:hover{border-bottom:1px dashed var(--text-base-tertiary)}.cregis-button__link--foreground:active,.cregis-button__link--foreground.is-active:not(.is-disabled){border-bottom:1px dashed var(--text-base-quaternary);color:var(--text-base-secondary)}.cregis-button__link--foreground.is-disabled{color:var(--text-base-quaternary);border-color:transparent}.cregis-button__link--large{font-size:15px}.cregis-button__link--medium{font-size:13px}.cregis-button__link--small,.cregis-button__link--extraSmall{font-size:12px}.cregis-button__icon-wrapper{display:flex;flex-direction:column;align-items:center}.cregis-button__icon{--cregis-btn-svg-stroke: var(--material-foreground-base-secondary);--cregis-btn-svg-fill: var(--material-foreground-base-secondary);display:flex;justify-content:center;align-items:center;border-color:transparent;background-color:var(--material-opaque-hide);padding:0;border-radius:6px}.cregis-button__icon:hover{--cregis-btn-svg-stroke: var(--material-foreground-base-primary);--cregis-btn-svg-fill: var(--material-foreground-base-primary);background-color:var(--event-hover-secondary)}.cregis-button__icon:active,.cregis-button__icon.is-active:not(.is-disabled){--cregis-btn-svg-stroke: var(--material-foreground-base-secondary);--cregis-btn-svg-fill: var(--material-foreground-base-secondary);background-color:var(--event-focus-secondary)}.cregis-button__icon.is-disabled{--cregis-btn-svg-stroke: var(--material-foreground-base-quaternary);--cregis-btn-svg-fill: var(--material-foreground-base-quaternary);cursor:not-allowed}.cregis-button__icon.is-disabled:hover{background-color:var(--material-opaque-hide)}.cregis-button__icon--rectangle.cregis-button__icon--large{width:36px;height:28px}.cregis-button__icon--rectangle.cregis-button__icon--medium{width:32px;height:24px}.cregis-button__icon--rectangle.cregis-button__icon--small,.cregis-button__icon--rectangle.cregis-button__icon--extraSmall{width:26px;height:20px}:is(.cregis-button__icon--square,.cregis-button__icon--circle).cregis-button__icon--large{width:28px;height:28px}:is(.cregis-button__icon--square,.cregis-button__icon--circle).cregis-button__icon--medium{width:24px;height:24px}:is(.cregis-button__icon--square,.cregis-button__icon--circle).cregis-button__icon--small,:is(.cregis-button__icon--square,.cregis-button__icon--circle).cregis-button__icon--extraSmall{width:20px;height:20px}.cregis-button__icon--circle{border-radius:50%}.cregis-button__icon--professional{width:32px;height:24px}.cregis-button__icon-text{font-size:11px;line-height:14px;font-weight:500;color:var(--text-base-secondary)}.cregis-button__icon-text.is-disabled{cursor:not-allowed;color:var(--text-base-quaternary)}.cregis-checkbox__wrapper{width:fit-content;display:flex;align-items:center;gap:8px;cursor:default;-webkit-user-select:none;user-select:none}.cregis-checkbox{width:16px;height:16px;border:1px solid var(--line-border-deep);border-radius:4px;display:flex;align-items:center;justify-content:center}.cregis-checkbox svg{visibility:hidden}.cregis-checkbox:hover svg{color:var(--line-border-deep);visibility:visible}.cregis-checkbox.is-checked,.cregis-checkbox.is-indeterminate{border:1px solid var(--material-vibrant-brand-primary)!important;background-color:var(--material-vibrant-brand-primary)!important}:is(.cregis-checkbox.is-checked,.cregis-checkbox.is-indeterminate) svg{visibility:visible!important;color:var(--material-same-white)}.cregis-checkbox.is-circle{border-radius:50%}.cregis-checkbox.is-disabled{cursor:not-allowed;background-color:var(--material-opaque-card-moderate)}.cregis-checkbox.is-disabled:hover svg{visibility:hidden}.cregis-checkbox.is-checked.is-disabled{opacity:.6}.cregis-checkbox__label{font-size:15px;color:var(--text-base-primary)}.cregis-checkbox__label.is-disabled{cursor:not-allowed}.cregis-checkbox--indeterminate{width:8px;height:1.5px;border-radius:1px;background-color:var(--material-same-white)}.cregis-radio__wrapper{width:fit-content;display:flex;align-items:center;gap:8px;cursor:default;-webkit-user-select:none;user-select:none}.cregis-radio{width:16px;height:16px;border:1px solid var(--line-border-deep);border-radius:50%;display:flex;align-items:center;justify-content:center}.cregis-radio:hover .cregis-radio__inner{visibility:visible}.cregis-radio.is-checked{border:1px solid var(--material-vibrant-brand-primary)!important;background-color:var(--material-vibrant-brand-primary)!important}.cregis-radio.is-checked .cregis-radio__inner{visibility:visible!important;background-color:var(--text-same-white)}.cregis-radio.is-disabled{cursor:not-allowed;background-color:var(--material-opaque-card-moderate)}.cregis-radio.is-disabled:hover .cregis-radio__inner{visibility:hidden}.cregis-radio.is-checked.is-disabled{opacity:.6}.cregis-radio__inner{width:6px;height:6px;border-radius:50%;background-color:var(--material-foreground-base-quaternary);visibility:hidden}.cregis-radio__label{font-size:15px;color:var(--text-base-primary)}.cregis-radio__label.is-disabled{cursor:not-allowed}.cregis-divider{display:flex;align-items:center}.cregis-divider--horizontal{flex-direction:row}.cregis-divider--vertical{flex-direction:column}.cregis-tabs{display:flex;gap:16px;width:fit-content;height:29px;font-size:13px;font-weight:500;color:var(--text-base-primary);cursor:default}.cregis-tabs__item{border-bottom:2px solid var(--material-opaque-hide);transition:color .2s ease,border-color .2s ease}.cregis-tabs__item.is-active{color:var(--material-vibrant-brand-primary);border-bottom:2px solid var(--material-vibrant-brand-primary)}.cregis-tabs--large{height:33px;font-size:15px}.cregis-tabs--small{height:28px;font-size:12px}.cregis-tabs--card{height:28px;background-color:var(--material-opaque-card-moderate);border-radius:14px;padding:3px;font-size:12px;gap:0}.cregis-tabs--card.cregis-tabs--large{height:32px;border-radius:16px}.cregis-tabs--card.cregis-tabs--small{height:24px;border-radius:12px}.cregis-tabs--card .cregis-tabs__item{display:flex;align-items:center;justify-content:center;border:none;padding:0 12px}.cregis-tabs--card .cregis-tabs__item.is-active{color:var(--text-base-primary);background-color:var(--event-hover-tertiary)}.cregis-message__wrapper{position:fixed;inset:0 0 auto;z-index:10000;display:flex;justify-content:center;padding-top:40px;pointer-events:none}.cregis-message{display:flex;align-items:center;box-sizing:border-box;max-width:min(90vw,480px);padding:8px 12px;border-radius:4px;background-color:var(--effect-prompt);color:var(--text-same-white);font-size:15px;line-height:22px;text-align:center}.cregis-message-enter-active,.cregis-message-leave-active{transition:opacity .22s ease,transform .22s ease}.cregis-message-enter-from,.cregis-message-leave-to{opacity:0;transform:translateY(-10px)}.cregis-notification__wrapper{position:fixed;inset:0 0 auto;z-index:10000;display:flex;justify-content:center;padding-top:40px;pointer-events:none}.cregis-notification{display:flex;gap:8px;align-items:center;box-sizing:border-box;max-width:min(90vw,480px);padding:12px;border-radius:6px;background-color:var(--effect-prompt);color:var(--text-same-white);pointer-events:auto}.cregis-notification__content{margin-right:40px}.cregis-notification__title{font-size:15px;line-height:22px}.cregis-notification__message{font-size:13px;line-height:18px}.cregis-notification-enter-active,.cregis-notification-leave-active{transition:opacity .22s ease,transform .22s ease}.cregis-notification-enter-from,.cregis-notification-leave-to{opacity:0;transform:translateY(-10px)}.cregis-progress__wrapper{width:100%}.cregis-progress__track-wrap{position:relative;padding-top:28px}.cregis-progress{background-color:var(--material-vibrant-brand-quaternary);border-radius:8px;box-shadow:none}.cregis-progress__tip{position:absolute;top:0;left:clamp(14px,var(--cregis-progress-tip-left, 0%),calc(100% - 14px));box-sizing:border-box;padding:3px 6px;border-radius:4px;background-color:var(--effect-prompt);color:var(--text-same-white);font-size:11px;font-weight:500;line-height:14px;white-space:nowrap;transform:translate(-50%);transition:left .35s cubic-bezier(.4,0,.2,1)}.cregis-progress__tip:after{content:"";position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border-width:5px 5px 0;border-style:solid;border-color:var(--effect-prompt) transparent transparent}.cregis-progress:has(.cregis-progress__sliding-block){position:relative;overflow:hidden}.cregis-progress__bar{position:relative;z-index:1;background-color:var(--material-vibrant-brand-primary);border-radius:8px;box-shadow:none;transition:width .35s cubic-bezier(.4,0,.2,1)}.cregis-progress__sliding-block{position:absolute;top:0;left:0;z-index:0;width:80px;height:100%;background-color:var(--material-vibrant-brand-primary);animation:cregis-progress-sliding-block 1.25s ease-in-out infinite alternate}@keyframes cregis-progress-sliding-block{0%{left:0}to{left:calc(100% - min(80px,100%))}}@media(prefers-reduced-motion:reduce){.cregis-progress__bar,.cregis-progress__tip{transition:none}.cregis-progress__sliding-block{animation:none;left:50%;transform:translate(-50%)}}@-webkit-keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}.cregis-progress.active .cregis-progress__bar,.cregis-progress__bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite}.cregis-progress--striped .cregis-progress__bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.cregis-popover{display:inline-block}.cregis-popover__trigger{width:fit-content}.cregis-popover__trigger--disabled,.cregis-popover__trigger--disabled *{cursor:not-allowed}.cregis-popover__content{box-sizing:border-box;min-width:0;border-radius:6px;box-shadow:0 0 0 .5px var(--effect-shadow-shallow),0 8px 24px 0 var(--effect-shadow-deep);background-color:var(--box-flotation);overflow-wrap:anywhere;word-break:break-word;overflow-x:auto;pointer-events:auto}.cregis-popover__content--hide-scrollbar::-webkit-scrollbar{display:none}.fade-enter-active,.fade-leave-active{transition:opacity .1s}.fade-enter-from,.fade-leave-to{opacity:0}.cregis-select{display:inline-block}.cregis-select__trigger{display:flex;align-items:center;justify-content:space-between;border:.5px solid transparent;background-color:var(--material-opaque-card-moderate);border-radius:6px;-webkit-user-select:none;user-select:none}.cregis-select__trigger:hover{border:.5px solid transparent;background-color:var(--event-hover-secondary)}.cregis-select__trigger:active{color:var(--text-base-secondary)}.cregis-select.is-disabled .cregis-select__trigger-label,.cregis-select.is-disabled .cregis-select__placeholder,.cregis-select.is-disabled .cregis-select__selected{color:var(--text-base-quaternary)}.cregis-select__trigger-label{flex:1;min-width:0;overflow:hidden}.cregis-select__trigger-label>p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cregis-select__placeholder{color:var(--text-base-tertiary)}.cregis-select__icon{display:inline-flex;flex-shrink:0;align-items:center;transition:transform .2s ease}.cregis-select__icon.is-open{transform:rotate(180deg)}.cregis-select__trigger--large{height:40px;padding:0 8px 0 12px;font-size:15px;line-height:22px}.cregis-select__trigger--medium{height:32px;padding:0 8px;font-size:15px;line-height:22px}.cregis-select__trigger--small{height:32px;padding:0 8px;font-size:13px;line-height:18px}.cregis-select__trigger--extraSmall{height:24px;padding:0 8px;font-size:12px;line-height:16px}.cregis-select__trigger--plain{background-color:transparent;border:.5px solid var(--line-border-deep)}.cregis-select__trigger--noBorder{background-color:transparent;border:.5px solid transparent}.cregis-select__dropdown{display:flex;flex-direction:column;min-height:100px}.cregis-select__dropdown.is-empty{justify-content:center;align-items:center}.cregis-select__dropdown-empty{margin:0;padding:0 8px;text-align:center;font-size:15px;line-height:22px;color:var(--text-base-quaternary)}.cregis-select__dropdown-filter{padding:6px;position:sticky;top:0}.cregis-select__dropdown-filter-empty{margin:0;padding-top:12px;text-align:center;font-size:15px;line-height:22px;color:var(--text-base-quaternary)}.cregis-select__dropdown-content{display:flex;flex-direction:column;gap:1px;padding:4px}.cregis-select__option{display:flex;align-items:center;padding:5px 8px;font-size:15px;line-height:22px;border-radius:6px;cursor:default}.cregis-select__option:hover{background-color:var(--event-hover-secondary)}.cregis-select__option.is-selected{background-color:var(--event-focus-secondary)}.cregis-select__option.is-disabled{cursor:not-allowed;color:var(--text-base-quaternary);pointer-events:none}.cregis-cascader{display:inline-block}.cregis-popover__content:has(.cregis-cascader__dropdown){overflow-x:visible!important}.cregis-cascader__dropdown-item .cregis-popover .cregis-popover__content{overflow-x:visible!important;box-sizing:border-box;min-width:160px;max-width:min(360px,90vw);width:max-content;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.cregis-cascader__trigger{display:flex;align-items:center;justify-content:space-between;border:.5px solid transparent;background-color:var(--material-opaque-card-moderate);border-radius:6px;-webkit-user-select:none;user-select:none}.cregis-cascader__trigger:hover{border:.5px solid transparent;background-color:var(--event-hover-secondary)}.cregis-cascader__trigger:active{color:var(--text-base-secondary)}.cregis-cascader.is-disabled .cregis-cascader__trigger-label,.cregis-cascader.is-disabled .cregis-cascader__placeholder,.cregis-cascader.is-disabled .cregis-cascader__selected{color:var(--text-base-quaternary)}.cregis-cascader__trigger-label{flex:1;min-width:0;overflow:hidden}.cregis-cascader__trigger-label>p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cregis-cascader__placeholder{color:var(--text-base-tertiary)}.cregis-cascader__icon{display:inline-flex;flex-shrink:0;align-items:center;transition:transform .2s ease}.cregis-cascader__icon.is-open{transform:rotate(180deg)}.cregis-cascader__trigger--large{height:40px;padding:0 8px 0 12px;font-size:15px;line-height:22px}.cregis-cascader__trigger--medium{height:32px;padding:0 8px;font-size:15px;line-height:22px}.cregis-cascader__trigger--small{height:32px;padding:0 8px;font-size:13px;line-height:18px}.cregis-cascader__trigger--extraSmall{height:24px;padding:0 8px;font-size:12px;line-height:16px}.cregis-cascader__trigger--plain{background-color:transparent;border:.5px solid var(--line-border-deep)}.cregis-cascader__trigger--noBorder{background-color:transparent;border:.5px solid transparent}.cregis-cascader__dropdown{display:flex;flex-direction:column;min-height:100px}.cregis-cascader__dropdown.is-empty{justify-content:center;align-items:center}.cregis-cascader__dropdown-empty{margin:0;padding:0 8px;text-align:center;font-size:15px;line-height:22px;color:var(--text-base-quaternary)}.cregis-cascader__dropdown-filter{padding:6px;position:sticky;bottom:0}.cregis-cascader__dropdown-filter-empty{margin:0;padding-top:12px;text-align:center;font-size:15px;line-height:22px;color:var(--text-base-quaternary)}.cregis-cascader__dropdown-content{display:flex;flex-direction:column;gap:1px;padding:4px;position:relative}.cregis-cascader__dropdown-item{display:flex;gap:1px;align-items:stretch;height:32px;padding:0;border-radius:6px;font-size:15px;line-height:22px;box-sizing:border-box}.cregis-cascader__dropdown-item:not(.is-disabled):hover{color:var(--text-same-white);background-color:var(--material-vibrant-brand-primary)}.cregis-cascader__dropdown-item:not(.is-disabled):has(.cregis-cascader__suboption-panel:hover){background-color:transparent;color:var(--text-base-primary)}.cregis-cascader__dropdown-item:not(.is-disabled):has(.cregis-cascader__suboption-panel:hover) .cregis-cascader__suboption-trigger:not(.is-disabled){background-color:var(--event-focus-secondary)}.cregis-cascader__dropdown-item:not(.is-disabled):hover:has(.cregis-cascader__suboption-trigger.is-parent-active:not(.is-disabled)){background-color:transparent;color:var(--text-base-primary)}.cregis-cascader__dropdown-item.is-disabled{cursor:not-allowed;color:var(--text-base-quaternary);pointer-events:none}.cregis-cascader__dropdown-item-popover{display:flex;flex:1;min-width:0;min-height:32px;align-items:stretch;border-radius:6px}.cregis-cascader__leaf-only{display:flex;align-items:center;flex:1;min-width:0;height:100%;cursor:pointer;padding:0 8px;box-sizing:border-box}.cregis-cascader__leaf-only>p{margin:0}.cregis-cascader__dropdown-item>div{width:100%;min-width:0;height:100%}.cregis-cascader__dropdown-item .cregis-popover{display:block;width:100%}.cregis-cascader__dropdown-item .cregis-popover__trigger{width:100%;max-width:100%;height:100%}.cregis-cascader__suboption-trigger{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 8px;border-radius:6px}.cregis-cascader__suboption-trigger>p{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cregis-cascader__suboption-panel{display:flex;flex-direction:column;gap:1px;line-height:22px;font-size:15px;color:var(--text-base-primary)}.cregis-cascader__suboption-row{padding:5px 8px;border-radius:6px;cursor:default;color:var(--text-base-primary);box-sizing:border-box}.cregis-cascader__suboption-row.is-active:not(.is-disabled){background-color:var(--event-focus-secondary)}.cregis-cascader__suboption-row:hover:not(.is-disabled){background-color:var(--material-vibrant-brand-primary);color:var(--text-same-white)}.cregis-cascader__suboption-row.is-disabled{cursor:not-allowed;color:var(--text-base-quaternary);pointer-events:none}.cregis-cascader__suboption-trigger.is-disabled{pointer-events:none;opacity:.55}.cregis-cascader__suboption-trigger.is-parent-active:not(.is-disabled){background-color:var(--event-focus-tertiary)}

package/dist/types/index.d.ts

@@ -1,11 +1,20 @@
 import { Component } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
+import { ComputedRef } from 'vue';
 import { CSSProperties } from 'vue';
 import { DefineComponent } from 'vue';
 import { InjectionKey } from 'vue';
+import { Options } from '@popperjs/core';
+import { Placement } from '@popperjs/core';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
+import { StringOrNumber } from './types/common';
+import { StringOrNumber as StringOrNumber_3 } from '../../types/common';
+
+declare type Align = 'left' | 'center' | 'right';
+
+declare type Align_2 = 'left' | 'center' | 'right';
 
 export declare const Button: DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
     type: ButtonType;
@@ -16,6 +25,7 @@ export declare const Button: DefineComponent<ButtonProps, {}, {}, {}, {}, Compon
 export declare interface ButtonProps {
     type?: ButtonType;
     size?: ButtonSize;
+    width?: string;
     plain?: boolean;
     text?: boolean;
     disabled?: boolean;
@@ -34,6 +44,85 @@ export declare type ButtonSize = 'extraSmall' | 'small' | 'medium' | 'large';
 
 export declare type ButtonType = 'primary' | 'secondary' | 'danger' | 'foreground' | 'sameWhite';
 
+export declare const Cascader: DefineComponent<CascaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: StringOrNumber_3) => any;
+    change: (value: StringOrNumber_3) => any;
+    "visible-change": (value: boolean) => any;
+    "filter-input": (value: string) => any;
+    "filter-clear": () => any;
+}, string, PublicProps, Readonly<CascaderProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: StringOrNumber_3) => any;
+    onChange?: (value: StringOrNumber_3) => any;
+    "onVisible-change"?: (value: boolean) => any;
+    "onFilter-input"?: (value: string) => any;
+    "onFilter-clear"?: () => any;
+}>, {
+    type: "plain" | "default" | "noBorder";
+    size: "small" | "medium" | "large" | "extraSmall";
+    placeholder: string;
+    options: CascaderRootOption[];
+    align: "left" | "right" | "center";
+    filterDebounceMs: number;
+    noDataText: string;
+    noMatchText: string;
+    triggerWidth: StringOrNumber_3;
+    subPopperWidth: StringOrNumber_3;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare interface CascaderEmits {
+    (e: 'update:modelValue', value: StringOrNumber_3): void;
+    (e: 'change', value: StringOrNumber_3): void;
+    (e: 'visible-change', value: boolean): void;
+    (e: 'filter-input', value: string): void;
+    (e: 'filter-clear'): void;
+}
+
+export declare interface CascaderProps {
+    /** 选中的 option `value`（一级或二级） */
+    modelValue?: StringOrNumber_3;
+    options?: CascaderRootOption[];
+    type?: Type_3;
+    size?: Size_2;
+    align?: Align_2;
+    placeholder?: string;
+    disabled?: boolean;
+    filterable?: boolean;
+    filterDebounceMs?: number;
+    noDataText?: string;
+    noMatchText?: string;
+    triggerWidth?: StringOrNumber_3;
+    popperWidth?: StringOrNumber_3;
+    /** 二级 Popover 宽度，默认 200px */
+    subPopperWidth?: StringOrNumber_3;
+    maxPopperHeight?: StringOrNumber_3;
+}
+
+/** 一级选项；有 `children` 且非空时用 Popover 展开二级 */
+export declare interface CascaderRootOption {
+    label: string;
+    value: StringOrNumber_3;
+    disabled?: boolean;
+    filterText?: string;
+    children?: CascaderSubOption[];
+}
+
+export declare interface CascaderScrollPayload {
+    scrollTop: number;
+    scrollLeft: number;
+}
+
+/** 当前选中项所在层级：0 未选；1 一级；2 二级 */
+export declare type CascaderSelectionLevel = 0 | 1 | 2;
+
+/** 二级选项 */
+export declare interface CascaderSubOption {
+    label: string;
+    value: StringOrNumber_3;
+    disabled?: boolean;
+    /** 参与过滤的文本，默认等于 `label` */
+    filterText?: string;
+}
+
 export declare const Checkbox: DefineComponent<CheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: number | boolean) => any;
     change: (value: number | boolean) => any;
@@ -103,9 +192,9 @@ export declare const Input: DefineComponent<InputProps, {
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare interface InputEmits {
-    (e: 'update:modelValue', value: StringOrNumber): void;
-    (e: 'input', value: StringOrNumber): void;
-    (e: 'change', value: StringOrNumber): void;
+    (e: 'update:modelValue', value: StringOrNumber_2): void;
+    (e: 'input', value: StringOrNumber_2): void;
+    (e: 'change', value: StringOrNumber_2): void;
     (e: 'focus', value: FocusEvent): void;
     (e: 'blur', value: FocusEvent): void;
     (e: 'clear'): void;
@@ -113,7 +202,7 @@ export declare interface InputEmits {
 
 export declare interface InputProps {
     type?: 'text' | 'number' | 'textarea';
-    modelValue: StringOrNumber;
+    modelValue: StringOrNumber_2;
     size?: 'small' | 'medium' | 'large';
     width?: string;
     placeholder?: string;
@@ -124,6 +213,107 @@ export declare interface InputProps {
     rows?: number;
 }
 
+/** 函数式轻提示，默认停留 1s，可通过对象配置时长；已有提示展示时忽略新调用 */
+export declare function Message(source: MessageParam): void;
+
+export declare type MessageParam = string | MessageProps;
+
+export declare interface MessageProps {
+    message: string;
+    duration?: number;
+    onVanish?: () => void;
+}
+
+/** 函数式轻提示，默认停留 1s，可通过对象配置时长；已有提示展示时忽略新调用 */
+declare function Notification_2(source: NotificationProps): void;
+export { Notification_2 as Notification }
+
+export declare interface NotificationProps {
+    title: string;
+    message: string;
+    btnText: string;
+    type?: Type;
+    onVanish?: () => void;
+}
+
+declare const Option_2: DefineComponent<OptionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<OptionProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export { Option_2 as Option }
+
+export declare interface OptionProps {
+    label: string;
+    value: StringOrNumber_3;
+    disabled?: boolean;
+    /** 参与过滤的文本，默认等于 `label`；自定义插槽展示时可用拼音、别名等扩展搜索 */
+    filterText?: string;
+}
+
+export declare const Popover: DefineComponent<PopoverProps, {
+    isOpen: Ref<boolean>;
+    open: () => void;
+    close: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    scroll: (payload: PopoverScrollPayload) => any;
+    "visible-change": (value: boolean) => any;
+    "click-outside": (value: boolean) => any;
+}, string, PublicProps, Readonly<PopoverProps> & Readonly<{
+    onScroll?: (payload: PopoverScrollPayload) => any;
+    "onVisible-change"?: (value: boolean) => any;
+    "onClick-outside"?: (value: boolean) => any;
+}>, {
+    disabled: boolean;
+    preserveContentMount: boolean;
+    trigger: "hover" | "click";
+    placement: Placement;
+    manual: boolean;
+    openDelay: number;
+    closeDelay: number;
+    offset: [number, number];
+    padding: string | number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare interface PopoverEmits {
+    (e: 'visible-change', value: boolean): void;
+    (e: 'click-outside', value: boolean): void;
+    (e: 'scroll', payload: PopoverScrollPayload): void;
+}
+
+export declare interface PopoverInstance {
+    isOpen: Ref<boolean>;
+    open: () => void;
+    close: () => void;
+}
+
+export declare interface PopoverProps {
+    preserveContentMount?: boolean;
+    trigger?: 'hover' | 'click';
+    placement?: Placement;
+    manual?: boolean;
+    disabled?: boolean;
+    popoverOptions?: Options;
+    openDelay?: number;
+    closeDelay?: number;
+    popperWidth?: string | number;
+    maxPopperHeight?: string | number;
+    offset?: [number, number];
+    padding?: string | number;
+}
+
+export declare interface PopoverScrollPayload {
+    scrollTop: number;
+    scrollLeft: number;
+}
+
+export declare const Progress: DefineComponent<ProgressProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
+    strokeWidth: number;
+    showPercentage: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare interface ProgressProps {
+    percentage: number;
+    strokeWidth?: number;
+    showPercentage?: boolean;
+}
+
 export declare const Radio: DefineComponent<RadioProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: RadioValue) => any;
     change: (value: RadioValue) => any;
@@ -146,7 +336,78 @@ export declare interface RadioProps {
 
 export declare type RadioValue = boolean | string | number;
 
-declare type StringOrNumber = string | number;
+export declare const Select: DefineComponent<SelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: StringOrNumber_3) => any;
+    change: (value: StringOrNumber_3) => any;
+    "visible-change": (value: boolean) => any;
+    "filter-input": (value: string) => any;
+    "filter-clear": () => any;
+}, string, PublicProps, Readonly<SelectProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: StringOrNumber_3) => any;
+    onChange?: (value: StringOrNumber_3) => any;
+    "onVisible-change"?: (value: boolean) => any;
+    "onFilter-input"?: (value: string) => any;
+    "onFilter-clear"?: () => any;
+}>, {
+    type: "plain" | "default" | "noBorder";
+    size: "small" | "medium" | "large" | "extraSmall";
+    placeholder: string;
+    align: "left" | "right" | "center";
+    filterDebounceMs: number;
+    noDataText: string;
+    noMatchText: string;
+    triggerWidth: StringOrNumber_3;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare interface SelectContext {
+    modelValue: ComputedRef<StringOrNumber_3 | undefined>;
+    disabled: ComputedRef<boolean>;
+    selectOption: (value: StringOrNumber_3, label: string) => void;
+    isOptionSelected: (value: StringOrNumber_3) => boolean;
+    registerOption: (value: StringOrNumber_3, label: string, searchText?: string) => () => void;
+    filterQuery: ComputedRef<string>;
+}
+
+export declare interface SelectEmits {
+    (e: 'update:modelValue', value: StringOrNumber_3): void;
+    (e: 'change', value: StringOrNumber_3): void;
+    (e: 'visible-change', value: boolean): void;
+    (e: 'filter-input', value: string): void;
+    (e: 'filter-clear'): void;
+}
+
+export declare const selectInjectKey: InjectionKey<SelectContext>;
+
+export declare interface SelectProps {
+    modelValue?: StringOrNumber_3;
+    type?: Type_2;
+    size?: Size;
+    align?: Align;
+    placeholder?: string;
+    disabled?: boolean;
+    filterable?: boolean;
+    /** 搜索框防抖毫秒数，默认 200 */
+    filterDebounceMs?: number;
+    noDataText?: string;
+    /** 可搜索时无匹配项的提示 */
+    noMatchText?: string;
+    triggerWidth?: StringOrNumber_3;
+    popperWidth?: StringOrNumber_3;
+    maxPopperHeight?: StringOrNumber_3;
+}
+
+export declare interface SelectScrollPayload {
+    scrollTop: number;
+    scrollLeft: number;
+}
+
+declare type Size = 'large' | 'medium' | 'small' | 'extraSmall';
+
+declare type Size_2 = 'large' | 'medium' | 'small' | 'extraSmall';
+
+export { StringOrNumber }
+
+declare type StringOrNumber_2 = string | number;
 
 export declare const TabPane: DefineComponent<TabPaneProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabPaneProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -184,4 +445,10 @@ export declare interface TabsProps {
     size?: TabSize;
 }
 
+export declare type Type = 'primary' | 'info' | 'success' | 'warning' | 'error';
+
+declare type Type_2 = 'default' | 'plain' | 'noBorder';
+
+declare type Type_3 = 'default' | 'plain' | 'noBorder';
+
 export { }