@code0-tech/pictor 0.0.0-mvp.26 → 0.0.0-mvp.28

package/dist/assets/components/badge/Badge.style.css

@@ -1 +1 @@
-.badge{padding:.1166666667rem .35rem;display:inline-flex;font-size:.7rem;width:fit-content;align-items:center;gap:.35rem;height:fit-content;vertical-align:middle}.badge{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.badge--border{border:none!important}.badge--primary{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.badge--secondary{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.badge--success{background:#071314;border:1px solid rgba(41,191,18,.1);color:#29bf12bf;position:relative;box-sizing:border-box}.badge--warning{background:#1c1313;border:1px solid rgba(255,190,11,.1);color:#ffbe0bbf;position:relative;box-sizing:border-box}.badge--error{background:#180016;border:1px solid rgba(217,4,41,.1);color:#d90429bf;position:relative;box-sizing:border-box}.badge--info{background:#0e1a24;border:1px solid rgba(112,255,178,.1);color:#70ffb2bf;position:relative;box-sizing:border-box}
+.badge{padding:.1166666667rem .35rem;display:inline-flex;font-size:.7rem;width:fit-content;align-items:center;gap:.35rem;height:fit-content;vertical-align:middle;background-color:var(--badge-color-background);border:1px solid var(--badge-color-border);color:var(--badge-color)}.badge{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.badge--border{border:none!important}.badge--primary{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.badge--secondary{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.badge--success{background:#071314;border:1px solid rgba(41,191,18,.1);color:#29bf12bf;position:relative;box-sizing:border-box}.badge--warning{background:#1c1313;border:1px solid rgba(255,190,11,.1);color:#ffbe0bbf;position:relative;box-sizing:border-box}.badge--error{background:#180016;border:1px solid rgba(217,4,41,.1);color:#d90429bf;position:relative;box-sizing:border-box}.badge--info{background:#0e1a24;border:1px solid rgba(112,255,178,.1);color:#70ffb2bf;position:relative;box-sizing:border-box}

package/dist/assets/components/button/Button.style.css

@@ -1 +1 @@
-.button{padding:.7rem 1rem;gap:.5rem;cursor:pointer;height:fit-content;display:flex;align-items:center;width:fit-content;justify-content:center;font-size:.8rem}.button:disabled,.button[data-disabled],.button[aria-disabled=true],.button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.button--primary{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--primary:hover{background:#ffffff26}.button--primary:active,.button--primary:focus,.button--primary[aria-selected=true]{background:#fff3;outline:none}.button--primary.button--outlined{background:transparent}.button--primary.button--outlined:hover{border-color:#ffffff26}.button--primary.button--outlined:active,.button--primary.button--outlined:focus,.button--primary.button--outlined[aria-selected=true]{border-color:#fff3}.button--primary.button--none{background:transparent;border-color:transparent}.button--primary.button--none:hover{background:#ffffff26}.button--primary.button--none:active,.button--primary.button--none:focus,.button--primary.button--none[aria-selected=true]{background:#fff3}.button--primary.button--filled{border-color:transparent}.button--secondary{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--secondary:hover{background:#292637}.button--secondary:active,.button--secondary:focus,.button--secondary[aria-selected=true]{background:#353343;outline:none}.button--secondary.button--outlined{background:transparent}.button--secondary.button--outlined:hover{border-color:#ffffff26}.button--secondary.button--outlined:active,.button--secondary.button--outlined:focus,.button--secondary.button--outlined[aria-selected=true]{border-color:#fff3}.button--secondary.button--none{background:transparent;border-color:transparent}.button--secondary.button--none:hover{background:#292637}.button--secondary.button--none:active,.button--secondary.button--none:focus,.button--secondary.button--none[aria-selected=true]{background:#353343}.button--secondary.button--filled{border-color:transparent}.button--success{background:#071314;border:1px solid rgba(41,191,18,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--success:hover{background:#091d14}.button--success:active,.button--success:focus,.button--success[aria-selected=true]{background:#0b2614;outline:none}.button--success.button--outlined{background:transparent}.button--success.button--outlined:hover{border-color:#29bf1226}.button--success.button--outlined:active,.button--success.button--outlined:focus,.button--success.button--outlined[aria-selected=true]{border-color:#29bf1233}.button--success.button--none{background:transparent;border-color:transparent}.button--success.button--none:hover{background:#091d14}.button--success.button--none:active,.button--success.button--none:focus,.button--success.button--none[aria-selected=true]{background:#0b2614}.button--success.button--filled{border-color:transparent}.button--warning{background:#1c1313;border:1px solid rgba(255,190,11,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--warning:hover{background:#291d13}.button--warning:active,.button--warning:focus,.button--warning[aria-selected=true]{background:#352612;outline:none}.button--warning.button--outlined{background:transparent}.button--warning.button--outlined:hover{border-color:#ffbe0b26}.button--warning.button--outlined:active,.button--warning.button--outlined:focus,.button--warning.button--outlined[aria-selected=true]{border-color:#ffbe0b33}.button--warning.button--none{background:transparent;border-color:transparent}.button--warning.button--none:hover{background:#291d13}.button--warning.button--none:active,.button--warning.button--none:focus,.button--warning.button--none[aria-selected=true]{background:#352612}.button--warning.button--filled{border-color:transparent}.button--error{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--error:hover{background:#230117}.button--error:active,.button--error:focus,.button--error[aria-selected=true]{background:#2e0118;outline:none}.button--error.button--outlined{background:transparent}.button--error.button--outlined:hover{border-color:#d9042926}.button--error.button--outlined:active,.button--error.button--outlined:focus,.button--error.button--outlined[aria-selected=true]{border-color:#d9042933}.button--error.button--none{background:transparent;border-color:transparent}.button--error.button--none:hover{background:#230117}.button--error.button--none:active,.button--error.button--none:focus,.button--error.button--none[aria-selected=true]{background:#2e0118}.button--error.button--filled{border-color:transparent}.button--info{background:#0e1a24;border:1px solid rgba(112,255,178,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--info:hover{background:#13262c}.button--info:active,.button--info:focus,.button--info[aria-selected=true]{background:#193334;outline:none}.button--info.button--outlined{background:transparent}.button--info.button--outlined:hover{border-color:#70ffb226}.button--info.button--outlined:active,.button--info.button--outlined:focus,.button--info.button--outlined[aria-selected=true]{border-color:#70ffb233}.button--info.button--none{background:transparent;border-color:transparent}.button--info.button--none:hover{background:#13262c}.button--info.button--none:active,.button--info.button--none:focus,.button--info.button--none[aria-selected=true]{background:#193334}.button--info.button--filled{border-color:transparent}.button--xxs{padding:.35rem .7rem;border-radius:.7rem}.button--xs{padding:.7rem .8rem;border-radius:.8rem}.button--sm{padding:.8rem 1rem;border-radius:1rem}.button--md{padding:1rem 1.2rem;border-radius:1.2rem}.button--lg{padding:1.2rem 1.3rem;border-radius:1.3rem}.button--xl{padding:1.3rem;border-radius:1.3rem}
+.button{padding:.7rem 1rem;gap:.5rem;cursor:pointer;height:fit-content;display:flex;align-items:center;width:fit-content;justify-content:center;font-size:.8rem}.button:disabled,.button[data-disabled],.button[aria-disabled=true],.button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.button--primary{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--primary:hover{background:#ffffff26}.button--primary:active,.button--primary:focus,.button--primary[aria-selected=true],.button--primary[data-state=open]{background:#fff3;outline:none}.button--primary.button--outlined{background:transparent}.button--primary.button--outlined:hover{border-color:#ffffff26}.button--primary.button--outlined:active,.button--primary.button--outlined:focus,.button--primary.button--outlined[aria-selected=true],.button--primary.button--outlined[data-state=open]{border-color:#fff3}.button--primary.button--none{background:transparent;border-color:transparent}.button--primary.button--none:hover{background:#ffffff26}.button--primary.button--none:active,.button--primary.button--none:focus,.button--primary.button--none[aria-selected=true],.button--primary.button--none[data-state=open]{background:#fff3}.button--primary.button--filled{border-color:transparent}.button--secondary{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--secondary:hover{background:#292637}.button--secondary:active,.button--secondary:focus,.button--secondary[aria-selected=true],.button--secondary[data-state=open]{background:#353343;outline:none}.button--secondary.button--outlined{background:transparent}.button--secondary.button--outlined:hover{border-color:#ffffff26}.button--secondary.button--outlined:active,.button--secondary.button--outlined:focus,.button--secondary.button--outlined[aria-selected=true],.button--secondary.button--outlined[data-state=open]{border-color:#fff3}.button--secondary.button--none{background:transparent;border-color:transparent}.button--secondary.button--none:hover{background:#292637}.button--secondary.button--none:active,.button--secondary.button--none:focus,.button--secondary.button--none[aria-selected=true],.button--secondary.button--none[data-state=open]{background:#353343}.button--secondary.button--filled{border-color:transparent}.button--success{background:#071314;border:1px solid rgba(41,191,18,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--success:hover{background:#091d14}.button--success:active,.button--success:focus,.button--success[aria-selected=true],.button--success[data-state=open]{background:#0b2614;outline:none}.button--success.button--outlined{background:transparent}.button--success.button--outlined:hover{border-color:#29bf1226}.button--success.button--outlined:active,.button--success.button--outlined:focus,.button--success.button--outlined[aria-selected=true],.button--success.button--outlined[data-state=open]{border-color:#29bf1233}.button--success.button--none{background:transparent;border-color:transparent}.button--success.button--none:hover{background:#091d14}.button--success.button--none:active,.button--success.button--none:focus,.button--success.button--none[aria-selected=true],.button--success.button--none[data-state=open]{background:#0b2614}.button--success.button--filled{border-color:transparent}.button--warning{background:#1c1313;border:1px solid rgba(255,190,11,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--warning:hover{background:#291d13}.button--warning:active,.button--warning:focus,.button--warning[aria-selected=true],.button--warning[data-state=open]{background:#352612;outline:none}.button--warning.button--outlined{background:transparent}.button--warning.button--outlined:hover{border-color:#ffbe0b26}.button--warning.button--outlined:active,.button--warning.button--outlined:focus,.button--warning.button--outlined[aria-selected=true],.button--warning.button--outlined[data-state=open]{border-color:#ffbe0b33}.button--warning.button--none{background:transparent;border-color:transparent}.button--warning.button--none:hover{background:#291d13}.button--warning.button--none:active,.button--warning.button--none:focus,.button--warning.button--none[aria-selected=true],.button--warning.button--none[data-state=open]{background:#352612}.button--warning.button--filled{border-color:transparent}.button--error{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--error:hover{background:#230117}.button--error:active,.button--error:focus,.button--error[aria-selected=true],.button--error[data-state=open]{background:#2e0118;outline:none}.button--error.button--outlined{background:transparent}.button--error.button--outlined:hover{border-color:#d9042926}.button--error.button--outlined:active,.button--error.button--outlined:focus,.button--error.button--outlined[aria-selected=true],.button--error.button--outlined[data-state=open]{border-color:#d9042933}.button--error.button--none{background:transparent;border-color:transparent}.button--error.button--none:hover{background:#230117}.button--error.button--none:active,.button--error.button--none:focus,.button--error.button--none[aria-selected=true],.button--error.button--none[data-state=open]{background:#2e0118}.button--error.button--filled{border-color:transparent}.button--info{background:#0e1a24;border:1px solid rgba(112,255,178,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--info:hover{background:#13262c}.button--info:active,.button--info:focus,.button--info[aria-selected=true],.button--info[data-state=open]{background:#193334;outline:none}.button--info.button--outlined{background:transparent}.button--info.button--outlined:hover{border-color:#70ffb226}.button--info.button--outlined:active,.button--info.button--outlined:focus,.button--info.button--outlined[aria-selected=true],.button--info.button--outlined[data-state=open]{border-color:#70ffb233}.button--info.button--none{background:transparent;border-color:transparent}.button--info.button--none:hover{background:#13262c}.button--info.button--none:active,.button--info.button--none:focus,.button--info.button--none[aria-selected=true],.button--info.button--none[data-state=open]{background:#193334}.button--info.button--filled{border-color:transparent}.button--xxs{padding:.35rem .7rem;border-radius:.7rem}.button--xs{padding:.7rem .8rem;border-radius:.8rem}.button--sm{padding:.8rem 1rem;border-radius:1rem}.button--md{padding:1rem 1.2rem;border-radius:1.2rem}.button--lg{padding:1.2rem 1.3rem;border-radius:1.3rem}.button--xl{padding:1.3rem;border-radius:1.3rem}

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

@@ -0,0 +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:#030014;border:1px solid rgba(255,255,255,.1);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{border:none}.context-menu__item:focus,.context-menu__item[data-focus=true],.context-menu__sub-trigger:focus,.context-menu__sub-trigger[data-focus=true]{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border: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:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--secondary,.context-menu__sub-content--secondary{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--success,.context-menu__sub-content--success{background:#071314;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--warning,.context-menu__sub-content--warning{background:#1c1313;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--error,.context-menu__sub-content--error{background:#180016;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.context-menu__content--info,.context-menu__sub-content--info{background:#0e1a24;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}

package/dist/assets/components/d-flow-folder/DFlowFolder.style.css

@@ -0,0 +1 @@
+.d-folder{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;cursor:pointer;align-items:center;justify-content:space-between;font-size:.8rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d-folder{border-radius:1rem;background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.d-folder:hover{background:#292637}.d-folder{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border:none;background:#030014}.d-folder[data-state=open]{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border:none}.d-folder__icon,.d-folder__status,.d-folder__item-icon{color:#70ffb2;display:flex;align-items:center;justify-content:center}.d-folder__status,.d-folder__item-icon{color:#fff}.d-folder__content{margin-left:.7rem;position:relative;padding-left:calc(5px + .35rem)}.d-folder__content:before{height:100%;width:1px;background:#1c1a2c;position:absolute;content:"";left:5px}.d-folder__item{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;align-items:center;cursor:pointer;font-size:.8rem;position:relative}.d-folder__item{border-radius:1rem;background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.d-folder__item:hover{background:#292637}.d-folder__item:active,.d-folder__item:focus,.d-folder__item[aria-selected=true],.d-folder__item[data-state=open]{background:#353343;outline:none}.d-folder__item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border:none}.d-folder__item[data-state=open]{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border:none}

package/dist/assets/components/{d-flow/function → d-flow-function}/DFlowFunctionDefaultCard.style.css

@@ -1 +1 @@
-.d-flow-viewport-default-card__handle{border:none!important;padding:1px;z-index:-1;opacity:0}.d-flow-viewport-default-card__inspection{top:0;transform:translateY(-50%);padding:.35rem}.d-flow-viewport-default-card__inspection{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute}.d-flow-viewport-default-card--active{box-shadow:0 0 0 2px #70ffb21a}
+.d-flow-viewport-default-card__handle{border:none!important;padding:1px;z-index:-1;opacity:0}.d-flow-viewport-default-card__inspection{top:0;transform:translateY(-50%);padding:.35rem}.d-flow-viewport-default-card__inspection{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute}.d-flow-viewport-default-card--active{box-shadow:0 0 0 1px #70ffb280}

package/dist/assets/components/d-flow-panel/DFlowMiniMap.style.css

@@ -0,0 +1 @@
+.d-flow-viewport-mini-map{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;margin:0;width:fit-content}.d-flow-viewport-mini-map>svg{border-radius:1rem}.d-flow-viewport-mini-map * .react-flow__minimap-mask{fill:#ffffff1a}

package/dist/assets/components/d-flow-suggestion/DFlowSuggestionSearchInput.style.css

@@ -0,0 +1 @@
+.d-flow-suggestion-search-input{border:none!important;background:none!important;margin:-.35rem;padding-left:.35rem;padding-right:.35rem;border-radius:0!important}.d-flow-suggestion-search-input>input{padding-top:0!important;padding-bottom:0!important}

package/dist/assets/components/d-layout/DLayout.style.css

@@ -1 +1 @@
-.d-layout{position:relative;width:100%;height:100%;overflow:hidden;display:flex}.d-layout__inner{display:flex;flex-direction:column;width:100%;height:100%;gap:1.3rem}.d-layout__top,.d-layout__bottom{flex:0 0 auto}.d-layout__middle{display:flex;flex:1 1 auto;min-height:0;width:100%;gap:1.3rem}.d-layout__left{padding-right:1.3rem;border-right:1px solid rgba(255,255,255,.1)}.d-layout__right{padding-left:1.3rem;border-left:1px solid rgba(255,255,255,.1)}.d-layout__left,.d-layout__right{flex:0 0 auto}.d-layout__content{flex:1 1 auto;min-width:0;min-height:0;overflow:auto}
+.d-layout{position:relative;width:100%;height:100%;overflow:hidden;display:flex}.d-layout__inner{display:flex;flex-direction:column;width:100%;height:100%}.d-layout__top,.d-layout__bottom{flex:0 0 auto}.d-layout__middle{display:flex;flex:1 1 auto;min-height:0;width:100%}.d-layout__left{border-right:1px solid rgba(255,255,255,.1)}.d-layout__right{border-left:1px solid rgba(255,255,255,.1)}.d-layout__top{border-bottom:1px solid rgba(255,255,255,.1)}.d-layout__bottom{border-top:1px solid rgba(255,255,255,.1)}.d-layout__left,.d-layout__right{flex:0 0 auto}.d-layout__content{flex:1 1 auto;min-width:0;min-height:0;overflow:auto}

package/dist/assets/components/d-resizable/DResizable.style.css

@@ -1 +1 @@
-.d-resizable__panel{color:#fff;position:relative;overflow:hidden;z-index:0}.d-resizable__panel{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.d-resizable__panel:has(.d-resizable__panel){background:#030014}.d-resizable__handle{position:relative;display:flex;align-items:center;justify-content:center}.d-resizable__handle[data-panel-group-direction=horizontal]{width:1rem;height:100%}.d-resizable__handle[data-panel-group-direction=vertical]{height:1rem;width:100%}.d-resizable__handle-bar{z-index:1;position:relative;display:block;padding:.25rem}.d-resizable__handle-bar{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.d-resizable[data-panel-group-direction=horizontal] * .d-resizable__handle-bar{min-height:3rem;height:15%}.d-resizable[data-panel-group-direction=vertical] * .d-resizable__handle-bar{min-width:3rem;min-height:auto;height:auto;width:15%}
+.d-resizable__panel{color:#fff;position:relative;overflow:hidden;z-index:0}.d-resizable__panel{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border:none}.d-resizable__panel:has(.d-resizable__panel){background:#030014}.d-resizable__handle{position:relative;display:flex;align-items:center;justify-content:center}.d-resizable__handle[data-panel-group-direction=horizontal]{width:1px;height:100%;background:#ffffff1a}.d-resizable__handle[data-panel-group-direction=vertical]{height:1rem;width:100%}.d-resizable__handle-bar{z-index:1;position:relative;display:flex;padding:.25rem;border-radius:.7rem}.d-resizable__handle-bar{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}

package/dist/assets/components/file-tabs/FileTabs.style.css

@@ -1 +1 @@
-.file-tabs{position:relative;width:100%;height:100%}.file-tabs__list{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;position:relative;gap:.7rem;padding:.7rem}.file-tabs__list-content{display:flex;overflow-x:scroll;flex-wrap:nowrap;gap:.35rem;-ms-overflow-style:none;scrollbar-width:none}.file-tabs__list-content::-webkit-scrollbar{display:none}.file-tabs__list-controls{display:flex;flex-wrap:nowrap;gap:.35rem}.file-tabs__trigger{padding:.35rem .7rem;display:flex;gap:.7rem;align-items:center;text-wrap:nowrap;margin-bottom:1px;cursor:pointer;font-size:.8rem}.file-tabs__trigger{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.file-tabs__trigger:hover{background:#ffffff26}.file-tabs__trigger{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;background:transparent;box-shadow:none}.file-tabs__trigger[data-state=active]{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.file-tabs__trigger[data-state=active] .file-tabs__trigger-icon,.file-tabs__trigger:hover .file-tabs__trigger-icon,.file-tabs__trigger:active .file-tabs__trigger-icon{opacity:1}.file-tabs__trigger-icon{display:flex;align-items:center;justify-content:center;padding:.1rem;opacity:0;cursor:pointer;font-size:unset}.file-tabs__trigger-icon:hover{background:#ffffff26}.file-tabs__trigger-icon{border-radius:1rem}.file-tabs__content{padding:1.4rem;position:relative}
+.file-tabs{position:relative;width:100%;height:100%}.file-tabs__list{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;position:relative;padding:.7rem}.file-tabs__list-content{display:flex;width:100%;overflow-x:scroll;flex-wrap:nowrap;gap:.7rem;-ms-overflow-style:none;scrollbar-width:none}.file-tabs__list-content::-webkit-scrollbar{display:none}.file-tabs__trigger{padding:.35rem .7rem;display:flex;gap:.35rem;align-items:center;text-wrap:nowrap;margin-bottom:1px;cursor:pointer}.file-tabs__trigger{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.file-tabs__trigger:hover{background:#ffffff26}.file-tabs__trigger{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;background:transparent;border:none}.file-tabs__trigger:after{position:absolute;content:"";height:75%;width:100%;left:.35rem;top:50%;transform:translateY(-50%);border-right:1px solid rgba(255,255,255,.1);z-index:-1}.file-tabs__trigger[data-state=active]{background:#353343;outline:none;border:none}.file-tabs__trigger-icon{display:flex;align-items:center;justify-content:center;padding:.1rem;cursor:pointer;font-size:unset}.file-tabs__trigger-icon:hover{background:#ffffff26}.file-tabs__trigger-icon{border-radius:1rem}.file-tabs__content{padding:.7rem;position:relative}

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

@@ -1 +1 @@
-.input{display:flex;z-index:1;align-items:stretch;box-sizing:border-box}.input{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input:hover{background:#ffffff26}.input:active,.input:focus,.input[aria-selected=true]{background:#fff3;outline:none}.input{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.input:has(.input__control:focus){background:#fff3;outline:none}.input--not-valid{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input__syntax{position:absolute;z-index:-1;overflow:hidden;font-size:.8rem;color:#ffffff80;white-space:pre;padding:.7rem;box-sizing:border-box;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-caret{display:inline-block;width:1px;height:1rem;background:#ffffffb3;vertical-align:text-bottom;animation:caret-blink 1s steps(1) infinite;pointer-events:none}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.input__syntax-char{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-char--selected{background:#ffffff1a;padding:4px 0}.input__syntax-block{user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-block--selected{background:#ffffff1a;padding:4px 0}.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:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:.825rem;padding:.7rem}.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;border:none;outline:none;padding:.7rem;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__control--syntax{color:transparent;caret-color:transparent}.input__control--syntax::selection{background:transparent}.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{padding:.7rem;z-index:0;display:flex;align-items:center;font-size:.7rem;gap:.35rem;margin-top:.7rem}.input__message{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message>svg{width:.8rem;height:.8rem}.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;border: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]{background:#353343;outline:none}.radio-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);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:#353343;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;border:none!important;align-items:center;box-sizing:border-box;gap:.35rem;padding:.35rem 0}.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]{background:#353343;outline:none}.checkbox-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);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__button[data-state=checked]{background:#193334;outline:none}.checkbox-input__indicator{position:relative;display:flex;align-items:center;justify-content:center;top:1px}.switch-input{background:transparent!important;border:none!important}.switch-input .input__control{position:relative;box-sizing:border-box;padding:0;width:.9rem;height:.9rem;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:#0e1a24;border:1px solid rgba(255,255,255,.1);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:#1c1a2c;border:1px solid rgba(255,255,255,.1);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:stretch;box-sizing:border-box}.input{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input:hover{background:#ffffff26}.input:active,.input:focus,.input[aria-selected=true],.input[data-state=open]{background:#fff3;outline:none}.input{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.input:has(.input__control:focus){background:#fff3;outline:none}.input--not-valid{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input__syntax{position:absolute;z-index:-1;overflow:hidden;font-size:.8rem;color:#ffffff80;white-space:pre;padding:.7rem;box-sizing:border-box;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-caret{display:inline-block;width:1px;height:1rem;background:#ffffffb3;vertical-align:text-bottom;animation:caret-blink 1s steps(1) infinite;pointer-events:none}@keyframes caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.input__syntax-char{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-char--selected{background:#ffffff1a;padding:4px 0}.input__syntax-block{user-select:none;-webkit-user-select:none;-moz-user-select:none}.input__syntax-block--selected{background:#ffffff1a;padding:4px 0}.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:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:.825rem;padding:.7rem}.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;border:none;outline:none;padding:.7rem;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__control--syntax{color:transparent;caret-color:transparent}.input__control--syntax::selection{background:transparent}.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{padding:.7rem;z-index:0;display:flex;align-items:center;font-size:.7rem;gap:.35rem;margin-top:.7rem}.input__message{background:#180016;border:1px solid rgba(217,4,41,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.input__message>svg{width:.8rem;height:.8rem}.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;border: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:#353343;outline:none}.radio-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);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:#353343;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;border:none!important;align-items:center;box-sizing:border-box;gap:.35rem;padding:.35rem 0}.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:#353343;outline:none}.checkbox-input__button{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);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__button[data-state=checked]{background:#193334;outline:none}.checkbox-input__indicator{position:relative;display:flex;align-items:center;justify-content:center;top:1px}.switch-input{background:transparent!important;border:none!important}.switch-input .input__control{position:relative;box-sizing:border-box;padding:0;width:.9rem;height:.9rem;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:#0e1a24;border:1px solid rgba(255,255,255,.1);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:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute;width:2.6rem;height:1.25rem}

package/dist/assets/components/segmented-control/SegmentedControl.style.css

@@ -1 +1 @@
-.segmented-control{padding:.35rem;gap:.35rem;display:flex;flex-wrap:nowrap}.segmented-control{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.segmented-control__item{cursor:pointer;padding:.35rem .7rem}.segmented-control__item{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:.65rem;border:none}.segmented-control__item[data-state=off]{background:transparent;opacity:.6666666666}
+.segmented-control{padding:.35rem;gap:.35rem;display:flex;flex-wrap:nowrap}.segmented-control{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.segmented-control__item{cursor:pointer;padding:.35rem .7rem}.segmented-control__item[data-state=off]{background:transparent;opacity:.6666666666}.segmented-control__item{background:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.segmented-control__item:disabled,.segmented-control__item[data-disabled],.segmented-control__item[aria-disabled=true],.segmented-control__item--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.segmented-control__item{border-radius:.65rem;border:none}

package/dist/components/avatar/Avatar.js

@@ -20,14 +20,14 @@ const x = (f) => {
     s();
   });
   const s = () => {
-    const i = v(f), r = Math.floor(t / 5), c = i.slice(0, 6);
+    const i = v(f), r = Math.floor(t / 5), a = i.slice(0, 6);
     e.current.width = r * 5, e.current.height = r * 5;
-    let a = i.split("").map((o) => (o = parseInt(o, 16), o < 8 ? 0 : 1)), l = [];
-    l[0] = l[4] = a.slice(0, 5), l[1] = l[3] = a.slice(5, 10), l[2] = a.slice(10, 15);
+    let c = i.split("").map((o) => (o = parseInt(o, 16), o < 8 ? 0 : 1)), l = [];
+    l[0] = l[4] = c.slice(0, 5), l[1] = l[3] = c.slice(5, 10), l[2] = c.slice(10, 15);
     const n = e.current.getContext("2d");
     n.imageSmoothingEnabled = !1, n.clearRect(0, 0, e.current.width, e.current.height), l.forEach((o, h) => {
       o.forEach((g, u) => {
-        g ? (n.fillStyle = "#" + c, n.fillRect(r * h, r * u, r, r)) : (n.fillStyle = "transparent", n.fillRect(r * h, r * u, r, r));
+        g ? (n.fillStyle = "#" + a, n.fillRect(r * h, r * u, r, r)) : (n.fillStyle = "transparent", n.fillRect(r * h, r * u, r, r));
       });
     });
   };
@@ -45,10 +45,10 @@ const x = (f) => {
     e = l, i = n, s = o === void 0 ? 25 : o, r = R(`avatar ${!e && i ? "avatar--image" : ""}`, h), t[0] = f, t[1] = e, t[2] = s, t[3] = i, t[4] = r;
   } else
     e = t[1], s = t[2], i = t[3], r = t[4];
-  let c;
-  t[5] !== e || t[6] !== s || t[7] !== i ? (c = e ? /* @__PURE__ */ m(E, { identifier: e, size: s }) : i ? /* @__PURE__ */ m(x, { src: i, size: s + 13 }) : null, t[5] = e, t[6] = s, t[7] = i, t[8] = c) : c = t[8];
   let a;
-  return t[9] !== r || t[10] !== c ? (a = /* @__PURE__ */ m("div", { ...r, children: c }), t[9] = r, t[10] = c, t[11] = a) : a = t[11], a;
+  t[5] !== e || t[6] !== s || t[7] !== i ? (a = e ? /* @__PURE__ */ m(E, { identifier: e, size: s }) : i ? /* @__PURE__ */ m(x, { src: i, size: s + 13 }) : null, t[5] = e, t[6] = s, t[7] = i, t[8] = a) : a = t[8];
+  let c;
+  return t[9] !== r || t[10] !== a ? (c = /* @__PURE__ */ m("div", { ...r, children: a }), t[9] = r, t[10] = a, t[11] = c) : c = t[11], c;
 };
 export {
   $ as Avatar

package/dist/components/badge/Badge.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { Code0Component, Color } from '../../utils/types';
 export interface BadgeType extends Code0Component<HTMLSpanElement> {
     children: React.ReactNode;
-    color?: Color;
+    color?: Color | string;
     border?: boolean;
 }
 export declare const Badge: React.FC<BadgeType>;

package/dist/components/badge/Badge.js

@@ -1,23 +1,63 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as n } from "../../_virtual/compiler-runtime.js";
+import { jsx as u } from "react/jsx-runtime";
+import { c as g } from "../../_virtual/compiler-runtime.js";
 import '../../assets/components/badge/Badge.style.css';/* empty css                 */
-import { mergeCode0Props as a } from "../../utils/utils.js";
-const h = (c) => {
-  const r = n.c(6);
-  let o, e;
-  if (r[0] !== c) {
+import { mergeCode0Props as p } from "../../utils/utils.js";
+const M = (t) => {
+  const o = g.c(6);
+  let e, r;
+  if (o[0] !== t) {
     const {
-      color: d,
-      border: i,
-      children: l,
-      ...s
-    } = c;
-    o = l, e = a(`badge badge--${d === void 0 ? "primary" : d} ${(i === void 0 ? !1 : i) ? "" : "badge--border"}`, s), r[0] = c, r[1] = o, r[2] = e;
+      color: n,
+      border: d,
+      children: a,
+      ...b
+    } = t;
+    e = a;
+    const s = n === void 0 ? "primary" : n;
+    r = p(`badge badge--${s} ${(d === void 0 ? !1 : d) ? "" : "badge--border"}`, {
+      ...b,
+      style: {
+        ...b.style,
+        "--badge-color-background": h(s, 9),
+        "--badge-color-border": l(s, 0.1),
+        "--badge-color": l(s, 1)
+      }
+    }), o[0] = t, o[1] = e, o[2] = r;
   } else
-    o = r[1], e = r[2];
-  let t;
-  return r[3] !== o || r[4] !== e ? (t = /* @__PURE__ */ m("span", { ...e, children: o }), r[3] = o, r[4] = e, r[5] = t) : t = r[5], t;
+    e = o[1], r = o[2];
+  let c;
+  return o[3] !== e || o[4] !== r ? (c = /* @__PURE__ */ u("span", { ...r, children: e }), o[3] = e, o[4] = r, o[5] = c) : c = o[5], c;
+}, i = (t) => Math.min(Math.max(t, 0), 1), m = (t) => {
+  if (typeof document > "u")
+    return {
+      r: 0,
+      g: 0,
+      b: 0,
+      a: 1
+    };
+  const o = document.createElement("span");
+  o.style.color = t, document.body.appendChild(o);
+  const e = getComputedStyle(o).color;
+  document.body.removeChild(o);
+  const r = e.match(/rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*([\d.]+))?\s*\)/);
+  return r ? {
+    r: Math.round(Number(r[1])),
+    g: Math.round(Number(r[2])),
+    b: Math.round(Number(r[3])),
+    a: r[4] !== void 0 ? Number(r[4]) : 1
+  } : {
+    r: 0,
+    g: 0,
+    b: 0,
+    a: 1
+  };
+}, h = (t, o) => {
+  const e = i(o * 0.1), r = m(t), c = m("#030014"), n = (d, a) => Math.round(d * (1 - e) + a * e);
+  return `rgb(${n(r.r, c.r)}, ${n(r.g, c.g)}, ${n(r.b, c.b)})`;
+}, l = (t, o) => {
+  const e = m(t);
+  return `rgba(${e.r}, ${e.g}, ${e.b}, ${i(o)})`;
 };
 export {
-  h as Badge
+  M as Badge
 };

package/dist/components/breadcrumb/Breadcrumb.js

@@ -1,15 +1,15 @@
-import { jsx as r, jsxs as c, Fragment as p } from "react/jsx-runtime";
+import { jsx as r, jsxs as c, Fragment as d } from "react/jsx-runtime";
 import t from "react";
-import { mergeCode0Props as d } from "../../utils/utils.js";
+import { mergeCode0Props as l } from "../../utils/utils.js";
 import '../../assets/components/breadcrumb/Breadcrumb.style.css';/* empty css                      */
-import { IconChevronRight as l } from "@tabler/icons-react";
+import { IconChevronRight as p } from "@tabler/icons-react";
 const C = (o) => {
   const {
-    splitter: m = /* @__PURE__ */ r(l, { size: 16 }),
+    splitter: m = /* @__PURE__ */ r(p, { size: 16 }),
     children: n,
     ...i
   } = o;
-  return /* @__PURE__ */ r("div", { ...d("breadcrumb", i), children: t.Children.map(n, (e, s) => /* @__PURE__ */ c(p, { children: [
+  return /* @__PURE__ */ r("div", { ...l("breadcrumb", i), children: t.Children.map(n, (e, s) => /* @__PURE__ */ c(d, { children: [
     e,
     s <= t.Children.count(e) ? /* @__PURE__ */ r("span", { className: "breadcrumb__splitter", children: m }) : null
   ] })) });

package/dist/components/button/Button.js

@@ -4,22 +4,22 @@ import '../../assets/components/button/Button.style.css';/* empty css
 import z from "react";
 import "../../utils/contextStore.js";
 import { mergeCode0Props as S } from "../../utils/utils.js";
-const P = z.forwardRef((a, d) => {
+const E = z.forwardRef((a, d) => {
   const t = h.c(11);
   let o, r, e, i;
   if (t[0] !== a || t[1] !== d) {
     const {
       children: f,
-      variant: c,
-      color: l,
+      variant: l,
+      color: c,
       paddingSize: m,
-      active: b,
-      disabled: u,
+      active: u,
+      disabled: b,
       ...v
     } = a;
     o = f;
-    const p = c === void 0 ? "normal" : c, $ = l === void 0 ? "secondary" : l, g = m === void 0 ? "xs" : m, x = b === void 0 ? !1 : b;
-    r = u === void 0 ? !1 : u, e = d, i = S(`button button--${$} ${x ? "button--active" : ""} ${r ? "button--disabled" : ""} button--${p} button--${g}`, v), t[0] = a, t[1] = d, t[2] = o, t[3] = r, t[4] = e, t[5] = i;
+    const p = l === void 0 ? "normal" : l, $ = c === void 0 ? "secondary" : c, g = m === void 0 ? "xs" : m, x = u === void 0 ? !1 : u;
+    r = b === void 0 ? !1 : b, e = d, i = S(`button button--${$} ${x ? "button--active" : ""} ${r ? "button--disabled" : ""} button--${p} button--${g}`, v), t[0] = a, t[1] = d, t[2] = o, t[3] = r, t[4] = e, t[5] = i;
   } else
     o = t[2], r = t[3], e = t[4], i = t[5];
   const s = r ? "true" : "false";
@@ -27,5 +27,5 @@ const P = z.forwardRef((a, d) => {
   return t[6] !== o || t[7] !== e || t[8] !== i || t[9] !== s ? (n = /* @__PURE__ */ R("button", { ref: e, ...i, "aria-disabled": s, children: o }), t[6] = o, t[7] = e, t[8] = i, t[9] = s, t[10] = n) : n = t[10], n;
 });
 export {
-  P as Button
+  E as Button
 };

package/dist/components/context-menu/ContextMenu.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { Code0ComponentProps, Color } from '../../utils';
+import * as Radix from "@radix-ui/react-context-menu";
+export type ContextMenuProps = Code0ComponentProps & Radix.ContextMenuProps;
+export type ContextMenuTriggerProps = Code0ComponentProps & Radix.ContextMenuTriggerProps;
+export type ContextMenuPortalProps = Code0ComponentProps & Radix.ContextMenuPortalProps;
+export type ContextMenuContentProps = Code0ComponentProps & Radix.ContextMenuContentProps & {
+    color?: Color;
+};
+export type ContextMenuLabelProps = Code0ComponentProps & Radix.ContextMenuLabelProps;
+export type ContextMenuItemProps = Code0ComponentProps & Radix.ContextMenuItemProps;
+export type ContextMenuGroupProps = Code0ComponentProps & Radix.ContextMenuGroupProps;
+export type ContextMenuSubProps = Code0ComponentProps & Radix.ContextMenuSubProps;
+export type ContextMenuSubTriggerProps = Code0ComponentProps & Radix.ContextMenuSubTriggerProps;
+export type ContextMenuSubContentProps = Code0ComponentProps & Radix.ContextMenuSubContentProps & {
+    color?: Color;
+};
+export type ContextMenuSeparatorProps = Code0ComponentProps & Radix.ContextMenuSeparatorProps;
+export type ContextMenuArrowProps = Code0ComponentProps & Radix.ContextMenuArrowProps;
+export declare const ContextMenu: React.FC<ContextMenuProps>;
+export declare const ContextMenuTrigger: React.FC<ContextMenuTriggerProps>;
+export declare const ContextMenuPortal: React.FC<ContextMenuPortalProps>;
+export declare const ContextMenuContent: React.FC<ContextMenuContentProps>;
+export declare const ContextMenuLabel: React.FC<ContextMenuLabelProps>;
+export declare const ContextMenuItem: React.FC<ContextMenuItemProps>;
+export declare const ContextMenuGroup: React.FC<ContextMenuGroupProps>;
+export declare const ContextMenuSub: React.FC<ContextMenuSubProps>;
+export declare const ContextMenuSubTrigger: React.FC<ContextMenuSubTriggerProps>;
+export declare const ContextMenuSubContent: React.FC<ContextMenuSubContentProps>;
+export declare const ContextMenuSeparator: React.FC<ContextMenuSeparatorProps>;
+export declare const ContextMenuArrow: React.FC<ContextMenuArrowProps>;

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

@@ -0,0 +1,191 @@
+import { jsx as c, jsxs as u } from "react/jsx-runtime";
+import { c as r } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as i } from "../../utils/utils.js";
+import { ContextMenu as A, ContextMenuTrigger as L, ContextMenuPortal as P, ContextMenuContent as G, ContextMenuLabel as j, ContextMenuItem as v, ContextMenuGroup as D, ContextMenuSub as W, ContextMenuSubTrigger as B, ContextMenuSubContent as E, ContextMenuSeparator as F, ContextMenuArrow as R } from "../../node_modules/@radix-ui/react-context-menu/dist/index.js";
+import '../../assets/components/context-menu/ContextMenu.style.css';/* empty css                       */
+import { Card as $ } from "../card/Card.js";
+import { Flex as g } from "../flex/Flex.js";
+import { Badge as M } from "../badge/Badge.js";
+import { IconArrowUp as y, IconArrowDown as w, IconCornerDownLeft as z } from "@tabler/icons-react";
+import { Spacing as I } from "../spacing/Spacing.js";
+const Z = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(A, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, p = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__trigger", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(L, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, ee = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__portal", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(P, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, te = (t) => {
+  const e = r.c(17), o = t.align, l = `context-menu__content context-menu__content--${t.color ?? "secondary"}`;
+  let n;
+  e[0] !== t || e[1] !== l ? (n = i(l, t), e[0] = t, e[1] = l, e[2] = n) : n = e[2];
+  const b = n;
+  let s;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (s = {
+    borderWidth: "2px"
+  }, e[3] = s) : s = e[3];
+  let m;
+  e[4] !== t.children ? (m = /* @__PURE__ */ c($, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: s, children: t.children }), e[4] = t.children, e[5] = m) : m = e[5];
+  let a;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+    gap: ".35rem"
+  }, e[6] = a) : a = e[6];
+  let x;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+    gap: "0.35rem"
+  }, e[7] = x) : x = e[7];
+  let f;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ c(M, { border: !0, children: /* @__PURE__ */ c(y, { size: 12 }) }), e[8] = f) : f = e[8];
+  let _, d;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ u(g, { align: "center", style: x, children: [
+    /* @__PURE__ */ u(g, { children: [
+      f,
+      /* @__PURE__ */ c(M, { border: !0, children: /* @__PURE__ */ c(w, { size: 12 }) })
+    ] }),
+    "move"
+  ] }), _ = /* @__PURE__ */ c(I, { spacing: "xxs" }), e[9] = _, e[10] = d) : (_ = e[9], d = e[10]);
+  let C;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+    gap: ".35rem"
+  }, e[11] = C) : C = e[11];
+  let h;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ c(T, { children: /* @__PURE__ */ u(g, { style: a, children: [
+    d,
+    _,
+    /* @__PURE__ */ u(g, { align: "center", style: C, children: [
+      /* @__PURE__ */ c(M, { border: !0, children: /* @__PURE__ */ c(z, { size: 12 }) }),
+      "select"
+    ] })
+  ] }) }), e[12] = h) : h = e[12];
+  let S;
+  return e[13] !== t.align || e[14] !== b || e[15] !== m ? (S = /* @__PURE__ */ u(G, { align: o, ...b, children: [
+    m,
+    h
+  ] }), e[13] = t.align, e[14] = b, e[15] = m, e[16] = S) : S = e[16], S;
+}, T = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__label", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(j, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, ne = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__item", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(v, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, oe = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__group", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(D, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, le = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__sub", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(W, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, ce = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__sub-trigger", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(B, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, re = (t) => {
+  const e = r.c(16), o = `context-menu__sub-content context-menu__sub-content--${t.color ?? "secondary"}`;
+  let l;
+  e[0] !== t || e[1] !== o ? (l = i(o, t), e[0] = t, e[1] = o, e[2] = l) : l = e[2];
+  const n = l;
+  let b;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (b = {
+    borderWidth: "2px"
+  }, e[3] = b) : b = e[3];
+  let s;
+  e[4] !== t.children ? (s = /* @__PURE__ */ c($, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: b, children: t.children }), e[4] = t.children, e[5] = s) : s = e[5];
+  let m;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    gap: ".35rem"
+  }, e[6] = m) : m = e[6];
+  let a;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+    gap: "0.35rem"
+  }, e[7] = a) : a = e[7];
+  let x;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ c(M, { border: !0, children: /* @__PURE__ */ c(y, { size: 12 }) }), e[8] = x) : x = e[8];
+  let f, _;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ u(g, { align: "center", style: a, children: [
+    /* @__PURE__ */ u(g, { children: [
+      x,
+      /* @__PURE__ */ c(M, { border: !0, children: /* @__PURE__ */ c(w, { size: 12 }) })
+    ] }),
+    "move"
+  ] }), _ = /* @__PURE__ */ c(I, { spacing: "xxs" }), e[9] = f, e[10] = _) : (f = e[9], _ = e[10]);
+  let d;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+    gap: ".35rem"
+  }, e[11] = d) : d = e[11];
+  let C;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ c(T, { children: /* @__PURE__ */ u(g, { style: m, children: [
+    f,
+    _,
+    /* @__PURE__ */ u(g, { align: "center", style: d, children: [
+      /* @__PURE__ */ c(M, { border: !0, children: /* @__PURE__ */ c(z, { size: 12 }) }),
+      "select"
+    ] })
+  ] }) }), e[12] = C) : C = e[12];
+  let h;
+  return e[13] !== n || e[14] !== s ? (h = /* @__PURE__ */ u(E, { ...n, children: [
+    s,
+    C
+  ] }), e[13] = n, e[14] = s, e[15] = h) : h = e[15], h;
+}, ie = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__separator", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(F, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, se = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__arrow", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(R, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+};
+export {
+  Z as ContextMenu,
+  se as ContextMenuArrow,
+  te as ContextMenuContent,
+  oe as ContextMenuGroup,
+  ne as ContextMenuItem,
+  T as ContextMenuLabel,
+  ee as ContextMenuPortal,
+  ie as ContextMenuSeparator,
+  le as ContextMenuSub,
+  re as ContextMenuSubContent,
+  ce as ContextMenuSubTrigger,
+  p as ContextMenuTrigger
+};

package/dist/components/d-application/DApplication.service.d.ts

@@ -0,0 +1,5 @@
+import { ReactiveArrayService } from '../../utils';
+import { Application, ApplicationSettingsUpdateInput, ApplicationSettingsUpdatePayload } from '@code0-tech/sagittarius-graphql-types';
+export declare abstract class DApplicationService extends ReactiveArrayService<Application> {
+    abstract settingsUpdate(payload: ApplicationSettingsUpdateInput): Promise<ApplicationSettingsUpdatePayload | undefined>;
+}

package/dist/components/d-application/DApplication.service.js

@@ -0,0 +1,9 @@
+import "../../utils/contextStore.js";
+import "react";
+import { ReactiveArrayService as r } from "../../utils/reactiveArrayService.js";
+import "merge-props";
+class c extends r {
+}
+export {
+  c as DApplicationService
+};

package/dist/components/d-flow/DFlow.d.ts

@@ -1,5 +1,7 @@
-import { Code0ComponentProps } from '../../utils/types';
-import { ReactFlowProps } from '@xyflow/react';
+import { Code0ComponentProps } from '../../utils';
 import { default as React } from 'react';
-export type DFlowProps = Code0ComponentProps & ReactFlowProps;
+import { Flow } from '@code0-tech/sagittarius-graphql-types';
+export interface DFlowProps extends Code0ComponentProps {
+    flowId: Flow['id'];
+}
 export declare const DFlow: React.FC<DFlowProps>;

package/dist/components/d-flow/DFlow.edges.hook.d.ts

@@ -1,4 +1,5 @@
 import { Edge } from '@xyflow/react';
 import { Flow } from '@code0-tech/sagittarius-graphql-types';
+import { DFlowEdgeDataProps } from './DFlowEdge';
 export declare const FLOW_EDGE_RAINBOW: string[];
-export declare const useFlowEdges: (flowId: Flow["id"]) => Edge[];
+export declare const useFlowEdges: (flowId: Flow["id"]) => Edge<DFlowEdgeDataProps>[];