@code0-tech/pictor 0.11.1 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/components/avatar/Avatar.style.css +1 -1
- package/dist/assets/components/card/Card.style.css +1 -1
- package/dist/assets/components/data-table/DataTable.style.css +1 -1
- package/dist/assets/components/form/Input.style.css +1 -1
- package/dist/components/avatar/Avatar.js +17 -16
- package/dist/components/card/Card.d.ts +1 -0
- package/dist/components/card/Card.js +25 -23
- package/dist/components/data-table/DataTable.d.ts +4 -1
- package/dist/components/data-table/DataTable.js +53 -31
- package/dist/components/data-table/DataTableHeader.d.ts +14 -0
- package/dist/components/data-table/DataTableHeader.js +39 -0
- package/dist/components/data-table/DataTablePagination.d.ts +30 -0
- package/dist/components/data-table/DataTablePagination.js +75 -0
- package/dist/components/data-table/index.d.ts +2 -0
- package/dist/components/data-table/index.js +16 -5
- package/dist/components/form/PinInput.js +44 -47
- package/dist/index.js +204 -193
- package/package.json +10 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
.avatar{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden
|
|
1
|
+
.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)}
|
|
@@ -1 +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)}
|
|
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--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)}
|
|
@@ -1 +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
|
|
1
|
+
.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}
|
|
@@ -1 +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;
|
|
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;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}
|
|
@@ -8,32 +8,33 @@ import "react";
|
|
|
8
8
|
import { hashToColor as A } from "../../utils/color.js";
|
|
9
9
|
const $ = (m) => {
|
|
10
10
|
const t = d.c(3), {
|
|
11
|
-
src:
|
|
12
|
-
size:
|
|
11
|
+
src: i,
|
|
12
|
+
size: e
|
|
13
13
|
} = m;
|
|
14
14
|
let o;
|
|
15
|
-
return t[0] !==
|
|
15
|
+
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;
|
|
16
16
|
}, x = (m) => {
|
|
17
|
-
const t = d.c(
|
|
18
|
-
identifier:
|
|
19
|
-
size:
|
|
17
|
+
const t = d.c(13), {
|
|
18
|
+
identifier: i,
|
|
19
|
+
size: e,
|
|
20
20
|
color: o,
|
|
21
21
|
type: s
|
|
22
22
|
} = m;
|
|
23
23
|
let r;
|
|
24
|
-
t[0] !== o || t[1] !==
|
|
24
|
+
t[0] !== o || t[1] !== i ? (r = o ?? A(i), t[0] = o, t[1] = i, t[2] = r) : r = t[2];
|
|
25
25
|
let l;
|
|
26
|
-
t[3] !== r ? (l = {
|
|
27
|
-
"--color": r
|
|
28
|
-
|
|
26
|
+
t[3] !== e || t[4] !== r ? (l = {
|
|
27
|
+
"--color": r,
|
|
28
|
+
"--size": e
|
|
29
|
+
}, t[3] = e, t[4] = r, t[5] = l) : l = t[5];
|
|
29
30
|
const n = l, c = s ?? "shape";
|
|
30
31
|
let a;
|
|
31
|
-
t[
|
|
32
|
+
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];
|
|
32
33
|
let f;
|
|
33
|
-
return t[
|
|
34
|
+
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;
|
|
34
35
|
}, b = (m) => {
|
|
35
36
|
const t = d.c(16);
|
|
36
|
-
let
|
|
37
|
+
let i, e, o, s, r, l;
|
|
37
38
|
if (t[0] !== m) {
|
|
38
39
|
const {
|
|
39
40
|
identifier: a,
|
|
@@ -43,11 +44,11 @@ const $ = (m) => {
|
|
|
43
44
|
type: g,
|
|
44
45
|
...u
|
|
45
46
|
} = m;
|
|
46
|
-
|
|
47
|
+
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;
|
|
47
48
|
} else
|
|
48
|
-
|
|
49
|
+
i = t[1], e = t[2], o = t[3], s = t[4], r = t[5], l = t[6];
|
|
49
50
|
let n;
|
|
50
|
-
t[7] !==
|
|
51
|
+
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];
|
|
51
52
|
let c;
|
|
52
53
|
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;
|
|
53
54
|
};
|
|
@@ -1,45 +1,47 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
1
|
+
import { jsx as C, Fragment as E } from "react/jsx-runtime";
|
|
2
|
+
import { c as F } from "../../_virtual/compiler-runtime.js";
|
|
3
3
|
import '../../assets/components/card/Card.style.css';/* empty css */
|
|
4
4
|
import "../../utils/contextStore.js";
|
|
5
5
|
import "react";
|
|
6
|
-
import { mergeComponentProps as
|
|
6
|
+
import { mergeComponentProps as P } from "../../utils/component.js";
|
|
7
7
|
import "js-md5";
|
|
8
|
-
const
|
|
9
|
-
const o =
|
|
8
|
+
const I = (e) => {
|
|
9
|
+
const o = F.c(6);
|
|
10
10
|
let r, t;
|
|
11
11
|
if (o[0] !== e) {
|
|
12
12
|
const {
|
|
13
|
-
children:
|
|
13
|
+
children: b,
|
|
14
14
|
color: i,
|
|
15
|
-
variant:
|
|
16
|
-
gradient:
|
|
15
|
+
variant: a,
|
|
16
|
+
gradient: n,
|
|
17
17
|
gradientColor: c,
|
|
18
18
|
borderColor: l,
|
|
19
19
|
outlineColor: s,
|
|
20
20
|
outline: m,
|
|
21
|
-
dashed:
|
|
22
|
-
|
|
21
|
+
dashed: v,
|
|
22
|
+
clickable: $,
|
|
23
|
+
paddingSize: g,
|
|
23
24
|
...u
|
|
24
25
|
} = e;
|
|
25
|
-
r =
|
|
26
|
-
const h = i === void 0 ? "primary" : i,
|
|
27
|
-
t =
|
|
26
|
+
r = b;
|
|
27
|
+
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 : $;
|
|
28
|
+
t = P(`
|
|
28
29
|
card
|
|
29
|
-
card--${h} card--${
|
|
30
|
-
card--${
|
|
31
|
-
${z ? `card--outline-${
|
|
32
|
-
${
|
|
33
|
-
${
|
|
34
|
-
${S ? "card--border--dashed" : ""}
|
|
35
|
-
${
|
|
36
|
-
|
|
30
|
+
card--${h} card--${x}
|
|
31
|
+
card--${g === void 0 ? "xl" : g}
|
|
32
|
+
${z ? `card--outline-${k}` : ""}
|
|
33
|
+
${p ? "card--gradient" : ""}
|
|
34
|
+
${f ? `card--border-${f}` : ""}
|
|
35
|
+
${S ? "card--border--dashed" : ""}
|
|
36
|
+
${p ? `card--gradient-${y}` : ""}
|
|
37
|
+
${j ? "card--clickable" : ""}
|
|
38
|
+
|
|
37
39
|
`, u), o[0] = e, o[1] = r, o[2] = t;
|
|
38
40
|
} else
|
|
39
41
|
r = o[1], t = o[2];
|
|
40
42
|
let d;
|
|
41
|
-
return o[3] !== r || o[4] !== t ? (d = /* @__PURE__ */
|
|
43
|
+
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;
|
|
42
44
|
};
|
|
43
45
|
export {
|
|
44
|
-
|
|
46
|
+
I as Card
|
|
45
47
|
};
|
|
@@ -10,14 +10,17 @@ export interface DataTableFilterProps {
|
|
|
10
10
|
export interface DataTableSortProps {
|
|
11
11
|
[key: string]: 'asc' | 'desc' | undefined;
|
|
12
12
|
}
|
|
13
|
+
export type DataTableRowRenderer<T> = (item: T, index: number) => React.ReactNode;
|
|
13
14
|
export interface DataTableProps<T> extends Omit<Component<HTMLTableElement>, 'data' | 'children' | 'onSelect'> {
|
|
14
15
|
data: Array<T>;
|
|
15
16
|
sort?: DataTableSortProps;
|
|
16
17
|
filter?: DataTableFilterProps;
|
|
18
|
+
limit?: number;
|
|
19
|
+
pagination?: boolean;
|
|
17
20
|
loading?: boolean;
|
|
18
21
|
loadingComponent?: React.ReactNode;
|
|
19
22
|
emptyComponent?: React.ReactNode;
|
|
20
23
|
onSelect?: (item: T | undefined) => void;
|
|
21
|
-
children?:
|
|
24
|
+
children?: DataTableRowRenderer<T> | React.ReactNode | Array<DataTableRowRenderer<T> | React.ReactNode>;
|
|
22
25
|
}
|
|
23
26
|
export declare const DataTable: <T>(props: DataTableProps<T>) => React.JSX.Element;
|
|
@@ -1,42 +1,64 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
1
|
+
import { jsxs as x, jsx as y } from "react/jsx-runtime";
|
|
2
|
+
import c from "react";
|
|
3
3
|
import '../../assets/components/data-table/DataTable.style.css';/* empty css */
|
|
4
4
|
import "../../utils/contextStore.js";
|
|
5
|
-
import { mergeComponentProps as
|
|
5
|
+
import { mergeComponentProps as E } from "../../utils/component.js";
|
|
6
6
|
import "js-md5";
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
import { Flex as F } from "../flex/Flex.js";
|
|
8
|
+
import { DataTableHeader as R } from "./DataTableHeader.js";
|
|
9
|
+
import { DataTablePaginationContext as v } from "./DataTablePagination.js";
|
|
10
|
+
const C = (u, p) => p.split(".").reduce((n, m) => {
|
|
11
|
+
if (n != null)
|
|
12
|
+
return Array.isArray(n) ? n.map((i) => i?.[m]).filter((i) => i !== void 0) : n[m];
|
|
13
|
+
}, u), U = (u) => {
|
|
11
14
|
const {
|
|
12
|
-
data:
|
|
13
|
-
sort:
|
|
14
|
-
filter:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
data: p,
|
|
16
|
+
sort: n,
|
|
17
|
+
filter: m,
|
|
18
|
+
limit: i,
|
|
19
|
+
pagination: A,
|
|
20
|
+
loading: _,
|
|
21
|
+
loadingComponent: z,
|
|
22
|
+
emptyComponent: D,
|
|
23
|
+
onSelect: N,
|
|
24
|
+
children: g,
|
|
25
|
+
...k
|
|
26
|
+
} = u, [b, P] = c.useState(0), h = Array.isArray(g) ? g : [g], w = h.find((r) => typeof r == "function"), V = h.find((r) => c.isValidElement(r) && r.type === R), S = h.filter((r) => typeof r != "function" && r !== V), O = p.filter((r) => Object.entries(m || {}).every(([o, {
|
|
27
|
+
operator: a,
|
|
28
|
+
value: e
|
|
24
29
|
}]) => {
|
|
25
|
-
const
|
|
26
|
-
return
|
|
27
|
-
})),
|
|
28
|
-
for (const [
|
|
29
|
-
const
|
|
30
|
-
if (
|
|
31
|
-
if (
|
|
30
|
+
const t = C(r, o);
|
|
31
|
+
return a === "isOneOf" && !Array.isArray(e) && !Array.isArray(t) ? t === e : a === "isOneOf" && !Array.isArray(e) && Array.isArray(t) ? Array.from(t).includes(e) : a === "isOneOf" && Array.isArray(e) && !Array.isArray(t) ? Array.from(e).some((l) => l === t) : a === "isOneOf" && Array.isArray(e) && Array.isArray(t) ? Array.from(e).some((l) => Array.from(t).includes(l)) : !1;
|
|
32
|
+
})), f = c.useMemo(() => n ? [...O].sort((r, o) => {
|
|
33
|
+
for (const [a, e] of Object.entries(n)) {
|
|
34
|
+
const t = C(r, a), l = C(o, a);
|
|
35
|
+
if (t < l) return e === "asc" ? -1 : 1;
|
|
36
|
+
if (t > l) return e === "asc" ? 1 : -1;
|
|
32
37
|
}
|
|
33
38
|
return 0;
|
|
34
|
-
}) :
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
39
|
+
}) : O, [O, n]), d = typeof i == "number" ? i : 10, j = A ? Math.max(1, Math.ceil(f.length / d)) : 1, s = Math.min(b, j - 1);
|
|
40
|
+
c.useEffect(() => {
|
|
41
|
+
b !== s && P(s);
|
|
42
|
+
}, [b, s]);
|
|
43
|
+
const T = A ? f.slice(s * d, s * d + d) : typeof i == "number" ? f.slice(0, i) : f, M = /* @__PURE__ */ x("table", { ...E("data-table", k), children: [
|
|
44
|
+
V,
|
|
45
|
+
/* @__PURE__ */ x("tbody", { children: [
|
|
46
|
+
T.map((r, o) => /* @__PURE__ */ y("tr", { className: "data-table__row", onClick: () => N?.(r), children: w?.(r, o) })),
|
|
47
|
+
f.length === 0 && !_ && D ? /* @__PURE__ */ y("tr", { className: "data-table__row", onClick: () => N?.(void 0), children: D }) : null
|
|
48
|
+
] })
|
|
38
49
|
] });
|
|
50
|
+
return A ? /* @__PURE__ */ y(v.Provider, { value: {
|
|
51
|
+
page: s,
|
|
52
|
+
pageCount: j,
|
|
53
|
+
setPage: P
|
|
54
|
+
}, children: /* @__PURE__ */ x(F, { style: {
|
|
55
|
+
flexDirection: "column",
|
|
56
|
+
gap: "0.5rem"
|
|
57
|
+
}, children: [
|
|
58
|
+
M,
|
|
59
|
+
S.map((r, o) => /* @__PURE__ */ y(c.Fragment, { children: r }, o))
|
|
60
|
+
] }) }) : M;
|
|
39
61
|
};
|
|
40
62
|
export {
|
|
41
|
-
|
|
63
|
+
U as DataTable
|
|
42
64
|
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Component } from '../../utils';
|
|
3
|
+
export interface DataTableHeaderProps extends Component<HTMLTableSectionElement> {
|
|
4
|
+
children?: React.ReactNode | React.ReactNode[];
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Optional header for a <DataTable/>. Place it as a child (alongside the row renderer) and fill it
|
|
8
|
+
* with <DataTableHeaderColumn/> cells that line up with the columns your row renderer emits.
|
|
9
|
+
*/
|
|
10
|
+
export declare const DataTableHeader: React.FC<DataTableHeaderProps>;
|
|
11
|
+
export interface DataTableHeaderColumnProps extends Component<HTMLTableCellElement> {
|
|
12
|
+
children?: React.ReactNode | React.ReactNode[];
|
|
13
|
+
}
|
|
14
|
+
export declare const DataTableHeaderColumn: React.FC<DataTableHeaderColumnProps>;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { c } from "../../_virtual/compiler-runtime.js";
|
|
3
|
+
import "../../utils/contextStore.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { mergeComponentProps as m } from "../../utils/component.js";
|
|
6
|
+
import "js-md5";
|
|
7
|
+
const p = (a) => {
|
|
8
|
+
const e = c.c(8);
|
|
9
|
+
let t, r;
|
|
10
|
+
if (e[0] !== a) {
|
|
11
|
+
const {
|
|
12
|
+
children: i,
|
|
13
|
+
...s
|
|
14
|
+
} = a;
|
|
15
|
+
t = i, r = m("data-table__header", s), e[0] = a, e[1] = t, e[2] = r;
|
|
16
|
+
} else
|
|
17
|
+
t = e[1], r = e[2];
|
|
18
|
+
let l;
|
|
19
|
+
e[3] !== t ? (l = /* @__PURE__ */ n("tr", { className: "data-table__header-row", children: t }), e[3] = t, e[4] = l) : l = e[4];
|
|
20
|
+
let o;
|
|
21
|
+
return e[5] !== r || e[6] !== l ? (o = /* @__PURE__ */ n("thead", { ...r, children: l }), e[5] = r, e[6] = l, e[7] = o) : o = e[7], o;
|
|
22
|
+
}, x = (a) => {
|
|
23
|
+
const e = c.c(6);
|
|
24
|
+
let t, r;
|
|
25
|
+
if (e[0] !== a) {
|
|
26
|
+
const {
|
|
27
|
+
children: o,
|
|
28
|
+
...i
|
|
29
|
+
} = a;
|
|
30
|
+
t = o, r = m("data-table__header-column", i), e[0] = a, e[1] = t, e[2] = r;
|
|
31
|
+
} else
|
|
32
|
+
t = e[1], r = e[2];
|
|
33
|
+
let l;
|
|
34
|
+
return e[3] !== t || e[4] !== r ? (l = /* @__PURE__ */ n("th", { ...r, children: t }), e[3] = t, e[4] = r, e[5] = l) : l = e[5], l;
|
|
35
|
+
};
|
|
36
|
+
export {
|
|
37
|
+
p as DataTableHeader,
|
|
38
|
+
x as DataTableHeaderColumn
|
|
39
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Component } from '../../utils';
|
|
3
|
+
export interface DataTablePaginationContextValue {
|
|
4
|
+
page: number;
|
|
5
|
+
pageCount: number;
|
|
6
|
+
setPage: React.Dispatch<React.SetStateAction<number>>;
|
|
7
|
+
}
|
|
8
|
+
export declare const DataTablePaginationContext: React.Context<DataTablePaginationContextValue | null>;
|
|
9
|
+
export declare const useDataTablePagination: () => DataTablePaginationContextValue;
|
|
10
|
+
export interface DataTablePaginationProps extends Component<HTMLDivElement> {
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Layout container for the pagination controls. Place it as a child of a paginated
|
|
14
|
+
* <DataTable/>, which creates the context these controls read from. Fully styleable –
|
|
15
|
+
* compose it with <DataTablePaginationValue/>, the triggers and your own <Text/>/<Button/>.
|
|
16
|
+
*/
|
|
17
|
+
export declare const DataTablePagination: React.FC<DataTablePaginationProps>;
|
|
18
|
+
/**
|
|
19
|
+
* Renders the 1-indexed current page number. Unstyled – wrap it in your own <Text/> to style it.
|
|
20
|
+
*/
|
|
21
|
+
export declare const DataTablePaginationValue: React.FC;
|
|
22
|
+
/**
|
|
23
|
+
* Renders the total number of pages. Unstyled – wrap it in your own <Text/> to style it.
|
|
24
|
+
*/
|
|
25
|
+
export declare const DataTableMaxPaginationValue: React.FC;
|
|
26
|
+
export interface DataTablePaginationTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
27
|
+
asChild?: boolean;
|
|
28
|
+
}
|
|
29
|
+
export declare const DataTablePaginationForwardTrigger: React.ForwardRefExoticComponent<DataTablePaginationTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
30
|
+
export declare const DataTablePaginationBackwardsTrigger: React.ForwardRefExoticComponent<DataTablePaginationTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { jsx as r, Fragment as f } from "react/jsx-runtime";
|
|
2
|
+
import { c } from "../../_virtual/compiler-runtime.js";
|
|
3
|
+
import i from "react";
|
|
4
|
+
import "../../utils/contextStore.js";
|
|
5
|
+
import { mergeComponentProps as x } from "../../utils/component.js";
|
|
6
|
+
import "js-md5";
|
|
7
|
+
const h = i.createContext(null), d = () => {
|
|
8
|
+
const a = i.useContext(h);
|
|
9
|
+
if (!a)
|
|
10
|
+
throw new Error("DataTablePagination components must be rendered inside a paginated <DataTable/>");
|
|
11
|
+
return a;
|
|
12
|
+
}, V = (a) => {
|
|
13
|
+
const e = c.c(4);
|
|
14
|
+
let t;
|
|
15
|
+
e[0] !== a ? (t = x("data-table__pagination", a), e[0] = a, e[1] = t) : t = e[1];
|
|
16
|
+
let n;
|
|
17
|
+
return e[2] !== t ? (n = /* @__PURE__ */ r("div", { ...t }), e[2] = t, e[3] = n) : n = e[3], n;
|
|
18
|
+
}, y = () => {
|
|
19
|
+
const a = c.c(2), {
|
|
20
|
+
page: e
|
|
21
|
+
} = d(), t = e + 1;
|
|
22
|
+
let n;
|
|
23
|
+
return a[0] !== t ? (n = /* @__PURE__ */ r(f, { children: t }), a[0] = t, a[1] = n) : n = a[1], n;
|
|
24
|
+
}, B = () => {
|
|
25
|
+
const a = c.c(2), {
|
|
26
|
+
pageCount: e
|
|
27
|
+
} = d();
|
|
28
|
+
let t;
|
|
29
|
+
return a[0] !== e ? (t = /* @__PURE__ */ r(f, { children: e }), a[0] = e, a[1] = t) : t = a[1], t;
|
|
30
|
+
}, T = i.forwardRef((a, e) => {
|
|
31
|
+
const {
|
|
32
|
+
page: t,
|
|
33
|
+
pageCount: n,
|
|
34
|
+
setPage: w
|
|
35
|
+
} = d(), {
|
|
36
|
+
direction: g,
|
|
37
|
+
asChild: C,
|
|
38
|
+
onClick: u,
|
|
39
|
+
disabled: P,
|
|
40
|
+
children: l,
|
|
41
|
+
...p
|
|
42
|
+
} = a, D = g === "forward" ? t >= n - 1 : t <= 0, s = P ?? D, m = () => {
|
|
43
|
+
s || w((o) => g === "forward" ? Math.min(n - 1, o + 1) : Math.max(0, o - 1));
|
|
44
|
+
};
|
|
45
|
+
if (C && i.isValidElement(l)) {
|
|
46
|
+
const o = l;
|
|
47
|
+
return i.cloneElement(o, {
|
|
48
|
+
ref: e,
|
|
49
|
+
disabled: o.props.disabled ?? s,
|
|
50
|
+
onClick: (b) => {
|
|
51
|
+
o.props.onClick?.(b), u?.(b), m();
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
return /* @__PURE__ */ r("button", { ...p, ref: e, type: "button", disabled: s, onClick: (o) => {
|
|
56
|
+
u?.(o), m();
|
|
57
|
+
}, children: l });
|
|
58
|
+
}), F = i.forwardRef((a, e) => {
|
|
59
|
+
const t = c.c(3);
|
|
60
|
+
let n;
|
|
61
|
+
return t[0] !== a || t[1] !== e ? (n = /* @__PURE__ */ r(T, { ...a, direction: "forward", ref: e }), t[0] = a, t[1] = e, t[2] = n) : n = t[2], n;
|
|
62
|
+
}), j = i.forwardRef((a, e) => {
|
|
63
|
+
const t = c.c(3);
|
|
64
|
+
let n;
|
|
65
|
+
return t[0] !== a || t[1] !== e ? (n = /* @__PURE__ */ r(T, { ...a, direction: "backward", ref: e }), t[0] = a, t[1] = e, t[2] = n) : n = t[2], n;
|
|
66
|
+
});
|
|
67
|
+
export {
|
|
68
|
+
B as DataTableMaxPaginationValue,
|
|
69
|
+
V as DataTablePagination,
|
|
70
|
+
j as DataTablePaginationBackwardsTrigger,
|
|
71
|
+
h as DataTablePaginationContext,
|
|
72
|
+
F as DataTablePaginationForwardTrigger,
|
|
73
|
+
y as DataTablePaginationValue,
|
|
74
|
+
d as useDataTablePagination
|
|
75
|
+
};
|
|
@@ -1,11 +1,22 @@
|
|
|
1
1
|
import { DataTable as t } from "./DataTable.js";
|
|
2
2
|
import { DataTableColumn as o } from "./DataTableColumn.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { DataTableHeader as i, DataTableHeaderColumn as l } from "./DataTableHeader.js";
|
|
4
|
+
import { DataTableMaxPaginationValue as T, DataTablePagination as b, DataTablePaginationBackwardsTrigger as D, DataTablePaginationContext as u, DataTablePaginationForwardTrigger as m, DataTablePaginationValue as x, useDataTablePagination as p } from "./DataTablePagination.js";
|
|
5
|
+
import { DataTableFilterInput as f, createFilterQueryLanguage as d } from "./DataTableFilterInput.js";
|
|
6
|
+
import { DataTableFilterSuggestionMenu as s } from "./DataTableFilterSuggestionMenu.js";
|
|
5
7
|
export {
|
|
6
8
|
t as DataTable,
|
|
7
9
|
o as DataTableColumn,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
10
|
+
f as DataTableFilterInput,
|
|
11
|
+
s as DataTableFilterSuggestionMenu,
|
|
12
|
+
i as DataTableHeader,
|
|
13
|
+
l as DataTableHeaderColumn,
|
|
14
|
+
T as DataTableMaxPaginationValue,
|
|
15
|
+
b as DataTablePagination,
|
|
16
|
+
D as DataTablePaginationBackwardsTrigger,
|
|
17
|
+
u as DataTablePaginationContext,
|
|
18
|
+
m as DataTablePaginationForwardTrigger,
|
|
19
|
+
x as DataTablePaginationValue,
|
|
20
|
+
d as createFilterQueryLanguage,
|
|
21
|
+
p as useDataTablePagination
|
|
11
22
|
};
|
|
@@ -1,69 +1,66 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c
|
|
3
|
-
import { OneTimePasswordFieldInput as
|
|
1
|
+
import { jsx as a, jsxs as v, Fragment as F } from "react/jsx-runtime";
|
|
2
|
+
import { c } from "../../_virtual/compiler-runtime.js";
|
|
3
|
+
import { OneTimePasswordFieldInput as x, OneTimePasswordFieldHiddenInput as C, OneTimePasswordField as M } from "@radix-ui/react-one-time-password-field";
|
|
4
4
|
import "../../utils/contextStore.js";
|
|
5
5
|
import "react";
|
|
6
6
|
import { mergeComponentProps as V } from "../../utils/component.js";
|
|
7
7
|
import "js-md5";
|
|
8
|
-
import { InputLabel as
|
|
9
|
-
import { InputDescription as
|
|
10
|
-
import { InputMessage as
|
|
8
|
+
import { InputLabel as T } from "./InputLabel.js";
|
|
9
|
+
import { InputDescription as _ } from "./InputDescription.js";
|
|
10
|
+
import { InputMessage as $ } from "./InputMessage.js";
|
|
11
11
|
import '../../assets/components/form/Input.style.css';/* empty css */
|
|
12
|
-
const
|
|
13
|
-
const e =
|
|
14
|
-
let t, i,
|
|
12
|
+
const z = (n) => {
|
|
13
|
+
const e = c.c(20);
|
|
14
|
+
let t, i, s, l, o;
|
|
15
15
|
if (e[0] !== n) {
|
|
16
16
|
const {
|
|
17
|
-
title:
|
|
18
|
-
description:
|
|
19
|
-
disabled:
|
|
20
|
-
formValidation:
|
|
21
|
-
...
|
|
22
|
-
} = n;
|
|
23
|
-
i =
|
|
17
|
+
title: u,
|
|
18
|
+
description: f,
|
|
19
|
+
disabled: g,
|
|
20
|
+
formValidation: h,
|
|
21
|
+
...p
|
|
22
|
+
} = n, P = g === void 0 ? !1 : g;
|
|
23
|
+
i = h === void 0 ? {
|
|
24
24
|
valid: !0,
|
|
25
25
|
notValidMessage: null,
|
|
26
|
-
setValue:
|
|
27
|
-
} :
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
g.onValueChange && g.onValueChange(v), i.setValue?.(v);
|
|
26
|
+
setValue: b
|
|
27
|
+
} : h, e[6] !== u ? (l = u ? /* @__PURE__ */ a(T, { children: u }) : null, e[6] = u, e[7] = l) : l = e[7], e[8] !== f ? (o = f ? /* @__PURE__ */ a(_, { children: f }) : null, e[8] = f, e[9] = o) : o = e[9], t = M, s = V(`pin-input ${i?.valid ? "" : "pin-input--not-valid"}`, {
|
|
28
|
+
...p,
|
|
29
|
+
disabled: P,
|
|
30
|
+
onValueChange: (I) => {
|
|
31
|
+
p.onValueChange && p.onValueChange(I), i.setValue?.(I);
|
|
33
32
|
}
|
|
34
|
-
}), e[0] = n, e[1] = t, e[2] = i, e[3] =
|
|
33
|
+
}), e[0] = n, e[1] = t, e[2] = i, e[3] = s, e[4] = l, e[5] = o;
|
|
35
34
|
} else
|
|
36
|
-
t = e[1], i = e[2],
|
|
37
|
-
let
|
|
38
|
-
e[
|
|
35
|
+
t = e[1], i = e[2], s = e[3], l = e[4], o = e[5];
|
|
36
|
+
let r;
|
|
37
|
+
e[10] !== t || e[11] !== s ? (r = /* @__PURE__ */ a(t, { ...s }), e[10] = t, e[11] = s, e[12] = r) : r = e[12];
|
|
38
|
+
let d;
|
|
39
|
+
e[13] !== i ? (d = !i?.valid && i?.notValidMessage ? /* @__PURE__ */ a($, { children: i.notValidMessage }) : null, e[13] = i, e[14] = d) : d = e[14];
|
|
39
40
|
let m;
|
|
40
|
-
e[
|
|
41
|
-
|
|
42
|
-
e[19] !== i ? (u = !i?.valid && i?.notValidMessage ? /* @__PURE__ */ r(w, { children: i.notValidMessage }) : null, e[19] = i, e[20] = u) : u = e[20];
|
|
43
|
-
let f;
|
|
44
|
-
return e[21] !== o || e[22] !== s || e[23] !== m || e[24] !== u ? (f = /* @__PURE__ */ F(x, { children: [
|
|
41
|
+
return e[15] !== l || e[16] !== o || e[17] !== r || e[18] !== d ? (m = /* @__PURE__ */ v(F, { children: [
|
|
42
|
+
l,
|
|
45
43
|
o,
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
const e = I.c(4);
|
|
44
|
+
r,
|
|
45
|
+
d
|
|
46
|
+
] }), e[15] = l, e[16] = o, e[17] = r, e[18] = d, e[19] = m) : m = e[19], m;
|
|
47
|
+
}, A = (n) => {
|
|
48
|
+
const e = c.c(4);
|
|
52
49
|
let t;
|
|
53
|
-
e[0] !== n ? (t = V("
|
|
50
|
+
e[0] !== n ? (t = V("pin-input__field", n), e[0] = n, e[1] = t) : t = e[1];
|
|
54
51
|
let i;
|
|
55
|
-
return e[2] !== t ? (i = /* @__PURE__ */
|
|
56
|
-
},
|
|
57
|
-
const e =
|
|
52
|
+
return e[2] !== t ? (i = /* @__PURE__ */ a(x, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
|
|
53
|
+
}, B = (n) => {
|
|
54
|
+
const e = c.c(4);
|
|
58
55
|
let t;
|
|
59
56
|
e[0] !== n ? (t = V("pin-input__hidden-field", n), e[0] = n, e[1] = t) : t = e[1];
|
|
60
57
|
let i;
|
|
61
|
-
return e[2] !== t ? (i = /* @__PURE__ */
|
|
58
|
+
return e[2] !== t ? (i = /* @__PURE__ */ a(C, { ...t }), e[2] = t, e[3] = i) : i = e[3], i;
|
|
62
59
|
};
|
|
63
|
-
function
|
|
60
|
+
function b(n) {
|
|
64
61
|
}
|
|
65
62
|
export {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
63
|
+
z as PinInput,
|
|
64
|
+
A as PinInputField,
|
|
65
|
+
B as PinInputHiddenField
|
|
69
66
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,217 +1,228 @@
|
|
|
1
1
|
import { Alert as t } from "./components/alert/Alert.js";
|
|
2
|
-
import { AuroraBackground as
|
|
3
|
-
import { Avatar as
|
|
2
|
+
import { AuroraBackground as a } from "./components/aurora/Aurora.js";
|
|
3
|
+
import { Avatar as p } from "./components/avatar/Avatar.js";
|
|
4
4
|
import { Badge as l } from "./components/badge/Badge.js";
|
|
5
|
-
import { Breadcrumb as
|
|
5
|
+
import { Breadcrumb as u } from "./components/breadcrumb/Breadcrumb.js";
|
|
6
6
|
import { Button as f } from "./components/button/Button.js";
|
|
7
7
|
import { ButtonGroup as I } from "./components/button-group/ButtonGroup.js";
|
|
8
|
-
import { Card as
|
|
9
|
-
import { Col as
|
|
10
|
-
import { Command as
|
|
8
|
+
import { Card as T } from "./components/card/Card.js";
|
|
9
|
+
import { Col as b } from "./components/col/Col.js";
|
|
10
|
+
import { Command as s, CommandDialog as c, CommandEmpty as M, CommandGroup as D, CommandInput as F, CommandItem as P, CommandList as A, CommandSeparator as w, CommandShortcut as v } from "./components/command/Command.js";
|
|
11
11
|
import { Container as R } from "./components/container/Container.js";
|
|
12
|
-
import { ContextMenu as
|
|
12
|
+
import { ContextMenu as G, ContextMenuArrow as L, ContextMenuContent as y, ContextMenuGroup as z, ContextMenuItem as B, ContextMenuLabel as H, ContextMenuPortal as k, ContextMenuSeparator as E, ContextMenuSub as N, ContextMenuSubContent as O, ContextMenuSubTrigger as Q, ContextMenuTrigger as J } from "./components/context-menu/ContextMenu.js";
|
|
13
13
|
import { DataTable as j } from "./components/data-table/DataTable.js";
|
|
14
14
|
import { DataTableColumn as K } from "./components/data-table/DataTableColumn.js";
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
15
|
+
import { DataTableHeader as W, DataTableHeaderColumn as X } from "./components/data-table/DataTableHeader.js";
|
|
16
|
+
import { DataTableMaxPaginationValue as _, DataTablePagination as $, DataTablePaginationBackwardsTrigger as ee, DataTablePaginationContext as oe, DataTablePaginationForwardTrigger as te, DataTablePaginationValue as re, useDataTablePagination as ae } from "./components/data-table/DataTablePagination.js";
|
|
17
|
+
import { DataTableFilterInput as pe, createFilterQueryLanguage as ie } from "./components/data-table/DataTableFilterInput.js";
|
|
18
|
+
import { DataTableFilterSuggestionMenu as me } from "./components/data-table/DataTableFilterSuggestionMenu.js";
|
|
19
|
+
import { Dialog as xe, DialogClose as fe, DialogContent as ge, DialogDescription as Ie, DialogFooter as Ce, DialogHeader as Te, DialogOverlay as Se, DialogPortal as be, DialogTitle as de, DialogTrigger as se } from "./components/dialog/Dialog.js";
|
|
20
|
+
import { Editor as Me } from "./components/editor/Editor.js";
|
|
21
|
+
import { FileTabsService as Fe } from "./components/file-tabs/FileTabs.service.js";
|
|
22
|
+
import { FileTabs as Ae, FileTabsContent as we, FileTabsList as ve, FileTabsTrigger as he } from "./components/file-tabs/FileTabs.js";
|
|
23
|
+
import { Flex as Ve } from "./components/flex/Flex.js";
|
|
24
|
+
import { CheckboxInput as Le } from "./components/form/CheckboxInput.js";
|
|
25
|
+
import { EditorInput as ze } from "./components/form/EditorInput.js";
|
|
26
|
+
import { EmailInput as He, emailValidation as ke } from "./components/form/EmailInput.js";
|
|
27
|
+
import { FileInput as Ne, FileInputContext as Oe, FileInputDropzone as Qe, FileInputHiddenInput as Je, FileInputItem as Ze, FileInputItemDeleteTrigger as je, FileInputItemGroup as qe, FileInputItemName as Ke, FileInputItemPreview as Ue, FileInputItemPreviewImage as We, FileInputItemSizeText as Xe, FileInputTrigger as Ye } from "./components/form/FileInput.js";
|
|
28
|
+
import { Input as $e } from "./components/form/Input.js";
|
|
29
|
+
import { InputDescription as oo } from "./components/form/InputDescription.js";
|
|
30
|
+
import { InputLabel as ro } from "./components/form/InputLabel.js";
|
|
31
|
+
import { InputMessage as no } from "./components/form/InputMessage.js";
|
|
32
|
+
import { InputSuggestionMenuContent as io, InputSuggestionMenuContentItems as lo } from "./components/form/InputSuggestion.js";
|
|
33
|
+
import { NumberInput as uo } from "./components/form/NumberInput.js";
|
|
34
|
+
import { PasswordInput as fo, passwordValidation as go } from "./components/form/PasswordInput.js";
|
|
35
|
+
import { PinInput as Co, PinInputField as To, PinInputHiddenField as So } from "./components/form/PinInput.js";
|
|
36
|
+
import { RadioGroup as so } from "./components/form/RadioGroup.js";
|
|
37
|
+
import { RadioInput as Mo } from "./components/form/RadioInput.js";
|
|
38
|
+
import { SelectContent as Fo, SelectInput as Po, SelectItem as Ao, SelectItemText as wo, SelectPortal as vo, SelectTrigger as ho, SelectValue as Ro, SelectViewport as Vo } from "./components/form/SelectInput.js";
|
|
39
|
+
import { SwitchInput as Lo } from "./components/form/SwitchInput.js";
|
|
40
|
+
import { TextAreaInput as zo } from "./components/form/TextAreaInput.js";
|
|
41
|
+
import { TextInput as Ho } from "./components/form/TextInput.js";
|
|
42
|
+
import { useForm as Eo } from "./components/form/useForm.js";
|
|
43
|
+
import { buildDefaultSyntax as Oo } from "./components/form/Input.syntax.hook.js";
|
|
44
|
+
import { JsonView as Jo } from "./components/json-view/JsonView.js";
|
|
45
|
+
import { FullScreen as jo } from "./components/fullscreen/FullScreen.js";
|
|
46
|
+
import { Gantt as Ko, getRelativeValue as Uo } from "./components/gantt/Gantt.js";
|
|
47
|
+
import { Layout as Xo } from "./components/layout/Layout.js";
|
|
48
|
+
import { Menu as _o, MenuArrow as $o, MenuCheckboxItem as et, MenuContent as ot, MenuGroup as tt, MenuItem as rt, MenuItemIndicator as at, MenuLabel as nt, MenuPortal as pt, MenuSeparator as it, MenuSub as lt, MenuSubContent as mt, MenuSubTrigger as ut, MenuTrigger as xt } from "./components/menu/Menu.js";
|
|
49
|
+
import { Progress as gt } from "./components/progress/Progress.js";
|
|
50
|
+
import { Quote as Ct } from "./components/quote/Quote.js";
|
|
51
|
+
import { ResizableHandle as St, ResizablePanel as bt, ResizablePanelGroup as dt } from "./components/resizable/Resizable.js";
|
|
52
|
+
import { Row as ct } from "./components/row/Row.js";
|
|
53
|
+
import { AutoScrollArea as Dt, ScrollArea as Ft, ScrollAreaCorner as Pt, ScrollAreaScrollbar as At, ScrollAreaThumb as wt, ScrollAreaViewport as vt } from "./components/scroll-area/ScrollArea.js";
|
|
54
|
+
import { SegmentedControl as Rt, SegmentedControlItem as Vt } from "./components/segmented-control/SegmentedControl.js";
|
|
55
|
+
import { Spacing as Lt } from "./components/spacing/Spacing.js";
|
|
56
|
+
import { Tab as zt, TabContent as Bt, TabList as Ht, TabTrigger as kt } from "./components/tab/Tab.js";
|
|
57
|
+
import { Text as Nt } from "./components/text/Text.js";
|
|
58
|
+
import { Toast as Qt, toast as Jt } from "./components/toast/Toast.js";
|
|
59
|
+
import { Tooltip as jt, TooltipArrow as qt, TooltipContent as Kt, TooltipPortal as Ut, TooltipTrigger as Wt } from "./components/tooltip/Tooltip.js";
|
|
60
|
+
import { ContextStore as Yt, ContextStoreProvider as _t, useService as $t, useStore as er } from "./utils/contextStore.js";
|
|
61
|
+
import { ReactiveArrayService as tr, useReactiveArrayService as rr } from "./utils/reactiveArrayService.js";
|
|
62
|
+
import { mergeComponentProps as nr } from "./utils/component.js";
|
|
63
|
+
import { Colors as ir, hashToColor as lr, withAlpha as mr } from "./utils/color.js";
|
|
64
|
+
import { getDOMSizeFromCodeZeroSize as xr } from "./utils/size.js";
|
|
63
65
|
export {
|
|
64
66
|
t as Alert,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
67
|
+
a as AuroraBackground,
|
|
68
|
+
Dt as AutoScrollArea,
|
|
69
|
+
p as Avatar,
|
|
68
70
|
l as Badge,
|
|
69
|
-
|
|
71
|
+
u as Breadcrumb,
|
|
70
72
|
f as Button,
|
|
71
73
|
I as ButtonGroup,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
74
|
+
T as Card,
|
|
75
|
+
Le as CheckboxInput,
|
|
76
|
+
b as Col,
|
|
77
|
+
ir as Colors,
|
|
78
|
+
s as Command,
|
|
79
|
+
c as CommandDialog,
|
|
78
80
|
M as CommandEmpty,
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
D as CommandGroup,
|
|
82
|
+
F as CommandInput,
|
|
83
|
+
P as CommandItem,
|
|
84
|
+
A as CommandList,
|
|
83
85
|
w as CommandSeparator,
|
|
84
86
|
v as CommandShortcut,
|
|
85
87
|
R as Container,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
88
|
+
G as ContextMenu,
|
|
89
|
+
L as ContextMenuArrow,
|
|
90
|
+
y as ContextMenuContent,
|
|
91
|
+
z as ContextMenuGroup,
|
|
90
92
|
B as ContextMenuItem,
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
93
|
+
H as ContextMenuLabel,
|
|
94
|
+
k as ContextMenuPortal,
|
|
95
|
+
E as ContextMenuSeparator,
|
|
94
96
|
N as ContextMenuSub,
|
|
95
97
|
O as ContextMenuSubContent,
|
|
96
98
|
Q as ContextMenuSubTrigger,
|
|
97
99
|
J as ContextMenuTrigger,
|
|
98
|
-
|
|
99
|
-
|
|
100
|
+
Yt as ContextStore,
|
|
101
|
+
_t as ContextStoreProvider,
|
|
100
102
|
j as DataTable,
|
|
101
103
|
K as DataTableColumn,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
zt as
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
Ut as
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
104
|
+
pe as DataTableFilterInput,
|
|
105
|
+
me as DataTableFilterSuggestionMenu,
|
|
106
|
+
W as DataTableHeader,
|
|
107
|
+
X as DataTableHeaderColumn,
|
|
108
|
+
_ as DataTableMaxPaginationValue,
|
|
109
|
+
$ as DataTablePagination,
|
|
110
|
+
ee as DataTablePaginationBackwardsTrigger,
|
|
111
|
+
oe as DataTablePaginationContext,
|
|
112
|
+
te as DataTablePaginationForwardTrigger,
|
|
113
|
+
re as DataTablePaginationValue,
|
|
114
|
+
xe as Dialog,
|
|
115
|
+
fe as DialogClose,
|
|
116
|
+
ge as DialogContent,
|
|
117
|
+
Ie as DialogDescription,
|
|
118
|
+
Ce as DialogFooter,
|
|
119
|
+
Te as DialogHeader,
|
|
120
|
+
Se as DialogOverlay,
|
|
121
|
+
be as DialogPortal,
|
|
122
|
+
de as DialogTitle,
|
|
123
|
+
se as DialogTrigger,
|
|
124
|
+
Me as Editor,
|
|
125
|
+
ze as EditorInput,
|
|
126
|
+
He as EmailInput,
|
|
127
|
+
Ne as FileInput,
|
|
128
|
+
Oe as FileInputContext,
|
|
129
|
+
Qe as FileInputDropzone,
|
|
130
|
+
Je as FileInputHiddenInput,
|
|
131
|
+
Ze as FileInputItem,
|
|
132
|
+
je as FileInputItemDeleteTrigger,
|
|
133
|
+
qe as FileInputItemGroup,
|
|
134
|
+
Ke as FileInputItemName,
|
|
135
|
+
Ue as FileInputItemPreview,
|
|
136
|
+
We as FileInputItemPreviewImage,
|
|
137
|
+
Xe as FileInputItemSizeText,
|
|
138
|
+
Ye as FileInputTrigger,
|
|
139
|
+
Ae as FileTabs,
|
|
140
|
+
we as FileTabsContent,
|
|
141
|
+
ve as FileTabsList,
|
|
142
|
+
Fe as FileTabsService,
|
|
143
|
+
he as FileTabsTrigger,
|
|
144
|
+
Ve as Flex,
|
|
145
|
+
jo as FullScreen,
|
|
146
|
+
Ko as Gantt,
|
|
147
|
+
$e as Input,
|
|
148
|
+
oo as InputDescription,
|
|
149
|
+
ro as InputLabel,
|
|
150
|
+
no as InputMessage,
|
|
151
|
+
io as InputSuggestionMenuContent,
|
|
152
|
+
lo as InputSuggestionMenuContentItems,
|
|
153
|
+
Jo as JsonView,
|
|
154
|
+
Xo as Layout,
|
|
155
|
+
_o as Menu,
|
|
156
|
+
$o as MenuArrow,
|
|
157
|
+
et as MenuCheckboxItem,
|
|
158
|
+
ot as MenuContent,
|
|
159
|
+
tt as MenuGroup,
|
|
160
|
+
rt as MenuItem,
|
|
161
|
+
at as MenuItemIndicator,
|
|
162
|
+
nt as MenuLabel,
|
|
163
|
+
pt as MenuPortal,
|
|
164
|
+
it as MenuSeparator,
|
|
165
|
+
lt as MenuSub,
|
|
166
|
+
mt as MenuSubContent,
|
|
167
|
+
ut as MenuSubTrigger,
|
|
168
|
+
xt as MenuTrigger,
|
|
169
|
+
uo as NumberInput,
|
|
170
|
+
fo as PasswordInput,
|
|
171
|
+
Co as PinInput,
|
|
172
|
+
To as PinInputField,
|
|
173
|
+
So as PinInputHiddenField,
|
|
174
|
+
gt as Progress,
|
|
175
|
+
Ct as Quote,
|
|
176
|
+
so as RadioGroup,
|
|
177
|
+
Mo as RadioInput,
|
|
178
|
+
tr as ReactiveArrayService,
|
|
179
|
+
St as ResizableHandle,
|
|
180
|
+
bt as ResizablePanel,
|
|
181
|
+
dt as ResizablePanelGroup,
|
|
182
|
+
ct as Row,
|
|
183
|
+
Ft as ScrollArea,
|
|
184
|
+
Pt as ScrollAreaCorner,
|
|
185
|
+
At as ScrollAreaScrollbar,
|
|
186
|
+
wt as ScrollAreaThumb,
|
|
187
|
+
vt as ScrollAreaViewport,
|
|
188
|
+
Rt as SegmentedControl,
|
|
189
|
+
Vt as SegmentedControlItem,
|
|
190
|
+
Fo as SelectContent,
|
|
191
|
+
Po as SelectInput,
|
|
192
|
+
Ao as SelectItem,
|
|
193
|
+
wo as SelectItemText,
|
|
194
|
+
vo as SelectPortal,
|
|
195
|
+
ho as SelectTrigger,
|
|
196
|
+
Ro as SelectValue,
|
|
197
|
+
Vo as SelectViewport,
|
|
198
|
+
Lt as Spacing,
|
|
199
|
+
Lo as SwitchInput,
|
|
200
|
+
zt as Tab,
|
|
201
|
+
Bt as TabContent,
|
|
202
|
+
Ht as TabList,
|
|
203
|
+
kt as TabTrigger,
|
|
204
|
+
Nt as Text,
|
|
205
|
+
zo as TextAreaInput,
|
|
206
|
+
Ho as TextInput,
|
|
207
|
+
Qt as Toast,
|
|
208
|
+
jt as Tooltip,
|
|
209
|
+
qt as TooltipArrow,
|
|
210
|
+
Kt as TooltipContent,
|
|
211
|
+
Ut as TooltipPortal,
|
|
212
|
+
Wt as TooltipTrigger,
|
|
213
|
+
Oo as buildDefaultSyntax,
|
|
214
|
+
ie as createFilterQueryLanguage,
|
|
215
|
+
ke as emailValidation,
|
|
216
|
+
xr as getDOMSizeFromCodeZeroSize,
|
|
217
|
+
Uo as getRelativeValue,
|
|
218
|
+
lr as hashToColor,
|
|
219
|
+
nr as mergeComponentProps,
|
|
220
|
+
go as passwordValidation,
|
|
221
|
+
Jt as toast,
|
|
222
|
+
ae as useDataTablePagination,
|
|
223
|
+
Eo as useForm,
|
|
224
|
+
rr as useReactiveArrayService,
|
|
225
|
+
$t as useService,
|
|
226
|
+
er as useStore,
|
|
227
|
+
mr as withAlpha
|
|
217
228
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@code0-tech/pictor",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.12.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A simple template for a custom React component library",
|
|
6
6
|
"scripts": {
|
|
@@ -22,10 +22,10 @@
|
|
|
22
22
|
"@babel/plugin-transform-class-properties": "^7.29.7",
|
|
23
23
|
"@codemirror/autocomplete": "^6.20.3",
|
|
24
24
|
"@codemirror/lang-json": "^6.0.2",
|
|
25
|
-
"@codemirror/language": "^6.12.
|
|
25
|
+
"@codemirror/language": "^6.12.4",
|
|
26
26
|
"@codemirror/lint": "^6.9.7",
|
|
27
|
-
"@codemirror/state": "^6.
|
|
28
|
-
"@codemirror/view": "^6.43.
|
|
27
|
+
"@codemirror/state": "^6.7.1",
|
|
28
|
+
"@codemirror/view": "^6.43.5",
|
|
29
29
|
"@dagrejs/dagre": "^3.0.0",
|
|
30
30
|
"@lezer/common": "^1.5.2",
|
|
31
31
|
"@mdx-js/react": "^3.1.1",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
35
35
|
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
36
36
|
"@radix-ui/react-hover-card": "^1.1.15",
|
|
37
|
-
"@radix-ui/react-one-time-password-field": "^0.1.
|
|
37
|
+
"@radix-ui/react-one-time-password-field": "^0.1.13",
|
|
38
38
|
"@radix-ui/react-progress": "^1.1.8",
|
|
39
39
|
"@radix-ui/react-radio-group": "^1.3.8",
|
|
40
40
|
"@radix-ui/react-scroll-area": "^1.2.10",
|
|
@@ -61,9 +61,6 @@
|
|
|
61
61
|
"@types/react-syntax-highlighter": "^15.5.13",
|
|
62
62
|
"@uiw/codemirror-themes": "^4.25.10",
|
|
63
63
|
"@uiw/react-codemirror": "^4.25.10",
|
|
64
|
-
"slate": "^0.124.1",
|
|
65
|
-
"slate-history": "^0.113.1",
|
|
66
|
-
"slate-react": "^0.125.1",
|
|
67
64
|
"@uiw/react-json-view": "^2.0.0-alpha.43",
|
|
68
65
|
"@vitejs/plugin-react": "^5.2.0",
|
|
69
66
|
"@vitest/browser-playwright": "^4.1.2",
|
|
@@ -89,6 +86,9 @@
|
|
|
89
86
|
"rimraf": "^6.1.3",
|
|
90
87
|
"sass": "^1.99.0",
|
|
91
88
|
"sass-loader": "^16.0.8",
|
|
89
|
+
"slate": "^0.124.1",
|
|
90
|
+
"slate-history": "^0.113.1",
|
|
91
|
+
"slate-react": "^0.125.1",
|
|
92
92
|
"sonner": "^2.0.7",
|
|
93
93
|
"storybook": "^10.4.2",
|
|
94
94
|
"style-loader": "^4.0.0",
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
124
124
|
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
125
125
|
"@radix-ui/react-hover-card": "^1.1.15",
|
|
126
|
-
"@radix-ui/react-one-time-password-field": "^0.1.
|
|
126
|
+
"@radix-ui/react-one-time-password-field": "^0.1.13",
|
|
127
127
|
"@radix-ui/react-progress": "^1.1.8",
|
|
128
128
|
"@radix-ui/react-radio-group": "^1.3.8",
|
|
129
129
|
"@radix-ui/react-scroll-area": "^1.2.10",
|
|
@@ -144,10 +144,10 @@
|
|
|
144
144
|
"react-dom": "^18.0.0 || ^19.0.0",
|
|
145
145
|
"react-resizable-panels": "^4.3.1",
|
|
146
146
|
"react-zoom-pan-pinch": "^3.7.0",
|
|
147
|
-
"sonner": "^2.0.7",
|
|
148
147
|
"slate": "^0.124.0",
|
|
149
148
|
"slate-history": "^0.113.0",
|
|
150
149
|
"slate-react": "^0.125.0",
|
|
150
|
+
"sonner": "^2.0.7",
|
|
151
151
|
"zustand": ">=4.3.0 <5.0.0"
|
|
152
152
|
},
|
|
153
153
|
"publishConfig": {
|