sui-explorer-local/apps/explorer/storybook-static/assets/SplitPanes.stories-cf9d4dc3.js

Local Sui Explorer

import{j as H}from"./jsx-runtime-ffb262ed.js";import{c as Xe}from"./index-dca19ccf.js";import{c as ue}from"./clsx-0839fdbe.js";import{a as Me,r as me}from"./index-76fb7be0.js";import{C as Ye}from"./ChevronUp12-a03638a4.js";import"./_commonjsHelpers-de833af9.js";const Qe=e=>H.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 12 12",...e,children:H.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M7 3 4 6l3 3"})}),Ze=Qe;try{ChevronLeft12.displayName="ChevronLeft12",ChevronLeft12.__docgenInfo={description:"",displayName:"ChevronLeft12",props:{}}}catch{}const{createElement:ee,createContext:en,forwardRef:nn,useCallback:F,useContext:je,useEffect:O,useImperativeHandle:tn,useLayoutEffect:rn,useMemo:an,useRef:_,useState:Q}=Me,Se=Me["useId".toString()],on=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",sn=on?rn:()=>{};var Z=sn;const ln=typeof Se=="function"?Se:()=>null;let cn=0;function be(e=null){const n=ln(),t=_(e||n||null);return t.current===null&&(t.current=""+cn++),t.current}const le=en(null);le.displayName="PanelGroupContext";function Ve({children:e=null,className:n="",collapsible:t=!1,defaultSize:r=null,forwardedRef:a,id:o=null,maxSize:s=100,minSize:l=10,onCollapse:h=null,onResize:$=null,order:p=null,style:v={},tagName:k="div"}){const c=je(le);if(c===null)throw Error("Panel components must be rendered within a PanelGroup container");const m=be(o),{collapsePanel:x,expandPanel:g,getPanelStyle:f,registerPanel:b,resizePanel:S,unregisterPanel:N}=c,z=_({onCollapse:h,onResize:$});if(O(()=>{z.current.onCollapse=h,z.current.onResize=$}),l<0||l>100)throw Error(`Panel minSize must be between 0 and 100, but was ${l}`);if(s<0||s>100)throw Error(`Panel maxSize must be between 0 and 100, but was ${s}`);if(r!==null){if(r<0||r>100)throw Error(`Panel defaultSize must be between 0 and 100, but was ${r}`);l>r&&!t&&(console.error(`Panel minSize ${l} cannot be greater than defaultSize ${r}`),r=l)}Z(()=>(b(m,{callbacksRef:z,collapsible:t,defaultSize:r,id:m,maxSize:s,minSize:l,order:p}),()=>{N(m)}),[t,r,m,s,l,p,b,N]);const y=f(m),I=_({size:we(y)});return Z(()=>{I.current.size=we(y)}),tn(a,()=>({collapse:()=>x(m),expand:()=>g(m),getCollapsed(){return I.current.size===0},getSize(){return I.current.size},resize:A=>S(m,A)}),[x,g,m,S]),ee(k,{children:e,className:n,"data-panel":"","data-panel-collapsible":t||void 0,"data-panel-id":m,"data-panel-size":parseFloat(""+y.flexGrow).toFixed(1),id:`data-panel-id-${m}`,style:{...y,...v}})}const _e=nn((e,n)=>ee(Ve,{...e,forwardedRef:n}));Ve.displayName="Panel";_e.displayName="forwardRef(Panel)";function we(e){const{flexGrow:n}=e;return typeof n=="string"?parseFloat(n):n}function Be(e){return e.map(n=>{const{minSize:t,order:r}=n;return r?`${r}:${t}`:`${t}`}).sort((n,t)=>n.localeCompare(t)).join(",")}function Ge(e,n){try{const t=n.getItem(`PanelGroup:sizes:${e}`);if(t){const r=JSON.parse(t);if(typeof r=="object"&&r!=null)return r}}catch{}return null}function dn(e,n,t){const r=Ge(e,t);if(r){const o=Be(n);var a;return(a=r[o])!==null&&a!==void 0?a:null}return null}function un(e,n,t,r){const a=Be(n),o=Ge(e,r)||{};o[a]=t;try{r.setItem(`PanelGroup:sizes:${e}`,JSON.stringify(o))}catch(s){console.error(s)}}const W=10;function Y(e,n,t,r,a,o,s,l){const{sizes:h}=l||{},$=h||o;if(a===0)return $;const p=V(n),v=$.concat();let k=0;{const x=a<0?r:t,g=p.findIndex(N=>N.id===x),f=p[g],b=$[g],S=Pe(f,Math.abs(a),b,e);if(b===S)return $;S===0&&b>0&&s.set(x,b),a=a<0?b-S:S-b}let c=a<0?t:r,m=p.findIndex(x=>x.id===c);for(;;){const x=p[m],g=$[m],f=Math.abs(a)-Math.abs(k),b=Pe(x,0-f,g,e);if(g!==b&&(b===0&&g>0&&s.set(x.id,g),k+=g-b,v[m]=b,k.toPrecision(W).localeCompare(Math.abs(a).toPrecision(W),void 0,{numeric:!0})>=0))break;if(a<0){if(--m<0)break}else if(++m>=p.length)break}return k===0?$:(c=a<0?r:t,m=p.findIndex(x=>x.id===c),v[m]=$[m]+k,v)}function X(e,n,t){t.forEach((r,a)=>{const o=n[a];if(o!==r){const{callbacksRef:s,collapsible:l}=e[a],{onCollapse:h,onResize:$}=s.current;$&&$(r),l&&h&&(!o&&r!==0?h(!1):o!==0&&r===0&&h(!0))}})}function fe(e,n){if(n.length<2)return[null,null];const t=n.findIndex(s=>s.id===e);if(t<0)return[null,null];const r=t===n.length-1,a=r?n[t-1].id:e,o=r?e:n[t+1].id;return[a,o]}function qe(e,n,t){if(e.size===1)return"100";const a=V(e).findIndex(s=>s.id===n),o=t[a];return o==null?"0":o.toPrecision(W)}function fn(e){const n=document.querySelector(`[data-panel-id="${e}"]`);return n||null}function xe(e){const n=document.querySelector(`[data-panel-group-id="${e}"]`);return n||null}function ie(e){const n=document.querySelector(`[data-panel-resize-handle-id="${e}"]`);return n||null}function pn(e){const t=Oe().findIndex(r=>r.getAttribute("data-panel-resize-handle-id")===e);return t??null}function Oe(){return Array.from(document.querySelectorAll("[data-panel-resize-handle-id]"))}function Fe(e){return Array.from(document.querySelectorAll(`[data-panel-resize-handle-id][data-panel-group-id="${e}"]`))}function ze(e,n,t){var r,a;const o=ie(n),l=Fe(e).indexOf(o);var h;const $=(h=(r=t[l])===null||r===void 0?void 0:r.id)!==null&&h!==void 0?h:null;var p;const v=(p=(a=t[l+1])===null||a===void 0?void 0:a.id)!==null&&p!==void 0?p:null;return[$,v]}function V(e){return Array.from(e.values()).sort((n,t)=>n.order-t.order)}function Pe(e,n,t,r){const a=t+n;if(e.collapsible)if(t>0){if(a<=0)return 0}else{var o;if(!(r==null||(o=r.type)===null||o===void 0?void 0:o.startsWith("key"))&&a<e.minSize)return 0}return Math.min(e.maxSize,Math.max(e.minSize,a))}function Te(e,n,t,r=0,a=null){const o=t==="horizontal";let s=0;if(ge(e))s=o?e.clientX:e.clientY;else if(he(e)){const p=e.touches[0];s=o?p.screenX:p.screenY}else return 0;const l=ie(n),h=a||l.getBoundingClientRect(),$=o?h.left:h.top;return s-$-r}function mn(e,n,t,r,a,o,s){const{dragOffset:l=0,dragHandleRect:h,sizes:$}=s||{},p=$||o;if(gn(e)){const v=a==="horizontal",c=xe(n).getBoundingClientRect(),m=v?c.width:c.height,x=e.shiftKey?10:100,g=m/x;let f=0;switch(e.key){case"ArrowDown":f=v?0:g;break;case"ArrowLeft":f=v?-g:0;break;case"ArrowRight":f=v?g:0;break;case"ArrowUp":f=v?0:-g;break;case"End":f=m;break;case"Home":f=-m;break}const[b,S]=ze(n,t,r),N=f<0?b:S,z=r.findIndex(I=>I.id===N),y=r[z];if(y.collapsible){const I=p[z];(I===0||I.toPrecision(W)===y.minSize.toPrecision(W))&&(f=f<0?-y.minSize*m:y.minSize*m)}return f}else return Te(e,t,a,l,h)}function gn(e){return e.type==="keydown"}function ge(e){return e.type.startsWith("mouse")}function he(e){return e.type.startsWith("touch")}function hn({committedValuesRef:e,groupId:n,panels:t,setSizes:r,sizes:a,panelSizeBeforeCollapse:o}){O(()=>{const{direction:s,panels:l}=e.current,h=xe(n),{height:$,width:p}=h.getBoundingClientRect(),k=Fe(n).map(c=>{const m=c.getAttribute("data-panel-resize-handle-id"),x=V(l),[g,f]=ze(n,m,x);if(g==null||f==null)return()=>{};let b=0,S=100,N=0,z=0;x.forEach(P=>{P.id===g?(S=P.maxSize,b=P.minSize):(N+=P.minSize,z+=P.maxSize)});const y=Math.min(S,100-N),I=Math.max(b,(x.length-1)*100-z),A=qe(l,g,a);c.setAttribute("aria-valuemax",""+Math.round(y)),c.setAttribute("aria-valuemin",""+Math.round(I)),c.setAttribute("aria-valuenow",""+Math.round(parseInt(A)));const C=P=>{if(!P.defaultPrevented)switch(P.key){case"Enter":{P.preventDefault();const B=x.findIndex(K=>K.id===g);if(B>=0){const K=x[B],ne=a[B];if(ne!=null){let J=0;ne.toPrecision(W)<=K.minSize.toPrecision(W)?J=s==="horizontal"?p:$:J=-(s==="horizontal"?p:$);const d=Y(P,l,g,f,J,a,o.current,null);a!==d&&r(d)}}break}}};c.addEventListener("keydown",C);const T=fn(g);return T!=null&&c.setAttribute("aria-controls",T.id),()=>{c.removeAttribute("aria-valuemax"),c.removeAttribute("aria-valuemin"),c.removeAttribute("aria-valuenow"),c.removeEventListener("keydown",C),T!=null&&c.removeAttribute("aria-controls")}});return()=>{k.forEach(c=>c())}},[e,n,t,o,r,a])}function $n({disabled:e,handleId:n,resizeHandler:t}){O(()=>{if(e||t==null)return;const r=ie(n);if(r==null)return;const a=o=>{if(!o.defaultPrevented)switch(o.key){case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"End":case"Home":o.preventDefault(),t(o);break;case"F6":{o.preventDefault();const s=Oe(),l=pn(n),h=o.shiftKey?l>0?l-1:s.length-1:l+1<s.length?l+1:0;s[h].focus();break}}};return r.addEventListener("keydown",a),()=>{r.removeEventListener("keydown",a)}},[e,n,t])}let $e=null,U=null;function Ue(e){switch(e){case"horizontal":return"col-resize";case"horizontal-max":return"w-resize";case"horizontal-min":return"e-resize";case"vertical":return"row-resize";case"vertical-max":return"n-resize";case"vertical-min":return"s-resize"}}function bn(){U!==null&&(document.head.removeChild(U),$e=null,U=null)}function pe(e){if($e===e)return;$e=e;const n=Ue(e);U===null&&(U=document.createElement("style"),document.head.appendChild(U)),U.innerHTML=`*{cursor: ${n}!important;}`}function xn(e,n=10){let t=null;return(...a)=>{clearTimeout(t),t=setTimeout(()=>{e(...a)},n)}}function zn(e,n){if(e.length!==n.length)return!1;for(let t=0;t<e.length;t++)if(e[t]!==n[t])return!1;return!0}const vn=xn(un,100);function Ee(){throw new Error('PanelGroup "storage" prop required for server rendering.')}const yn={getItem:typeof localStorage<"u"?e=>localStorage.getItem(e):Ee,setItem:typeof localStorage<"u"?(e,n)=>localStorage.setItem(e,n):Ee};function We({autoSaveId:e,children:n=null,className:t="",direction:r,disablePointerEventsDuringResize:a=!1,id:o=null,onLayout:s=null,storage:l=yn,style:h={},tagName:$="div"}){const p=be(o),[v,k]=Q(null),[c,m]=Q(new Map),x=_(null),g=_({onLayout:s});O(()=>{g.current.onLayout=s});const[f,b]=Q([]),S=_(new Map),N=_(0),z=_({direction:r,panels:c,sizes:f});Z(()=>{z.current.direction=r,z.current.panels=c,z.current.sizes=f}),hn({committedValuesRef:z,groupId:p,panels:c,setSizes:b,sizes:f,panelSizeBeforeCollapse:S}),O(()=>{const{onLayout:d}=g.current;if(d){const{sizes:i}=z.current;i.length>0&&d(i)}},[f]);const y=_(!1);Z(()=>{if(y.current)return;const{panels:d,sizes:i}=z.current;if(i.length>0){y.current=!0;const u=V(d);X(u,[],i)}},[f]),Z(()=>{if(z.current.sizes.length===c.size)return;let i;if(e){const u=V(c);i=dn(e,u,l)}if(i!=null)b(i);else{const u=V(c);let E=0,R=0,L=0;if(u.forEach(w=>{L+=w.minSize,w.defaultSize===null?E++:R+=w.defaultSize}),R>100)throw new Error("The sum of the defaultSize of all panels in a group cannot exceed 100.");if(L>100)throw new Error("The sum of the minSize of all panels in a group cannot exceed 100.");b(u.map(w=>w.defaultSize===null?(100-R)/E:w.defaultSize))}},[e,c,l]),O(()=>{if(e){if(f.length===0||f.length!==c.size)return;const d=V(c);vn(e,d,f,l)}},[e,c,f,l]);const I=F(d=>{const{panels:i}=z.current;return i.size===0?{flexBasis:"auto",flexGrow:1,flexShrink:1,overflow:"hidden"}:{flexBasis:0,flexGrow:qe(i,d,f),flexShrink:1,overflow:"hidden",pointerEvents:a&&v!==null?"none":void 0}},[v,a,f]),A=F((d,i)=>{m(u=>{if(u.has(d))return u;const E=new Map(u);return E.set(d,i),E})},[]),C=F(d=>u=>{u.preventDefault();const{direction:E,panels:R,sizes:L}=z.current,w=V(R),[G,D]=ze(p,d,w);if(G==null||D==null)return;const M=mn(u,p,d,w,E,L,x.current);if(M===0)return;const q=xe(p).getBoundingClientRect(),j=E==="horizontal",Je=j?q.width:q.height,ce=M/Je*100,de=Y(u,R,G,D,ce,L,S.current,x.current),ye=!zn(L,de);(ge(u)||he(u))&&N.current!=ce&&pe(ye?j?"horizontal":"vertical":j?M<0?"horizontal-min":"horizontal-max":M<0?"vertical-min":"vertical-max"),ye&&(X(w,L,de),b(de)),N.current=ce},[p]),T=F(d=>{m(i=>{if(!i.has(d))return i;const u=new Map(i);return u.delete(d),u})},[]),P=F(d=>{const{panels:i,sizes:u}=z.current,E=i.get(d);if(E==null||!E.collapsible)return;const R=V(i),L=R.indexOf(E);if(L<0)return;const w=u[L];if(w===0)return;S.current.set(d,w);const[G,D]=fe(d,R);if(G==null||D==null)return;const te=L===R.length-1?w:0-w,q=Y(null,i,G,D,te,u,S.current,null);u!==q&&(X(R,u,q),b(q))},[]),B=F(d=>{const{panels:i,sizes:u}=z.current,E=i.get(d);if(E==null)return;const R=S.current.get(d)||E.minSize;if(!R)return;const L=V(i),w=L.indexOf(E);if(w<0||u[w]!==0)return;const[D,M]=fe(d,L);if(D==null||M==null)return;const q=w===L.length-1?0-R:R,j=Y(null,i,D,M,q,u,S.current,null);u!==j&&(X(L,u,j),b(j))},[]),K=F((d,i)=>{const{panels:u,sizes:E}=z.current,R=u.get(d);if(R==null)return;const L=V(u),w=L.indexOf(R);if(w<0)return;const G=E[w];if(G===i)return;R.collapsible&&i===0||(i=Math.min(R.maxSize,Math.max(R.minSize,i)));const[D,M]=fe(d,L);if(D==null||M==null)return;const q=w===L.length-1?G-i:i-G,j=Y(null,u,D,M,q,E,S.current,null);E!==j&&(X(L,E,j),b(j))},[]),ne=an(()=>({activeHandleId:v,collapsePanel:P,direction:r,expandPanel:B,getPanelStyle:I,groupId:p,registerPanel:A,registerResizeHandle:C,resizePanel:K,startDragging:(d,i)=>{if(k(d),ge(i)||he(i)){const u=ie(d);x.current={dragHandleRect:u.getBoundingClientRect(),dragOffset:Te(i,d,r),sizes:z.current.sizes}}},stopDragging:()=>{bn(),k(null),x.current=null},unregisterPanel:T}),[v,P,r,B,I,p,A,C,K,T]),J={display:"flex",flexDirection:r==="horizontal"?"row":"column",height:"100%",overflow:"hidden",width:"100%"};return ee(le.Provider,{children:ee($,{children:n,className:t,"data-panel-group":"","data-panel-group-direction":r,"data-panel-group-id":p,style:{...J,...h}}),value:ne})}We.displayName="PanelGroup";function Ke({children:e=null,className:n="",disabled:t=!1,id:r=null,onDragging:a=null,style:o={},tagName:s="div"}){const l=_(null),h=_({onDragging:a});O(()=>{h.current.onDragging=a});const $=je(le);if($===null)throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");const{activeHandleId:p,direction:v,groupId:k,registerResizeHandle:c,startDragging:m,stopDragging:x}=$,g=be(r),f=p===g,[b,S]=Q(!1),[N,z]=Q(null),y=F(()=>{l.current.blur(),x();const{onDragging:C}=h.current;C&&C(!1)},[x]);O(()=>{if(t)z(null);else{const A=c(g);z(()=>A)}},[t,g,c]),O(()=>{if(t||N==null||!f)return;const A=B=>{N(B)},C=B=>{N(B)},P=l.current.ownerDocument;return P.body.addEventListener("contextmenu",y),P.body.addEventListener("mousemove",A),P.body.addEventListener("touchmove",A),P.body.addEventListener("mouseleave",C),window.addEventListener("mouseup",y),window.addEventListener("touchend",y),()=>{P.body.removeEventListener("contextmenu",y),P.body.removeEventListener("mousemove",A),P.body.removeEventListener("touchmove",A),P.body.removeEventListener("mouseleave",C),window.removeEventListener("mouseup",y),window.removeEventListener("touchend",y)}},[v,t,f,N,y]),$n({disabled:t,handleId:g,resizeHandler:N});const I={cursor:Ue(v),touchAction:"none",userSelect:"none"};return ee(s,{children:e,className:n,"data-resize-handle-active":f?"pointer":b?"keyboard":void 0,"data-panel-group-direction":v,"data-panel-group-id":k,"data-panel-resize-handle-enabled":!t,"data-panel-resize-handle-id":g,onBlur:()=>S(!1),onFocus:()=>S(!0),onMouseDown:A=>{m(g,A.nativeEvent);const{onDragging:C}=h.current;C&&C(!0)},onMouseUp:y,onTouchCancel:y,onTouchEnd:y,onTouchStart:A=>{m(g,A.nativeEvent);const{onDragging:C}=h.current;C&&C(!0)},ref:l,role:"separator",style:{...I,...o},tabIndex:0})}Ke.displayName="PanelResizeHandle";const Sn=Xe(["group/container z-10"],{variants:{isHorizontal:{true:"",false:""},size:{none:"",md:"",lg:""}},defaultVariants:{isHorizontal:!1,size:"md"},compoundVariants:[{isHorizontal:!0,size:"none",className:"px-3 -mx-3"},{isHorizontal:!1,size:"none",className:"py-3 -my-3"},{isHorizontal:!0,size:"md",className:"px-3"},{isHorizontal:!1,size:"md",className:"py-3"},{isHorizontal:!0,size:"lg",className:"px-5"},{isHorizontal:!1,size:"lg",className:"py-5"}]});function wn({isHorizontal:e,isCollapsed:n,collapsibleButton:t,togglePanelCollapse:r,noHoverHidden:a,size:o}){const[s,l]=me.useState(!1),h=e?Ze:Ye;return H.jsx(Ke,{className:Sn({isHorizontal:e,size:o}),onDragging:l,children:H.jsx("div",{className:ue("relative bg-gray-45 group-hover/container:bg-hero",e?"h-full w-px":"h-px",a&&!n&&"bg-transparent"),children:t&&H.jsx("button",{type:"button",onClick:r,"data-is-dragging":s,className:ue(["group/button","flex h-6 w-6 cursor-pointer items-center justify-center rounded-full","border-2 border-gray-45 bg-white text-gray-70 group-hover/container:border-hero-dark","hover:bg-hero-dark hover:text-white",e?"absolute left-1/2 top-10 -translate-x-2/4":"absolute left-10 top-1/2 -translate-y-2/4",a&&!n&&"hidden group-hover/container:flex"]),children:H.jsx(h,{className:ue("h-4 w-4 text-gray-45 group-hover/button:!text-white group-hover/container:text-hero-dark",n&&"rotate-180")})})})})}function Pn({panel:e,direction:n,renderResizeHandle:t,collapsibleButton:r,noHoverHidden:a,dividerSize:o,onCollapse:s,...l}){const h=me.useRef(null),[$,p]=me.useState(!1),v=()=>{const k=h.current;k&&(s&&s(!$),$?k.expand():k.collapse())};return H.jsxs(H.Fragment,{children:[H.jsx(_e,{...l,ref:h,onCollapse:p,children:e}),t&&H.jsx(wn,{size:o,noHoverHidden:a,isCollapsed:$,isHorizontal:n==="horizontal",togglePanelCollapse:v,collapsibleButton:r})]})}function se({splitPanels:e,dividerSize:n,onCollapse:t,...r}){const{direction:a}=r;return H.jsx(We,{...r,children:e.map((o,s)=>H.jsx(Pn,{className:"h-full",order:s,renderResizeHandle:s<e.length-1,direction:a,dividerSize:n,onCollapse:t,...o},s))})}try{se.displayName="SplitPanes",se.__docgenInfo={description:"",displayName:"SplitPanes",props:{splitPanels:{defaultValue:null,description:"",name:"splitPanels",required:!0,type:{name:'Omit<SplitPanelProps, "renderResizeHandle" | "direction">[]'}},dividerSize:{defaultValue:null,description:"",name:"dividerSize",required:!1,type:{name:'"lg" | "none" | "md" | null'}},onCollapse:{defaultValue:null,description:"",name:"onCollapse",required:!1,type:{name:"((isCollapsed: boolean) => void)"}},autoSaveId:{defaultValue:null,description:"",name:"autoSaveId",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},direction:{defaultValue:null,description:"",name:"direction",required:!0,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},disablePointerEventsDuringResize:{defaultValue:null,description:"",name:"disablePointerEventsDuringResize",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | null"}},onLayout:{defaultValue:null,description:"",name:"onLayout",required:!1,type:{name:"PanelGroupOnLayout"}},storage:{defaultValue:null,description:"",name:"storage",required:!1,type:{name:"PanelGroupStorage"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},tagName:{defaultValue:null,description:"",name:"tagName",required:!1,type:{name:"ElementType"}}}}}catch{}const Hn={component:se},En=[{panel:H.jsx("div",{style:{whiteSpace:"nowrap"},className:"h-full w-[1000px] bg-success-light",children:"long text here ".repeat(5)},1),defaultSize:10,collapsible:!0,collapsibleButton:!0},{panel:H.jsx("div",{className:"h-full w-[1000px] bg-issue-light",children:"Second"},2),defaultSize:40},{panel:H.jsx("div",{className:"h-full w-[1000px] bg-sui",children:"Third"},3),defaultSize:50}],ve={render:e=>H.jsx("div",{className:"h-[500px] w-[1000px]",children:H.jsx(se,{...e,splitPanels:En})})},re={...ve,args:{direction:"horizontal"}},ae={...ve,args:{direction:"vertical"}},oe={...ve,args:{direction:"horizontal",autoSaveId:"split-panes"}};var Re,Le,ke;re.parameters={...re.parameters,docs:{...(Re=re.parameters)==null?void 0:Re.docs,source:{originalSource:`{
  ...SplitPanesStory,
  args: {
    direction: 'horizontal'
  }
}`,...(ke=(Le=re.parameters)==null?void 0:Le.docs)==null?void 0:ke.source}}};var Ae,Ne,Ce;ae.parameters={...ae.parameters,docs:{...(Ae=ae.parameters)==null?void 0:Ae.docs,source:{originalSource:`{
  ...SplitPanesStory,
  args: {
    direction: 'vertical'
  }
}`,...(Ce=(Ne=ae.parameters)==null?void 0:Ne.docs)==null?void 0:Ce.source}}};var He,Ie,De;oe.parameters={...oe.parameters,docs:{...(He=oe.parameters)==null?void 0:He.docs,source:{originalSource:`{
  ...SplitPanesStory,
  args: {
    direction: 'horizontal',
    autoSaveId: 'split-panes'
  }
}`,...(De=(Ie=oe.parameters)==null?void 0:Ie.docs)==null?void 0:De.source}}};const In=["HorizontalSplitPanes","VerticalSplitPanes","SplitPanesWithStateSaveOnRefresh"];export{re as HorizontalSplitPanes,oe as SplitPanesWithStateSaveOnRefresh,ae as VerticalSplitPanes,In as __namedExportsOrder,Hn as default};