@geneui/components 3.0.0-next-9230252-17092024 → 3.0.0-next-8d97069-19092024

package/Tabs/index.js

@@ -96,7 +96,7 @@ Tab.defaultProps = {
   disabled: false
 };
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .tabs-holder{align-items:flex-start;display:flex;width:100%}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.reversed{flex-direction:row-reverse}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.horizontal{flex-direction:column}[data-gene-ui-version=\"2.15.0\"] .tabs-head{display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.horizontal>.tabs-head{width:100%}[data-gene-ui-version=\"2.15.0\"] .tabs-head>.tabs-wrapper{flex:auto}[data-gene-ui-version=\"2.15.0\"] .tabs-head>.tabs-actions{align-items:center;box-shadow:inset 0 -1px 0 0 rgba(var(--background-sc-rgb),.06);color:var(--hero);display:flex;flex-shrink:0}[data-gene-ui-version=\"2.15.0\"] .tabs-head>.tabs-actions>*{margin-inline-end:2rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper{overflow-x:auto;width:100%}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper::-webkit-scrollbar{display:none;height:0;width:0}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs,[data-gene-ui-version=\"2.15.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{min-width:100%}[data-gene-ui-version=\"2.15.0\"] .tabs-content{display:inline-flex;font-weight:600;line-height:4.2rem;text-align:center;vertical-align:top}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content{flex-direction:column;text-align:start}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content .tab-icon{display:none}[data-gene-ui-version=\"2.15.0\"] .tabs-content>li{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:0 2rem;position:relative;transition:color .3s,box-shadow .3s,border-color .3s,background-color,.3s}[data-gene-ui-version=\"2.15.0\"] .tabs-content>li .tab-icon{flex-shrink:0;margin-inline-end:1.4rem;margin-inline-start:-.4rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content>li{justify-content:flex-start;padding:0 3rem 0 2rem}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 2rem 0 3rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.type-basic.tabs-content>li{justify-content:flex-end}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 2rem 0 3rem}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 3rem 0 2rem}[data-gene-ui-version=\"2.15.0\"] .tabs-content>li.disabled{opacity:.5}[data-gene-ui-version=\"2.15.0\"] .tabs-content>li.active,[data-gene-ui-version=\"2.15.0\"] .tabs-content>li.disabled{pointer-events:none}[data-gene-ui-version=\"2.15.0\"] .tabs-content>li .tab-close-button{align-items:center;background:rgba(var(--background-sc-rgb),.07);border-radius:100%;color:var(--background-sc);cursor:pointer;display:flex;height:1.6rem;justify-content:center;margin-inline-end:-1.6rem;margin-inline-start:.8rem;pointer-events:auto;transition:color .3s,background-color .3s;width:1.6rem}[data-gene-ui-version=\"2.15.0\"] .tabs-content>li .tab-close-button .icon{font-size:1.2rem}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tabs-content>li .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.15.0\"] .tabs-content.active .tab-close-button{background:rgba(var(--hero-rgb),.1);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tabs-content.active .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.15.0\"] .tabs-content.equal-tabs>li{flex:1;min-width:12rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs>li{width:13rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs.type-text>li{width:12rem}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-basic{box-shadow:inset 0 -1px 0 0 rgba(var(--background-sc-rgb),.06);line-height:4.6rem;padding:0 2rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset -1px 0 0 rgba(var(--background-sc-rgb),.06);padding:2rem 0;text-align:end}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset 1px 0 0 rgba(var(--background-sc-rgb),.06)}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset 1px 0 0 rgba(var(--background-sc-rgb),.06);text-align:start}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset -1px 0 0 rgba(var(--background-sc-rgb),.06)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-basic>li{box-shadow:inset 0 0 0 var(--hero);flex:inherit}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-basic>li.active{box-shadow:inset 0 -.4rem 0 0 var(--hero)}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset -.3rem 0 0 var(--hero)}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active,html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset .3rem 0 0 var(--hero)}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset -.3rem 0 0 var(--hero)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-box>li{border:1px solid #0000;border-radius:1rem 1rem 0 0;line-height:4.1rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:0 0 0 .2rem}html[dir=rtl] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:0 .2rem 0 0}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:1rem 0 0 1rem}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:0 1rem 1rem 0}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:.2rem 0 0}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:0 1rem 1rem 0}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:1rem 0 0 1rem}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-box>li:hover{border-color:rgba(var(--background-sc-rgb),.1)}}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-box>li.active{border-color:rgba(var(--background-sc-rgb),.1)}@media (hover:hover){html:not([dir=rtl]) .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-right-color:#0000}html:not([dir=rtl]) .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-left-color:#0000}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-right-color:#0000}}[data-gene-ui-version=\"2.15.0\"] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-bottom-color:var(--background)}html:not([dir=rtl]) .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-right-color:var(--background)}html:not([dir=rtl]) .tabs-holder.reversed.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-left-color:var(--background)}html[dir=rtl] .tabs-holder.reversed.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-right-color:var(--background)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button{box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-button:not(.equal-tabs)>li{padding:0 2rem}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button>li{box-shadow:inset 0 0 0 0 var(--hero)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button>li.active{box-shadow:inset 0 0 0 1px var(--hero)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-text.equal-tabs>li{min-width:10rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text.equal-tabs>li{min-width:12rem}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-text>li{line-height:2.8rem;padding:0 1.5rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li{padding:0 2rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li+*{margin:1rem 0 0}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-text>li.active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-box>li.active,[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button>li.active{color:var(--hero)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button,[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button>li,[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-text,[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-text>li{border-radius:2rem}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button>li:not(.active):hover,[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-text>li:not(.active):hover{color:var(--hero)}}[data-gene-ui-version=\"2.15.0\"] .tabs-content-holder{width:100%}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-content-holder{flex:auto}[data-gene-ui-version=\"2.15.0\"] .tabs-content-holder.c-type-box{align-self:stretch;border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:0 0 1rem 1rem;margin:-1px 0 0}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-content-holder.c-type-box{border-radius:1rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical:not(.reversed)>.tabs-content-holder.c-type-box{border-radius:0 1rem 1rem 0;margin:0 0 0 -1px}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical.reversed>.tabs-content-holder.c-type-box,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-content-holder.c-type-box{border-radius:1rem 0 0 1rem;margin:0 -1px 0 0}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-content-holder.c-type-box{border-radius:0 1rem 1rem 0;margin:0 0 0 -1px}[data-gene-ui-version=\"2.15.0\"] .external-link{align-items:center;display:flex;font-weight:600}[data-gene-ui-version=\"2.15.0\"] .external-link>*+*{margin-inline-start:.2rem}";
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .tabs-holder{align-items:flex-start;display:flex;width:100%}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.reversed{flex-direction:row-reverse}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.horizontal{flex-direction:column}[data-gene-ui-version=\"2.16.0\"] .tabs-head{display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.horizontal>.tabs-head{width:100%}[data-gene-ui-version=\"2.16.0\"] .tabs-head>.tabs-wrapper{flex:auto}[data-gene-ui-version=\"2.16.0\"] .tabs-head>.tabs-actions{align-items:center;box-shadow:inset 0 -1px 0 0 rgba(var(--background-sc-rgb),.06);color:var(--hero);display:flex;flex-shrink:0}[data-gene-ui-version=\"2.16.0\"] .tabs-head>.tabs-actions>*{margin-inline-end:2rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper{overflow-x:auto;width:100%}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper::-webkit-scrollbar{display:none;height:0;width:0}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs,[data-gene-ui-version=\"2.16.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{min-width:100%}[data-gene-ui-version=\"2.16.0\"] .tabs-content{display:inline-flex;font-weight:600;line-height:4.2rem;text-align:center;vertical-align:top}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content{flex-direction:column;text-align:start}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content .tab-icon{display:none}[data-gene-ui-version=\"2.16.0\"] .tabs-content>li{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:0 2rem;position:relative;transition:color .3s,box-shadow .3s,border-color .3s,background-color,.3s}[data-gene-ui-version=\"2.16.0\"] .tabs-content>li .tab-icon{flex-shrink:0;margin-inline-end:1.4rem;margin-inline-start:-.4rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content>li{justify-content:flex-start;padding:0 3rem 0 2rem}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 2rem 0 3rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.type-basic.tabs-content>li{justify-content:flex-end}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 2rem 0 3rem}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 3rem 0 2rem}[data-gene-ui-version=\"2.16.0\"] .tabs-content>li.disabled{opacity:.5}[data-gene-ui-version=\"2.16.0\"] .tabs-content>li.active,[data-gene-ui-version=\"2.16.0\"] .tabs-content>li.disabled{pointer-events:none}[data-gene-ui-version=\"2.16.0\"] .tabs-content>li .tab-close-button{align-items:center;background:rgba(var(--background-sc-rgb),.07);border-radius:100%;color:var(--background-sc);cursor:pointer;display:flex;height:1.6rem;justify-content:center;margin-inline-end:-1.6rem;margin-inline-start:.8rem;pointer-events:auto;transition:color .3s,background-color .3s;width:1.6rem}[data-gene-ui-version=\"2.16.0\"] .tabs-content>li .tab-close-button .icon{font-size:1.2rem}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tabs-content>li .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.0\"] .tabs-content.active .tab-close-button{background:rgba(var(--hero-rgb),.1);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tabs-content.active .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.0\"] .tabs-content.equal-tabs>li{flex:1;min-width:12rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs>li{width:13rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs.type-text>li{width:12rem}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-basic{box-shadow:inset 0 -1px 0 0 rgba(var(--background-sc-rgb),.06);line-height:4.6rem;padding:0 2rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset -1px 0 0 rgba(var(--background-sc-rgb),.06);padding:2rem 0;text-align:end}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset 1px 0 0 rgba(var(--background-sc-rgb),.06)}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset 1px 0 0 rgba(var(--background-sc-rgb),.06);text-align:start}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset -1px 0 0 rgba(var(--background-sc-rgb),.06)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-basic>li{box-shadow:inset 0 0 0 var(--hero);flex:inherit}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-basic>li.active{box-shadow:inset 0 -.4rem 0 0 var(--hero)}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset -.3rem 0 0 var(--hero)}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active,html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset .3rem 0 0 var(--hero)}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset -.3rem 0 0 var(--hero)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-box>li{border:1px solid #0000;border-radius:1rem 1rem 0 0;line-height:4.1rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:0 0 0 .2rem}html[dir=rtl] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:0 .2rem 0 0}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:1rem 0 0 1rem}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:0 1rem 1rem 0}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:.2rem 0 0}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:0 1rem 1rem 0}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:1rem 0 0 1rem}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-box>li:hover{border-color:rgba(var(--background-sc-rgb),.1)}}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-box>li.active{border-color:rgba(var(--background-sc-rgb),.1)}@media (hover:hover){html:not([dir=rtl]) .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-right-color:#0000}html:not([dir=rtl]) .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-left-color:#0000}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-right-color:#0000}}[data-gene-ui-version=\"2.16.0\"] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-bottom-color:var(--background)}html:not([dir=rtl]) .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-right-color:var(--background)}html:not([dir=rtl]) .tabs-holder.reversed.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-left-color:var(--background)}html[dir=rtl] .tabs-holder.reversed.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-right-color:var(--background)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button{box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-button:not(.equal-tabs)>li{padding:0 2rem}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button>li{box-shadow:inset 0 0 0 0 var(--hero)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button>li.active{box-shadow:inset 0 0 0 1px var(--hero)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-text.equal-tabs>li{min-width:10rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text.equal-tabs>li{min-width:12rem}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-text>li{line-height:2.8rem;padding:0 1.5rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li{padding:0 2rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li+*{margin:1rem 0 0}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-text>li.active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-box>li.active,[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button>li.active{color:var(--hero)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button,[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button>li,[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-text,[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-text>li{border-radius:2rem}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button>li:not(.active):hover,[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-text>li:not(.active):hover{color:var(--hero)}}[data-gene-ui-version=\"2.16.0\"] .tabs-content-holder{width:100%}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-content-holder{flex:auto}[data-gene-ui-version=\"2.16.0\"] .tabs-content-holder.c-type-box{align-self:stretch;border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:0 0 1rem 1rem;margin:-1px 0 0}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-content-holder.c-type-box{border-radius:1rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical:not(.reversed)>.tabs-content-holder.c-type-box{border-radius:0 1rem 1rem 0;margin:0 0 0 -1px}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical.reversed>.tabs-content-holder.c-type-box,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-content-holder.c-type-box{border-radius:1rem 0 0 1rem;margin:0 -1px 0 0}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-content-holder.c-type-box{border-radius:0 1rem 1rem 0;margin:0 0 0 -1px}[data-gene-ui-version=\"2.16.0\"] .external-link{align-items:center;display:flex;font-weight:600}[data-gene-ui-version=\"2.16.0\"] .external-link>*+*{margin-inline-start:.2rem}";
 styleInject(css_248z);
 
 function Tabs(props) {

package/Tag/index.js

@@ -2,10 +2,10 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { e as tagConfig } from '../configs-0ed1e326.js';
+import { d as tagConfig } from '../configs-34847b77.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .static-title-holder{align-items:flex-start;display:inline-flex;flex-direction:column;max-width:100%;vertical-align:top}[data-gene-ui-version=\"2.15.0\"] .static-title-holder .st-t{font:600 1.4rem/1.8rem var(--font-family);margin:0 0 .4rem;opacity:.5;padding:0 var(--static-title-padding,0)}[data-gene-ui-version=\"2.15.0\"] .static-title-holder .st-c{max-width:100%}[data-gene-ui-version=\"2.15.0\"] .static-title-holder .st-c:nth-child(2){align-items:center;display:flex;min-height:3.2rem}[data-gene-ui-version=\"2.15.0\"] .static-title-holder.f-full-width,[data-gene-ui-version=\"2.15.0\"] .static-title-holder.f-full-width .st-c{width:100%}[data-gene-ui-version=\"2.15.0\"] .tag-c{--color:var(--hero);align-items:center;background:var(--background);color:var(--color);display:flex;flex-direction:row-reverse;flex-shrink:0;font:600 1.4rem/1.8rem var(--font-family);height:var(--size);justify-content:center;max-width:100%;padding:0 1rem;position:relative;text-align:center;transition:color .3s;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"2.15.0\"] .tag-c.s-small{--size:2.4rem;font-size:1.2rem}html:not([dir=rtl]) .tag-c.s-small .icon{margin-left:1px}html[dir=rtl] .tag-c.s-small .icon{margin-right:1px}[data-gene-ui-version=\"2.15.0\"] .tag-c.s-medium{--size:2.6rem}html:not([dir=rtl]) .tag-c.s-medium .icon{margin-left:.5rem}html[dir=rtl] .tag-c.s-medium .icon{margin-right:.5rem}[data-gene-ui-version=\"2.15.0\"] .tag-c.s-big{--size:3rem}html:not([dir=rtl]) .tag-c.s-big .icon{margin-left:.5rem}html[dir=rtl] .tag-c.s-big .icon{margin-right:.5rem}[data-gene-ui-version=\"2.15.0\"] .tag-c.f-compact{min-width:var(--size)}[data-gene-ui-version=\"2.15.0\"] .tag-c.f-compact.s-small{padding:0 .4rem}[data-gene-ui-version=\"2.15.0\"] .tag-c.f-compact.s-medium{padding:0 .5rem}[data-gene-ui-version=\"2.15.0\"] .tag-c.f-compact.s-big{padding:0 .7rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-small .icon{margin-right:-.9rem}html[dir=rtl] .tag-c:not(.f-compact).s-small .icon{margin-left:-.9rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-medium .icon{margin-right:-.7rem}html[dir=rtl] .tag-c:not(.f-compact).s-medium .icon{margin-left:-.7rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-big .icon{margin-right:-.2rem}html[dir=rtl] .tag-c:not(.f-compact).s-big .icon{margin-left:-.2rem}[data-gene-ui-version=\"2.15.0\"] .tag-c.cr-full-radius{border-radius:1.4rem}[data-gene-ui-version=\"2.15.0\"] .tag-c.cr-smooth-radius{border-radius:.6rem}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-simple{--color:var(--background-sc)}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-simple .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-simple .tag-backdrop:after{content:none}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-minimal .tag-backdrop{--color:var(--background-sc)}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-minimal .tag-backdrop:before{opacity:.03}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-minimal .tag-backdrop:after{opacity:.07}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-outline .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-colored .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-clean{--color:var(--background-sc)}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-clean:hover{--color:var(--hero)}}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-clean .tag-backdrop:after,[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-clean .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-light .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-light .tag-backdrop:after{border:0}[data-gene-ui-version=\"2.15.0\"] .tag-c.active{color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tag-c:hover .tag-backdrop{opacity:.6}}[data-gene-ui-version=\"2.15.0\"] .tag-c .icon,[data-gene-ui-version=\"2.15.0\"] .tag-c .tag-cc{position:relative;transition:opacity .3s;z-index:1}[data-gene-ui-version=\"2.15.0\"] .tag-c .icon{cursor:pointer;opacity:.5}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tag-c .icon:hover{opacity:1}[data-gene-ui-version=\"2.15.0\"] .tag-c .icon:hover~.tag-cp{opacity:.6}}[data-gene-ui-version=\"2.15.0\"] .tag-backdrop{border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:opacity .3s;width:100%}[data-gene-ui-version=\"2.15.0\"] .tag-backdrop:after,[data-gene-ui-version=\"2.15.0\"] .tag-backdrop:before{border-radius:inherit;content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.15.0\"] .tag-backdrop:before{background:var(--color);transition:background .3s,opacity .3s}[data-gene-ui-version=\"2.15.0\"] .tag-backdrop:after{border:1px solid var(--color);transition:border-color .3s,opacity .3s}";
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .static-title-holder{align-items:flex-start;display:inline-flex;flex-direction:column;max-width:100%;vertical-align:top}[data-gene-ui-version=\"2.16.0\"] .static-title-holder .st-t{font:600 1.4rem/1.8rem var(--font-family);margin:0 0 .4rem;opacity:.5;padding:0 var(--static-title-padding,0)}[data-gene-ui-version=\"2.16.0\"] .static-title-holder .st-c{max-width:100%}[data-gene-ui-version=\"2.16.0\"] .static-title-holder .st-c:nth-child(2){align-items:center;display:flex;min-height:3.2rem}[data-gene-ui-version=\"2.16.0\"] .static-title-holder.f-full-width,[data-gene-ui-version=\"2.16.0\"] .static-title-holder.f-full-width .st-c{width:100%}[data-gene-ui-version=\"2.16.0\"] .tag-c{--color:var(--hero);align-items:center;background:var(--background);color:var(--color);display:flex;flex-direction:row-reverse;flex-shrink:0;font:600 1.4rem/1.8rem var(--font-family);height:var(--size);justify-content:center;max-width:100%;padding:0 1rem;position:relative;text-align:center;transition:color .3s;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"2.16.0\"] .tag-c.s-small{--size:2.4rem;font-size:1.2rem}html:not([dir=rtl]) .tag-c.s-small .icon{margin-left:1px}html[dir=rtl] .tag-c.s-small .icon{margin-right:1px}[data-gene-ui-version=\"2.16.0\"] .tag-c.s-medium{--size:2.6rem}html:not([dir=rtl]) .tag-c.s-medium .icon{margin-left:.5rem}html[dir=rtl] .tag-c.s-medium .icon{margin-right:.5rem}[data-gene-ui-version=\"2.16.0\"] .tag-c.s-big{--size:3rem}html:not([dir=rtl]) .tag-c.s-big .icon{margin-left:.5rem}html[dir=rtl] .tag-c.s-big .icon{margin-right:.5rem}[data-gene-ui-version=\"2.16.0\"] .tag-c.f-compact{min-width:var(--size)}[data-gene-ui-version=\"2.16.0\"] .tag-c.f-compact.s-small{padding:0 .4rem}[data-gene-ui-version=\"2.16.0\"] .tag-c.f-compact.s-medium{padding:0 .5rem}[data-gene-ui-version=\"2.16.0\"] .tag-c.f-compact.s-big{padding:0 .7rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-small .icon{margin-right:-.9rem}html[dir=rtl] .tag-c:not(.f-compact).s-small .icon{margin-left:-.9rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-medium .icon{margin-right:-.7rem}html[dir=rtl] .tag-c:not(.f-compact).s-medium .icon{margin-left:-.7rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-big .icon{margin-right:-.2rem}html[dir=rtl] .tag-c:not(.f-compact).s-big .icon{margin-left:-.2rem}[data-gene-ui-version=\"2.16.0\"] .tag-c.cr-full-radius{border-radius:1.4rem}[data-gene-ui-version=\"2.16.0\"] .tag-c.cr-smooth-radius{border-radius:.6rem}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-simple{--color:var(--background-sc)}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-simple .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-simple .tag-backdrop:after{content:none}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-minimal .tag-backdrop{--color:var(--background-sc)}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-minimal .tag-backdrop:before{opacity:.03}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-minimal .tag-backdrop:after{opacity:.07}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-outline .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-colored .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-clean{--color:var(--background-sc)}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-clean:hover{--color:var(--hero)}}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-clean .tag-backdrop:after,[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-clean .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-light .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-light .tag-backdrop:after{border:0}[data-gene-ui-version=\"2.16.0\"] .tag-c.active{color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tag-c:hover .tag-backdrop{opacity:.6}}[data-gene-ui-version=\"2.16.0\"] .tag-c .icon,[data-gene-ui-version=\"2.16.0\"] .tag-c .tag-cc{position:relative;transition:opacity .3s;z-index:1}[data-gene-ui-version=\"2.16.0\"] .tag-c .icon{cursor:pointer;opacity:.5}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tag-c .icon:hover{opacity:1}[data-gene-ui-version=\"2.16.0\"] .tag-c .icon:hover~.tag-cp{opacity:.6}}[data-gene-ui-version=\"2.16.0\"] .tag-backdrop{border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:opacity .3s;width:100%}[data-gene-ui-version=\"2.16.0\"] .tag-backdrop:after,[data-gene-ui-version=\"2.16.0\"] .tag-backdrop:before{border-radius:inherit;content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.16.0\"] .tag-backdrop:before{background:var(--color);transition:background .3s,opacity .3s}[data-gene-ui-version=\"2.16.0\"] .tag-backdrop:after{border:1px solid var(--color);transition:border-color .3s,opacity .3s}";
 styleInject(css_248z);
 
 function Tag(_ref) {

package/Textarea/index.js

@@ -2,7 +2,7 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { n as noop } from '../index-a0e4e333.js';
-import { i as inputConfig, s as screenTypes } from '../configs-0ed1e326.js';
+import { i as inputConfig, s as screenTypes } from '../configs-34847b77.js';
 import ExtendedInput from '../ExtendedInput/index.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../dateValidation-67caec66.js';
@@ -20,8 +20,8 @@ import '../hooks/useClickOutside.js';
 import '../config-1053d64d.js';
 import '../Scrollbar/index.js';
 import '../callAfterDelay-7272faca.js';
-import '../Tooltip/index.js';
-import '../Popover-f4d1cac0.js';
+import '../index-49fbb32c.js';
+import '../tslib.es6-f211516f.js';
 import '../GeneUIProvider/index.js';
 
 var css_248z = "";

package/Time/index.js

@@ -9,7 +9,7 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../_commonjsHelpers-24198af3.js';
 import '../index-031ff73c.js';
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .time-holder{align-items:center;display:flex;font-weight:600;line-height:3.2rem;white-space:nowrap}[data-gene-ui-version=\"2.15.0\"] .time-holder>*+*{margin:0 0 0 .3rem}html[dir=rtl] .time-holder>*+*{margin:0 .3rem 0 0}";
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .time-holder{align-items:center;display:flex;font-weight:600;line-height:3.2rem;white-space:nowrap}[data-gene-ui-version=\"2.16.0\"] .time-holder>*+*{margin:0 0 0 .3rem}html[dir=rtl] .time-holder>*+*{margin:0 .3rem 0 0}";
 styleInject(css_248z);
 
 function Time(_ref) {

package/TimePicker/index.js

@@ -1,8 +1,8 @@
 import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { useRef, useState, useEffect, useMemo, useCallback } from 'react';
+import React__default, { forwardRef, useRef, useState, useImperativeHandle, useEffect, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { g as timePickerConfig, s as screenTypes } from '../configs-0ed1e326.js';
+import { f as timePickerConfig, s as screenTypes } from '../configs-34847b77.js';
 import { n as noop } from '../index-a0e4e333.js';
 import useDeviceType from '../hooks/useDeviceType.js';
 import CustomScrollbar from '../Scrollbar/index.js';
@@ -13,7 +13,7 @@ import '../dateValidation-67caec66.js';
 import 'react-dom';
 import useKeyDown from '../hooks/useKeyDown.js';
 import useClickOutside from '../hooks/useClickOutside.js';
-import { P as PopoverV2 } from '../index-b4ec7815.js';
+import { P as PopoverV2 } from '../index-73b4d98a.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
@@ -22,14 +22,14 @@ import '../useEllipsisDetection-4d997d5d.js';
 import '../SuggestionList/index.js';
 import '../config-1053d64d.js';
 import '../callAfterDelay-7272faca.js';
-import '../Tooltip/index.js';
-import '../Popover-f4d1cac0.js';
+import '../index-49fbb32c.js';
+import '../tslib.es6-f211516f.js';
 import '../GeneUIProvider/index.js';
 import '../hooks/useMount.js';
 import '../index-122432cd.js';
 import '../debounce-4419bc2f.js';
 
-function TimePickerPopover(_ref) {
+const TimePickerPopover = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     readOnly,
@@ -39,16 +39,19 @@ function TimePickerPopover(_ref) {
   } = _ref;
   const rootRef = useRef(null);
   const [isOpen, setIsOpen] = useState(false);
-  const openPopover = () => !readOnly && setIsOpen(true);
+  useImperativeHandle(ref, () => ({
+    toggleOpen() {
+      let isPopoverOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : isOpen;
+      setIsOpen(!isPopoverOpen);
+    }
+  }));
+  const openPopover = () => !readOnly && !isOpen && setIsOpen(true);
   const closePopover = () => setIsOpen(false);
   useKeyDown(openPopover, [openPopover], rootRef, ['Enter']);
   useKeyDown(closePopover, [closePopover], rootRef, ['Tab', 'Escape']);
   const handleOutsideClick = useClickOutside(event => {
     !rootRef.current.contains(event.target) && closePopover();
   });
-
-  // We need to close popup every time when
-  // user select some value from current popup
   useEffect(() => {
     setIsOpen(false);
   }, [value]);
@@ -63,9 +66,9 @@ function TimePickerPopover(_ref) {
     ref: rootRef,
     onClick: openPopover
   }, children));
-}
+});
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .time-picker-holder{width:100%}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder.read-only .cursor-pointer{cursor:default}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder.mobile{caret-color:#0000;color:#0000;text-shadow:0 0 0 rgba(var(--background-sc-rgb),.75)}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder.disabled{opacity:.6;pointer-events:none}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder>ul{align-items:center;display:flex;width:100%}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder>ul>li.no-shrink{align-items:center;display:flex;flex-shrink:0;justify-content:center}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder>ul>li.no-shrink>span{display:block;font-weight:600;margin:0 .5rem}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder>ul>li.shrink-auto{flex:auto}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder>ul>li.icon-holder{margin-inline-end:.5rem;width:4rem}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop-holder{display:flex;width:100%}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop-holder>li{width:100%}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop-holder>li+li{border-inline-start:1px solid rgba(var(--background-sc-rgb),.08)}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop{font:600 1.4rem/1.8rem var(--font-family);padding:1rem 0;width:100%}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop ul{width:100%}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop ul li{align-items:center;cursor:pointer;display:flex;height:4rem;justify-content:center;text-align:center;transition:background .4s,color .4s;width:100%}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .time-picker-drop ul li:hover{background:rgba(var(--background-sc-rgb),.05)}}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop ul li.active{color:var(--hero)}";
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .time-picker-holder{width:100%}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder.read-only .cursor-pointer{cursor:default}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder.mobile{caret-color:#0000;color:#0000;text-shadow:0 0 0 rgba(var(--background-sc-rgb),.75)}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder.disabled{opacity:.6;pointer-events:none}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder>ul{align-items:center;display:flex;width:100%}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder>ul>li.no-shrink{align-items:center;display:flex;flex-shrink:0;justify-content:center}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder>ul>li.no-shrink>span{display:block;font-weight:600;margin:0 .5rem}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder>ul>li.shrink-auto{flex:auto}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder>ul>li.icon-holder{margin-inline-end:.5rem;width:4rem}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop-holder{display:flex;width:100%}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop-holder>li{width:100%}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop-holder>li+li{border-inline-start:1px solid rgba(var(--background-sc-rgb),.08)}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop{font:600 1.4rem/1.8rem var(--font-family);padding:1rem 0;width:100%}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop ul{width:100%}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop ul li{align-items:center;cursor:pointer;display:flex;height:4rem;justify-content:center;text-align:center;transition:background .4s,color .4s;width:100%}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .time-picker-drop ul li:hover{background:rgba(var(--background-sc-rgb),.05)}}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop ul li.active{color:var(--hero)}";
 styleInject(css_248z);
 
 function generateTimeValues(format, max) {
@@ -133,6 +136,7 @@ function TimePicker(_ref) {
   const [hourPopupValue, setHourPopupValue] = useState(null);
   const [minutePopupValue, setMinutePopupValue] = useState(null);
   const [secondPopupValue, setSecondPopupValue] = useState(null);
+  const childRef = useRef();
 
   // for replacing special symbols
   const numberRegExp = useMemo(() => {
@@ -259,7 +263,7 @@ function TimePicker(_ref) {
     setInputValue(time);
     handleChange(e, time);
   }, [hour, minute, second, separator, showSeconds, handleChange, combinedValue]);
-  const handleInputChange = useCallback(e => {
+  const handleInputChange = e => {
     const {
       value
     } = e.target;
@@ -269,8 +273,6 @@ function TimePicker(_ref) {
     const timeParts = replacedValue.split(separator);
     const lastChar = replacedValue[replacedValue.length - 1];
     const secondLastChar = replacedValue[replacedValue.length - 2];
-
-    // Checking if last and second last chars are same and equal to separator then return
     if (lastChar === separator && lastChar === secondLastChar) return;
     if (value === '') {
       setHour('');
@@ -310,9 +312,6 @@ function TimePicker(_ref) {
         outOfRange = true;
       }
     }
-
-    // Make field valid when after typing field pass validation
-    // but we must set error only when user click outside or onBlur event fires
     !checkTimeValidation(timeParts[0], false) && setHourFieldError(false);
     !checkMinuteValidation(timeParts[1], false) && setMinuteFieldError(false);
     (!showSeconds || !checkSecondValidation(timeParts[2], false)) && setSecondFieldError(false);
@@ -320,31 +319,46 @@ function TimePicker(_ref) {
       setInputValue(replacedValue);
       onChange(e);
     }
-  }, [numberRegExp, separator, showSeconds, checkTimeValidation, checkMinuteValidation, checkSecondValidation, handleChange, hourFormat, onChange]);
+  };
   useEffect(() => {
-    // if hour format changes, convert value to that format
-    const formattedHour = convertToFormat(hour, hourFormat);
-    setHour(formattedHour);
-    setInputValue(combinedValue(formattedHour, minute, second, false));
-  }, [combinedValue, hour, hourFormat, minute, second]);
+    if ((disabled || readOnly) && childRef.current) {
+      childRef.current.toggleOpen(true);
+    }
+  }, [disabled, readOnly]);
   useEffect(() => {
-    // if minute format changes, convert value to that format
-    const formattedMinute = convertToFormat(minute, minuteFormat);
-    setMinute(formattedMinute);
-    setInputValue(combinedValue(hour, formattedMinute, second, false));
-  }, [combinedValue, hour, minute, minuteFormat, second]);
+    if (hour) {
+      const formattedHour = convertToFormat(hour, hourFormat);
+      setHour(formattedHour);
+      setInputValue(combinedValue(formattedHour, minute, second, false));
+    }
+  }, [hourFormat]);
+  useEffect(() => {
+    if (minute) {
+      const formattedMinute = convertToFormat(minute, minuteFormat);
+      setMinute(formattedMinute);
+      setInputValue(combinedValue(hour, formattedMinute, second, false));
+    }
+  }, [minuteFormat]);
+  useEffect(() => {
+    if (second) {
+      const formattedSecond = convertToFormat(second, secondFormat);
+      setSecond(formattedSecond);
+      setInputValue(combinedValue(hour, minute, formattedSecond, false));
+    }
+  }, [secondFormat]);
   useEffect(() => {
-    // if second format changes, convert value to that format
-    const formattedSecond = convertToFormat(second, secondFormat);
-    setSecond(formattedSecond);
-    setInputValue(combinedValue(hour, minute, formattedSecond, false));
-  }, [combinedValue, hour, minute, second, secondFormat]);
+    if (!inputValue) return;
+    const [splitHour, splitMinute, splitSecond] = inputValue.split(separator);
+    !showSeconds && setSecond('');
+    showSeconds && (inputValue || hour) && !second && setSecond(convertToFormat(second, secondFormat));
+    setInputValue(combinedValue(splitHour, splitMinute, splitSecond));
+  }, [showSeconds]);
   useEffect(() => {
     if (value) {
-      const timeParts = value.split(separator);
-      timeParts[0] && setHour(timeParts[0]);
-      timeParts[1] && setMinute(timeParts[1]);
-      showSeconds && timeParts[2] && setSecond(timeParts[2]);
+      const [splitHour, splitMinute, splitSecond] = value.split(separator);
+      splitHour && setHour(splitHour);
+      splitMinute && setMinute(splitMinute);
+      showSeconds && splitSecond && setSecond(splitSecond);
       setInputValue(value);
     }
   }, [value, separator, showSeconds]);
@@ -389,6 +403,7 @@ function TimePicker(_ref) {
     onBlur("".concat(hour).concat(hour && minute && ':').concat(minute).concat(minute && second && ':').concat(second), event);
   }, [hour, minute, second, onBlur, hourFormat, minuteFormat, showSeconds, secondFormat]);
   const signleInputPopoverValue = useMemo(() => showSeconds ? convertToFormat(second, secondFormat, true) : convertToFormat(minute, minuteFormat, true), [second, secondFormat, minute, minuteFormat, showSeconds]);
+  const handleIconClick = () => childRef.current && !readOnly && !disabled && childRef.current.toggleOpen();
   return /*#__PURE__*/React__default.createElement("div", {
     className: classnames('time-picker-holder', className, {
       'read-only': readOnly,
@@ -464,6 +479,7 @@ function TimePicker(_ref) {
     toggleHandler: handlePopoverToggle,
     readOnly: readOnly,
     value: signleInputPopoverValue,
+    ref: childRef,
     Content: /*#__PURE__*/React__default.createElement("ul", {
       className: "time-picker-drop-holder"
     }, /*#__PURE__*/React__default.createElement("li", null, hours), /*#__PURE__*/React__default.createElement("li", null, minutes), showSeconds && /*#__PURE__*/React__default.createElement("li", null, seconds)),
@@ -477,6 +493,8 @@ function TimePicker(_ref) {
     itemsDirection: "end",
     readOnly: readOnly,
     writeProtected: isMobile,
+    onIconClick: handleIconClick,
+    clickableIcon: true,
     onBlur: handleInputBlur
   }, restProps))));
 }

package/Timeline/index.js

@@ -9,7 +9,7 @@ import '../dateValidation-67caec66.js';
 import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
 
-var css_248z$1 = "[data-gene-ui-version=\"2.15.0\"] .timeline-item{display:flex;font-weight:600;line-height:1.36}[data-gene-ui-version=\"2.15.0\"] .timeline-item.c-success{--hero:var(--confirm);--hero-hover:var(--confirm-hover);--hero-sc:var(--confirm-sc);--hero-rgb:var(--confirm-rgb);--hero-sc-rgb:var(--confirm-sc-rgb)}[data-gene-ui-version=\"2.15.0\"] .timeline-item.c-danger{--hero:var(--danger);--hero-hover:var(--danger-hover);--hero-sc:var(--danger-sc);--hero-rgb:var(--danger-rgb);--hero-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.15.0\"] .timeline-item:not(:last-child).with-line .t-line:before{background:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.15.0\"] .timeline-item:not(:last-child) .t-texts{padding:0 0 2rem}[data-gene-ui-version=\"2.15.0\"] .timeline-item>li{display:flex}[data-gene-ui-version=\"2.15.0\"] .timeline-item.a-default .t-texts>*+*{margin:0 0 0 1rem}html[dir=rtl] .timeline-item.a-default .t-texts>*+*{margin:0 1rem 0 0}[data-gene-ui-version=\"2.15.0\"] .timeline-item.a-compact .t-texts{flex-direction:column}[data-gene-ui-version=\"2.15.0\"] .timeline-item.a-compact .t-texts>*+*{margin:.5rem 0 0}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-line{flex-shrink:0;position:relative}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-line:before{content:\"\";display:block;height:100%;margin:0 .5rem;width:1px}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-texts{flex:auto;margin:0 0 0 1.5rem}html[dir=rtl] .timeline-item .t-texts{margin:0 1.5rem 0 0}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-description{color:rgba(var(--background-sc-rgb),.6);font:600 1.2rem/1.8rem var(--font-family)}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-description,[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-title{max-width:100%}[data-gene-ui-version=\"2.15.0\"] .timeline-item .icon{background:var(--background);border-radius:100%;color:var(--hero);left:50%;position:absolute;top:0;transform:translate3d(-50%,-.3rem,0)}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-icon{background:var(--background);border:.2rem solid var(--hero);border-radius:100%;box-shadow:0 0 0 .4rem var(--background);font-size:1.5rem;height:1.1rem;left:0;position:absolute;top:.4rem;width:1.1rem}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-icon.bc-icon-loader{top:.2rem}";
+var css_248z$1 = "[data-gene-ui-version=\"2.16.0\"] .timeline-item{display:flex;font-weight:600;line-height:1.36}[data-gene-ui-version=\"2.16.0\"] .timeline-item.c-success{--hero:var(--confirm);--hero-hover:var(--confirm-hover);--hero-sc:var(--confirm-sc);--hero-rgb:var(--confirm-rgb);--hero-sc-rgb:var(--confirm-sc-rgb)}[data-gene-ui-version=\"2.16.0\"] .timeline-item.c-danger{--hero:var(--danger);--hero-hover:var(--danger-hover);--hero-sc:var(--danger-sc);--hero-rgb:var(--danger-rgb);--hero-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.16.0\"] .timeline-item:not(:last-child).with-line .t-line:before{background:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.16.0\"] .timeline-item:not(:last-child) .t-texts{padding:0 0 2rem}[data-gene-ui-version=\"2.16.0\"] .timeline-item>li{display:flex}[data-gene-ui-version=\"2.16.0\"] .timeline-item.a-default .t-texts>*+*{margin:0 0 0 1rem}html[dir=rtl] .timeline-item.a-default .t-texts>*+*{margin:0 1rem 0 0}[data-gene-ui-version=\"2.16.0\"] .timeline-item.a-compact .t-texts{flex-direction:column}[data-gene-ui-version=\"2.16.0\"] .timeline-item.a-compact .t-texts>*+*{margin:.5rem 0 0}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-line{flex-shrink:0;position:relative}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-line:before{content:\"\";display:block;height:100%;margin:0 .5rem;width:1px}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-texts{flex:auto;margin:0 0 0 1.5rem}html[dir=rtl] .timeline-item .t-texts{margin:0 1.5rem 0 0}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-description{color:rgba(var(--background-sc-rgb),.6);font:600 1.2rem/1.8rem var(--font-family)}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-description,[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-title{max-width:100%}[data-gene-ui-version=\"2.16.0\"] .timeline-item .icon{background:var(--background);border-radius:100%;color:var(--hero);left:50%;position:absolute;top:0;transform:translate3d(-50%,-.3rem,0)}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-icon{background:var(--background);border:.2rem solid var(--hero);border-radius:100%;box-shadow:0 0 0 .4rem var(--background);font-size:1.5rem;height:1.1rem;left:0;position:absolute;top:.4rem;width:1.1rem}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-icon.bc-icon-loader{top:.2rem}";
 styleInject(css_248z$1);
 
 const timelineColors = ['hero', 'success', 'danger'];
@@ -86,7 +86,7 @@ TimelineItem.defaultProps = {
   appearance: timelineAppearances[0]
 };
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .timeline-holder{display:flex;flex-direction:column}";
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .timeline-holder{display:flex;flex-direction:column}";
 styleInject(css_248z);
 
 function Timeline(props) {

package/Title/index.js

@@ -2,11 +2,11 @@ import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { c as classnames } from '../index-031ff73c.js';
-import { t as titleConfig } from '../configs-0ed1e326.js';
+import { t as titleConfig } from '../configs-34847b77.js';
 import Icon from '../Icon/index.js';
 import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .title-holder{align-items:center;display:flex;font:600 1.4rem/1.8rem var(--font-family);min-height:3.2rem;width:100%}[data-gene-ui-version=\"2.15.0\"] .title-holder.c-hero .title-text{color:var(--hero)}[data-gene-ui-version=\"2.15.0\"] .title-holder>li{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"2.15.0\"] .title-holder>li.line{flex:auto}[data-gene-ui-version=\"2.15.0\"] .title-holder>li.line i{background:rgba(var(--background-sc-rgb),.1);display:block;height:1px;width:100%}[data-gene-ui-version=\"2.15.0\"] .title-holder>li~li{margin:0 0 0 1rem}html[dir=rtl] .title-holder>li~li{margin:0 1rem 0 0}[data-gene-ui-version=\"2.15.0\"] .title-holder .divider{margin:0 1rem}";
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .title-holder{align-items:center;display:flex;font:600 1.4rem/1.8rem var(--font-family);min-height:3.2rem;width:100%}[data-gene-ui-version=\"2.16.0\"] .title-holder.c-hero .title-text{color:var(--hero)}[data-gene-ui-version=\"2.16.0\"] .title-holder>li{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"2.16.0\"] .title-holder>li.line{flex:auto}[data-gene-ui-version=\"2.16.0\"] .title-holder>li.line i{background:rgba(var(--background-sc-rgb),.1);display:block;height:1px;width:100%}[data-gene-ui-version=\"2.16.0\"] .title-holder>li~li{margin:0 0 0 1rem}html[dir=rtl] .title-holder>li~li{margin:0 1rem 0 0}[data-gene-ui-version=\"2.16.0\"] .title-holder .divider{margin:0 1rem}";
 styleInject(css_248z);
 
 function Title(_ref) {

package/Toaster/index.js

@@ -12,12 +12,12 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 import '../_commonjsHelpers-24198af3.js';
 import '../GeneUIProvider/index.js';
 import '../hooks/useDeviceType.js';
-import '../configs-0ed1e326.js';
+import '../configs-34847b77.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
 import '../Icon/index.js';
 
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .toaster-holder{max-width:38rem;padding:1.5rem;position:fixed;width:100%;z-index:500}[data-gene-ui-version=\"2.15.0\"] .toaster-holder>*+*{margin:2rem 0 0}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.left-top{left:0;top:var(--header-height,0)}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.left-bottom{bottom:0;left:0}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.right-top{right:0;top:var(--header-height,0)}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.right-bottom{bottom:0;right:0}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.bottom,[data-gene-ui-version=\"2.15.0\"] .toaster-holder.top{left:50%;transform:translate3d(-50%,0,0)}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.top{top:var(--header-height,0)}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.center{left:50%;top:50%;transform:translate3d(-50%,-50%,0)}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.bottom{bottom:0}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.mobile-view{transform:none;width:100%}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.mobile-view:not(.top,.bottom){padding:0}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.mobile-view.center:not(.top,.bottom){padding:0 1.5rem}[data-gene-ui-version=\"2.15.0\"] .toaster-holder:empty{pointer-events:none}";
+var css_248z = "[data-gene-ui-version=\"2.16.0\"] .toaster-holder{max-width:38rem;padding:1.5rem;position:fixed;width:100%;z-index:500}[data-gene-ui-version=\"2.16.0\"] .toaster-holder>*+*{margin:2rem 0 0}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.left-top{left:0;top:var(--header-height,0)}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.left-bottom{bottom:0;left:0}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.right-top{right:0;top:var(--header-height,0)}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.right-bottom{bottom:0;right:0}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.bottom,[data-gene-ui-version=\"2.16.0\"] .toaster-holder.top{left:50%;transform:translate3d(-50%,0,0)}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.top{top:var(--header-height,0)}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.center{left:50%;top:50%;transform:translate3d(-50%,-50%,0)}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.bottom{bottom:0}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.mobile-view{transform:none;width:100%}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.mobile-view:not(.top,.bottom){padding:0}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.mobile-view.center:not(.top,.bottom){padding:0 1.5rem}[data-gene-ui-version=\"2.16.0\"] .toaster-holder:empty{pointer-events:none}";
 styleInject(css_248z);
 
 const toasterPositions = ['top', 'bottom', 'center', 'left-top', 'left-bottom', 'right-top', 'right-bottom'];

package/Tooltip/index.js

@@ -1,157 +1,14 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { useState, useContext, useCallback, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { c as classnames } from '../index-031ff73c.js';
-import { _ as _default } from '../Popover-f4d1cac0.js';
-import { p as positions } from '../configs-0ed1e326.js';
-import { n as noop } from '../index-a0e4e333.js';
-import useDeviceType from '../hooks/useDeviceType.js';
-import { GeneUIDesignSystemContext } from '../GeneUIProvider/index.js';
-import { s as styleInject } from '../style-inject.es-746bb8ed.js';
-import '../_commonjsHelpers-24198af3.js';
+export { T as default } from '../index-49fbb32c.js';
+import '../tslib.es6-f211516f.js';
+import 'react';
 import 'react-dom';
+import '../index-a0e4e333.js';
+import 'prop-types';
 import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
+import '../hooks/useDeviceType.js';
+import '../configs-34847b77.js';
 import '../hooks/useWindowSize.js';
 import '../hooks/useDebounce.js';
-
-var css_248z = "[data-gene-ui-version=\"2.15.0\"] .react-tiny-popover-container{z-index:500}[data-gene-ui-version=\"2.15.0\"] .tooltip-c-p{pointer-events:none}[data-gene-ui-version=\"2.15.0\"] .s-small .tooltip-c-p{padding:1.5rem}[data-gene-ui-version=\"2.15.0\"] .tooltip-content{background:rgba(var(--background-sc-rgb),.6);border-radius:.4rem;color:rgba(var(--background-rgb),.7);font:600 1.2rem/1.6rem var(--font-family);max-width:20rem;padding:.6rem 1rem;word-break:break-word}[data-gene-ui-version=\"2.15.0\"] .tooltip-content>*+*{margin:.2rem 0 0}[data-gene-ui-version=\"2.15.0\"] .tooltip-content .tooltip-title{color:var(--background)}[data-gene-ui-version=\"2.15.0\"] .s-small .tooltip-content{font:600 1rem/1.4rem var(--font-family);padding:.6rem .8rem}";
-styleInject(css_248z);
-
-function Tooltip(_ref) {
-  let {
-    children,
-    position,
-    size,
-    style,
-    text,
-    title,
-    transitionDuration,
-    customPosition,
-    alwaysShow,
-    disableReposition,
-    onClick,
-    padding,
-    screenType,
-    isVisible,
-    ...props
-  } = _ref;
-  const {
-    isMobile
-  } = useDeviceType(screenType);
-  const [isPopoverOpen, setPopoverState] = useState(false);
-  const {
-    geneUIProviderRef
-  } = useContext(GeneUIDesignSystemContext);
-  const mouseEnterHandler = useCallback(() => !alwaysShow && setPopoverState(true), [alwaysShow]);
-  const mouseLeaveHandler = useCallback(() => !alwaysShow && setPopoverState(false), [alwaysShow]);
-  useEffect(() => {
-    if (children.props.disabled) {
-      mouseLeaveHandler();
-    }
-  }, [children.props.disabled]);
-  const preferredPosition = position === 'auto' ? positions : position;
-  const checkNudged = useCallback(_ref2 => {
-    let {
-      nudgedLeft,
-      nudgedTop
-    } = _ref2;
-    return isMobile ? !(nudgedTop || nudgedLeft) : true;
-  }, [isMobile]);
-  return isVisible ? /*#__PURE__*/React__default.createElement(_default, {
-    contentDestination: geneUIProviderRef.current,
-    transitionDuration: transitionDuration,
-    disableReposition: disableReposition,
-    isOpen: alwaysShow || isPopoverOpen,
-    position: preferredPosition,
-    contentLocation: customPosition,
-    align: "center",
-    padding: padding,
-    content: rect => checkNudged(rect) && /*#__PURE__*/React__default.createElement("div", _extends({
-      className: classnames('tooltip-c-p', "s-".concat(size)),
-      style: {
-        ...style
-      }
-    }, props), (title || text) && /*#__PURE__*/React__default.createElement("div", {
-      className: "tooltip-content"
-    }, title && /*#__PURE__*/React__default.createElement("div", {
-      className: "tooltip-title"
-    }, title), text && /*#__PURE__*/React__default.createElement("div", {
-      className: "tooltip-text"
-    }, text)))
-  }, children ? /*#__PURE__*/React__default.cloneElement(children, {
-    onMouseEnter: mouseEnterHandler,
-    onMouseLeave: mouseLeaveHandler,
-    onClick: e => {
-      const {
-        onClick: onClickHandler
-      } = children.props;
-      typeof onClickHandler === 'function' && onClickHandler(e);
-      onClick(e);
-    }
-  }) : null) : children;
-}
-Tooltip.propTypes = {
-  /**
-   * Different sizes for 'Tooltip'.
-   */
-  size: PropTypes.oneOf(['default', 'small']),
-  /**
-   * Text for 'Tooltip'.
-   */
-  text: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-  /**
-   * Title for 'Tooltip'.
-   */
-  title: PropTypes.string,
-  /**
-   * Style object, to have extra styles.
-   */
-  style: PropTypes.object,
-  /**
-   * Have always visible 'Tooltip'.
-   */
-  alwaysShow: PropTypes.bool,
-  /**
-   * Custom positions(left, top) for 'Tooltip'.
-   */
-  customPosition: PropTypes.shape({
-    left: PropTypes.number,
-    top: PropTypes.number
-  }),
-  /**
-   * Duration for showing 'Tooltip'.
-   */
-  transitionDuration: PropTypes.number,
-  /**
-   * Any valid React node.
-   */
-  children: PropTypes.node,
-  /**
-   * Disable/Enable repositions.
-   */
-  disableReposition: PropTypes.bool,
-  /**
-   * 'Tooltip' position to be displayed
-   */
-  position: PropTypes.oneOf(['auto', ...positions]),
-  /**
-   * 'Tooltip' padding from the target element
-   */
-  padding: PropTypes.number,
-  /**
-   * If isVisible is false, the component will render only children without a tooltip wrapped.
-   */
-  isVisible: PropTypes.bool
-};
-Tooltip.defaultProps = {
-  position: 'auto',
-  size: 'default',
-  transitionDuration: 0,
-  disableReposition: false,
-  onClick: noop,
-  padding: 5,
-  screenType: 'desktop',
-  isVisible: true
-};
-
-export { Tooltip as default };
+import '../GeneUIProvider/index.js';
+import '../style-inject.es-746bb8ed.js';