kdpa-components 1.66.2 → 1.66.3

package/dist/index.css

@@ -24,7 +24,7 @@
 .kd-editor{height:100%}.kd-editor .remirror-editor-wrapper{height:calc(100% - 70px);margin-top:12px;padding:unset}.kd-editor .remirror-editor-wrapper .remirror-table-delete-inner-button,.kd-editor .remirror-editor-wrapper .remirror-table-insert-button{align-items:center;bottom:100px;display:flex;height:25px;justify-content:center;left:unset;right:calc(var(--remirror-table-delete-row-column-button-x) - 9px);width:25px}.kd-editor .ProseMirror{height:100%;overflow-y:auto}.dark-layout .remirror-editor-wrapper{background-color:#283046}
 .KdTabsRoot{display:flex;flex-direction:column}
 .ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{bottom:0;height:15px}.ps__rail-x,.ps__rail-y{display:none;opacity:0;position:absolute;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear}.ps__rail-y{right:0;width:15px}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{background-color:transparent;display:block}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{bottom:2px;height:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out}.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.ps__thumb-y{right:2px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.ps{overflow:auto!important}}.scrollbar-container{height:100%;position:relative}
-.KdTabsList{display:flex;flex-direction:row;gap:20px;overflow:auto}
+.KdTabsList{display:flex;flex-direction:row;gap:20px}.KdTabsListScroll{overflow:auto}
 .KdTabsContent{flex-grow:1;outline:none}
 .KdStepRoot{border-radius:6px;box-shadow:0 .25rem 1.125rem rgba(75,70,92,.1);padding:5px}.KdStepRoot_vertical{display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.KdStepRoot_horizontal{display:flex;flex-direction:column;gap:1rem}
 .KdStepper_horizontal{overflow-x:auto;overflow-y:hidden}.KdStepper_vertical{min-width:8rem;text-align:center}

package/dist/index.js

@@ -1672,7 +1672,7 @@ Message: ${t}`),t}}const If=t=>typeof t=="string",XVe=t=>typeof t=="function",nJ
   min-width: 32px;
   height: 32px;
   padding: 4px;
-`;function plt({children:t,showIconLeftRight:e=!1,leftIcon:n,rightIcon:r,iconsBehavior:i="scroll",onValueChange:o,...a}){const s=bt(null),l=bt(null),[c,u]=Tt([]),[d,h]=Tt(0);Qt(()=>{if(t){const k=[];$e.Children.forEach(t,R=>{$e.isValidElement(R)&&R.props.value&&k.push(R.props.value)}),u(k)}},[t]);const f=()=>a.value||a.defaultValue;Qt(()=>{const k=f();if(k&&c.length>0){const R=c.findIndex(P=>P===k);R!==-1&&R!==d&&h(R)}},[a.value,a.defaultValue,c]);const m=k=>{if(!s.current||!l.current)return;const P=l.current.querySelectorAll('[role="tab"]')[k];if(P){const M=P.offsetLeft,N=P.offsetWidth,A=s.current.offsetWidth,F=s.current.scrollLeft,L=M+N,$=F,I=F+A;let B=F;L>I?B=L-A+20:M<$&&(B=M-20),B!==F&&s.current.scrollTo({left:B,behavior:"smooth"})}},g=()=>{s.current&&s.current.scrollBy({left:-200,behavior:"smooth"})},v=()=>{s.current&&s.current.scrollBy({left:200,behavior:"smooth"})},b=()=>{const k=f(),R=c.findIndex(P=>P===k);if(R>0){const P=R-1,M=c[P];h(P),o?.(M),setTimeout(()=>m(P),50)}},y=()=>{const k=f(),R=c.findIndex(P=>P===k);if(R<c.length-1&&R!==-1){const P=R+1,M=c[P];h(P),o?.(M),setTimeout(()=>m(P),50)}},x=()=>{i==="scroll"?g():y()},w=()=>{i==="scroll"?v():b()};if(!e)return O(Xee,{className:"KdTabsList",...a,children:t});const C=f(),D=c.findIndex(k=>k===C),E=D<=0,T=D>=c.length-1;return Ae(flt,{children:[O(Gee,{onClick:w,size:"small",disabled:i==="navigation"&&E,children:r||O(PDe,{size:20})}),O(hlt,{ref:s,children:O(Xee,{className:"KdTabsList",ref:l,...a,children:t})}),O(Gee,{onClick:x,size:"small",disabled:i==="navigation"&&T,children:n||O(X$,{size:20})})]})}const glt=Ei(clt)();function mlt({children:t,...e}){return O(glt,{className:"KdTabsContent",...e,children:t})}const vlt=Pe(llt)`
+`;function plt({children:t,showIconLeftRight:e=!1,leftIcon:n,rightIcon:r,iconsBehavior:i="scroll",onValueChange:o,...a}){const s=bt(null),l=bt(null),[c,u]=Tt([]),[d,h]=Tt(0);Qt(()=>{if(t){const k=[];$e.Children.forEach(t,R=>{$e.isValidElement(R)&&R.props.value&&k.push(R.props.value)}),u(k)}},[t]);const f=()=>a.value||a.defaultValue;Qt(()=>{const k=f();if(k&&c.length>0){const R=c.findIndex(P=>P===k);R!==-1&&R!==d&&h(R)}},[a.value,a.defaultValue,c]);const m=k=>{if(!s.current||!l.current)return;const P=l.current.querySelectorAll('[role="tab"]')[k];if(P){const M=P.offsetLeft,N=P.offsetWidth,A=s.current.offsetWidth,F=s.current.scrollLeft,L=M+N,$=F,I=F+A;let B=F;L>I?B=L-A+20:M<$&&(B=M-20),B!==F&&s.current.scrollTo({left:B,behavior:"smooth"})}},g=()=>{s.current&&s.current.scrollBy({left:-200,behavior:"smooth"})},v=()=>{s.current&&s.current.scrollBy({left:200,behavior:"smooth"})},b=()=>{const k=f(),R=c.findIndex(P=>P===k);if(R>0){const P=R-1,M=c[P];h(P),o?.(M),setTimeout(()=>m(P),50)}},y=()=>{const k=f(),R=c.findIndex(P=>P===k);if(R<c.length-1&&R!==-1){const P=R+1,M=c[P];h(P),o?.(M),setTimeout(()=>m(P),50)}},x=()=>{i==="scroll"?g():y()},w=()=>{i==="scroll"?v():b()};if(!e)return O(Xee,{className:"KdTabsList KdTabsListScroll",...a,children:t});const C=f(),D=c.findIndex(k=>k===C),E=D<=0,T=D>=c.length-1;return Ae(flt,{children:[O(Gee,{onClick:w,size:"small",disabled:i==="navigation"&&E,children:r||O(PDe,{size:20})}),O(hlt,{ref:s,children:O(Xee,{className:"KdTabsList",ref:l,...a,children:t})}),O(Gee,{onClick:x,size:"small",disabled:i==="navigation"&&T,children:n||O(X$,{size:20})})]})}const glt=Ei(clt)();function mlt({children:t,...e}){return O(glt,{className:"KdTabsContent",...e,children:t})}const vlt=Pe(llt)`
   font-family: inherit;
   background-color: inherit;
   padding: 0 20px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kdpa-components",
-  "version": "1.66.2",
+  "version": "1.66.3",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",