linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

package/lib/assets/styles/toolbar.css

@@ -0,0 +1 @@
+.toolbar-component{float:left;width:100%}.toolbar-component>.buttonbar{margin-right:5px;float:left}.toolbar-component>.labelbar{margin-right:5px;float:left}.toolbar-component .separator{background-color:#d7d7da;display:inline-block;width:1px;margin:0 5px;height:100%;border-left:1px solid #e2e8ea;border-right:1px solid #fff;border-radius:50%}.toolbar-component .toolbar-group{display:flex;align-content:center;float:right;height:100%}.toolbar-component .toolbar-group>.input-base-component:has(+.buttonbar) .inputwrapper{border-right-width:0}.toolbar-component .toolbar-group>.buttonbar{border-radius:0;border-width:1px;border:1px solid #efe9e9;border-right-width:0;margin-right:0}.toolbar-component .toolbar-group>.buttonbar:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.toolbar-component .toolbar-group>.buttonbar:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;border-right-width:1px}.toolbar-component .toolbar-group>.labelbar{border-radius:0;border-width:1px;border-right-width:0;margin-right:0}.toolbar-component .toolbar-group>.labelbar:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.toolbar-component .toolbar-group>.labelbar:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;border-right-width:1px}.toolbar-component.small-bar{height:34px;padding:3px}.toolbar-component.large-bar{height:56px;padding:3px}

package/lib/assets/styles/tooltip.css

@@ -0,0 +1 @@
+.tooltip-component{font-family:Roboto,sans-serif;position:absolute;padding:8px;background:#000000d9;border-radius:5px;color:#fff;box-shadow:2px 2px 3px #0000004d;text-align:center;font-size:13px;z-index:999999;pointer-events:none;max-width:300px;word-break:break-word}.tooltip-component.left:after{content:" ";position:absolute;top:50%;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent rgba(0,0,0,.85)}.tooltip-component.right:after{content:" ";position:absolute;top:50%;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent rgba(0,0,0,.85) transparent transparent}.tooltip-component.top:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.85) transparent transparent}.tooltip-component.bottom:after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.85)}.tooltip-component.tooltip-error{background:#dd2d1b;color:#fff;z-index:99999}.tooltip-component.tooltip-error:before{content:"";position:absolute;inset:0;height:100%;width:100%;background:inherit;border-radius:inherit;z-index:-1;opacity:.7;animation:tooltip-component 2s ease-out infinite}@keyframes tooltip-component{to{transform:scale(1.05,1.25);opacity:0}}.tooltip-component.tooltip-error.left:after{border-left-color:#dd2d1b}.tooltip-component.tooltip-error.right:after{border-right-color:#dd2d1b}.tooltip-component.tooltip-error.top:after{border-top-color:#dd2d1b}.tooltip-component.tooltip-error.bottom:after{border-bottom-color:#dd2d1b}

package/lib/assets/styles/treetable.css

@@ -0,0 +1 @@
+.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{animation-name:slideDownReturn}@keyframes slideDownReturn{0%{transform-origin:0 0;transform:translateY(100%)}30%{transform-origin:0 0;transform:translateY(0)}}.slideLeftReturn{animation-name:slideLeftReturn}@keyframes slideLeftReturn{0%{transform-origin:0 0;transform:translate(-100%)}30%{transform-origin:0 0;transform:translate(0)}}.slideRightReturn{animation-name:slideRightReturn}@keyframes slideRightReturn{0%{transform-origin:0 0;transform:translate(100%)}30%{transform-origin:0 0;transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{transform:translate(8px)}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{transform:translate(-10px)}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{animation-name:hvr-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.treetable-container{width:100%;height:auto;padding:0;margin:12px 0}table tbody .tree-row-element{animation:revealelement .3s forwards ease-in-out}table tbody .open-close-children{outline:0;border:0;display:flex;align-items:center;width:auto;height:auto;background-color:transparent;border-radius:4px;font-size:0;padding:4px 4px 4px 0;cursor:pointer}table tbody .value-button{margin-left:6px}table tbody .value-button:hover{text-decoration:underline;cursor:pointer}table tbody tr td.td-loading-childrens{border-bottom:1px solid #e6e6e6}table tbody .tr-loading-childrens{animation:revealelement .3s forwards ease-in-out}table tbody .td-loading-childrens-container{width:100%;height:35px;display:flex;align-items:center;flex-direction:row;justify-content:center}table tbody .column-more-childrens{width:auto;max-height:24px;display:flex;align-items:center}table tbody .line-path-decoration:before{content:"";height:34px;position:relative;right:.5rem;border-left:2px solid #e6e6e6}table tbody span.children-row{margin-left:8px}table tbody div.column-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between}table tbody span.container-toolbar-buttons{width:auto;height:auto;margin-left:4px}table tbody .row-toolbar{width:100%;height:auto;margin-left:4px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}

package/lib/assets/styles/treeview.css

@@ -0,0 +1 @@
+@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{animation-name:slideDownReturn}@keyframes slideDownReturn{0%{transform-origin:0 0;transform:translateY(100%)}30%{transform-origin:0 0;transform:translateY(0)}}.slideLeftReturn{animation-name:slideLeftReturn}@keyframes slideLeftReturn{0%{transform-origin:0 0;transform:translate(-100%)}30%{transform-origin:0 0;transform:translate(0)}}.slideRightReturn{animation-name:slideRightReturn}@keyframes slideRightReturn{0%{transform-origin:0 0;transform:translate(100%)}30%{transform-origin:0 0;transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{transform:translate(8px)}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{transform:translate(-10px)}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{animation-name:hvr-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.treeview-component{display:flex;flex-direction:column}.treeview-component>.treeviewcontainer{animation:revealelement .3s forwards ease-in-out;overflow:auto}.treeview-component>.treeviewcontainer.-bordered{border:1px solid #dae1e8}.treeview-component>.treeviewcontainer .opencloseicon{float:left;margin-left:-20px;cursor:pointer}.treeview-component>.treeviewcontainer .loading{margin-left:-30px;position:absolute;margin-top:-5px}.treeview-component>.treeviewheader{height:auto;min-height:35px;line-height:35px;font-size:14px;background:#fafafa;margin-left:0;border-bottom:1px solid #dae1e8}.treeview-component>.treeviewheader>.title{padding-left:10px;font-weight:300;font-size:14px;color:#333}.treeview-component>.treeviewcontainer>.treeviewitem,.nodelist>.treeviewitem{background:#fff;margin-left:26px;list-style:none;animation:revealelement .3s forwards ease-in-out}.treeview-component>.treeviewcontainer>.treeviewitem>.label,.nodelist>.treeviewitem>.label{width:auto;display:flex;justify-content:flex-start;align-items:center;min-height:25px;color:#777}.treeview-component>.treeviewcontainer>.treeviewitem>.label>.node-menu,.nodelist>.treeviewitem>.label>.node-menu{animation:revealelement .3s forwards ease-in-out;margin-left:10px}.treeview-component>.treeviewcontainer>.treeviewitem>.label>.node-rightelements,.nodelist>.treeviewitem>.label>.node-rightelements{animation:revealelement .3s forwards ease-in-out;display:flex;justify-content:flex-start;align-items:center}.treeview-component>.treeviewcontainer>.treeviewitem>.label>.node-toolbarelements,.nodelist>.treeviewitem>.label>.node-toolbarelements{animation:revealelement .3s forwards ease-in-out;width:auto;height:100%;margin-left:10px}.treeview-component>.treeviewcontainer>.treeviewitem>.label:hover,.nodelist>.treeviewitem>.label:hover{cursor:pointer;background-color:#d1d1d1;text-decoration:underline}.treeview-component>.treeviewcontainer>.treeviewitem>.nodelist,.nodelist>.treeviewitem>.nodelist{border-left:1px solid #dae1e8}.treeview-component>.treeviewcontainer>.treeviewitem>.iconcontainer,.nodelist>.treeviewitem>.iconcontainer{float:left}.nodelist>.treeviewitem>.label>.node-rightelements>.element,.treeview-component>.treeviewcontainer>.treeviewitem>.label>.node-rightelements>.element{margin-left:10px;display:flex;align-items:center;height:100%}.nodelist>.treeviewitem>.label>.node-toolbarelements>.toolbar-group>.buttonbar,.treeview-component>.treeviewcontainer>.treeviewitem>.label>.node-toolbarelements>.toolbar-group>.buttonbar{border:none}

package/lib/assets/styles/uitour.css

@@ -0,0 +1 @@
+.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{animation-name:slideDownReturn}@keyframes slideDownReturn{0%{transform-origin:0 0;transform:translateY(100%)}30%{transform-origin:0 0;transform:translateY(0)}}.slideLeftReturn{animation-name:slideLeftReturn}@keyframes slideLeftReturn{0%{transform-origin:0 0;transform:translate(-100%)}30%{transform-origin:0 0;transform:translate(0)}}.slideRightReturn{animation-name:slideRightReturn}@keyframes slideRightReturn{0%{transform-origin:0 0;transform:translate(100%)}30%{transform-origin:0 0;transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{transform:translate(8px)}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{transform:translate(-10px)}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{animation-name:hvr-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.uitour-component>.step.-right:after,.uitour-component>.step.-left:after{content:"";position:absolute;border-bottom:22px solid transparent;border-right:22px solid #fff;border-top:22px solid transparent}.uitour-component>.step.-right:before,.uitour-component>.step.-left:before{content:"";position:absolute;border-bottom:26px solid transparent;border-right:26px solid rgba(0,0,0,.6);border-top:26px solid transparent}.uitour-component{position:absolute;width:100%;height:100vh;left:0;top:0;z-index:100000000000000000000}.uitour-component>.step{background-color:#fff;position:relative;max-width:450px;display:flex;flex-direction:column;border:3px solid rgba(0,0,0,.6);border-radius:8px;padding:5px 0}.uitour-component>.step.-left{animation:slideRightToLeftWithFade .5s}.uitour-component>.step.-left:before{top:6px;left:-26px}.uitour-component>.step.-left:after{top:10px;left:-22px}.uitour-component>.step.-right{animation:slideLeftToRightWithFade .5s}.uitour-component>.step.-right:before{top:6px;right:-26px;transform:rotate(180deg)}.uitour-component>.step.-right:after{top:10px;right:-22px;transform:rotate(180deg)}.uitour-component>.step>.closebutton{align-self:flex-end;padding:0 5px 5px;line-height:0}.uitour-component>.step>.content{width:100%;padding:0 20px;margin-bottom:0;display:flex}.uitour-component>.step>.content>.number{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background-color:#49cc90;color:#fff;margin-right:10px;font-weight:700;font-size:20px;line-height:0}.uitour-component>.step>.content>.about{flex:1;margin-bottom:10px}.uitour-component>.step>.content>.about>h3{font-size:16px;font-weight:700}.uitour-component>.step>.content>.about>.description{font-size:14px;line-height:18px}.uitour-component>.step>.content>.about>.description strong{font-weight:700}.uitour-component>.step>.footer{display:flex;justify-content:flex-end;gap:10px;padding:5px 10px 10px}

package/lib/assets/styles/wizard.css

@@ -0,0 +1 @@
+.wizard-dialog .wizard-wrapper .wizard-content{display:flex!important}.wizard-dialog .wizard-wrapper .wizard-content:has(.wizard-progressbar[data-position=top]){flex-direction:column}.wizard-dialog .wizard-wrapper .wizard-content:has(.wizard-progressbar[data-position=left]){flex-direction:row}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title{font-size:16px;font-weight:600;display:flex;align-items:center;position:relative}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title[data-disabled=true]{pointer-events:none;-webkit-user-select:none;user-select:none}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title[data-disabled=true] .step .number{background-color:#dadada;border-color:#dadada}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title[data-disabled=true] .step-title{color:#dadada}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title[data-completed=true]>.step>.number{background-color:#49cc90;border-color:#49cc90}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title>.step{display:flex;flex-direction:column;align-items:center;justify-content:center}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title>.step>.number{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;width:36px;height:36px;border-radius:100%;color:#fff;background-color:#858585;z-index:1;transition:all .2s ease-in-out;border:2px solid #858585}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar>.title>.step-title{max-width:150px;overflow:hidden;font-weight:500;color:#777}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]{width:100%;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;justify-content:space-between;padding:20px;margin-bottom:20px;border-bottom:2px solid #dae1e8;gap:10px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title{flex-direction:column;flex:1;text-align:center}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:first-child .step{align-self:flex-start}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:first-child .step-title{align-self:flex-start;text-align:left}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:first-child:before{right:auto;left:45px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:last-child .step{align-self:flex-end}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:last-child .step-title{align-self:flex-end;text-align:right}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:last-child:after{left:auto;right:45px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:after,.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:before{content:"";position:absolute;height:2px;background-color:#dae1e8;top:18px;width:calc(100% - 25px);transition:all .2s ease-in-out}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:after{left:calc(50% + 18px)}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title:before{right:calc(50% + 18px)}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title[data-completed=true]:after{background-color:#49cc90!important}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title[data-completed=true]+.title:before{background-color:#49cc90!important}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title[data-completed=true]:first-child:before{background-color:#49cc90!important}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title[data-completed=true]+.title:after{background-color:#49cc90!important}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title>.step{width:54px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=top]>.title>.step-title{margin-top:6px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=left]{width:220px;display:flex;flex-direction:column;gap:30px;border-right:1px solid #ccc;padding:10px 16px 10px 10px;margin-right:10px;background-color:#fafafa}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=left]>.title{gap:10px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=left]>.title:has(+.title):after{content:"";position:absolute;bottom:-44px;left:17px;width:3px;height:calc(100% + 10px);background-color:#dadada}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=left]>.title[data-completed=true]:has(+.title):after{background-color:#49cc90!important}.wizard-dialog .wizard-wrapper .wizard-content .wizard-progressbar[data-position=left]>.title>.step{width:36px}.wizard-dialog .wizard-wrapper .wizard-content .wizard-body{overflow:auto}

package/lib/avatar/index.js

@@ -1,77 +1,57 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import v, { useRef as j } from "react";
-import b from "../icons/index.js";
-import C from "../dropdown/withDropdown.js";
-const R = ({
+import { jsxs as f, jsx as $ } from "react/jsx-runtime";
+import { useRef as C, Fragment as x } from "react";
+import y from "../icons/index.js";
+import '../assets/styles/avatar.css';/* empty css                           */
+import A from "../dropdown/withDropdown.js";
+const k = ({
   className: t,
   square: r,
-  disabled: o,
-  size: e = "default"
-}) => `avatar-component ${t}${o && "-disabled"} 
-  ${r && "-square"} ${e && `-${e}`}`, y = (t, r) => r || (t ? /* @__PURE__ */ s.jsx(b, { name: t, size: 16 }) : null), A = (t) => {
+  disabled: e,
+  size: o = "default"
+}) => `avatar-component ${t}${e && "-disabled"} 
+  ${r && "-square"} ${o && `-${o}`}`, D = (t, r) => r || (t ? /* @__PURE__ */ $(y, { name: t, size: 16 }) : null), I = (t) => {
   const {
     width: r,
-    height: o,
-    onClick: e,
-    color: $,
-    iconName: l,
-    icon: c,
+    height: e,
+    onClick: o,
+    color: h,
+    iconName: i,
+    icon: l,
     src: n,
-    srcAlt: h = "Avatar",
-    customClass: p,
-    targetRef: d,
-    label: g,
-    dropdown: i,
-    showDropdown: u,
+    srcAlt: p = "Avatar",
+    customClass: g,
+    targetRef: c,
+    label: w,
+    dropdown: s,
+    showDropdown: d,
     getDropdownPopup: m,
-    style: w,
-    id: x
-  } = t, f = j(null);
-  return /* @__PURE__ */ s.jsxs(v.Fragment, { children: [
-    /* @__PURE__ */ s.jsxs(
-      "div",
-      {
-        "data-testid": "avatar",
-        id: x,
-        onKeyPress: () => {
-        },
-        role: "button",
-        tabIndex: -1,
-        onClick: (a) => {
-          e && e(a), i && u && u();
-        },
-        ref: (a) => {
-          d && d(a), f.current = a;
-        },
-        className: `${R(t)} ${p}`,
-        style: {
-          width: `${r}`,
-          height: `${o}`,
-          backgroundColor: `${$}`,
-          cursor: `${i ? "pointer" : "normal"}`,
-          ...w
-        },
-        children: [
-          (l || c) && !n && y(l, c),
-          n && /* @__PURE__ */ s.jsx(
-            "img",
-            {
-              className: "imgavatar",
-              style: {
-                width: `${r}`,
-                height: `${o}`
-              },
-              src: n,
-              alt: h
-            }
-          ),
-          g
-        ]
-      }
-    ),
-    i && m && m(f.current)
+    style: v,
+    id: b
+  } = t, u = C(null);
+  return /* @__PURE__ */ f(x, { children: [
+    /* @__PURE__ */ f("div", { "data-testid": "avatar", id: b, onKeyPress: () => {
+    }, role: "button", tabIndex: -1, onClick: (a) => {
+      o && o(a), s && d && d();
+    }, ref: (a) => {
+      c && c(a), u.current = a;
+    }, className: `${k(t)} ${g}`, style: {
+      width: `${r}`,
+      height: `${e}`,
+      backgroundColor: `${h}`,
+      cursor: `${s ? "pointer" : "normal"}`,
+      ...v
+    }, children: [
+      (i || l) && !n && D(i, l),
+      n && /* @__PURE__ */ $("img", { className: "imgavatar", style: {
+        width: `${r}`,
+        height: `${e}`
+      }, src: n, alt: p }),
+      w
+    ] }),
+    s && m && m(u.current)
   ] });
-}, P = C(A);
+}, F = A(I);
 export {
-  P as default
+  F as default
 };
+//# sourceMappingURL=index.js.map

package/lib/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/avatar/index.tsx"],"sourcesContent":["import { Fragment, ReactElement, useRef } from 'react';\nimport Icon from '../../lib/icons';\nimport '../assets/styles/avatar.scss';\nimport withDropdown from '../dropdown/withDropdown';\nimport { IAvatarProps } from './types';\nimport { IconNames } from '../@types/Icon';\n\nconst getClass = ({\n  className, square, disabled, size = 'default',\n}: Pick<IAvatarProps, 'className' | 'square' | 'disabled' | 'size'>) => (\n  `avatar-component ${className}${disabled && '-disabled'} \n  ${square && '-square'} ${size && `-${size}`}`\n);\n\nconst getIcon = (iconName?: IconNames, icon?: ReactElement) => {\n  if (icon) {\n    return icon;\n  } else if (iconName) {\n    return <Icon name={iconName} size={16} />;\n  }\n  return null;\n};\n\nconst Avatar = (props: IAvatarProps) => {\n  const {\n    width,\n    height,\n    onClick,\n    color,\n    iconName,\n    icon,\n    src,\n    srcAlt = 'Avatar',\n    customClass,\n    targetRef,\n    label,\n    dropdown,\n    showDropdown,\n    getDropdownPopup,\n    style,\n    id,\n  } = props;\n  const dropdownRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <Fragment>\n      <div\n        data-testid=\"avatar\"\n        id={id}\n        onKeyPress={() => {}}\n        role=\"button\"\n        tabIndex={-1}\n        onClick={(event) => {\n          if (onClick) onClick(event);\n          if (dropdown && showDropdown) showDropdown();\n        }}\n        ref={(r) => {\n          if (targetRef) targetRef(r);\n          dropdownRef.current = r;\n        }}\n        className={`${getClass(props)} ${customClass}`}\n        style={{\n          width: `${width}`,\n          height: `${height}`,\n          backgroundColor: `${color}`,\n          cursor: `${dropdown ? 'pointer' : 'normal'}`,\n          ...style,\n        }}>\n        {(iconName || icon) && !src && getIcon(iconName, icon)}\n        {src &&\n          <img\n            className=\"imgavatar\"\n            style={{\n              width: `${width}`,\n              height: `${height}`,\n            }}\n            src={src}\n            alt={srcAlt} />\n        }\n        {label}\n      </div>\n      {dropdown && getDropdownPopup && getDropdownPopup(dropdownRef.current) }\n    </Fragment>\n  );\n};\n\nexport default withDropdown(Avatar);\n"],"names":["getClass","className","square","disabled","size","getIcon","iconName","icon","jsx","Icon","Avatar","props","width","height","onClick","color","src","srcAlt","customClass","targetRef","label","dropdown","showDropdown","getDropdownPopup","style","id","dropdownRef","useRef","Fragment","jsxs","event","r","current","backgroundColor","cursor","Avatar$1","withDropdown"],"mappings":";;;;;AAOA,MAAMA,IAAWA,CAAC;AAAA,EAChBC,WAAAA;AAAAA,EAAWC,QAAAA;AAAAA,EAAQC,UAAAA;AAAAA,EAAUC,MAAAA,IAAO;AAC4B,MAChE,oBAAoBH,CAAS,GAAGE,KAAY,WAAW;AAAA,IACrDD,KAAU,SAAS,IAAIE,KAAQ,IAAIA,CAAI,EAAE,IAGvCC,IAAUA,CAACC,GAAsBC,MACjCA,MAEOD,IACF,gBAAAE,EAACC,GAAA,EAAK,MAAMH,GAAU,MAAM,IAAG,IAEjC,OAGHI,IAASA,CAACC,MAAwB;AACtC,QAAM;AAAA,IACJC,OAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAT,UAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAS,KAAAA;AAAAA,IACAC,QAAAA,IAAS;AAAA,IACTC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,IAAAA;AAAAA,EAAAA,IACEd,GACEe,IAAcC,EAA8B,IAAI;AAEtD,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACC,eAAY,UACZ,IAAAJ,GACA,YAAY,MAAM;AAAA,IAAC,GACnB,MAAK,UACL,UAAU,IACV,SAAUK,CAAAA,MAAU;AAClB,MAAIhB,OAAiBgB,CAAK,GACtBT,KAAYC,KAAcA,EAAAA;AAAAA,IAChC,GACA,KAAMS,CAAAA,MAAM;AACV,MAAIZ,OAAqBY,CAAC,GAC1BL,EAAYM,UAAUD;AAAAA,IACxB,GACA,WAAW,GAAG/B,EAASW,CAAK,CAAC,IAAIO,CAAW,IAC5C,OAAO;AAAA,MACLN,OAAO,GAAGA,CAAK;AAAA,MACfC,QAAQ,GAAGA,CAAM;AAAA,MACjBoB,iBAAiB,GAAGlB,CAAK;AAAA,MACzBmB,QAAQ,GAAGb,IAAW,YAAY,QAAQ;AAAA,MAC1C,GAAGG;AAAAA,IAAAA,GAEHlB,UAAAA;AAAAA,OAAAA,KAAYC,MAAS,CAACS,KAAOX,EAAQC,GAAUC,CAAI;AAAA,MACpDS,KACC,gBAAAR,EAAC,OAAA,EACC,WAAU,aACV,OAAO;AAAA,QACLI,OAAO,GAAGA,CAAK;AAAA,QACfC,QAAQ,GAAGA,CAAM;AAAA,MAAA,GAEnB,KAAAG,GACA,KAAKC,GAAO;AAAA,MAEfG;AAAAA,IAAAA,GACH;AAAA,IACCC,KAAYE,KAAoBA,EAAiBG,EAAYM,OAAO;AAAA,EAAA,GACvE;AAEJ,GAEAG,IAAeC,EAAa1B,CAAM;"}

package/lib/badge/index.js

@@ -1,26 +1,30 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
-const p = (t) => {
-  const {
-    color: e = "default",
-    customClass: o,
-    customClassForBadge: a,
-    children: r,
-    content: c,
-    top: n = "-16px",
-    right: l = "-11px"
-  } = t;
-  return /* @__PURE__ */ s.jsxs("div", { className: `badge-component ${o}`, children: [
-    r,
-    /* @__PURE__ */ s.jsx(
-      "span",
-      {
-        className: `badge -${e} ${a}`,
-        style: { top: `${n}`, right: `${l}` },
-        children: c
-      }
-    )
-  ] });
+import { jsx as v, jsxs as b } from "react/jsx-runtime";
+import { c as j } from "../_virtual/compiler-runtime.js";
+import '../assets/styles/badge.css';/* empty css                          */
+const y = (f) => {
+  const t = j.c(11), {
+    color: d,
+    customClass: g,
+    customClassForBadge: h,
+    children: c,
+    content: n,
+    top: p,
+    right: m
+  } = f, u = d === void 0 ? "default" : d, x = p === void 0 ? "-16px" : p, $ = m === void 0 ? "-11px" : m, l = `badge-component ${g}`, r = `badge -${u} ${h}`, i = `${x}`, a = `${$}`;
+  let o;
+  t[0] !== i || t[1] !== a ? (o = {
+    top: i,
+    right: a
+  }, t[0] = i, t[1] = a, t[2] = o) : o = t[2];
+  let s;
+  t[3] !== n || t[4] !== r || t[5] !== o ? (s = /* @__PURE__ */ v("span", { className: r, style: o, children: n }), t[3] = n, t[4] = r, t[5] = o, t[6] = s) : s = t[6];
+  let e;
+  return t[7] !== c || t[8] !== l || t[9] !== s ? (e = /* @__PURE__ */ b("div", { className: l, children: [
+    c,
+    s
+  ] }), t[7] = c, t[8] = l, t[9] = s, t[10] = e) : e = t[10], e;
 };
 export {
-  p as default
+  y as default
 };
+//# sourceMappingURL=index.js.map

package/lib/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/badge/index.tsx"],"sourcesContent":["import '../assets/styles/badge.scss';\nimport { IBadgeProps } from './types';\n\nconst Badge = (props: IBadgeProps) => {\n  const {\n    color = 'default',\n    customClass,\n    customClassForBadge,\n    children,\n    content,\n    top = '-16px',\n    right = '-11px',\n  } = props;\n\n  return (\n    <div className={`badge-component ${customClass}`}>\n      {children}\n      <span\n        className={`badge -${color} ${customClassForBadge}`}\n        style={{ top: `${top}`, right: `${right}` }}>\n        {content}\n      </span>\n    </div>\n  );\n};\n\nexport default Badge;\n"],"names":["Badge","props","$","_c","color","t0","customClass","customClassForBadge","children","content","top","t1","right","t2","undefined","t3","t4","t5","t6","t7","t8","t9","jsxs"],"mappings":";;;AAGA,MAAMA,IAAQC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACZ;AAAA,IAAAC,OAAAC;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,qBAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,KAAAC;AAAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAQIZ,GAPFG,IAAAC,MAAAS,SAAA,YAAAT,GAKAK,IAAAC,MAAAG,SAAA,UAAAH,GACAC,IAAAC,MAAAC,SAAA,UAAAD,GAIgBE,IAAA,mBAAmBT,CAAW,IAG/BU,IAAA,UAAUZ,CAAK,IAAIG,CAAmB,IACnCU,IAAA,GAAGP,CAAG,IAAWQ,IAAA,GAAGN,CAAK;AAAE,MAAAO;AAAA,EAAAjB,EAAA,CAAA,MAAAe,KAAAf,SAAAgB,KAAlCC,IAAA;AAAA,IAAAT,KAAOO;AAAAA,IAAQL,OAASM;AAAAA,EAAAA,GAAYhB,OAAAe,GAAAf,OAAAgB,GAAAhB,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAkB;AAAA,EAAAlB,EAAA,CAAA,MAAAO,KAAAP,SAAAc,KAAAd,EAAA,CAAA,MAAAiB,KAF7CC,gCACa,WAAAJ,GACJ,OAAAG,GACNV,UAAAA,GACH,GAAOP,OAAAO,GAAAP,OAAAc,GAAAd,OAAAiB,GAAAjB,OAAAkB,KAAAA,IAAAlB,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAM,KAAAN,SAAAa,KAAAb,EAAA,CAAA,MAAAkB,KANTC,IAAA,gBAAAC,EAAA,OAAA,EAAgB,WAAAP,GACbP,UAAAA;AAAAA,IAAAA;AAAAA,IACDY;AAAAA,EAAAA,GAKF,GAAMlB,OAAAM,GAAAN,OAAAa,GAAAb,OAAAkB,GAAAlB,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA,GAPNmB;AAOM;"}

package/lib/buttons/ActivateButton.js

@@ -1,6 +1,12 @@
-import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import m from "./Button.js";
-const s = (t) => /* @__PURE__ */ o.jsx(m, { ...t, iconName: "undo" });
+import { jsx as m } from "react/jsx-runtime";
+import { c as r } from "../_virtual/compiler-runtime.js";
+import i from "./Button.js";
+const a = (e) => {
+  const t = r.c(2);
+  let o;
+  return t[0] !== e ? (o = /* @__PURE__ */ m(i, { ...e, iconName: "undo" }), t[0] = e, t[1] = o) : o = t[1], o;
+};
 export {
-  s as default
+  a as default
 };
+//# sourceMappingURL=ActivateButton.js.map

package/lib/buttons/ActivateButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivateButton.js","sources":["../../src/lib/buttons/ActivateButton.tsx"],"sourcesContent":["import Button from './Button';\nimport { IButtonProps } from './types';\n\nconst ActivateButton = (props: IButtonProps) => <Button {...props} iconName=\"undo\" />;\n\nexport default ActivateButton;\n"],"names":["ActivateButton","props","$","_c","t0","jsx","Button"],"mappings":";;;AAGA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAD,KAAyBG,IAAA,gBAAAC,EAACC,GAAA,EAAM,GAAKL,GAAgB,UAAA,QAAM,GAAGC,OAAAD,GAAAC,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAArCE;AAAqC;"}

package/lib/buttons/AddButton.js

@@ -1,7 +1,15 @@
-import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import r from "./SuccessButton.js";
-import s from "../icons/index.js";
-const i = (t) => /* @__PURE__ */ o.jsx(r, { ...t, icon: /* @__PURE__ */ o.jsx(s, { name: "new_file", color: "white" }) });
+import { jsx as r } from "react/jsx-runtime";
+import { c } from "../_virtual/compiler-runtime.js";
+import i from "./SuccessButton.js";
+import n from "../icons/index.js";
+const u = (m) => {
+  const t = c.c(3);
+  let e;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ r(n, { name: "new_file", color: "white" }), t[0] = e) : e = t[0];
+  let o;
+  return t[1] !== m ? (o = /* @__PURE__ */ r(i, { ...m, icon: e }), t[1] = m, t[2] = o) : o = t[2], o;
+};
 export {
-  i as default
+  u as default
 };
+//# sourceMappingURL=AddButton.js.map

package/lib/buttons/AddButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddButton.js","sources":["../../src/lib/buttons/AddButton.tsx"],"sourcesContent":["import SuccessButton from './SuccessButton';\nimport Icon from '../icons';\nimport { IButtonProps } from './types';\n\nconst AddButton = (props: IButtonProps) =>\n  <SuccessButton {...props} icon={<Icon name=\"new_file\" color=\"white\" />} />;\n\nexport default AddButton;\n"],"names":["AddButton","props","$","_c","t0","Symbol","for","jsx","Icon","t1","SuccessButton"],"mappings":";;;;AAIA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KACgBF,IAAA,gBAAAG,EAACC,GAAA,EAAU,MAAA,YAAiB,OAAA,SAAO,GAAGN,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,SAAAD,KAAtEQ,IAAA,gBAAAF,EAACG,GAAA,EAAa,GAAKT,GAAa,MAAAG,GAAsC,GAAIF,OAAAD,GAAAC,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAA1EO;AAA0E;"}

package/lib/buttons/Button.js

@@ -1,8 +1,20 @@
-import { j as t } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { Fragment as m } from "react";
-import s from "./DefaultButton.js";
-import f from "./split_button/index.js";
-const e = ({ split: r = !1, ...o }) => /* @__PURE__ */ t.jsx(m, { children: r ? /* @__PURE__ */ t.jsx(f, { ...o }) : /* @__PURE__ */ t.jsx(s, { ...o }) });
+import { jsx as m } from "react/jsx-runtime";
+import { c as s } from "../_virtual/compiler-runtime.js";
+import { Fragment as p } from "react";
+import f from "./DefaultButton.js";
+import n from "./split_button/index.js";
+const B = (i) => {
+  const t = s.c(6);
+  let o, r;
+  t[0] !== i ? ({
+    split: r,
+    ...o
+  } = i, t[0] = i, t[1] = o, t[2] = r) : (o = t[1], r = t[2]);
+  const l = r === void 0 ? !1 : r;
+  let e;
+  return t[3] !== o || t[4] !== l ? (e = /* @__PURE__ */ m(p, { children: l ? /* @__PURE__ */ m(n, { ...o }) : /* @__PURE__ */ m(f, { ...o }) }), t[3] = o, t[4] = l, t[5] = e) : e = t[5], e;
+};
 export {
-  e as default
+  B as default
 };
+//# sourceMappingURL=Button.js.map

package/lib/buttons/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/lib/buttons/Button.tsx"],"sourcesContent":["import { Fragment } from 'react';\nimport DefaultButton from './DefaultButton';\nimport SplitButton from './split_button';\nimport { IButtonProps } from './types';\n\ninterface ButtonProps extends IButtonProps {\n  split?: boolean;\n}\n\nconst Button = ({ split = false, ...rest }: ButtonProps) => (\n  <Fragment>\n    {split ?\n      <SplitButton {...rest} /> :\n      <DefaultButton {...rest} />\n    }\n  </Fragment>\n);\n\nexport default Button;\n"],"names":["Button","t0","$","_c","rest","t1","split","undefined","t2","jsx","Fragment","SplitButton","DefaultButton"],"mappings":";;;;;AASA,MAAMA,IAASC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC,GAAAC;AAAA,EAAAH,SAAAD,KAAC;AAAA,IAAAK,OAAAD;AAAAA,IAAA,GAAAD;AAAAA,EAAAA,IAAAH,GAAuCC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,MAAAD,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA;AAArC,QAAAI,IAAAD,MAAAE,SAAA,KAAAF;AAAa,MAAAG;AAAA,SAAAN,EAAA,CAAA,MAAAE,KAAAF,SAAAI,KAC7BE,IAAA,gBAAAC,EAACC,GAAA,EACEJ,UAAAA,IACC,gBAAAG,EAACE,GAAA,EAAW,GAAKP,EAAAA,KACjB,gBAAAK,EAACG,GAAA,EAAa,GAAKR,EAAAA,IAEvB,GAAWF,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAM,KAAAA,IAAAN,EAAA,CAAA,GALXM;AAKW;"}

package/lib/buttons/CancelButton.js

@@ -1,6 +1,17 @@
-import { j as r } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import s from "./Button.js";
-const a = ({ customClass: t, ...o }) => /* @__PURE__ */ r.jsx(s, { customClass: t, ...o });
+import { jsx as l } from "react/jsx-runtime";
+import { c as m } from "../_virtual/compiler-runtime.js";
+import c from "./Button.js";
+const p = (s) => {
+  const t = m.c(6);
+  let e, o;
+  t[0] !== s ? ({
+    customClass: e,
+    ...o
+  } = s, t[0] = s, t[1] = e, t[2] = o) : (e = t[1], o = t[2]);
+  let r;
+  return t[3] !== e || t[4] !== o ? (r = /* @__PURE__ */ l(c, { customClass: e, ...o }), t[3] = e, t[4] = o, t[5] = r) : r = t[5], r;
+};
 export {
-  a as default
+  p as default
 };
+//# sourceMappingURL=CancelButton.js.map

package/lib/buttons/CancelButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelButton.js","sources":["../../src/lib/buttons/CancelButton.tsx"],"sourcesContent":["import Button from './Button';\nimport { IButtonProps } from './types';\n\nconst CancelButton = ({ customClass, ...rest }: IButtonProps) =>\n  <Button customClass={customClass} {...rest} />;\n\nexport default CancelButton;\n"],"names":["CancelButton","t0","$","_c","customClass","rest","t1","jsx","Button"],"mappings":";;;AAGA,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC,GAAAC;AAAA,EAAAH,SAAAD,KAAC;AAAA,IAAAG,aAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAAAJ,GAAsCC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,MAAAD,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA;AAAA,MAAAI;AAAA,SAAAJ,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAC1DC,IAAA,gBAAAC,EAACC,GAAA,EAAoBJ,aAAAA,GAAW,GAAMC,EAAAA,CAAI,GAAIH,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,KAAAA,IAAAJ,EAAA,CAAA,GAA9CI;AAA8C;"}

package/lib/buttons/DangerButton.js

@@ -1,6 +1,18 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import r from "./Button.js";
-const n = ({ customClass: t, ...o }) => /* @__PURE__ */ s.jsx(r, { customClass: `-danger ${t}`, ...o });
+import { jsx as l } from "react/jsx-runtime";
+import { c as n } from "../_virtual/compiler-runtime.js";
+import c from "./Button.js";
+const f = (r) => {
+  const t = n.c(6);
+  let s, o;
+  t[0] !== r ? ({
+    customClass: s,
+    ...o
+  } = r, t[0] = r, t[1] = s, t[2] = o) : (s = t[1], o = t[2]);
+  const m = `-danger ${s}`;
+  let e;
+  return t[3] !== o || t[4] !== m ? (e = /* @__PURE__ */ l(c, { customClass: m, ...o }), t[3] = o, t[4] = m, t[5] = e) : e = t[5], e;
+};
 export {
-  n as default
+  f as default
 };
+//# sourceMappingURL=DangerButton.js.map

package/lib/buttons/DangerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DangerButton.js","sources":["../../src/lib/buttons/DangerButton.tsx"],"sourcesContent":["import { IButtonProps } from './types';\nimport Button from './Button';\n\nconst DangerButton = ({ customClass, ...rest }: IButtonProps) => (\n  <Button customClass={`-danger ${customClass}`} {...rest} />\n);\n\nexport default DangerButton;\n"],"names":["DangerButton","t0","$","_c","customClass","rest","t1","t2","jsx","Button"],"mappings":";;;AAGA,MAAMA,IAAeC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC,GAAAC;AAAA,EAAAH,SAAAD,KAAC;AAAA,IAAAG,aAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAAAJ,GAAsCC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,MAAAD,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA;AACrC,QAAAI,IAAA,WAAWF,CAAW;AAAE,MAAAG;AAAA,SAAAL,EAAA,CAAA,MAAAG,KAAAH,SAAAI,KAA7CC,IAAA,gBAAAC,EAACC,GAAA,EAAoB,aAAAH,GAAwB,GAAMD,GAAI,GAAIH,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAA3DK;AAA2D;"}