chop-logic-components 3.0.0 → 3.2.0

package/dist/index.css

@@ -0,0 +1 @@
+._extended_1i1tp_1{width:100%!important}._button_t94vv_2{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--cl-m-gap);border-radius:50%;background:transparent;width:fit-content}._button_t94vv_2:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._button_t94vv_2:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._button_t94vv_2:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._button_t94vv_2:focus-visible{outline:var(--cl-outline-border)}._button_t94vv_2[disabled]{pointer-events:none;opacity:.5}._button_t94vv_2 svg{height:var(--cl-icon-size);width:var(--cl-icon-size)}@keyframes _fadeIn_o1x7s_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_o1x7s_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_o1x7s_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_o1x7s_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_o1x7s_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_o1x7s_1{0%{opacity:1}to{opacity:0}}._button_o1x7s_50{animation:_fadeIn_o1x7s_1 ease .4s;-webkit-animation:_fadeIn_o1x7s_1 ease .4s;-moz-animation:_fadeIn_o1x7s_1 ease .4s;background:transparent;border:none;display:flex;align-items:center;font-size:var(--cl-small-font-size);color:var(--cl-primary-color);padding:0}._button_o1x7s_50:focus-visible{outline:var(--cl-outline-border);outline-offset:-1px}._button_o1x7s_50:hover svg,._button_o1x7s_50:active svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._button_o1x7s_50 svg{cursor:pointer;height:var(--cl-icon-size);width:var(--cl-icon-size)}._button_o1x7s_50[disabled]{pointer-events:none;opacity:.5}._button_1ps5s_2{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline:none;transition:filter .25s;width:inherit}._button_1ps5s_2[disabled]{pointer-events:none;opacity:.5}._button_shadow_1ps5s_16{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--cl-border-radius);background:#00000040;will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}._button_edge_1ps5s_28{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--cl-border-radius);background:var(--cl-accent-gradient)}._button_front_1ps5s_37{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;justify-content:center;gap:var(--cl-s-gap);position:relative;padding:var(--cl-m-gap) var(--cl-l-gap);border-radius:var(--cl-border-radius);font-size:var(--cl-base-font-size);color:var(--cl-primary-background);background:var(--cl-accent-color);will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}._button_front_1ps5s_37 svg{color:var(--cl-primary-background)}._button_1ps5s_2:hover{filter:brightness(110%)}._button_1ps5s_2:hover ._button_front_1ps5s_37{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}._button_1ps5s_2:active ._button_front_1ps5s_37{transform:translateY(-2px);transition:transform 34ms}._button_1ps5s_2:hover ._button_shadow_1ps5s_16{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}._button_1ps5s_2:active ._button_shadow_1ps5s_16{transform:translateY(1px);transition:transform 34ms}._button_1ps5s_2:focus-visible{outline:revert;outline:var(--cl-outline-border);outline-offset:4px}._button_1c4d4_2{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--cl-s-gap);padding:var(--cl-m-gap) var(--cl-l-gap);border:var(--cl-primary-border);border-radius:var(--cl-border-radius);background:transparent}._button_1c4d4_2:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._button_1c4d4_2:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._button_1c4d4_2:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._button_1c4d4_2:focus-visible{outline:var(--cl-outline-border)}._button_1c4d4_2[disabled]{pointer-events:none;opacity:.5}._editableText_i631c_1{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);border-radius:var(--cl-border-radius);display:inline-block}._editableText_i631c_1:hover,._editableText_i631c_1:focus{outline:var(--cl-outline-border);outline-offset:var(--cl-xs-gap)}._editableText__editMode_i631c_17{border:none;outline:var(--cl-outline-border);outline-offset:var(--cl-xs-gap);min-width:var(--cl-l-gap)}._editableText__readOnly_i631c_23:hover,._editableText__readOnly_i631c_23:focus{outline:none}._editableText__empty_i631c_26{min-width:var(--cl-l-gap);min-height:24px;outline:var(--cl-outline-border);outline-offset:var(--cl-xs-gap)}@keyframes _fadeIn_1shcy_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_1shcy_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_1shcy_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1shcy_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_1shcy_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_1shcy_1{0%{opacity:1}to{opacity:0}}._errorMessage_1shcy_54{animation:_fadeIn_1shcy_1 ease .4s;-webkit-animation:_fadeIn_1shcy_1 ease .4s;-moz-animation:_fadeIn_1shcy_1 ease .4s;font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-small-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:none;max-width:100%;z-index:100;background-color:var(--cl-primary-background);border:var(--cl-accent-border);color:var(--cl-accent-color);padding:var(--cl-m-gap);border-radius:var(--cl-border-radius);box-shadow:var(--cl-box-shadow);pointer-events:none}._errorMessage__visible_1shcy_76{display:block}._header_os2ww_1{margin:0;display:flex;align-items:center;flex-direction:row;gap:var(--cl-m-gap);font-family:Georgia,Times New Roman,Times,serif;font-weight:400!important;font-size:var(--cl-header-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._header_text_os2ww_15{color:var(--cl-primary-color);display:flex;align-items:center}._header__h1_os2ww_20{padding:var(--cl-m-gap) 0;border-bottom:var(--cl-primary-border)}._header__h2_os2ww_24{padding:var(--cl-m-gap) 0;font-size:1.8rem;border-bottom:var(--cl-primary-border)}._header__h3_os2ww_29{padding:var(--cl-m-gap) 0;font-size:1.6rem;border-bottom:var(--cl-primary-border)}._header__h4_os2ww_34{padding:var(--cl-m-gap) 0;font-size:1.4rem;gap:var(--cl-s-gap)}._header__h5_os2ww_39{padding:var(--cl-m-gap) 0;font-size:1.2rem;gap:var(--cl-s-gap)}._header__h6_os2ww_44{padding:var(--cl-m-gap) 0;font-size:var(--cl-base-font-size);gap:var(--cl-s-gap)}._icon_1a3u5_1{color:var(--cl-primary-color)}._wrapper_knk6l_2{display:flex;gap:var(--cl-m-gap);align-items:center;border:var(--cl-primary-border);border-radius:var(--cl-border-radius);padding:var(--cl-m-gap);background-color:var(--cl-primary-background);position:relative}._wrapper_knk6l_2:has(input:focus){border:var(--cl-outline-border)}._wrapper_knk6l_2:has(input[aria-invalid=true]){border:var(--cl-accent-border)}._wrapper_knk6l_2:has(input[disabled]){pointer-events:none;opacity:.5}._wrapper_knk6l_2>span:nth-child(2){display:flex;gap:var(--cl-s-gap);align-items:center}._input_knk6l_28{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);padding:0;border:none;display:inline-block;background:transparent;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-grow:1;min-width:0;line-height:1.5}._input_knk6l_28:focus-visible{outline:none}._input_knk6l_28:placeholder-shown+span{display:none!important}._input_knk6l_28::-webkit-outer-spin-button,._input_knk6l_28::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._input_knk6l_28[type=number]{-moz-appearance:textfield}._label_bdijc_1{font-family:Helvetica,Arial,sans-serif;font-weight:lighter!important;font-size:var(--cl-small-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;gap:var(--cl-s-gap);color:var(--cl-primary-color)}._label_bdijc_1:hover{text-shadow:var(--cl-text-shadow);cursor:pointer}._label_bdijc_1+span{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}._label_bdijc_1 abbr{text-decoration:none;cursor:pointer;color:var(--cl-accent-color);margin-left:var(--cl-s-gap)}._loader_1dxge_1{width:48px;height:48px;border:3px solid var(--cl-tint-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:_arrowRotation_1dxge_1 1s linear infinite}._loader_1dxge_1:after{content:"";position:absolute;box-sizing:border-box;left:20px;top:31px;border:10px solid transparent;border-right-color:var(--cl-tint-color);transform:rotate(-40deg)}@keyframes _arrowRotation_1dxge_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_1t1ws_1{color:var(--cl-tint-color);font-family:Consolas,Menlo,Monaco,monospace;font-weight:700;font-size:78px;opacity:.8}._loader_1t1ws_1:before{content:"{";display:inline-block;animation:_bracketsPulse_1t1ws_1 .4s alternate infinite ease-in-out}._loader_1t1ws_1:after{content:"}";display:inline-block;animation:_bracketsPulse_1t1ws_1 .4s .3s alternate infinite ease-in-out}@keyframes _bracketsPulse_1t1ws_1{to{transform:scale(.8);opacity:.5}}._loader_151n3_1{width:48px;height:48px;border-radius:50%;position:relative;animation:_circleRotateAnimation_151n3_1 1s linear infinite}._loader_151n3_1:before{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:5px solid var(--cl-tint-color);animation:_circleClipAnimation_151n3_1 2s linear infinite}@keyframes _circleRotateAnimation_151n3_1{to{transform:rotate(360deg)}}@keyframes _circleClipAnimation_151n3_1{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}._loader_noiz1_1{border-radius:50%;width:2.5em;height:2.5em;animation:_dotsFadeOutAnimation_noiz1_1 1.8s infinite ease-in-out;animation-fill-mode:both;color:var(--cl-tint-color);font-size:7px;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-.16s}._loader_noiz1_1:before,._loader_noiz1_1:after{content:"";position:absolute;top:0;border-radius:50%;width:2.5em;height:2.5em;animation:_dotsFadeOutAnimation_noiz1_1 1.8s infinite ease-in-out;animation-fill-mode:both}._loader_noiz1_1:before{left:-3.5em;animation-delay:-.32s}._loader_noiz1_1:after{left:3.5em}@keyframes _dotsFadeOutAnimation_noiz1_1{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em}}._loader_1hqei_1{width:48px;height:48px;border:10px solid var(--cl-tint-color);border-radius:50%;position:relative;transform:rotate(45deg);box-sizing:border-box}._loader_1hqei_1:before{content:"";position:absolute;box-sizing:border-box;inset:-10px;border-radius:50%;border:10px solid var(--cl-accent-color);animation:_prixClipFix_1hqei_1 2s infinite linear}@keyframes _prixClipFix_1hqei_1{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}._loader_o5l8l_1{display:block;position:relative;height:12px;width:80%;border:1px solid var(--cl-tint-color);border-radius:10px;overflow:hidden}._loader_o5l8l_1:after{content:"";width:40%;height:100%;background:var(--cl-accent-color);position:absolute;top:0;left:0;box-sizing:border-box;animation:_linearLoaderAnimation_o5l8l_1 2s linear infinite}@keyframes _linearLoaderAnimation_o5l8l_1{0%{left:0;transform:translate(-100%)}to{left:100%;transform:translate(0)}}._loader_pukbl_1{width:48px;height:48px;border:5px solid var(--cl-tint-color);border-radius:50%;display:inline-block;box-sizing:border-box;position:relative;animation:_pulse_pukbl_1 1s linear infinite}._loader_pukbl_1:after{content:"";position:absolute;width:48px;height:48px;border:5px solid var(--cl-tint-color);border-radius:50%;display:inline-block;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);animation:_scaleUpAnimation_pukbl_1 1s linear infinite}@keyframes _scaleUpAnimation_pukbl_1{0%{transform:translate(-50%,-50%) scale(0)}60%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes _pulse_pukbl_1{0%,60%,to{transform:scale(1)}80%{transform:scale(1.2)}}._loader_zl0tq_1{width:64px;height:64px;position:relative;background-image:linear-gradient(var(--cl-tint-color) 16px,transparent 0),linear-gradient(var(--cl-accent-color) 16px,transparent 0),linear-gradient(var(--cl-accent-color) 16px,transparent 0),linear-gradient(var(--cl-tint-color) 16px,transparent 0);background-repeat:no-repeat;background-size:16px 16px;background-position:left top,left bottom,right top,right bottom;animation:_squaresRotateAnimation_zl0tq_1 1s linear infinite}@keyframes _squaresRotateAnimation_zl0tq_1{0%{width:64px;height:64px;transform:rotate(0)}50%{width:30px;height:30px;transform:rotate(180deg)}to{width:64px;height:64px;transform:rotate(360deg)}}._loader_1alvx_1{width:48px;height:48px;display:inline-block;position:relative;background:var(--cl-tint-color);box-sizing:border-box;animation:_flipSquareAnimation_1alvx_1 1s linear infinite}@keyframes _flipSquareAnimation_1alvx_1{0%{transform:perspective(200px) rotateX(0) rotateY(0)}50%{transform:perspective(200px) rotateX(-180deg) rotateY(0)}to{transform:perspective(200px) rotateX(-180deg) rotateY(-180deg)}}.cl-components-dark-theme{--cl-primary-color: hsl(57, 64%, 74%);--cl-tint-color: hsl(43, 87%, 66%);--cl-accent-color: hsl(23, 72%, 53%);--cl-primary-background: hsl(328, 19%, 15%);--cl-highlight-background: hsl(24, 55%, 34%);--cl-shadow-background: hsla(24, 55%, 34%, .3);--cl-accent-gradient: linear-gradient(to left, hsl(23, 72%, 26%) 0%, hsl(23, 72%, 30%) 8%, hsl(23, 72%, 30%) 92%, hsl(23, 72%, 26%) 100%);--cl-shadow-gradient: linear-gradient( to left, hsl(328, 19%, 24%) 0%, hsl(328, 19%, 30%) 8%, hsl(328, 19%, 30%) 92%, hsl(328, 19%, 24%) 100% );--cl-box-shadow: hsla(24, 55%, 34%, .15) 2.4px 2.4px 3.2px;--cl-text-shadow: 2.4px 2.4px 3.2px hsla(43, 87%, 66%, .3);--cl-drop-shadow: drop-shadow(2.4px 2.4px 3.2px hsla(24, 55%, 34%, .15));--cl-primary-border: 1px solid hsla(57, 64%, 74%, 32%);--cl-light-border: 1px solid hsl(43, 87%, 66%, 32%);--cl-accent-border: 1px solid hsl(23, 72%, 53%);--cl-outline-border: 1px solid hsl(43, 87%, 66%)}.cl-components-light-theme{--cl-primary-color: hsl(195, 100%, 6%);--cl-tint-color: hsl(345, 49%, 21%);--cl-accent-color: hsl(356, 100%, 53%);--cl-primary-background: hsl(0, 0%, 100%);--cl-highlight-background: hsl(40, 100%, 58%);--cl-shadow-background: hsla(0, 0%, 0%, .3);--cl-accent-gradient: linear-gradient( to left, hsl(356, 100%, 21%) 0%, hsl(356, 100%, 32%) 8%, hsl(356, 100%, 32%) 92%, hsl(356, 100%, 21%) 100% );--cl-shadow-gradient: linear-gradient(to left, hsl(0, 0%, 24%) 0%, hsl(0, 0%, 32%) 8%, hsl(0, 0%, 32%) 92%, hsl(0, 0%, 24%) 100%);--cl-box-shadow: hsla(195, 100%, 6%, .15) 2.4px 2.4px 3.2px;--cl-drop-shadow: drop-shadow(2.4px 2.4px 3.2px hsla(195, 100%, 6%, .15));--cl-text-shadow: 2.4px 2.4px 3.2px hsla(345, 49%, 21%, .3);--cl-primary-border: 1px solid hsla(195, 100%, 6%, 32%);--cl-light-border: 1px solid hsla(345, 49%, 21%, 32%);--cl-accent-border: 1px solid hsl(356, 100%, 53%);--cl-outline-border: 1px solid hsl(345, 49%, 21%)}:root{--cl-core-font: typography.$cl-core-font;--cl-monospace-font: typography.$cl-monospace-font;--cl-base-font-size: 1rem;--cl-small-font-size: .8rem;--cl-header-font-size: 2rem;--cl-xs-gap: 2px;--cl-s-gap: 4px;--cl-m-gap: 8px;--cl-l-gap: 16px;--cl-xl-gap: 32px;--cl-icon-size: 20px;--cl-border-radius: 4px}@keyframes _fadeIn_v7uvz_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_v7uvz_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_v7uvz_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_v7uvz_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_v7uvz_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_v7uvz_1{0%{opacity:1}to{opacity:0}}._tooltip_v7uvz_54{animation:_fadeIn_v7uvz_1 ease .4s;-webkit-animation:_fadeIn_v7uvz_1 ease .4s;-moz-animation:_fadeIn_v7uvz_1 ease .4s;font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-small-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);position:absolute;left:0;top:0;z-index:100;background-color:var(--cl-primary-background);border:var(--cl-light-border);padding:var(--cl-m-gap);border-radius:var(--cl-border-radius);box-shadow:var(--cl-box-shadow);pointer-events:none;white-space:nowrap}@keyframes _fadeIn_12fi0_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_12fi0_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_12fi0_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_12fi0_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_12fi0_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_12fi0_1{0%{opacity:1}to{opacity:0}}._wrapper_12fi0_54{animation:_fadeIn_12fi0_1 ease .4s;-webkit-animation:_fadeIn_12fi0_1 ease .4s;-moz-animation:_fadeIn_12fi0_1 ease .4s;position:fixed;bottom:var(--cl-l-gap);left:50%;transform:translate(-50%);z-index:100}._wrapper__closing_12fi0_64{animation:_fadeOut_12fi0_1 ease .4s;-webkit-animation:_fadeOut_12fi0_1 ease .4s;-moz-animation:_fadeOut_12fi0_1 ease .4s}._content_12fi0_70{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);display:flex;flex-direction:column;gap:var(--cl-m-gap);background:var(--cl-primary-background);width:60vw;padding:var(--cl-m-gap) var(--cl-l-gap);box-shadow:var(--cl-box-shadow);border:var(--cl-light-border);border-radius:var(--cl-border-radius);position:relative}._content_button_12fi0_90{position:absolute;right:var(--cl-m-gap);top:var(--cl-m-gap)}._checkbox_1ff9a_2{display:flex;gap:var(--cl-m-gap);padding:var(--cl-m-gap) 0;position:relative;overflow:hidden}._checkbox_1ff9a_2 svg{color:var(--cl-primary-color)}._checkbox__checked_1ff9a_12 svg{color:var(--cl-accent-color)}._checkbox__disabled_1ff9a_15{pointer-events:none;opacity:.5}._checkbox_1ff9a_2 label{cursor:pointer;gap:var(--cl-m-gap);font-size:var(--cl-base-font-size)!important}._checkbox_1ff9a_2 label:hover,._checkbox_1ff9a_2 label:active{text-shadow:var(--cl-text-shadow)}._checkbox_1ff9a_2 input{position:absolute;z-index:-1;opacity:0;top:4px;left:0;margin:0}._checkbox_1ff9a_2 input:focus-visible+label{outline:var(--cl-outline-border);outline-offset:2px}._wrapper_z3grr_1{position:relative;display:flex;justify-content:space-between;flex-direction:column;gap:var(--cl-m-gap);background:transparent}._combobox_1pe6c_2{text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--cl-m-gap);padding:var(--cl-m-gap);border:var(--cl-primary-border);border-radius:var(--cl-border-radius);background-color:var(--cl-primary-background);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._combobox_1pe6c_2>span:nth-child(1){font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);overflow:hidden;text-overflow:ellipsis;line-height:1.5}._combobox_1pe6c_2 svg{cursor:pointer;color:var(--cl-primary-color);height:var(--cl-icon-size);width:var(--cl-icon-size)}._combobox_1pe6c_2 svg:hover{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._combobox_1pe6c_2:focus-visible{outline:var(--cl-outline-border);outline-offset:2px}._combobox_1pe6c_2[disabled]{pointer-events:none;opacity:.5}._dropdown_1kuhz_6{visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s linear;position:absolute;background:var(--cl-primary-background);margin:0;padding:0;list-style:none;z-index:100;width:100%;top:72px;left:-1px;border:var(--cl-primary-border);border-radius:var(--cl-border-radius);box-shadow:var(--cl-box-shadow);overflow-y:auto;max-height:180px}._dropdown__opened_1kuhz_25{visibility:visible;opacity:1}._option_17atn_1{padding:var(--cl-m-gap);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--cl-m-gap);font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color)}._option_17atn_1:hover,._option_17atn_1:active{color:var(--cl-accent-color)}._option_17atn_1:focus-visible{outline:var(--cl-outline-border);outline-offset:-4px}._option_17atn_1 svg{color:var(--cl-primary-color);width:var(--cl-icon-size);height:var(--cl-icon-size)}._option__selected_17atn_29 svg{color:var(--cl-accent-color)}._option__multi_17atn_32{justify-content:flex-start}._numeric_1s7mp_1{display:flex;flex-direction:column;gap:var(--cl-m-gap)}._errorMessage_1s7mp_7{position:absolute;top:46px;right:0;opacity:.8}._wrapper_bu2uu_1{display:flex;flex-direction:column;gap:var(--cl-m-gap)}._errorMessage_bu2uu_7{position:absolute;top:46px;right:0;opacity:.8}@keyframes _fadeIn_4mo9j_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_4mo9j_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_4mo9j_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_4mo9j_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_4mo9j_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_4mo9j_1{0%{opacity:1}to{opacity:0}}._dialog_4mo9j_54{animation:_fadeIn_4mo9j_1 ease .4s;-webkit-animation:_fadeIn_4mo9j_1 ease .4s;-moz-animation:_fadeIn_4mo9j_1 ease .4s;position:fixed;top:0;left:0;width:100%;height:100%;z-index:inherit;display:flex;justify-content:center;align-items:center;background-color:var(--cl-shadow-background)}._dialog__closing_4mo9j_69{animation:_fadeOut_4mo9j_1 ease .4s;-webkit-animation:_fadeOut_4mo9j_1 ease .4s;-moz-animation:_fadeOut_4mo9j_1 ease .4s}._layout_4mo9j_75{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:200;background-color:var(--cl-primary-background);box-shadow:var(--cl-box-shadow);color:var(--cl-primary-color);padding:var(--cl-m-gap) var(--cl-l-gap);height:90%;position:absolute;bottom:0;left:0;border-top-left-radius:var(--cl-border-radius);border-top-right-radius:var(--cl-border-radius)}._layout_button_4mo9j_95{position:absolute;right:var(--cl-m-gap);top:var(--cl-m-gap)}@media only screen and (min-width: 768px){._layout_4mo9j_75{width:fit-content;height:fit-content;position:relative;min-width:40%;max-width:90%;max-height:90%;border-bottom-left-radius:var(--cl-border-radius);border-bottom-right-radius:var(--cl-border-radius)}}._form_a5bhb_1{display:grid;align-items:end;gap:var(--cl-m-gap);font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._buttons_a5bhb_14{display:flex;align-items:center;justify-content:space-between;padding-top:var(--cl-l-gap)}._columns-1_a5bhb_21{grid-template-columns:repeat(1,1fr);grid-template-rows:auto}._buttons-1_a5bhb_26{grid-column:1/2}._columns-2_a5bhb_30{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}._buttons-2_a5bhb_35{grid-column:1/3}._columns-3_a5bhb_39{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}._buttons-3_a5bhb_44{grid-column:1/4}._columns-4_a5bhb_48{grid-template-columns:repeat(4,1fr);grid-template-rows:auto}._buttons-4_a5bhb_53{grid-column:1/5}._columns-5_a5bhb_57{grid-template-columns:repeat(5,1fr);grid-template-rows:auto}._buttons-5_a5bhb_62{grid-column:1/6}._columns-6_a5bhb_66{grid-template-columns:repeat(6,1fr);grid-template-rows:auto}._buttons-6_a5bhb_71{grid-column:1/7}._checkbox_bpqws_2{display:flex;gap:var(--cl-s-gap);padding:var(--cl-s-gap);position:relative;overflow:hidden}._checkbox_bpqws_2 svg{color:var(--cl-primary-color);width:var(--cl-icon-size);height:var(--cl-icon-size)}._checkbox__disabled_bpqws_14{pointer-events:none;opacity:.5}._checkbox_bpqws_2 label{cursor:pointer;gap:var(--cl-s-gap);font-size:var(--cl-small-font-size)!important}._checkbox_bpqws_2 label:hover,._checkbox_bpqws_2 label:active{text-shadow:var(--cl-text-shadow)}._checkbox_input_bpqws_26{position:absolute;z-index:-1;opacity:0;top:4px;left:0;margin:0}._checkbox_input_bpqws_26:focus-visible+label{outline:var(--cl-outline-border);outline-offset:2px}._cell_veiud_1{padding:var(--cl-m-gap)}._row_1qhna_1{border-bottom:var(--cl-light-border);background-color:var(--cl-primary-background)}._row__selected_1qhna_5{background-color:var(--cl-highlight-background)}._body_1gm9g_1{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color)}._column_s4wq6_1{border-right:var(--cl-light-border)}._column__first_s4wq6_4{border-left:var(--cl-light-border)}._column__highlighted_s4wq6_7{background-color:var(--cl-highlight-background)}._grid_ion0k_1{border-collapse:collapse}._grid_caption_ion0k_4{font-family:Helvetica,Arial,sans-serif;font-weight:lighter!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);padding:var(--cl-m-gap)}._headerCell_wd2ft_1{padding:var(--cl-m-gap);text-align:left}._head_1jka0_1{font-family:Helvetica,Arial,sans-serif;font-weight:700!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color)}._head_row_1jka0_11{border-top:var(--cl-light-border);border-bottom:var(--cl-light-border);background-color:var(--cl-primary-background)}._menuLeaf_14bu7_2{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);display:flex;justify-content:flex-start;align-items:center;gap:var(--cl-m-gap);background-color:var(--cl-primary-background);padding:var(--cl-m-gap);border-radius:var(--cl-border-radius);cursor:pointer}._menuLeaf_14bu7_2:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._menuLeaf_14bu7_2:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._menuLeaf_14bu7_2:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._menuLeaf_14bu7_2:focus-visible{outline:var(--cl-outline-border)}._menuLeaf_14bu7_2 a{color:var(--cl-tint-color)}._subMenu_gplve_2{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:0;padding:0;position:relative;border-radius:var(--cl-border-radius)}._subMenu_gplve_2:focus-visible{outline:var(--cl-outline-border)}._subMenu_gplve_2 a{color:var(--cl-tint-color)}._text_gplve_19{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:center;transition:background .3s;color:var(--cl-primary-color);position:relative;display:flex;box-sizing:border-box;gap:var(--cl-m-gap);align-items:center;width:100%;justify-content:space-between;background:transparent;padding:var(--cl-m-gap);border-radius:var(--cl-border-radius);cursor:pointer}._text_gplve_19:hover{background:var(--cl-primary-background) radial-gradient(circle,transparent 1%,var(--cl-primary-background) 1%) center/15000%;color:var(--cl-tint-color);text-shadow:var(--cl-text-shadow)}._text_gplve_19:hover svg{color:var(--cl-tint-color);filter:var(--cl-drop-shadow)}._text_gplve_19:active{background-color:var(--cl-shadow-background);background-size:100%;transition:background 0s}._text_gplve_19 span{display:flex;gap:var(--cl-m-gap);align-items:center}._text_gplve_19:hover{text-shadow:var(--cl-text-shadow)}._text_gplve_19:hover svg{filter:var(--cl-drop-shadow)}@keyframes _fadeIn_1oeh1_1{0%{opacity:0}to{opacity:1}}@-moz-keyframes _fadeIn_1oeh1_1{0%{opacity:0}to{opacity:1}}@-webkit-keyframes _fadeIn_1oeh1_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1oeh1_1{0%{opacity:1}to{opacity:0}}@-moz-keyframes _fadeOut_1oeh1_1{0%{opacity:1}to{opacity:0}}@-webkit-keyframes _fadeOut_1oeh1_1{0%{opacity:1}to{opacity:0}}._subMenuBar_1oeh1_55{list-style:none;margin:0;padding:0;padding-inline-start:0;display:flex;gap:var(--cl-s-gap);flex-direction:row;justify-content:flex-start;width:100%;animation:_fadeIn_1oeh1_1 ease .4s;-webkit-animation:_fadeIn_1oeh1_1 ease .4s;-moz-animation:_fadeIn_1oeh1_1 ease .4s;flex-direction:column;padding-left:var(--cl-l-gap);margin-left:var(--cl-l-gap);margin-top:var(--cl-s-gap);box-sizing:border-box;border-left:var(--cl-primary-border)}._subMenuBar__horizontal_1oeh1_75{position:absolute;top:100%;left:40%;width:max-content;border-radius:var(--cl-border-radius);border:var(--cl-primary-border);box-shadow:var(--cl-box-shadow);background-color:var(--cl-primary-background);padding:var(--cl-m-gap);margin:0;z-index:100}._menuBar_8vwv0_2{list-style:none;margin:0;padding:0;padding-inline-start:0;display:flex;gap:var(--cl-s-gap);flex-direction:row;justify-content:flex-start;width:100%}._menuBar__vertical_8vwv0_13{flex-direction:column}._tabContent_cko15_1{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);border-top:var(--cl-primary-border);background-color:var(--cl-primary-background);padding:var(--cl-l-gap);flex-grow:1}._editContainer_17et2_1{display:flex;align-items:center;justify-content:space-between;gap:var(--cl-s-gap);width:100%;padding:0 var(--cl-s-gap)}._editContainer_input_17et2_9{flex:1;font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-block:0;padding-inline:0;padding:var(--cl-s-gap);border:var(--cl-light-border);border-radius:var(--cl-border-radius);background:transparent}._editContainer_input_17et2_9:focus-visible,._editContainer_input_17et2_9:focus{outline:none}._editContainer_buttons_17et2_28{display:flex;align-items:center}._tab_5hucd_2{font-family:Helvetica,Arial,sans-serif;font-weight:400!important;font-size:var(--cl-base-font-size);line-height:1.5;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--cl-primary-color);background:transparent;outline:none;border:none;padding:var(--cl-m-gap);cursor:pointer;flex:1;border-radius:var(--cl-border-radius);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._tab_5hucd_2:focus-visible{outline:var(--cl-outline-border);outline-offset:-4px}._tab_wrapper_5hucd_26{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--cl-l-gap);border-radius:var(--cl-border-radius);border:var(--cl-light-border);background-color:var(--cl-primary-background)}._tab_wrapper__selected_5hucd_36{top:var(--cl-xs-gap);box-shadow:var(--cl-box-shadow);border:var(--cl-primary-border)}._tab_wrapper__vertical_5hucd_41._tab_wrapper__selected_5hucd_36{top:0;left:var(--cl-xs-gap)}._tab_wrapper__stretched_5hucd_45{flex:1}._tab_wrapper__disabled_5hucd_48{pointer-events:none;opacity:.5}._tab_wrapper__inactive_5hucd_52{opacity:.7}._tab_wrapper__inactive_5hucd_52:hover{opacity:1}._tab_buttons_5hucd_58{margin-right:var(--cl-s-gap);display:flex;align-items:center;gap:0}._tabList_tq8bk_1{padding:0 var(--cl-m-gap) var(--cl-m-gap) var(--cl-m-gap);display:flex;gap:var(--cl-m-gap);max-width:100%;overflow-y:hidden;overflow-x:auto}._tabList_tq8bk_1:focus{outline:var(--cl-outline-border);outline-offset:4px}._tabList__vertical_tq8bk_13{flex-shrink:0;flex-direction:column;border-bottom:none;border-right:var(--cl-primary-border);padding:var(--cl-m-gap) var(--cl-m-gap) var(--cl-m-gap) 0;max-height:100%;overflow-x:hidden;overflow-y:auto}._tabList_addButton_tq8bk_23{align-self:flex-end}._tabs_13prm_2{display:flex;flex-direction:column;width:100%}._tabs__vertical_13prm_7{flex-direction:row}

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { CSSProperties } from 'react';
 import { FC } from 'react';
 import { FocusEventHandler } from 'react';
 import { FormEventHandler } from 'react';
