@code0-tech/pictor 0.11.0 → 0.12.0

package/dist/assets/components/avatar/Avatar.style.css

@@ -1 +1 @@
-.avatar{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%}.avatar{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;background:transparent;box-shadow:none}.avatar--image{padding:0}.avatar--identicon>div>div{--color: inherit;background:#201e2c}.avatar--identicon>div>div>span,.avatar--identicon>div>div>p{color:var(--color)}
+.avatar{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;background:transparent;box-shadow:none}.avatar--image{padding:0}.avatar--identicon>div>div{--color: inherit;background:transparent;width:calc(var(--size) * 1px);height:calc(var(--size) * 1px)}.avatar--identicon>div>div>span>svg{width:calc(var(--size) * 1px);height:calc(var(--size) * 1px)}.avatar--identicon>div>div>span,.avatar--identicon>div>div>p{color:var(--color);font-size:calc(var(--size) * 1px)}

package/dist/assets/components/card/Card.style.css

@@ -1 +1 @@
-.card{display:block;position:relative;font-size:.8rem}.card{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.card>.card__section>img{border-radius:.5rem}.card>.card__section--border:first-child{margin-top:calc(-1 * var(--padding));border-top:none}.card>.card__section--border:not(:has(~.card__section)){margin-bottom:calc(-1 * var(--padding));border-bottom:none}.card *.card__section>img{border-radius:.5rem}.card__section{position:relative;box-sizing:border-box}.card__section--border{margin-right:calc(-1 * var(--padding));margin-left:calc(-1 * var(--padding));padding:var(--padding);border-top:1px solid rgba(191,191,191,.1);border-bottom:1px solid rgba(191,191,191,.1)}.card__section--border+.card__section--border{border-top:none}.card__section--hover{cursor:pointer}.card__section--hover:hover{background:#100e1d}.card__section:first-child{border-top-left-radius:1rem;border-top-right-radius:1rem}.card__section:last-child{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.card--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--primary.card--none{background:transparent;border-color:transparent}.card--primary.card--filled{border-color:transparent}.card--primary.card--outlined{background:transparent}.card--primary.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--primary.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--primary.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--primary.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--primary.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--primary.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--primary.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--outline-primary{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(191,191,191,.1) solid 1px}.card--border-primary{box-shadow:1px solid #bfbfbf1a}.card--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--secondary.card--none{background:transparent;border-color:transparent}.card--secondary.card--filled{border-color:transparent}.card--secondary.card--outlined{background:transparent}.card--secondary.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--secondary.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--secondary.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--secondary.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--secondary.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--secondary.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--secondary.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--outline-secondary{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(191,191,191,.1) solid 1px}.card--border-secondary{box-shadow:1px solid #bfbfbf1a}.card--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--tertiary.card--none{background:transparent;border-color:transparent}.card--tertiary.card--filled{border-color:transparent}.card--tertiary.card--outlined{background:transparent}.card--tertiary.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--tertiary.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--tertiary.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--tertiary.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--tertiary.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--tertiary.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--tertiary.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--outline-tertiary{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(255,255,255,.1) solid 1px}.card--border-tertiary{box-shadow:1px solid #ffffff1a}.card--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--success.card--none{background:transparent;border-color:transparent}.card--success.card--filled{border-color:transparent}.card--success.card--outlined{background:transparent}.card--success.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--success.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--success.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--success.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--success.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--success.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--success.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--outline-success{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(41,191,18,.1) solid 1px}.card--border-success{box-shadow:1px solid #29bf121a}.card--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--warning.card--none{background:transparent;border-color:transparent}.card--warning.card--filled{border-color:transparent}.card--warning.card--outlined{background:transparent}.card--warning.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--warning.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--warning.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--warning.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--warning.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--warning.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--warning.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--outline-warning{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(255,190,11,.1) solid 1px}.card--border-warning{box-shadow:1px solid #ffbe0b1a}.card--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--error.card--none{background:transparent;border-color:transparent}.card--error.card--filled{border-color:transparent}.card--error.card--outlined{background:transparent}.card--error.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--error.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--error.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--error.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--error.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--error.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--error.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--outline-error{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(217,4,41,.1) solid 1px}.card--border-error{box-shadow:1px solid #d904291a}.card--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--info.card--none{background:transparent;border-color:transparent}.card--info.card--filled{border-color:transparent}.card--info.card--outlined{background:transparent}.card--info.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--info.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--info.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--info.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--info.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--info.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--info.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--outline-info{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(112,255,178,.1) solid 1px}.card--border-info{box-shadow:1px solid #70ffb21a}.card--border--dashed{border-style:dashed}.card--xxs{--padding: .35rem;padding:var(--padding)}.card--xs{--padding: .7rem;padding:var(--padding)}.card--sm{--padding: .8rem;padding:var(--padding)}.card--md{--padding: 1rem;padding:var(--padding)}.card--lg{--padding: 1.2rem;padding:var(--padding)}.card--xl{--padding: 1.3rem;padding:var(--padding)}
+.card{display:block;position:relative;font-size:.8rem}.card{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.card>.card__section>img{border-radius:.5rem}.card>.card__section--border:first-child{margin-top:calc(-1 * var(--padding));border-top:none}.card>.card__section--border:not(:has(~.card__section)){margin-bottom:calc(-1 * var(--padding));border-bottom:none}.card *.card__section>img{border-radius:.5rem}.card__section{position:relative;box-sizing:border-box}.card__section--border{margin-right:calc(-1 * var(--padding));margin-left:calc(-1 * var(--padding));padding:var(--padding);border-top:1px solid rgba(191,191,191,.1);border-bottom:1px solid rgba(191,191,191,.1)}.card__section--border+.card__section--border{border-top:none}.card__section--hover{cursor:pointer}.card__section--hover:hover{background:#100e1d}.card__section:first-child{border-top-left-radius:1rem;border-top-right-radius:1rem}.card__section:last-child{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.card--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--primary.card--none{background:transparent;border-color:transparent}.card--primary.card--filled{border-color:transparent}.card--primary.card--outlined{background:transparent}.card--primary.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--primary.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--primary.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--primary.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--primary.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--primary.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--primary.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--primary.card--clickable:hover{background:#bfbfbf26;box-shadow:inset 0 1px 1px #bfbfbf1a}.card--primary.card--clickable:active,.card--primary.card--clickable:focus,.card--primary.card--clickable[aria-selected=true],.card--primary.card--clickable[data-state=open]{background:#bfbfbf33;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.card--primary.card--clickable{cursor:pointer}.card--outline-primary{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(191,191,191,.1) solid 1px}.card--border-primary{box-shadow:1px solid #bfbfbf1a}.card--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--secondary.card--none{background:transparent;border-color:transparent}.card--secondary.card--filled{border-color:transparent}.card--secondary.card--outlined{background:transparent}.card--secondary.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--secondary.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--secondary.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--secondary.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--secondary.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--secondary.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--secondary.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--secondary.card--clickable:hover{background:#23212e;box-shadow:inset 0 1px 1px #bfbfbf1a}.card--secondary.card--clickable:active,.card--secondary.card--clickable:focus,.card--secondary.card--clickable[aria-selected=true],.card--secondary.card--clickable[data-state=open]{background:#2c2a36;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.card--secondary.card--clickable{cursor:pointer}.card--outline-secondary{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(191,191,191,.1) solid 1px}.card--border-secondary{box-shadow:1px solid #bfbfbf1a}.card--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--tertiary.card--none{background:transparent;border-color:transparent}.card--tertiary.card--filled{border-color:transparent}.card--tertiary.card--outlined{background:transparent}.card--tertiary.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--tertiary.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--tertiary.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--tertiary.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--tertiary.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--tertiary.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--tertiary.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--tertiary.card--clickable:hover{background:#2c2b37;box-shadow:inset 0 1px 1px #bfbfbf1a}.card--tertiary.card--clickable:active,.card--tertiary.card--clickable:focus,.card--tertiary.card--clickable[aria-selected=true],.card--tertiary.card--clickable[data-state=open]{background:#393743;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.card--tertiary.card--clickable{cursor:pointer}.card--outline-tertiary{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(255,255,255,.1) solid 1px}.card--border-tertiary{box-shadow:1px solid #ffffff1a}.card--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--success.card--none{background:transparent;border-color:transparent}.card--success.card--filled{border-color:transparent}.card--success.card--outlined{background:transparent}.card--success.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--success.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--success.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--success.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--success.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--success.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--success.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--success.card--clickable:hover{background:#0c2114;box-shadow:inset 0 1px 1px #bfbfbf1a}.card--success.card--clickable:active,.card--success.card--clickable:focus,.card--success.card--clickable[aria-selected=true],.card--success.card--clickable[data-state=open]{background:#0e2a14;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.card--success.card--clickable{cursor:pointer}.card--outline-success{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(41,191,18,.1) solid 1px}.card--border-success{box-shadow:1px solid #29bf121a}.card--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--warning.card--none{background:transparent;border-color:transparent}.card--warning.card--filled{border-color:transparent}.card--warning.card--outlined{background:transparent}.card--warning.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--warning.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--warning.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--warning.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--warning.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--warning.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--warning.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--warning.card--clickable:hover{background:#2c2113;box-shadow:inset 0 1px 1px #bfbfbf1a}.card--warning.card--clickable:active,.card--warning.card--clickable:focus,.card--warning.card--clickable[aria-selected=true],.card--warning.card--clickable[data-state=open]{background:#392a12;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.card--warning.card--clickable{cursor:pointer}.card--outline-warning{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(255,190,11,.1) solid 1px}.card--border-warning{box-shadow:1px solid #ffbe0b1a}.card--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--error.card--none{background:transparent;border-color:transparent}.card--error.card--filled{border-color:transparent}.card--error.card--outlined{background:transparent}.card--error.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--error.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--error.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--error.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--error.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--error.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--error.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--error.card--clickable:hover{background:#270517;box-shadow:inset 0 1px 1px #bfbfbf1a}.card--error.card--clickable:active,.card--error.card--clickable:focus,.card--error.card--clickable[aria-selected=true],.card--error.card--clickable[data-state=open]{background:#310518;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.card--error.card--clickable{cursor:pointer}.card--outline-error{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(217,4,41,.1) solid 1px}.card--border-error{box-shadow:1px solid #d904291a}.card--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--info.card--none{background:transparent;border-color:transparent}.card--info.card--filled{border-color:transparent}.card--info.card--outlined{background:transparent}.card--info.card--gradient-primary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #070514}.card--info.card--gradient-secondary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #191825}.card--info.card--gradient-tertiary{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201e2c}.card--info.card--gradient-success{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #0a1814}.card--info.card--gradient-warning{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #201813}.card--info.card--gradient-error{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #1c0516}.card--info.card--gradient-info{box-shadow:inset 0 0 calc(var(--padding) * 2) calc(var(--padding) / 2) #121e24}.card--info.card--clickable:hover{background:#172b2c;box-shadow:inset 0 1px 1px #bfbfbf1a}.card--info.card--clickable:active,.card--info.card--clickable:focus,.card--info.card--clickable[aria-selected=true],.card--info.card--clickable[data-state=open]{background:#1c3734;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.card--info.card--clickable{cursor:pointer}.card--outline-info{outline-offset:calc(var(--padding) / 3);margin:calc(var(--padding) / 3);outline:rgba(112,255,178,.1) solid 1px}.card--border-info{box-shadow:1px solid #70ffb21a}.card--border--dashed{border-style:dashed}.card--xxs{--padding: .35rem;padding:var(--padding)}.card--xs{--padding: .7rem;padding:var(--padding)}.card--sm{--padding: .8rem;padding:var(--padding)}.card--md{--padding: 1rem;padding:var(--padding)}.card--lg{--padding: 1.2rem;padding:var(--padding)}.card--xl{--padding: 1.3rem;padding:var(--padding)}

package/dist/assets/components/context-menu/ContextMenu.style.css

@@ -1 +1 @@
-.context-menu__content,.context-menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box;z-index:999}.context-menu__content,.context-menu__sub-content{border-radius:1rem}.context-menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.context-menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.context-menu__item,.context-menu__sub-trigger{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.context-menu__item,.context-menu__sub-trigger{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__item:focus,.context-menu__sub-trigger:focus{outline:none}.context-menu__item,.context-menu__sub-trigger{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.context-menu__item:disabled,.context-menu__item[data-disabled],.context-menu__item[aria-disabled=true],.context-menu__item--disabled,.context-menu__sub-trigger:disabled,.context-menu__sub-trigger[data-disabled],.context-menu__sub-trigger[aria-disabled=true],.context-menu__sub-trigger--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.context-menu__item,.context-menu__sub-trigger{box-shadow:none}.context-menu__item:focus,.context-menu__item[data-focus=true],.context-menu__sub-trigger:focus,.context-menu__sub-trigger[data-focus=true]{background:#201e2c;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.context-menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}.context-menu__content--primary,.context-menu__sub-content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--secondary,.context-menu__sub-content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--tertiary,.context-menu__sub-content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--success,.context-menu__sub-content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--warning,.context-menu__sub-content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--error,.context-menu__sub-content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--info,.context-menu__sub-content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}
+.context-menu__content,.context-menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box;z-index:999;max-height:var(--radix-popper-available-height, 100vh);display:flex;flex-direction:column}.context-menu__content,.context-menu__sub-content{border-radius:1rem}.context-menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.context-menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.context-menu__item,.context-menu__sub-trigger{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.context-menu__item,.context-menu__sub-trigger{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__item:focus,.context-menu__sub-trigger:focus{outline:none}.context-menu__item,.context-menu__sub-trigger{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.context-menu__item:disabled,.context-menu__item[data-disabled],.context-menu__item[aria-disabled=true],.context-menu__item--disabled,.context-menu__sub-trigger:disabled,.context-menu__sub-trigger[data-disabled],.context-menu__sub-trigger[aria-disabled=true],.context-menu__sub-trigger--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.context-menu__item,.context-menu__sub-trigger{box-shadow:none}.context-menu__item:focus,.context-menu__item[data-focus=true],.context-menu__sub-trigger:focus,.context-menu__sub-trigger[data-focus=true]{background:#201e2c;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.context-menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}.context-menu__content--primary,.context-menu__sub-content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--secondary,.context-menu__sub-content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--tertiary,.context-menu__sub-content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--success,.context-menu__sub-content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--warning,.context-menu__sub-content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--error,.context-menu__sub-content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--info,.context-menu__sub-content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}

package/dist/assets/components/data-table/DataTable.style.css

@@ -1 +1 @@
-.data-table{width:100%;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;border-spacing:0}.data-table__row td{border-bottom:.5px solid rgba(191,191,191,.1);border-top:.5px solid rgba(191,191,191,.1);padding:.7rem .35rem}.data-table__row:hover{background:#191825;cursor:pointer}.data-table__row td:last-child{width:1px;white-space:nowrap}
+.data-table{width:100%;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;border-spacing:0}.data-table__header th{text-align:left;padding:.7rem 0;border-bottom:.5px solid rgba(191,191,191,.1)}.data-table__header th:last-child{width:1px;white-space:nowrap}.data-table__row td{border-bottom:.5px solid rgba(191,191,191,.1);border-top:.5px solid rgba(191,191,191,.1);padding:.7rem 0}.data-table__row:hover{background:#ffffff0d;cursor:pointer}.data-table__row:active{background:#ffffff1a}.data-table__row td:last-child{width:1px;white-space:nowrap}.data-table__pagination{display:flex;align-items:center;justify-content:space-between;gap:.7rem}

package/dist/assets/components/form/Input.style.css

@@ -1 +1 @@
-.input{display:flex;z-index:1;align-items:center;box-sizing:border-box}.input{background:#201e2c;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.input:hover{background:#bfbfbf26;box-shadow:inset 0 1px 1px #ffffff1a}.input:active,.input:focus,.input[aria-selected=true],.input[data-state=open]{background:#bfbfbf33;box-shadow:inset 0 1px 1px #ffffff1a;outline:none}.input{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.input:has(.input__control:focus),.input:has(.input__control[contenteditable=true]:focus){background:#bfbfbf33;box-shadow:inset 0 1px 1px #ffffff1a;outline:none}.input--not-valid{background:#1c0516;box-shadow:inset 0 1px 1px #d904291a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.input__left,.input__right{display:flex;align-items:stretch;margin:.175rem;gap:.7rem}.input__left>button,.input__right>button{height:100%;padding-left:0;padding-right:0}.input__left--action,.input__right--action{padding:0}.input__left--placeholder,.input__right--placeholder{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:.825rem;padding:.7rem;box-shadow:none}.input__left{padding-left:.7rem}.input__left--icon{align-items:center}.input__right{padding-right:.7rem}.input__right--icon{align-items:center}.input__control{background:none;box-shadow:none;border:none;outline:none;margin:.7rem;vertical-align:middle;flex:1;width:100%;font-size:.8rem;box-sizing:border-box;color:#ffffff80}.input__control{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__token{display:inline-flex;align-items:center;vertical-align:middle;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__label{text-transform:uppercase;color:#ffffff80;font-size:.7rem;display:block}.input__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__description{color:#ffffff80;font-size:.8rem;margin:.35rem 0 .7rem;display:block}.input__description{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message{z-index:0;display:flex;align-items:center;font-size:.8rem;gap:.35rem;margin-top:.7rem}.input__message{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;color:#ffffffbf;box-shadow:none}.input__message>svg{width:1rem;height:1rem;min-width:1rem;min-height:1rem}.pin-input{display:flex;justify-content:space-between;gap:.7rem;position:relative;background:transparent}.pin-input__field{flex:1;width:100%;aspect-ratio:1/1;text-align:center}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.radio-input{background:transparent!important;box-shadow:none!important;display:flex;align-items:center;box-sizing:border-box;gap:.35rem;position:relative}.radio-input__button{top:-1px;width:18px;height:18px;padding:.35rem}.radio-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.radio-input__button:active,.radio-input__button:focus,.radio-input__button[aria-selected=true],.radio-input__button[data-state=open]{background:#2c2a36;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.radio-input__button{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.radio-input__button:disabled,.radio-input__button[data-disabled],.radio-input__button[aria-disabled=true],.radio-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.radio-input__button{border-radius:1rem}.radio-input__button[data-state=checked]{background:#2c2a36;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.radio-input__indicator{height:100%;position:relative;display:block;aspect-ratio:1/1}.radio-input__indicator[data-state=checked]{background-color:#70ffb2}.radio-input__indicator[data-state=checked]{border-radius:1rem}.radio-button{padding:0;display:inline-flex}.checkbox-input{background:transparent!important;box-shadow:none!important;align-items:center;box-sizing:border-box;gap:.35rem}.checkbox-input__button{aspect-ratio:1/1;width:1.3rem;height:1.3rem;display:flex;align-items:center;justify-content:center;border-radius:.35rem;cursor:pointer}.checkbox-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.checkbox-input__button:active,.checkbox-input__button:focus,.checkbox-input__button[aria-selected=true],.checkbox-input__button[data-state=open]{background:#2c2a36;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.checkbox-input__button{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.checkbox-input__button:disabled,.checkbox-input__button[data-disabled],.checkbox-input__button[aria-disabled=true],.checkbox-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.checkbox-input__indicator{position:relative;display:flex;align-items:center;justify-content:center;top:1px;color:#70ffb2}.switch-input{box-shadow:none!important;background:transparent!important;width:fit-content}.switch-input .input__control{position:relative;box-sizing:border-box;padding:0;margin:0;height:16px;width:0;appearance:none;outline:none;cursor:pointer;background-color:transparent;border-radius:50%}.switch-input .input__control:checked:after{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px);-webkit-transition:.4s;transition:.4s}.switch-input .input__control:checked:before{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;position:absolute;width:2.6rem;height:1.25rem}.switch-input .input__control:after{width:.9rem;height:.9rem;background-color:#fff;border-radius:50%;position:absolute;content:"";-webkit-transition:.4s;transition:.4s}.switch-input .input__control:before{content:"";z-index:-1;-webkit-transition:.4s;transition:.4s;top:-.175rem;left:-.175rem}.switch-input .input__control:before{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute;width:2.6rem;height:1.25rem}
+.input{display:flex;z-index:1;align-items:center;box-sizing:border-box}.input{background:#201e2c;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.input:hover{background:#bfbfbf26;box-shadow:inset 0 1px 1px #ffffff1a}.input:active,.input:focus,.input[aria-selected=true],.input[data-state=open]{background:#bfbfbf33;box-shadow:inset 0 1px 1px #ffffff1a;outline:none}.input{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.input:has(.input__control:focus),.input:has(.input__control[contenteditable=true]:focus){background:#bfbfbf33;box-shadow:inset 0 1px 1px #ffffff1a;outline:none}.input--not-valid{background:#1c0516;box-shadow:inset 0 1px 1px #d904291a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.input__left,.input__right{display:flex;align-items:stretch;margin:.175rem;gap:.7rem}.input__left>button,.input__right>button{height:100%;padding-left:0;padding-right:0}.input__left--action,.input__right--action{padding:0}.input__left--placeholder,.input__right--placeholder{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:.825rem;padding:.7rem;box-shadow:none}.input__left{padding-left:.7rem}.input__left--icon{align-items:center}.input__right{padding-right:.7rem}.input__right--icon{align-items:center}.input__control{background:none;box-shadow:none;border:none;outline:none;margin:.7rem;vertical-align:middle;flex:1;width:100%;font-size:.8rem;box-sizing:border-box;color:#ffffff80}.input__control{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__token{display:inline-flex;align-items:center;vertical-align:middle;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__label{text-transform:uppercase;color:#ffffff80;font-size:.7rem;display:block}.input__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__description{color:#ffffff80;font-size:.8rem;margin:.35rem 0 .7rem;display:block}.input__description{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message{z-index:0;display:flex;align-items:center;font-size:.8rem;gap:.35rem;margin-top:.7rem}.input__message{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;color:#ffffffbf;box-shadow:none}.input__message>svg{width:1rem;height:1rem;min-width:1rem;min-height:1rem}.pin-input{display:flex;align-items:stretch;position:relative;width:100%;overflow:hidden}.pin-input{background:#201e2c;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.pin-input:hover{background:#bfbfbf26;box-shadow:inset 0 1px 1px #ffffff1a}.pin-input{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.pin-input:has(.pin-input__field:focus){background:#bfbfbf33;box-shadow:inset 0 1px 1px #ffffff1a;outline:none}.pin-input--not-valid{background:#1c0516;box-shadow:inset 0 1px 1px #d904291a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.pin-input__field{flex:1;min-width:0;padding:.7rem 0;text-align:center;background-color:transparent;background-repeat:no-repeat;background-position:left center;background-size:1px 100%;border:none;box-shadow:none;outline:none;font-size:.8rem;color:#fff;box-sizing:border-box}.pin-input__field{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.pin-input__field:disabled,.pin-input__field[data-disabled],.pin-input__field[aria-disabled=true],.pin-input__field--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.pin-input__field:not(:first-of-type){background-image:linear-gradient(to bottom,transparent 25%,rgba(255,255,255,.12) 25%,rgba(255,255,255,.12) 75%,transparent 75%)}.pin-input__field:focus{background-color:#ffffff0f}.pin-input__field::placeholder{color:#ffffff59}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.radio-input{background:transparent!important;box-shadow:none!important;display:flex;align-items:center;box-sizing:border-box;gap:.35rem;position:relative}.radio-input__button{top:-1px;width:18px;height:18px;padding:.35rem}.radio-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.radio-input__button:active,.radio-input__button:focus,.radio-input__button[aria-selected=true],.radio-input__button[data-state=open]{background:#2c2a36;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.radio-input__button{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.radio-input__button:disabled,.radio-input__button[data-disabled],.radio-input__button[aria-disabled=true],.radio-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.radio-input__button{border-radius:1rem}.radio-input__button[data-state=checked]{background:#2c2a36;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.radio-input__indicator{height:100%;position:relative;display:block;aspect-ratio:1/1}.radio-input__indicator[data-state=checked]{background-color:#70ffb2}.radio-input__indicator[data-state=checked]{border-radius:1rem}.radio-button{padding:0;display:inline-flex}.checkbox-input{background:transparent!important;box-shadow:none!important;align-items:center;box-sizing:border-box;gap:.35rem}.checkbox-input__button{aspect-ratio:1/1;width:1.3rem;height:1.3rem;display:flex;align-items:center;justify-content:center;border-radius:.35rem;cursor:pointer}.checkbox-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.checkbox-input__button:active,.checkbox-input__button:focus,.checkbox-input__button[aria-selected=true],.checkbox-input__button[data-state=open]{background:#2c2a36;box-shadow:inset 0 1px 1px #bfbfbf1a;outline:none}.checkbox-input__button{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.checkbox-input__button:disabled,.checkbox-input__button[data-disabled],.checkbox-input__button[aria-disabled=true],.checkbox-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.checkbox-input__indicator{position:relative;display:flex;align-items:center;justify-content:center;top:1px;color:#70ffb2}.switch-input{box-shadow:none!important;background:transparent!important;width:fit-content}.switch-input .input__control{position:relative;box-sizing:border-box;padding:0;margin:0;height:16px;width:0;appearance:none;outline:none;cursor:pointer;background-color:transparent;border-radius:50%}.switch-input .input__control:checked:after{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px);-webkit-transition:.4s;transition:.4s}.switch-input .input__control:checked:before{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;position:absolute;width:2.6rem;height:1.25rem}.switch-input .input__control:after{width:.9rem;height:.9rem;background-color:#fff;border-radius:50%;position:absolute;content:"";-webkit-transition:.4s;transition:.4s}.switch-input .input__control:before{content:"";z-index:-1;-webkit-transition:.4s;transition:.4s;top:-.175rem;left:-.175rem}.switch-input .input__control:before{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute;width:2.6rem;height:1.25rem}

package/dist/assets/components/menu/Menu.style.css

@@ -1 +1 @@
-.menu__content,.menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box;z-index:999}.menu__content,.menu__sub-content{border-radius:1rem}.menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item,.menu__sub-trigger,.menu__checkbox-item{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.menu__item,.menu__sub-trigger,.menu__checkbox-item{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__item:focus,.menu__sub-trigger:focus,.menu__checkbox-item:focus{outline:none}.menu__item,.menu__sub-trigger,.menu__checkbox-item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item:disabled,.menu__item[data-disabled],.menu__item[aria-disabled=true],.menu__item--disabled,.menu__sub-trigger:disabled,.menu__sub-trigger[data-disabled],.menu__sub-trigger[aria-disabled=true],.menu__sub-trigger--disabled,.menu__checkbox-item:disabled,.menu__checkbox-item[data-disabled],.menu__checkbox-item[aria-disabled=true],.menu__checkbox-item--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.menu__item,.menu__sub-trigger,.menu__checkbox-item{box-shadow:none}.menu__item:focus,.menu__item[data-focus=true],.menu__sub-trigger:focus,.menu__sub-trigger[data-focus=true],.menu__checkbox-item:focus,.menu__checkbox-item[data-focus=true]{background:#191825;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}.menu__content--primary,.menu__sub-content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--secondary,.menu__sub-content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--tertiary,.menu__sub-content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--success,.menu__sub-content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--warning,.menu__sub-content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--error,.menu__sub-content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}.menu__content--info,.menu__sub-content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 2px solid}
+.menu__content,.menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box;z-index:999;max-height:var(--radix-popper-available-height, 100vh);display:flex;flex-direction:column}.menu__content,.menu__sub-content{border-radius:1rem}.menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item,.menu__sub-trigger,.menu__checkbox-item{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.menu__item,.menu__sub-trigger,.menu__checkbox-item{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__item:focus,.menu__sub-trigger:focus,.menu__checkbox-item:focus{outline:none}.menu__item,.menu__sub-trigger,.menu__checkbox-item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item:disabled,.menu__item[data-disabled],.menu__item[aria-disabled=true],.menu__item--disabled,.menu__sub-trigger:disabled,.menu__sub-trigger[data-disabled],.menu__sub-trigger[aria-disabled=true],.menu__sub-trigger--disabled,.menu__checkbox-item:disabled,.menu__checkbox-item[data-disabled],.menu__checkbox-item[aria-disabled=true],.menu__checkbox-item--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.menu__item,.menu__sub-trigger,.menu__checkbox-item{box-shadow:none}.menu__item:focus,.menu__item[data-focus=true],.menu__sub-trigger:focus,.menu__sub-trigger[data-focus=true],.menu__checkbox-item:focus,.menu__checkbox-item[data-focus=true]{background:#191825;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}.menu__content--primary,.menu__sub-content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}.menu__content--secondary,.menu__sub-content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}.menu__content--tertiary,.menu__sub-content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}.menu__content--success,.menu__sub-content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}.menu__content--warning,.menu__sub-content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}.menu__content--error,.menu__sub-content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}.menu__content--info,.menu__sub-content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border:rgb(25.4,23.6,37.1) 1px solid}

package/dist/assets/components/scroll-area/ScrollArea.style.css

@@ -1 +1 @@
-.scroll-area{overflow:hidden}.scroll-area__viewport{width:100%;height:100%;display:block!important}.scroll-area__scrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none}.scroll-area__scrollbar[data-orientation=vertical]{width:.5rem}.scroll-area__scrollbar[data-orientation=horizontal]{flex-direction:column;height:.5rem}.scroll-area__thumb{flex:1;cursor:grabbing}.scroll-area__thumb{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;box-shadow:none}
+.scroll-area{overflow:hidden}.scroll-area--auto{min-height:0}.scroll-area__viewport{width:100%;height:100%;display:block!important}.scroll-area__scrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none}.scroll-area__scrollbar[data-orientation=vertical]{width:.5rem}.scroll-area__scrollbar[data-orientation=horizontal]{flex-direction:column;height:.5rem}.scroll-area__thumb{flex:1;cursor:grabbing}.scroll-area__thumb{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;box-shadow:none}

package/dist/assets/components/tooltip/Tooltip.style.css

@@ -1 +1 @@
-.tooltip__content{z-index:999;padding:.35rem .7rem}.tooltip__content{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.tooltip__arrow{fill:#201e2c}.tooltip__content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--primary{fill:#070514}.tooltip__content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--secondary{fill:#191825}.tooltip__content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--tertiary{fill:#201e2c}.tooltip__content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--success{fill:#0a1814}.tooltip__content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--warning{fill:#201813}.tooltip__content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--error{fill:#1c0516}.tooltip__content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--info{fill:#121e24}
+.tooltip__content{z-index:999;padding:.35rem .7rem;box-sizing:border-box;max-height:var(--radix-popper-available-height, 100vh);display:flex;flex-direction:column}.tooltip__content{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.tooltip__arrow{fill:#201e2c}.tooltip__content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--primary{fill:#070514}.tooltip__content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--secondary{fill:#191825}.tooltip__content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--tertiary{fill:#201e2c}.tooltip__content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--success{fill:#0a1814}.tooltip__content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--warning{fill:#201813}.tooltip__content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--error{fill:#1c0516}.tooltip__content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.tooltip__arrow--info{fill:#121e24}

package/dist/components/avatar/Avatar.js

@@ -8,32 +8,33 @@ import "react";
 import { hashToColor as A } from "../../utils/color.js";
 const $ = (m) => {
   const t = d.c(3), {
-    src: e,
-    size: i
+    src: i,
+    size: e
   } = m;
   let o;
-  return t[0] !== i || t[1] !== e ? (o = /* @__PURE__ */ p("img", { src: e, width: i, height: i, alt: "Avatar image" }), t[0] = i, t[1] = e, t[2] = o) : o = t[2], o;
+  return t[0] !== e || t[1] !== i ? (o = /* @__PURE__ */ p("img", { src: i, width: e, height: e, alt: "Avatar image" }), t[0] = e, t[1] = i, t[2] = o) : o = t[2], o;
 }, x = (m) => {
-  const t = d.c(12), {
-    identifier: e,
-    size: i,
+  const t = d.c(13), {
+    identifier: i,
+    size: e,
     color: o,
     type: s
   } = m;
   let r;
-  t[0] !== o || t[1] !== e ? (r = o ?? A(e), t[0] = o, t[1] = e, t[2] = r) : r = t[2];
+  t[0] !== o || t[1] !== i ? (r = o ?? A(i), t[0] = o, t[1] = i, t[2] = r) : r = t[2];
   let l;
-  t[3] !== r ? (l = {
-    "--color": r
-  }, t[3] = r, t[4] = l) : l = t[4];
+  t[3] !== e || t[4] !== r ? (l = {
+    "--color": r,
+    "--size": e
+  }, t[3] = e, t[4] = r, t[5] = l) : l = t[5];
   const n = l, c = s ?? "shape";
   let a;
-  t[5] !== e || t[6] !== i || t[7] !== c ? (a = /* @__PURE__ */ p(z, { style: c, value: e, size: i }), t[5] = e, t[6] = i, t[7] = c, t[8] = a) : a = t[8];
+  t[6] !== i || t[7] !== e || t[8] !== c ? (a = /* @__PURE__ */ p(z, { style: c, value: i, size: e }), t[6] = i, t[7] = e, t[8] = c, t[9] = a) : a = t[9];
   let f;
-  return t[9] !== n || t[10] !== a ? (f = /* @__PURE__ */ p("div", { style: n, children: a }), t[9] = n, t[10] = a, t[11] = f) : f = t[11], f;
+  return t[10] !== n || t[11] !== a ? (f = /* @__PURE__ */ p("div", { style: n, children: a }), t[10] = n, t[11] = a, t[12] = f) : f = t[12], f;
 }, b = (m) => {
   const t = d.c(16);
-  let e, i, o, s, r, l;
+  let i, e, o, s, r, l;
   if (t[0] !== m) {
     const {
       identifier: a,
@@ -43,11 +44,11 @@ const $ = (m) => {
       type: g,
       ...u
     } = m;
-    i = a, e = f, s = h, l = g, o = v === void 0 ? 32 : v, r = y(`avatar ${!i && s ? "avatar--image" : "avatar--identicon"}`, u), t[0] = m, t[1] = e, t[2] = i, t[3] = o, t[4] = s, t[5] = r, t[6] = l;
+    e = a, i = f, s = h, l = g, o = v === void 0 ? 32 : v, r = y(`avatar ${!e && s ? "avatar--image" : "avatar--identicon"}`, u), t[0] = m, t[1] = i, t[2] = e, t[3] = o, t[4] = s, t[5] = r, t[6] = l;
   } else
-    e = t[1], i = t[2], o = t[3], s = t[4], r = t[5], l = t[6];
+    i = t[1], e = t[2], o = t[3], s = t[4], r = t[5], l = t[6];
   let n;
-  t[7] !== e || t[8] !== i || t[9] !== o || t[10] !== s || t[11] !== l ? (n = i ? /* @__PURE__ */ p(x, { type: l, color: e, identifier: i, size: o }) : s ? /* @__PURE__ */ p($, { src: s, size: o }) : null, t[7] = e, t[8] = i, t[9] = o, t[10] = s, t[11] = l, t[12] = n) : n = t[12];
+  t[7] !== i || t[8] !== e || t[9] !== o || t[10] !== s || t[11] !== l ? (n = e ? /* @__PURE__ */ p(x, { type: l, color: i, identifier: e, size: o }) : s ? /* @__PURE__ */ p($, { src: s, size: o }) : null, t[7] = i, t[8] = e, t[9] = o, t[10] = s, t[11] = l, t[12] = n) : n = t[12];
   let c;
   return t[13] !== r || t[14] !== n ? (c = /* @__PURE__ */ p("div", { ...r, children: n }), t[13] = r, t[14] = n, t[15] = c) : c = t[15], c;
 };

package/dist/components/card/Card.d.ts

@@ -10,6 +10,7 @@ export interface Card extends Component<HTMLDivElement> {
     outline?: boolean;
     outlineColor?: Color;
     dashed?: boolean;
+    clickable?: boolean;
     paddingSize?: Sizes;
 }
 export declare const Card: React.FC<Card>;

package/dist/components/card/Card.js

@@ -1,45 +1,47 @@
-import { jsx as f, Fragment as j } from "react/jsx-runtime";
-import { c as E } from "../../_virtual/compiler-runtime.js";
+import { jsx as C, Fragment as E } from "react/jsx-runtime";
+import { c as F } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/card/Card.style.css';/* empty css                */
 import "../../utils/contextStore.js";
 import "react";
-import { mergeComponentProps as F } from "../../utils/component.js";
+import { mergeComponentProps as P } from "../../utils/component.js";
 import "js-md5";
-const G = (e) => {
-  const o = E.c(6);
+const I = (e) => {
+  const o = F.c(6);
   let r, t;
   if (o[0] !== e) {
     const {
-      children: C,
+      children: b,
       color: i,
-      variant: n,
-      gradient: a,
+      variant: a,
+      gradient: n,
       gradientColor: c,
       borderColor: l,
       outlineColor: s,
       outline: m,
-      dashed: g,
-      paddingSize: p,
+      dashed: v,
+      clickable: $,
+      paddingSize: g,
       ...u
     } = e;
-    r = C;
-    const h = i === void 0 ? "primary" : i, b = n === void 0 ? "normal" : n, v = a === void 0 ? !1 : a, x = c === void 0 ? "secondary" : c, $ = l === void 0 ? "secondary" : l, y = s === void 0 ? "secondary" : s, z = m === void 0 ? !1 : m, S = g === void 0 ? !1 : g;
-    t = F(`
+    r = b;
+    const h = i === void 0 ? "primary" : i, x = a === void 0 ? "normal" : a, p = n === void 0 ? !1 : n, y = c === void 0 ? "secondary" : c, f = l === void 0 ? "secondary" : l, k = s === void 0 ? "secondary" : s, z = m === void 0 ? !1 : m, S = v === void 0 ? !1 : v, j = $ === void 0 ? !1 : $;
+    t = P(`
                     card 
-                    card--${h} card--${b}
-                    card--${p === void 0 ? "xl" : p}
-                    ${z ? `card--outline-${y}` : ""} 
-                    ${v ? "card--gradient" : ""} 
-                    ${$ ? `card--border-${$}` : ""} 
-                    ${S ? "card--border--dashed" : ""} 
-                    ${v ? `card--gradient-${x}` : ""} 
-                   
+                    card--${h} card--${x}
+                    card--${g === void 0 ? "xl" : g}
+                    ${z ? `card--outline-${k}` : ""} 
+                    ${p ? "card--gradient" : ""} 
+                    ${f ? `card--border-${f}` : ""} 
+                    ${S ? "card--border--dashed" : ""}
+                    ${p ? `card--gradient-${y}` : ""}
+                    ${j ? "card--clickable" : ""}
+
                `, u), o[0] = e, o[1] = r, o[2] = t;
   } else
     r = o[1], t = o[2];
   let d;
-  return o[3] !== r || o[4] !== t ? (d = /* @__PURE__ */ f(j, { children: /* @__PURE__ */ f("div", { ...t, children: r }) }), o[3] = r, o[4] = t, o[5] = d) : d = o[5], d;
+  return o[3] !== r || o[4] !== t ? (d = /* @__PURE__ */ C(E, { children: /* @__PURE__ */ C("div", { ...t, children: r }) }), o[3] = r, o[4] = t, o[5] = d) : d = o[5], d;
 };
 export {
-  G as Card
+  I as Card
 };

package/dist/components/context-menu/ContextMenu.js

@@ -1,107 +1,126 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as u } from "../../_virtual/compiler-runtime.js";
+import { jsx as c } from "react/jsx-runtime";
+import { c as i } from "../../_virtual/compiler-runtime.js";
 import "../../utils/contextStore.js";
 import "react";
-import { mergeComponentProps as i } from "../../utils/component.js";
+import { mergeComponentProps as s } from "../../utils/component.js";
 import "js-md5";
-import * as r from "@radix-ui/react-context-menu";
+import * as x from "@radix-ui/react-context-menu";
 import '../../assets/components/context-menu/ContextMenu.style.css';/* empty css                       */
-const $ = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+import { AutoScrollArea as M } from "../scroll-area/ScrollArea.js";
+const A = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenu, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, b = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__trigger", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenu, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, w = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuTrigger, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, S = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__portal", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu__trigger", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuTrigger, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, P = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuPortal, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, T = (n) => {
-  const t = u.c(6), o = n.align, c = `context-menu__content context-menu__content--${n.color ?? "primary"}`;
+  t[0] !== l ? (e = s("context-menu__portal", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuPortal, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, y = (l) => {
+  const t = i.c(12);
+  let e, o, n, u;
+  if (t[0] !== l) {
+    const {
+      children: C,
+      ..._
+    } = l;
+    o = C, e = x.ContextMenuContent, u = l.align, n = s(`context-menu__content context-menu__content--${l.color ?? "primary"}`, _), t[0] = l, t[1] = e, t[2] = o, t[3] = n, t[4] = u;
+  } else
+    e = t[1], o = t[2], n = t[3], u = t[4];
+  const f = n;
+  let r;
+  t[5] !== o ? (r = /* @__PURE__ */ c(M, { children: o }), t[5] = o, t[6] = r) : r = t[6];
+  let m;
+  return t[7] !== e || t[8] !== u || t[9] !== f || t[10] !== r ? (m = /* @__PURE__ */ c(e, { align: u, ...f, children: r }), t[7] = e, t[8] = u, t[9] = f, t[10] = r, t[11] = m) : m = t[11], m;
+}, G = (l) => {
+  const t = i.c(4);
   let e;
-  t[0] !== n || t[1] !== c ? (e = i(c, n), t[0] = n, t[1] = c, t[2] = e) : e = t[2];
-  const x = e;
-  let s;
-  return t[3] !== n.align || t[4] !== x ? (s = /* @__PURE__ */ l(r.ContextMenuContent, { align: o, ...x }), t[3] = n.align, t[4] = x, t[5] = s) : s = t[5], s;
-}, w = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__label", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu__label", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuLabel, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, I = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuLabel, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, P = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__item", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu__item", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuItem, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, L = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuItem, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, y = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__group", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu__group", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuGroup, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, R = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuGroup, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, A = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__sub", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu__sub", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuSub, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, j = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSub, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, G = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__sub-trigger", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
+  t[0] !== l ? (e = s("context-menu__sub-trigger", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuSubTrigger, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, E = (l) => {
+  const t = i.c(12);
+  let e, o, n, u;
+  if (t[0] !== l) {
+    const {
+      children: C,
+      ..._
+    } = l;
+    o = C, e = x.ContextMenuSubContent, u = l.align, n = s(`context-menu__sub-content context-menu__sub-content--${l.color ?? "primary"}`, _), t[0] = l, t[1] = e, t[2] = o, t[3] = n, t[4] = u;
+  } else
+    e = t[1], o = t[2], n = t[3], u = t[4];
+  const f = n;
+  let r;
+  t[5] !== o ? (r = /* @__PURE__ */ c(M, { children: o }), t[5] = o, t[6] = r) : r = t[6];
+  let m;
+  return t[7] !== e || t[8] !== u || t[9] !== f || t[10] !== r ? (m = /* @__PURE__ */ c(e, { align: u, ...f, children: r }), t[7] = e, t[8] = u, t[9] = f, t[10] = r, t[11] = m) : m = t[11], m;
+}, k = (l) => {
+  const t = i.c(4);
   let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSubTrigger, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, I = (n) => {
-  const t = u.c(6), o = n.align, c = `context-menu__sub-content context-menu__sub-content--${n.color ?? "primary"}`;
+  t[0] !== l ? (e = s("context-menu__separator", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuSeparator, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
+}, q = (l) => {
+  const t = i.c(4);
   let e;
-  t[0] !== n || t[1] !== c ? (e = i(c, n), t[0] = n, t[1] = c, t[2] = e) : e = t[2];
-  const x = e;
-  let s;
-  return t[3] !== n.align || t[4] !== x ? (s = /* @__PURE__ */ l(r.ContextMenuSubContent, { align: o, ...x }), t[3] = n.align, t[4] = x, t[5] = s) : s = t[5], s;
-}, L = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__separator", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
-  let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSeparator, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
-}, R = (n) => {
-  const t = u.c(4);
-  let o;
-  t[0] !== n ? (o = i("context-menu__arrow", n), t[0] = n, t[1] = o) : o = t[1];
-  const c = o;
-  let e;
-  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuArrow, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+  t[0] !== l ? (e = s("context-menu__arrow", l), t[0] = l, t[1] = e) : e = t[1];
+  const o = e;
+  let n;
+  return t[2] !== o ? (n = /* @__PURE__ */ c(x.ContextMenuArrow, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
 };
 export {
-  $ as ContextMenu,
-  R as ContextMenuArrow,
-  T as ContextMenuContent,
-  y as ContextMenuGroup,
-  P as ContextMenuItem,
-  w as ContextMenuLabel,
-  S as ContextMenuPortal,
-  L as ContextMenuSeparator,
-  A as ContextMenuSub,
-  I as ContextMenuSubContent,
-  G as ContextMenuSubTrigger,
-  b as ContextMenuTrigger
+  A as ContextMenu,
+  q as ContextMenuArrow,
+  y as ContextMenuContent,
+  L as ContextMenuGroup,
+  I as ContextMenuItem,
+  G as ContextMenuLabel,
+  P as ContextMenuPortal,
+  k as ContextMenuSeparator,
+  R as ContextMenuSub,
+  E as ContextMenuSubContent,
+  j as ContextMenuSubTrigger,
+  w as ContextMenuTrigger
 };

package/dist/components/data-table/DataTable.d.ts

@@ -10,14 +10,17 @@ export interface DataTableFilterProps {
 export interface DataTableSortProps {
     [key: string]: 'asc' | 'desc' | undefined;
 }
+export type DataTableRowRenderer<T> = (item: T, index: number) => React.ReactNode;
 export interface DataTableProps<T> extends Omit<Component<HTMLTableElement>, 'data' | 'children' | 'onSelect'> {
     data: Array<T>;
     sort?: DataTableSortProps;
     filter?: DataTableFilterProps;
+    limit?: number;
+    pagination?: boolean;
     loading?: boolean;
     loadingComponent?: React.ReactNode;
     emptyComponent?: React.ReactNode;
     onSelect?: (item: T | undefined) => void;
-    children?: (item: T, index: number) => React.ReactNode;
+    children?: DataTableRowRenderer<T> | React.ReactNode | Array<DataTableRowRenderer<T> | React.ReactNode>;
 }
 export declare const DataTable: <T>(props: DataTableProps<T>) => React.JSX.Element;