kku-ui 0.1.0 → 0.1.3

package/lib/index.css

@@ -1 +1 @@
-.k-ripple{position:absolute;opacity:.1;border-radius:50%;background-color:var(--kku-background-color-ripple)}@keyframes ripple-effect{0%{transform:scale(.1);opacity:.32}to{transform:scale(1);opacity:.1}}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;margin:0;border-width:1px;border-style:solid;border-radius:var(--kku-border-radius-default);cursor:pointer;transition:border-color,background-color .24s ease;overflow:hidden;user-select:none}.k-button .k-button__content{color:inherit}.k-button:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-button[disabled]{cursor:not-allowed}.k-button[disabled].k-button--color:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--kku-primary-color-default)}.k-button .k-button__content{white-space:nowrap}.k-button.k-button--default{color:var(--kku-text-color-primary);border-color:var(--kku-border-color-default);background-color:var(--kku-background-color-default)}.k-button.k-button--default:hover{border-color:var(--kku-border-color-hover);background-color:var(--kku-background-color-hover)}.k-button.k-button--default[disabled]{color:var(--kku-text-color-disabled);border-color:var(--kku-border-color-disabled);background-color:var(--kku-background-color-disabled)}.k-button.k-button--primary{color:var(--kku-white-color);border-color:var(--kku-primary-color-default);background-color:var(--kku-primary-color-default)}.k-button.k-button--primary:hover{color:var(--kku-white-color);border-color:var(--kku-primary-color-hover);background-color:var(--kku-primary-color-hover)}.k-button.k-button--primary[disabled]{color:var(--kku-gray-color-300);border-color:var(--kku-primary-color-disabled);background-color:var(--kku-primary-color-disabled)}.k-button.k-button--outlined{color:var(--kku-text-color-primary);border-color:var(--kku-gray-color-900);background:none}.k-button.k-button--outlined:hover{color:var(--kku-text-color-secondary);background-color:var(--kku-background-color-hover)}.k-button.k-button--outlined[disabled]{color:var(--kku-text-color-disabled);border-color:var(--kku-gray-color-600);background-color:var(--kku-gray-color-100)}.k-button.k-button--success{color:var(--kku-white-color);border-color:var(--kku-success-color-default);background-color:var(--kku-success-color-default)}.k-button.k-button--success:hover{color:var(--kku-white-color);border-color:var(--kku-success-color-hover);background-color:var(--kku-success-color-hover)}.k-button.k-button--success[disabled]{color:var(--kku-gray-color-300);border-color:var(--kku-success-color-disabled);background-color:var(--kku-success-color-disabled)}.k-button.k-button--warning{color:var(--kku-white-color);border-color:var(--kku-warning-color-default);background-color:var(--kku-warning-color-default)}.k-button.k-button--warning:hover{color:var(--kku-white-color);border-color:var(--kku-warning-color-hover);background-color:var(--kku-warning-color-hover)}.k-button.k-button--warning[disabled]{color:var(--kku-gray-color-300);border-color:var(--kku-warning-color-disabled);background-color:var(--kku-warning-color-disabled)}.k-button.k-button--error{color:var(--kku-white-color);border-color:var(--kku-error-color-default);background-color:var(--kku-error-color-default)}.k-button.k-button--error:hover{color:var(--kku-white-color);border-color:var(--kku-error-color-hover);background-color:var(--kku-error-color-hover)}.k-button.k-button--error[disabled]{color:var(--kku-gray-color-300);border-color:var(--kku-error-color-disabled);background-color:var(--kku-error-color-disabled)}.k-button.k-button--small{height:var(--kku-element-height-small);padding:0 var(--kku-spacing-10)}.k-button.k-button--small .k-button__content{font-size:var(--kku-text-size-small);line-height:var(--kku-line-height-small)}.k-button.k-button--medium{height:var(--kku-element-height-medium);padding:0 var(--kku-spacing-16)}.k-button.k-button--medium .k-button__content{font-size:var(--kku-text-size-medium);line-height:var(--kku-line-height-medium)}.dark .k-button.k-button--outlined{border-color:var(--kku-gray-color-100);background-color:none}.dark .k-button.k-button--outlined:hover{color:var(--kku-text-color-secondary)}.dark .k-button.k-button--outlined[disabled]{color:var(--kku-text-color-disabled);border-color:var(--kku-gray-color-400);background-color:var(--kku-gray-color-900)}.k-text-field{position:relative;display:inline-flex;flex-direction:column;width:100%}.k-text-field .k-text-field__label{display:inline-flex;justify-content:flex-start;align-items:center;width:auto}.k-text-field .k-text-field__label .k-text-field__label__text{color:var(--kku-text-color-primary);white-space:nowrap}.k-text-field .k-text-field__label .k-text-field__label--required{color:var(--kku-error-color-default);margin-left:var(--kku-spacing-2)}.k-text-field .k-text-field__input{position:relative;display:inline-flex;width:100%}.k-text-field .k-text-field__input .k-text-field__input__left-action,.k-text-field .k-text-field__input .k-text-field__input__right-action{display:flex;justify-content:flex-start;align-items:center}.k-text-field .k-text-field__input .k-text-field__input__root{width:100%;height:100%;color:var(--kku-text-color-primary);border:1px solid var(--kku-border-color-default);background-color:var(--kku-background-color-default);border-radius:var(--kku-border-radius-default);transition:.24s ease;transition-property:color,border-color,background-color}.k-text-field .k-text-field__input .k-text-field__input__root:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-text-field .k-text-field__input .k-text-field__input__icon{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;height:100%}.k-text-field .k-text-field__input:hover .k-text-field__input__root{color:var(--kku-text-color-secondary);border-color:var(--kku-border-color-hover)}.k-text-field.k-text-field--disabled .k-text-field__label .k-text-field__label__text{color:var(--kku-text-color-disabled)}.k-text-field.k-text-field--disabled .k-text-field__input .k-text-field__input__root{color:var(--kku-text-color-disabled);border-color:var(--kku-border-color-disabled);background-color:var(--kku-background-color-disabled);cursor:not-allowed}.k-text-field.k-text-field--small{max-width:200px}.k-text-field.k-text-field--small .k-text-field__label{margin-bottom:var(--kku-spacing-6);font-size:var(--kku-text-size-xsmall);line-height:var(--kku-line-height-xsmall)}.k-text-field.k-text-field--small .k-text-field__input{height:var(--kku-element-height-small)}.k-text-field.k-text-field--small .k-text-field__input .k-text-field__input__left-action{margin-right:var(--kku-spacing-4)}.k-text-field.k-text-field--small .k-text-field__input .k-text-field__input__right-action{margin-left:var(--kku-spacing-4)}.k-text-field.k-text-field--small .k-text-field__input .k-text-field__input__root{padding:0 var(--kku-spacing-6);font-size:var(--kku-text-size-small);line-height:var(--kku-line-height-small)}.k-text-field.k-text-field--small .k-text-field__input__icon{gap:var(--kku-spacing-4);padding:0 var(--kku-spacing-6);z-index:1}.k-text-field.k-text-field--medium{max-width:280px}.k-text-field.k-text-field--medium .k-text-field__label{margin-bottom:var(--kku-spacing-8);font-size:var(--kku-text-size-small);line-height:var(--kku-line-height-small)}.k-text-field.k-text-field--medium .k-text-field__input{height:var(--kku-element-height-medium)}.k-text-field.k-text-field--medium .k-text-field__input .k-text-field__input__left-action{margin-right:var(--kku-spacing-6)}.k-text-field.k-text-field--medium .k-text-field__input .k-text-field__input__right-action{margin-left:var(--kku-spacing-6)}.k-text-field.k-text-field--medium .k-text-field__input .k-text-field__input__root{padding:0 var(--kku-spacing-10);font-size:var(--kku-text-size-medium);line-height:var(--kku-line-height-medium)}.k-text-field.k-text-field--medium .k-text-field__input__icon{gap:var(--kku-spacing-6);padding:0 var(--kku-spacing-10)}.dark .k-text-field.k-text-field--disabled .k-text-field__label .k-text-field__label__text{color:var(--kku-text-color-disabled)}.k-icon{display:inline-flex;justify-content:center;align-items:center;color:var(--kku-gray-color-700);fill:var(--kku-gray-color-700);user-select:none}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{color:var(--kku-text-color-disabled);fill:var(--kku-text-color-disabled);cursor:not-allowed}.k-icon.k-icon--large{width:42px;height:42px}.k-icon.k-icon--medium{width:36px;height:36px}.k-icon.k-icon--small{width:28px;height:28px}.k-icon svg{width:100%;height:100%}.dark .k-icon{color:var(--kku-gray-color-300);fill:var(--kku-gray-color-300)}.dark .k-icon.k-icon--disabled{color:var(--kku-text-color-disabled);fill:var(--kku-text-color-disabled)}.k-select{position:relative;display:inline-flex;white-space:nowrap;font-size:0;cursor:pointer;user-select:none}.k-select.k-select--open .k-select__label .k-select__label__arrow-icon{color:var(--kku-border-color-hover);transform:rotate(180deg)}.k-select .k-select__label{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--kku-spacing-8);border-width:1px;border-style:solid;border-color:var(--kku-border-color-default);border-radius:var(--kku-border-radius-default);background:var(--kku-background-color-default);transition:.24s ease;transition-property:color,border-color;overflow:hidden}.k-select .k-select__label:hover{border-color:var(--kku-border-color-hover)}.k-select .k-select__label:hover .k-select__label__arrow-icon{color:var(--kku-border-color-hover)}.k-select .k-select__label:hover .k-select__label__text>.k-select__label__text__placeholder{color:var(--kku-text-color-primary)}.k-select .k-select__label:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-select .k-select__label .k-select__label__text{color:var(--kku-text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__label .k-select__label__text .k-select__label__text__placeholder{color:var(--kku-text-color-placeholder)}.k-select .k-select__label .k-select__label__arrow-icon{color:var(--kku-border-color-default);transition:color,transform .3s ease}.k-select .k-select__label .k-ripple{background-color:var(--kku-background-color-ripple)}.k-select.k-select--disabled .k-select__label{color:var(--kku-text-color-disabled);border-color:var(--kku-border-color-disabled);background:var(--kku-background-color-disabled);cursor:not-allowed}.k-select .k-select__label{color:var(--kku-text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__list{position:absolute;top:100%;left:0;width:100%;border-radius:var(--kku-border-radius-default)}.k-select .k-select__list .k-select__list__item{display:flex;justify-content:flex-start;align-items:center;border:1px solid var(--kku-border-color-default);background-color:var(--kku-background-color-default);transition:.24s ease;transition-property:color,border,background-color}.k-select .k-select__list .k-select__list__item .select__list__item--check-icon{color:var(--kku-black-color)}.k-select .k-select__list .k-select__list__item .k-select__list__item__text{color:var(--kku-text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__list .k-select__list__item:hover{border-color:var(--kku-border-color-hover)}.k-select .k-select__list .k-select__list__item:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-select .k-select__list .k-select__list__item:hover+.k-select__list__item{border-top:1px solid var(--kku-border-color-hover)}.k-select .k-select__list .k-select__list__item:first-child{border-top-left-radius:var(--kku-border-radius-default);border-top-right-radius:var(--kku-border-radius-default);border-bottom:none}.k-select .k-select__list .k-select__list__item:not(.k-select .k-select__list .k-select__list__item:first-child,.k-select .k-select__list .k-select__list__item:last-child){border-bottom:none}.k-select .k-select__list .k-select__list__item:last-child{border-bottom-left-radius:var(--kku-border-radius-default);border-bottom-right-radius:var(--kku-border-radius-default)}.k-select .k-select__list .k-select__list__item.k-select__list__item--no-data{border:1px solid var(--kku-border-color-default);border-radius:var(--kku-border-radius-default)}.k-select.k-select--small .k-select__label{width:120px;height:var(--kku-element-height-small);padding:0 var(--kku-spacing-6)}.k-select.k-select--small .k-select__label .k-select__label__text{font-size:var(--kku-text-size-small);line-height:var(--kku-line-height-small)}.k-select.k-select--small .k-select__list .k-select__list__item{gap:4px;height:var(--kku-element-height-small);padding:0 var(--kku-spacing-6)}.k-select.k-select--small .k-select__list .k-select__list__item .k-select__list__item__text{font-size:var(--kku-text-size-small);line-height:var(--kku-line-height-small)}.k-select.k-select--medium .k-select__label{width:144px;height:var(--kku-element-height-medium);padding:0 var(--kku-spacing-10)}.k-select.k-select--medium .k-select__label .k-select__label__text{font-size:var(--kku-text-size-medium);line-height:var(--kku-line-height-medium)}.k-select.k-select--medium .k-select__list .k-select__list__item{gap:6px;height:var(--kku-element-height-medium);padding:0 var(--kku-spacing-10)}.k-select.k-select--medium .k-select__list .k-select__list__item .k-select__list__item__text{font-size:var(--kku-text-size-medium);line-height:var(--kku-line-height-medium)}.dark .k-select .k-select__label .k-select__label__arrow-icon,.dark .k-select .k-select__list__item .select__list__item--check-icon{color:var(--kku-white-color)}.k-drop-holder{position:relative;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.k-drop-holder .k-drop-holder__content{position:fixed;will-change:transform}.k-switch{position:relative;display:inline-flex;justify-content:flex-start;align-items:center}.k-switch .k-switch__input{display:none}.k-switch.k-switch--on.k-switch--small .k-switch__label{background-color:var(--kku-primary-color-default)}.k-switch.k-switch--on.k-switch--small .k-switch__label .k-switch__label__ball{left:calc(100% - 23px)}.k-switch.k-switch--on.k-switch--medium .k-switch__label{background-color:var(--kku-primary-color-default)}.k-switch.k-switch--on.k-switch--medium .k-switch__label .k-switch__label__ball{left:calc(100% - 27px)}.k-switch .k-switch__label{position:relative;width:50px;height:24px;background-color:var(--kku-gray-color-300);transition:background-color .24s ease-out;cursor:pointer;overflow:hidden}.k-switch .k-switch__label:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-switch .k-switch__label .k-switch__label__ball{position:absolute;top:3px;left:3px;border-radius:50%;background-color:var(--kku-white-color);transition:left .24s ease}.k-switch.k-switch--small .k-switch__label{width:48px;height:26px;border-radius:13px}.k-switch.k-switch--small .k-switch__label .k-switch__label__ball{width:20px;height:20px}.k-switch.k-switch--medium .k-switch__label{width:54px;height:30px;border-radius:15px}.k-switch.k-switch--medium .k-switch__label .k-switch__label__ball{width:24px;height:24px}.k-switch.k-switch--disabled .k-switch__label{cursor:not-allowed}.k-switch.k-switch--disabled .k-switch__label:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000029}.dark .k-switch .k-switch__label{background-color:var(--kku-gray-color-700)}.k-card{display:inline-flex;border:1px solid var(--kku-border-color-default);border-radius:var(--kku-border-radius-default);transition:.24s ease;transition-property:border,background-color}.k-card .k-card__container{position:relative;flex-direction:column;padding:var(--kku-spacing-12);background-color:var(--kku-background-color-default);color:var(--kku-text-color-primary);font-family:var(--font-family);overflow:hidden}.k-card .k-card__container .k-card__title{font-size:var(--kku-text-size-large);line-height:var(--kku-line-height-large);font-weight:700}.k-card .k-card__container .k-card__title+.k-card__subtitle{margin-top:var(--kku-spacing-8)}.k-card.k-card--clickable{transition:.24s ease;transition-property:box-shadow,background-color,transform}.k-card.k-card--clickable .k-card__container{cursor:pointer}.k-card.k-card--clickable:hover{box-shadow:var(--kku-box-shadow-default);transform:translateY(-2px)}.k-card.k-card--clickable:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-card.k-card--disabled .k-card__container{cursor:not-allowed;background-color:var(--kku-background-color-disabled);color:var(--kku-text-color-disabled)}.k-card.k-card--disabled:hover{box-shadow:none;transform:none}.k-accordion{border:1px solid var(--kku-border-color-default);border-radius:var(--kku-border-radius-default);color:var(--kku-text-color-primary);background-color:var(--kku-background-color-default)}.k-accordion.k-accordion--open .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transform:rotate(180deg)}.k-accordion.k-accordion--open .k-accordion__summary{border-bottom:1px solid var(--kku-border-color-default)}.k-accordion .k-accordion__summary{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid transparent;transition:.3s ease;transition-property:border,background-color;list-style-type:none;user-select:none;cursor:pointer}.k-accordion .k-accordion__summary:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-accordion .k-accordion__summary:hover{background-color:var(--kku-background-color-hover)}.k-accordion .k-accordion__summary::-webkit-details-marker{display:none}.k-accordion .k-accordion__summary .k-accordion__summary__container{display:flex;align-items:center;justify-content:flex-start;color:var(--default-font-color)}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper{display:flex;justify-content:center;align-items:center}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transition:.3s ease;transition-property:transform;cursor:pointer}.k-accordion .k-accordion__content{max-height:0;height:auto;background-color:var(--white-color);overflow:hidden;transition:max-height .3s ease}.k-accordion.k-accordion--large{font-size:var(--kku-text-size-large);line-height:var(--kku-line-height-large)}.k-accordion.k-accordion--large .k-accordion__summary,.k-accordion.k-accordion--large .k-accordion__content__wrapper{padding:var(--kku-spacing-16)}.k-accordion.k-accordion--large .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--kku-spacing-12)}.k-accordion.k-accordion--medium{font-size:var(--kku-text-size-medium);line-height:var(--kku-line-height-medium)}.k-accordion.k-accordion--medium .k-accordion__summary,.k-accordion.k-accordion--medium .k-accordion__content__wrapper{padding:var(--kku-spacing-12) var(--kku-spacing-16)}.k-accordion.k-accordion--medium .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--kku-spacing-10)}.k-accordion.k-accordion--small{font-size:var(--kku-text-size-small);line-height:var(--kku-line-height-small)}.k-accordion.k-accordion--small .k-accordion__summary,.k-accordion.k-accordion--small .k-accordion__content__wrapper{padding:var(--kku-spacing-8) var(--kku-spacing-12)}.k-accordion.k-accordion--small .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--kku-spacing-8)}:root{--kku-gray-color-100: #F2F3F4;--kku-gray-color-200: #ECEDEF;--kku-gray-color-300: #DBDADE;--kku-gray-color-400: #808793;--kku-gray-color-500: #737A84;--kku-gray-color-600: #6A707A;--kku-gray-color-700: #60656E;--kku-gray-color-800: #4D5158;--kku-gray-color-900: #3A3D42;--kku-blue-color-100: #E6F1FE;--kku-blue-color-200: #D5E9FF;--kku-blue-color-300: #A1CFFF;--kku-blue-color-400: #0074F0;--kku-blue-color-500: #0068D8;--kku-blue-color-600: #005DC0;--kku-blue-color-700: #0057B4;--kku-blue-color-800: #004690;--kku-blue-color-900: #00346C;--kku-green-color-100: #F1FEEE;--kku-green-color-200: #EAFFEE;--kku-green-color-300: #D4FFCB;--kku-green-color-400: #73F557;--kku-green-color-500: #68E64E;--kku-green-color-600: #5CCC46;--kku-green-color-700: #58BF41;--kku-green-color-800: #459934;--kku-green-color-900: #347327;--kku-orange-color-100: #FEF4E8;--kku-orange-color-200: #FEF0DD;--kku-orange-color-300: #FDDEB8;--kku-orange-color-400: #F7931A;--kku-orange-color-500: #DE8417;--kku-orange-color-600: #C67615;--kku-orange-color-700: #B96E14;--kku-orange-color-800: #945810;--kku-orange-color-900: #6F420C;--kku-red-color-100: #FEE6E6;--kku-red-color-200: #FDDD9D;--kku-red-color-300: #FBBB1B;--kku-red-color-400: #F10404;--kku-red-color-500: #D90404;--kku-red-color-600: #C10303;--kku-red-color-700: #B50303;--kku-red-color-800: #910202;--kku-red-color-900: #6C0202;--kku-white-color: #ffffff;--kku-black-color: #000000;--kku-text-size-xlarge: 24px;--kku-text-size-large: 18px;--kku-text-size-medium: 16px;--kku-text-size-small: 14px;--kku-text-size-xsmall: 12px;--kku-line-height-xlarge: 26px;--kku-line-height-large: 20px;--kku-line-height-medium: 18px;--kku-line-height-small: 16px;--kku-line-height-xsize: 14px;--kku-spacing-2: 2px;--kku-spacing-4: 4px;--kku-spacing-6: 6px;--kku-spacing-8: 8px;--kku-spacing-10: 10px;--kku-spacing-12: 12px;--kku-spacing-14: 14px;--kku-spacing-16: 16px;--kku-spacing-20: 20px;--kku-spacing-24: 24px;--kku-spacing-28: 28px;--kku-spacing-32: 32px;--kku-spacing-36: 36px;--kku-spacing-40: 40px;--kku-spacing-44: 44px;--kku-spacing-48: 48px;--kku-spacing-52: 52px;--kku-spacing-56: 56px;--kku-spacing-60: 60px;--kku-spacing-64: 64px;--kku-spacing-68: 68px;--kku-spacing-72: 72px;--kku-spacing-76: 76px;--kku-spacing-80: 80px;--kku-border-radius-default: 3px;--kku-default-font-family: "Arial", sans-serif;--kku-z-idnex-0: 0;--kku-z-idnex-1: 1;--kku-z-idnex-10: 10;--kku-z-idnex-100: 100;--kku-z-idnex-200: 200;--kku-z-idnex-500: 500;--kku-z-idnex-1000: 1000;--kku-z-idnex-1001: 1001;--kku-z-idnex-5000: 5000;--kku-z-idnex-9999: 9999;--kku-box-shadow-default: rgba(0, 0, 0, .2) 0px 12px 28px 0px, rgba(0, 0, 0, .1) 0px 2px 4px 0px, rgba(255, 255, 255, .05) 0px 0px 0px 1px inset}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:var(--kku-default-font-family)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}:root{--kku-text-color-primary: var(--kku-gray-color-900);--kku-text-color-secondary: var(--kku-gray-color-700);--kku-text-color-tertiary: var(--kku-gray-color-500);--kku-text-color-disabled: var(--kku-gray-color-400);--kku-text-color-link: var(--kku-blue-color-400);--kku-text-color-placeholder: var(--kku-gray-color-600);--kku-border-color-default: var(--kku-gray-color-300);--kku-border-color-hover: var(--kku-gray-color-500);--kku-border-color-disabled: var(--kku-gray-color-300);--kku-background-color-default: var(--kku-white-color);--kku-background-color-hover: var(--kku-gray-color-100);--kku-background-color-disabled: var(--kku-gray-color-200);--kku-background-color-ripple: var(--kku-gray-color-900);--kku-primary-color-default: var(--kku-blue-color-400);--kku-primary-color-hover: var(--kku-blue-color-500);--kku-primary-color-disabled: var(--kku-blue-color-800);--kku-success-color-default: var(--kku-green-color-600);--kku-success-color-hover: var(--kku-green-color-700);--kku-success-color-disabled: var(--kku-green-color-800);--kku-warning-color-default: var(--kku-orange-color-400);--kku-warning-color-hover: var(--kku-orange-color-500);--kku-warning-color-disabled: var(--kku-orange-color-800);--kku-error-color-default: var(--kku-red-color-500);--kku-error-color-hover: var(--kku-red-color-600);--kku-error-color-disabled: var(--kku-red-color-800);--kku-focus-visible-color: var(--kku-blue-color-300);--kku-element-height-medium: 34px;--kku-element-height-small: 30px;--kku-modal-overlay-z-index: var(--kku-z-idnex-1000);--kku-modal-content-z-index: var(--kku-z-idnex-1001)}.dark:root{--kku-text-color-primary: var(--kku-gray-color-100);--kku-text-color-secondary: var(--kku-gray-color-300);--kku-text-color-tertiary: var(--kku-gray-color-500);--kku-text-color-disabled: var(--kku-gray-color-600);--kku-text-color-link: var(--kku-blue-color-400);--kku-border-color-default: var(--kku-gray-color-700);--kku-border-color-hover: var(--kku-gray-color-700);--kku-border-color-disabled: var(--kku-gray-color-700);--kku-background-color-default: var(--kku-gray-color-900);--kku-background-color-hover: var(--kku-gray-color-800);--kku-background-color-disabled: var(--kku-gray-color-800);--kku-background-color-ripple: var(--kku-gray-color-300)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.k-modal{position:fixed;top:0;left:0;width:100dvw;height:100dvh;color:var(--kku-text-color-primary)}.k-modal .k-modal__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;background-color:var(--kku-background-color-default);border-radius:var(--kku-border-radius-default);box-shadow:var(--kku-box-shadow-default);z-index:var(--kku-modal-content-z-index);overflow:hidden}.k-modal .k-modal__container.k-modal__container--small{max-width:640px}.k-modal .k-modal__container.k-modal__container--medium{max-width:824px}.k-modal .k-modal__container.k-modal__container--large{max-width:1040px}.k-modal .k-modal__container .k-modal__container__header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--kku-spacing-12) var(--kku-spacing-16);border-bottom:.5px solid var(--kku-gray-color-300)}.k-modal .k-modal__container .k-modal__container__header .k-modal__container__header__text{font-size:var(--kku-text-size-large);line-height:var(--kku-line-height-large);font-weight:700}.k-modal .k-modal__container .k-modal__container__content{padding:var(--kku-spacing-12) var(--kku-spacing-16);font-size:var(--kku-text-size-medium);line-height:var(--kku-line-height-medium)}.k-modal .k-modal__container.k-modal__container--no-title .k-modal__container__content{padding:var(--kku-spacing-16)}.k-modal .k-modal__container .k-modal__container__footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 var(--kku-spacing-16) var(--kku-spacing-12) var(--kku-spacing-16)}.k-modal .k-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--kku-modal-overlay-z-index)}.k-modal .k-modal__overlay.k-modal__overlay--active{background-color:var(--kku-gray-color-900);opacity:.48}.k-modal .k-modal__overlay.k-modal__overlay--transparent{background-color:transparent;opacity:0}.dark .k-modal .k-modal__overlay.k-modal__overlay--active{background-color:var(--kku-gray-color-200)}
+.k-ripple{position:absolute;opacity:.1;border-radius:50%;background-color:var(--kku-background-color-ripple)}@keyframes ripple-effect{0%{transform:scale(.1);opacity:.32}to{transform:scale(1);opacity:.1}}.k-button{position:relative;display:inline-flex;justify-content:center;align-items:center;margin:0;border-width:1px;border-style:solid;border-radius:var(--kku-border-radius-default);cursor:pointer;transition:border-color,background-color .24s ease;overflow:hidden;user-select:none}.k-button .k-button__content{color:inherit}.k-button:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-button[disabled]{cursor:not-allowed}.k-button[disabled].k-button--color:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--kku-primary-color-default)}.k-button .k-button__content{white-space:nowrap}.k-button.k-button--default{color:var(--kku-text-color-primary);border-color:var(--kku-border-color-default);background-color:var(--kku-background-color-default)}.k-button.k-button--default:hover{border-color:var(--kku-border-color-hover);background-color:var(--kku-background-color-hover)}.k-button.k-button--default[disabled]{color:var(--kku-text-color-disabled);border-color:var(--kku-border-color-disabled);background-color:var(--kku-background-color-disabled)}.k-button.k-button--primary{color:var(--kku-white-color);border-color:var(--kku-primary-color-default);background-color:var(--kku-primary-color-default)}.k-button.k-button--primary:hover{color:var(--kku-white-color);border-color:var(--kku-primary-color-hover);background-color:var(--kku-primary-color-hover)}.k-button.k-button--primary[disabled]{color:var(--kku-gray-color-300);border-color:var(--kku-primary-color-disabled);background-color:var(--kku-primary-color-disabled)}.k-button.k-button--outlined{color:var(--kku-text-color-primary);border-color:var(--kku-gray-color-900);background:none}.k-button.k-button--outlined:hover{color:var(--kku-text-color-secondary);background-color:var(--kku-background-color-hover)}.k-button.k-button--outlined[disabled]{color:var(--kku-text-color-disabled);border-color:var(--kku-gray-color-600);background-color:var(--kku-gray-color-100)}.k-button.k-button--success{color:var(--kku-white-color);border-color:var(--kku-success-color-default);background-color:var(--kku-success-color-default)}.k-button.k-button--success:hover{color:var(--kku-white-color);border-color:var(--kku-success-color-hover);background-color:var(--kku-success-color-hover)}.k-button.k-button--success[disabled]{color:var(--kku-gray-color-300);border-color:var(--kku-success-color-disabled);background-color:var(--kku-success-color-disabled)}.k-button.k-button--warning{color:var(--kku-white-color);border-color:var(--kku-warning-color-default);background-color:var(--kku-warning-color-default)}.k-button.k-button--warning:hover{color:var(--kku-white-color);border-color:var(--kku-warning-color-hover);background-color:var(--kku-warning-color-hover)}.k-button.k-button--warning[disabled]{color:var(--kku-gray-color-300);border-color:var(--kku-warning-color-disabled);background-color:var(--kku-warning-color-disabled)}.k-button.k-button--error{color:var(--kku-white-color);border-color:var(--kku-error-color-default);background-color:var(--kku-error-color-default)}.k-button.k-button--error:hover{color:var(--kku-white-color);border-color:var(--kku-error-color-hover);background-color:var(--kku-error-color-hover)}.k-button.k-button--error[disabled]{color:var(--kku-gray-color-300);border-color:var(--kku-error-color-disabled);background-color:var(--kku-error-color-disabled)}.k-button.k-button--small{height:var(--kku-element-height-small);padding:0 var(--kku-spacing-10)}.k-button.k-button--small .k-button__content{font-size:var(--kku-text-size-small);line-height:var(--kku-line-height-small)}.k-button.k-button--medium{height:var(--kku-element-height-medium);padding:0 var(--kku-spacing-16)}.k-button.k-button--medium .k-button__content{font-size:var(--kku-text-size-medium);line-height:var(--kku-line-height-medium)}.dark .k-button.k-button--outlined{border-color:var(--kku-gray-color-100);background-color:none}.dark .k-button.k-button--outlined:hover{color:var(--kku-text-color-secondary)}.dark .k-button.k-button--outlined[disabled]{color:var(--kku-text-color-disabled);border-color:var(--kku-gray-color-400);background-color:var(--kku-gray-color-900)}.k-text-field{position:relative;display:inline-flex;flex-direction:column;width:100%}.k-text-field .k-text-field__label{display:inline-flex;justify-content:flex-start;align-items:center;width:auto}.k-text-field .k-text-field__label .k-text-field__label__text{color:var(--kku-text-color-primary);white-space:nowrap}.k-text-field .k-text-field__label .k-text-field__label--required{color:var(--kku-error-color-default);margin-left:var(--kku-spacing-2)}.k-text-field .k-text-field__input{position:relative;display:inline-flex;width:100%}.k-text-field .k-text-field__input .k-text-field__input__left-action,.k-text-field .k-text-field__input .k-text-field__input__right-action{display:flex;justify-content:flex-start;align-items:center}.k-text-field .k-text-field__input .k-text-field__input__root{width:100%;height:100%;color:var(--kku-text-color-primary);border:1px solid var(--kku-border-color-default);background-color:var(--kku-background-color-default);border-radius:var(--kku-border-radius-default);transition:.24s ease;transition-property:color,border-color,background-color}.k-text-field .k-text-field__input .k-text-field__input__root:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-text-field .k-text-field__input .k-text-field__input__icon{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;height:100%}.k-text-field .k-text-field__input:hover .k-text-field__input__root{color:var(--kku-text-color-secondary);border-color:var(--kku-border-color-hover)}.k-text-field.k-text-field--disabled .k-text-field__label .k-text-field__label__text{color:var(--kku-text-color-disabled)}.k-text-field.k-text-field--disabled .k-text-field__input .k-text-field__input__root{color:var(--kku-text-color-disabled);border-color:var(--kku-border-color-disabled);background-color:var(--kku-background-color-disabled);cursor:not-allowed}.k-text-field.k-text-field--small{max-width:200px}.k-text-field.k-text-field--small .k-text-field__label{margin-bottom:var(--kku-spacing-6);font-size:var(--kku-text-size-xsmall);line-height:var(--kku-line-height-xsmall)}.k-text-field.k-text-field--small .k-text-field__input{height:var(--kku-element-height-small)}.k-text-field.k-text-field--small .k-text-field__input .k-text-field__input__left-action{margin-right:var(--kku-spacing-4)}.k-text-field.k-text-field--small .k-text-field__input .k-text-field__input__right-action{margin-left:var(--kku-spacing-4)}.k-text-field.k-text-field--small .k-text-field__input .k-text-field__input__root{padding:0 var(--kku-spacing-6);font-size:var(--kku-text-size-small);line-height:var(--kku-line-height-small)}.k-text-field.k-text-field--small .k-text-field__input__icon{gap:var(--kku-spacing-4);padding:0 var(--kku-spacing-6);z-index:1}.k-text-field.k-text-field--medium{max-width:280px}.k-text-field.k-text-field--medium .k-text-field__label{margin-bottom:var(--kku-spacing-8);font-size:var(--kku-text-size-small);line-height:var(--kku-line-height-small)}.k-text-field.k-text-field--medium .k-text-field__input{height:var(--kku-element-height-medium)}.k-text-field.k-text-field--medium .k-text-field__input .k-text-field__input__left-action{margin-right:var(--kku-spacing-6)}.k-text-field.k-text-field--medium .k-text-field__input .k-text-field__input__right-action{margin-left:var(--kku-spacing-6)}.k-text-field.k-text-field--medium .k-text-field__input .k-text-field__input__root{padding:0 var(--kku-spacing-10);font-size:var(--kku-text-size-medium);line-height:var(--kku-line-height-medium)}.k-text-field.k-text-field--medium .k-text-field__input__icon{gap:var(--kku-spacing-6);padding:0 var(--kku-spacing-10)}.dark .k-text-field.k-text-field--disabled .k-text-field__label .k-text-field__label__text{color:var(--kku-text-color-disabled)}.k-icon{display:inline-flex;justify-content:center;align-items:center;color:var(--kku-gray-color-700);fill:var(--kku-gray-color-700);user-select:none}.k-icon.k-icon--clickable{cursor:pointer}.k-icon.k-icon--disabled{color:var(--kku-text-color-disabled);fill:var(--kku-text-color-disabled);cursor:not-allowed}.k-icon.k-icon--large{width:42px;height:42px}.k-icon.k-icon--medium{width:36px;height:36px}.k-icon.k-icon--small{width:28px;height:28px}.k-icon svg{width:100%;height:100%}.dark .k-icon{color:var(--kku-gray-color-300);fill:var(--kku-gray-color-300)}.dark .k-icon.k-icon--disabled{color:var(--kku-text-color-disabled);fill:var(--kku-text-color-disabled)}.k-select{position:relative;display:inline-flex;white-space:nowrap;font-size:0;cursor:pointer;user-select:none}.k-select.k-select--open .k-select__label .k-select__label__arrow-icon{color:var(--kku-border-color-hover);transform:rotate(180deg)}.k-select .k-select__label{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--kku-spacing-8);border-width:1px;border-style:solid;border-color:var(--kku-border-color-default);border-radius:var(--kku-border-radius-default);background:var(--kku-background-color-default);transition:.24s ease;transition-property:color,border-color;overflow:hidden}.k-select .k-select__label:hover{border-color:var(--kku-border-color-hover)}.k-select .k-select__label:hover .k-select__label__arrow-icon{color:var(--kku-border-color-hover)}.k-select .k-select__label:hover .k-select__label__text>.k-select__label__text__placeholder{color:var(--kku-text-color-primary)}.k-select .k-select__label:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-select .k-select__label .k-select__label__text{color:var(--kku-text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__label .k-select__label__text .k-select__label__text__placeholder{color:var(--kku-text-color-placeholder)}.k-select .k-select__label .k-select__label__arrow-icon{color:var(--kku-border-color-default);transition:color,transform .3s ease}.k-select .k-select__label .k-ripple{background-color:var(--kku-background-color-ripple)}.k-select.k-select--disabled .k-select__label{color:var(--kku-text-color-disabled);border-color:var(--kku-border-color-disabled);background:var(--kku-background-color-disabled);cursor:not-allowed}.k-select .k-select__label{color:var(--kku-text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__list{position:absolute;top:100%;left:0;width:100%;border-radius:var(--kku-border-radius-default)}.k-select .k-select__list .k-select__list__item{display:flex;justify-content:flex-start;align-items:center;border:1px solid var(--kku-border-color-default);background-color:var(--kku-background-color-default);transition:.24s ease;transition-property:color,border,background-color}.k-select .k-select__list .k-select__list__item .select__list__item--check-icon{color:var(--kku-black-color)}.k-select .k-select__list .k-select__list__item .k-select__list__item__text{color:var(--kku-text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-select .k-select__list .k-select__list__item:hover{border-color:var(--kku-border-color-hover)}.k-select .k-select__list .k-select__list__item:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-select .k-select__list .k-select__list__item:hover+.k-select__list__item{border-top:1px solid var(--kku-border-color-hover)}.k-select .k-select__list .k-select__list__item:first-child{border-top-left-radius:var(--kku-border-radius-default);border-top-right-radius:var(--kku-border-radius-default);border-bottom:none}.k-select .k-select__list .k-select__list__item:not(.k-select .k-select__list .k-select__list__item:first-child,.k-select .k-select__list .k-select__list__item:last-child){border-bottom:none}.k-select .k-select__list .k-select__list__item:last-child{border-bottom-left-radius:var(--kku-border-radius-default);border-bottom-right-radius:var(--kku-border-radius-default)}.k-select .k-select__list .k-select__list__item.k-select__list__item--no-data{border:1px solid var(--kku-border-color-default);border-radius:var(--kku-border-radius-default)}.k-select.k-select--small .k-select__label{width:120px;height:var(--kku-element-height-small);padding:0 var(--kku-spacing-6)}.k-select.k-select--small .k-select__label .k-select__label__text{font-size:var(--kku-text-size-small);line-height:var(--kku-line-height-small)}.k-select.k-select--small .k-select__list .k-select__list__item{gap:4px;height:var(--kku-element-height-small);padding:0 var(--kku-spacing-6)}.k-select.k-select--small .k-select__list .k-select__list__item .k-select__list__item__text{font-size:var(--kku-text-size-small);line-height:var(--kku-line-height-small)}.k-select.k-select--medium .k-select__label{width:144px;height:var(--kku-element-height-medium);padding:0 var(--kku-spacing-10)}.k-select.k-select--medium .k-select__label .k-select__label__text{font-size:var(--kku-text-size-medium);line-height:var(--kku-line-height-medium)}.k-select.k-select--medium .k-select__list .k-select__list__item{gap:6px;height:var(--kku-element-height-medium);padding:0 var(--kku-spacing-10)}.k-select.k-select--medium .k-select__list .k-select__list__item .k-select__list__item__text{font-size:var(--kku-text-size-medium);line-height:var(--kku-line-height-medium)}.dark .k-select .k-select__label .k-select__label__arrow-icon,.dark .k-select .k-select__list__item .select__list__item--check-icon{color:var(--kku-white-color)}.k-drop-holder{position:relative;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.k-drop-holder .k-drop-holder__content{position:fixed;will-change:transform}.k-switch{position:relative;display:inline-flex;justify-content:flex-start;align-items:center}.k-switch .k-switch__input{display:none}.k-switch.k-switch--on.k-switch--small .k-switch__label{background-color:var(--kku-primary-color-default)}.k-switch.k-switch--on.k-switch--small .k-switch__label .k-switch__label__ball{left:calc(100% - 23px)}.k-switch.k-switch--on.k-switch--medium .k-switch__label{background-color:var(--kku-primary-color-default)}.k-switch.k-switch--on.k-switch--medium .k-switch__label .k-switch__label__ball{left:calc(100% - 27px)}.k-switch .k-switch__label{position:relative;width:50px;height:24px;background-color:var(--kku-gray-color-300);transition:background-color .24s ease-out;cursor:pointer;overflow:hidden}.k-switch .k-switch__label:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-switch .k-switch__label .k-switch__label__ball{position:absolute;top:3px;left:3px;border-radius:50%;background-color:var(--kku-white-color);transition:left .24s ease}.k-switch.k-switch--small .k-switch__label{width:48px;height:26px;border-radius:13px}.k-switch.k-switch--small .k-switch__label .k-switch__label__ball{width:20px;height:20px}.k-switch.k-switch--medium .k-switch__label{width:54px;height:30px;border-radius:15px}.k-switch.k-switch--medium .k-switch__label .k-switch__label__ball{width:24px;height:24px}.k-switch.k-switch--disabled .k-switch__label{cursor:not-allowed}.k-switch.k-switch--disabled .k-switch__label:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000029}.dark .k-switch .k-switch__label{background-color:var(--kku-gray-color-700)}.k-card{display:inline-flex;border:1px solid var(--kku-border-color-default);border-radius:var(--kku-border-radius-default);transition:.24s ease;transition-property:border,background-color}.k-card .k-card__container{position:relative;flex-direction:column;padding:var(--kku-spacing-12);background-color:var(--kku-background-color-default);color:var(--kku-text-color-primary);font-family:var(--font-family);overflow:hidden}.k-card .k-card__container .k-card__title{font-size:var(--kku-text-size-large);line-height:var(--kku-line-height-large);font-weight:700}.k-card .k-card__container .k-card__title+.k-card__subtitle{margin-top:var(--kku-spacing-8)}.k-card.k-card--clickable{transition:.24s ease;transition-property:box-shadow,background-color,transform}.k-card.k-card--clickable .k-card__container{cursor:pointer}.k-card.k-card--clickable:hover{box-shadow:var(--kku-box-shadow-default);transform:translateY(-2px)}.k-card.k-card--clickable:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-card.k-card--disabled .k-card__container{cursor:not-allowed;background-color:var(--kku-background-color-disabled);color:var(--kku-text-color-disabled)}.k-card.k-card--disabled:hover{box-shadow:none;transform:none}.k-accordion{border:1px solid var(--kku-border-color-default);border-radius:var(--kku-border-radius-default);color:var(--kku-text-color-primary);background-color:var(--kku-background-color-default)}.k-accordion.k-accordion--open .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transform:rotate(180deg)}.k-accordion.k-accordion--open .k-accordion__summary{border-bottom:1px solid var(--kku-border-color-default)}.k-accordion .k-accordion__summary{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid transparent;transition:.3s ease;transition-property:border,background-color;list-style-type:none;user-select:none;cursor:pointer}.k-accordion .k-accordion__summary:focus-visible{outline:2px solid var(--kku-focus-visible-color);outline-offset:2px}.k-accordion .k-accordion__summary:hover{background-color:var(--kku-background-color-hover)}.k-accordion .k-accordion__summary::-webkit-details-marker{display:none}.k-accordion .k-accordion__summary .k-accordion__summary__container{display:flex;align-items:center;justify-content:flex-start;color:var(--default-font-color)}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper{display:flex;justify-content:center;align-items:center}.k-accordion .k-accordion__summary .k-accordion__summary__icon__wrapper .k-accordion__summary__icon{transition:.3s ease;transition-property:transform;cursor:pointer}.k-accordion .k-accordion__content{max-height:0;height:auto;background-color:var(--white-color);overflow:hidden;transition:max-height .3s ease}.k-accordion.k-accordion--large{font-size:var(--kku-text-size-large);line-height:var(--kku-line-height-large)}.k-accordion.k-accordion--large .k-accordion__summary,.k-accordion.k-accordion--large .k-accordion__content__wrapper{padding:var(--kku-spacing-16)}.k-accordion.k-accordion--large .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--kku-spacing-12)}.k-accordion.k-accordion--medium{font-size:var(--kku-text-size-medium);line-height:var(--kku-line-height-medium)}.k-accordion.k-accordion--medium .k-accordion__summary,.k-accordion.k-accordion--medium .k-accordion__content__wrapper{padding:var(--kku-spacing-12) var(--kku-spacing-16)}.k-accordion.k-accordion--medium .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--kku-spacing-10)}.k-accordion.k-accordion--small{font-size:var(--kku-text-size-small);line-height:var(--kku-line-height-small)}.k-accordion.k-accordion--small .k-accordion__summary,.k-accordion.k-accordion--small .k-accordion__content__wrapper{padding:var(--kku-spacing-8) var(--kku-spacing-12)}.k-accordion.k-accordion--small .k-accordion__summary__icon~.k-accordion__summary__text{margin-left:var(--kku-spacing-8)}:root{--kku-gray-color-100: #F2F3F4;--kku-gray-color-200: #ECEDEF;--kku-gray-color-300: #DBDADE;--kku-gray-color-400: #808793;--kku-gray-color-500: #737A84;--kku-gray-color-600: #6A707A;--kku-gray-color-700: #60656E;--kku-gray-color-800: #4D5158;--kku-gray-color-900: #3A3D42;--kku-blue-color-100: #E6F1FE;--kku-blue-color-200: #D5E9FF;--kku-blue-color-300: #A1CFFF;--kku-blue-color-400: #0074F0;--kku-blue-color-500: #0068D8;--kku-blue-color-600: #005DC0;--kku-blue-color-700: #0057B4;--kku-blue-color-800: #004690;--kku-blue-color-900: #00346C;--kku-green-color-100: #F1FEEE;--kku-green-color-200: #EAFFEE;--kku-green-color-300: #D4FFCB;--kku-green-color-400: #73F557;--kku-green-color-500: #68E64E;--kku-green-color-600: #5CCC46;--kku-green-color-700: #58BF41;--kku-green-color-800: #459934;--kku-green-color-900: #347327;--kku-orange-color-100: #FEF4E8;--kku-orange-color-200: #FEF0DD;--kku-orange-color-300: #FDDEB8;--kku-orange-color-400: #F7931A;--kku-orange-color-500: #DE8417;--kku-orange-color-600: #C67615;--kku-orange-color-700: #B96E14;--kku-orange-color-800: #945810;--kku-orange-color-900: #6F420C;--kku-red-color-100: #FEE6E6;--kku-red-color-200: #FDDD9D;--kku-red-color-300: #FBBB1B;--kku-red-color-400: #F10404;--kku-red-color-500: #D90404;--kku-red-color-600: #C10303;--kku-red-color-700: #B50303;--kku-red-color-800: #910202;--kku-red-color-900: #6C0202;--kku-white-color: #ffffff;--kku-black-color: #000000;--kku-text-size-xlarge: 24px;--kku-text-size-large: 18px;--kku-text-size-medium: 16px;--kku-text-size-small: 14px;--kku-text-size-xsmall: 12px;--kku-line-height-xlarge: 26px;--kku-line-height-large: 20px;--kku-line-height-medium: 18px;--kku-line-height-small: 16px;--kku-line-height-xsize: 14px;--kku-spacing-2: 2px;--kku-spacing-4: 4px;--kku-spacing-6: 6px;--kku-spacing-8: 8px;--kku-spacing-10: 10px;--kku-spacing-12: 12px;--kku-spacing-14: 14px;--kku-spacing-16: 16px;--kku-spacing-20: 20px;--kku-spacing-24: 24px;--kku-spacing-28: 28px;--kku-spacing-32: 32px;--kku-spacing-36: 36px;--kku-spacing-40: 40px;--kku-spacing-44: 44px;--kku-spacing-48: 48px;--kku-spacing-52: 52px;--kku-spacing-56: 56px;--kku-spacing-60: 60px;--kku-spacing-64: 64px;--kku-spacing-68: 68px;--kku-spacing-72: 72px;--kku-spacing-76: 76px;--kku-spacing-80: 80px;--kku-border-radius-default: 3px;--kku-default-font-family: "Arial", sans-serif;--kku-z-idnex-0: 0;--kku-z-idnex-1: 1;--kku-z-idnex-10: 10;--kku-z-idnex-100: 100;--kku-z-idnex-200: 200;--kku-z-idnex-500: 500;--kku-z-idnex-1000: 1000;--kku-z-idnex-1001: 1001;--kku-z-idnex-5000: 5000;--kku-z-idnex-9999: 9999;--kku-box-shadow-default: rgba(0, 0, 0, .2) 0px 12px 28px 0px, rgba(0, 0, 0, .1) 0px 2px 4px 0px, rgba(255, 255, 255, .05) 0px 0px 0px 1px inset}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:var(--kku-default-font-family)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}:root{--kku-text-color-primary: var(--kku-gray-color-900);--kku-text-color-secondary: var(--kku-gray-color-700);--kku-text-color-tertiary: var(--kku-gray-color-500);--kku-text-color-disabled: var(--kku-gray-color-400);--kku-text-color-link: var(--kku-blue-color-400);--kku-text-color-placeholder: var(--kku-gray-color-600);--kku-border-color-default: var(--kku-gray-color-300);--kku-border-color-hover: var(--kku-gray-color-500);--kku-border-color-disabled: var(--kku-gray-color-300);--kku-background-color-default: var(--kku-white-color);--kku-background-color-hover: var(--kku-gray-color-100);--kku-background-color-disabled: var(--kku-gray-color-200);--kku-background-color-ripple: var(--kku-gray-color-900);--kku-primary-color-default: var(--kku-blue-color-400);--kku-primary-color-hover: var(--kku-blue-color-500);--kku-primary-color-disabled: var(--kku-blue-color-800);--kku-success-color-default: var(--kku-green-color-600);--kku-success-color-hover: var(--kku-green-color-700);--kku-success-color-disabled: var(--kku-green-color-800);--kku-warning-color-default: var(--kku-orange-color-400);--kku-warning-color-hover: var(--kku-orange-color-500);--kku-warning-color-disabled: var(--kku-orange-color-800);--kku-error-color-default: var(--kku-red-color-500);--kku-error-color-hover: var(--kku-red-color-600);--kku-error-color-disabled: var(--kku-red-color-800);--kku-focus-visible-color: var(--kku-blue-color-300);--kku-element-height-medium: 34px;--kku-element-height-small: 30px;--kku-modal-overlay-z-index: var(--kku-z-idnex-1000);--kku-modal-content-z-index: var(--kku-z-idnex-1001)}:root .dark{--kku-text-color-primary: var(--kku-gray-color-100);--kku-text-color-secondary: var(--kku-gray-color-300);--kku-text-color-tertiary: var(--kku-gray-color-500);--kku-text-color-disabled: var(--kku-gray-color-600);--kku-text-color-link: var(--kku-blue-color-400);--kku-border-color-default: var(--kku-gray-color-700);--kku-border-color-hover: var(--kku-gray-color-700);--kku-border-color-disabled: var(--kku-gray-color-700);--kku-background-color-default: var(--kku-gray-color-900);--kku-background-color-hover: var(--kku-gray-color-800);--kku-background-color-disabled: var(--kku-gray-color-800);--kku-background-color-ripple: var(--kku-gray-color-300)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.k-modal{position:fixed;top:0;left:0;width:100dvw;height:100dvh;color:var(--kku-text-color-primary)}.k-modal .k-modal__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;background-color:var(--kku-background-color-default);border-radius:var(--kku-border-radius-default);box-shadow:var(--kku-box-shadow-default);z-index:var(--kku-modal-content-z-index);overflow:hidden}.k-modal .k-modal__container.k-modal__container--small{max-width:640px}.k-modal .k-modal__container.k-modal__container--medium{max-width:824px}.k-modal .k-modal__container.k-modal__container--large{max-width:1040px}.k-modal .k-modal__container .k-modal__container__header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--kku-spacing-12) var(--kku-spacing-16);border-bottom:.5px solid var(--kku-gray-color-300)}.k-modal .k-modal__container .k-modal__container__header .k-modal__container__header__text{font-size:var(--kku-text-size-large);line-height:var(--kku-line-height-large);font-weight:700}.k-modal .k-modal__container .k-modal__container__content{padding:var(--kku-spacing-12) var(--kku-spacing-16);font-size:var(--kku-text-size-medium);line-height:var(--kku-line-height-medium)}.k-modal .k-modal__container.k-modal__container--no-title .k-modal__container__content{padding:var(--kku-spacing-16)}.k-modal .k-modal__container .k-modal__container__footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 var(--kku-spacing-16) var(--kku-spacing-12) var(--kku-spacing-16)}.k-modal .k-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--kku-modal-overlay-z-index)}.k-modal .k-modal__overlay.k-modal__overlay--active{background-color:var(--kku-gray-color-900);opacity:.48}.k-modal .k-modal__overlay.k-modal__overlay--transparent{background-color:transparent;opacity:0}.dark .k-modal .k-modal__overlay.k-modal__overlay--active{background-color:var(--kku-gray-color-200)}

package/package.json

@@ -1,8 +1,16 @@
 {
   "name": "kku-ui",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "type": "module",
+  "main": "lib/cjs/index.js",
   "module": "lib/es/index.js",
+  "exports": {
+    ".": {
+      "import": "./lib/es/index.js",
+      "require": "./lib/cjs/index.js"
+    }
+  },
+  "types": "lib/es/index.d.ts",
   "files": [
     "lib/cjs",
     "lib/es",
@@ -43,25 +51,26 @@
     "@storybook/react-vite": "^8.5.3",
     "@storybook/test": "^8.5.3",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^14.3.1",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
-    "@typescript-eslint/eslint-plugin": "^6.19.1",
-    "@typescript-eslint/parser": "^6.19.1",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
     "@vitejs/plugin-react-swc": "^3.9.0",
     "@vitest/ui": "^3.1.2",
     "chromatic": "^10.7.1",
     "eslint": "^8.56.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.1.0",
+    "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "eslint-plugin-storybook": "^0.8.0",
+    "jsdom": "^26.1.0",
     "sass": "^1.86.3",
     "storybook": "^8.5.3",
     "storybook-dark-mode": "^4.0.2",