+import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { HTMLInputAutoCompleteAttribute } from 'react';
 import { InputHTMLAttributes } from 'react';
@@ -13,6 +14,7 @@ import { PropsWithChildren } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { ReactPortal } from 'react';
+import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { SVGProps } from 'react';
 import { ThemeContextProps as ThemeContextProps_2 } from '../..';
@@ -223,6 +225,7 @@ export declare enum IconName {
     Cut = "cut",
     Delete = "delete",
     Download = "download",
+    Edit = "edit",
     Error = "error",
     Forward = "forward",
     Graduate = "graduate",
@@ -232,8 +235,10 @@ export declare enum IconName {
     Info = "info",
     Login = "login",
     Paste = "paste",
+    PlusCircle = "plus-circle",
     Question = "question",
     Save = "save",
+    Search = "search",
     Show = "show",
     Upload = "upload",
     Warning = "warning",
@@ -246,7 +251,9 @@ export declare interface IconProps extends ChopLogicComponentProps, HTMLAttribut
     title?: string;
 }
 
-export declare const Input: FC<Props>;
+export declare const Input: ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+children?: ReactNode | undefined;
+} & RefAttributes<HTMLInputElement>>;
 
 export declare const Label: FC<LabelProps>;
 
@@ -255,7 +262,7 @@ declare type LabelProps = {
     required: boolean;
     inputId: string;
     isTextHidden?: boolean;
-    icon?: ReactElement;
+    icon?: IconName;
     iconPosition?: 'left' | 'right';
 };
 
@@ -297,7 +304,7 @@ export declare interface MenuProps extends ChopLogicComponentProps {
 }
 
 declare type ModalFocusTrapParams = {
-    modalRef: RefObject<HTMLDivElement | null>;
+    modalRef: RefObject<HTMLElement | null>;
     isOpened: boolean;
 };
 
@@ -342,10 +349,24 @@ export declare const Portal: ({ children }: {
     children: ReactElement;
 }) => ReactPortal;
 
-declare type Props = InputHTMLAttributes<HTMLInputElement> & PropsWithChildren;
-
 export declare type RenderDataItemCallback = (item: GridItem, field: string) => ReactElement;
 
+export declare interface SearchProps extends ChopLogicInputProps {
+    maxLength?: number;
+    minLength?: number;
+    placeholder?: string;
+    autoComplete?: HTMLInputAutoCompleteAttribute;
+    clearable?: boolean;
+    spellCheck?: boolean;
+    searchMode?: 'automatic' | 'manual';
+    onSearch?: (searchTerm: string) => void;
+    onClear?: () => void;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    debounceDelay?: number;
+}
+
 export declare const Select: FC<SelectProps>;
 
 export declare interface SelectProps extends ChopLogicInputProps {
@@ -368,6 +389,15 @@ export declare interface TabsProps extends ChopLogicComponentProps {
     tabs: ChopLogicTabItem[];
     defaultTabId?: string;
     mode?: OrientationMode;
+    stretched?: boolean;
+    editable?: boolean;
+    extendable?: boolean;
+    extendedTabLabel?: string;
+    extendedTabContent?: ReactElement;
+    onTabTitleChange?: (tabId: string, newTitle: string) => void;
+    onTabAdd?: () => void;
+    onTabSelect?: (id: string) => void;
+    onTabDelete?: (id: string) => void;
 }
 
 export declare const TextInput: FC<TextInputProps>;
@@ -432,8 +462,6 @@ export declare const useAutoClose: ({ isOpened, onClose, autoClose, autoCloseDel
     autoCloseDelay?: number;
 }) => void;
 
-export declare const useChopLogicTheme: () => ThemeContextProps_2;
-
 export declare const useClickOutside: ({ ref, onClickOutsideHandler, dependentRef }: UseClickOutsideParams) => void;
 
 declare type UseClickOutsideParams = {
@@ -449,6 +477,8 @@ declare type useContainerDimensionsParams = {
     isVisible?: boolean;
 };
 
+export declare const useDebounce: <T>(value: T, delay: number) => T;
+
 export declare function useElementIds(id?: string): {
     elementId: string;
     errorId: string;
@@ -467,7 +497,7 @@ export declare const useKeyPress: ({ ref, keyCode, onKeyPress }: useKeyPressPara
 
 declare type useKeyPressParams = {
     keyCode: string;
-    ref: RefObject<HTMLDivElement | null>;
+    ref: RefObject<HTMLElement | null>;
     onKeyPress: () => void;
 };
 
@@ -475,6 +505,8 @@ export declare const useModalFocusTrap: ({ modalRef, isOpened }: ModalFocusTrapP
 
 export declare const useResetFormInput: (onReset: () => void) => void;
 
+export declare const useTheme: () => ThemeContextProps_2;
+
 export declare const useTooltipPosition: ({ wrapperRef, tooltipRef, isOpened, spacing }: useTooltipPositionParams) => {
     top: number;
     left: number;