@aiquants/resize-panels 1.3.0 → 1.4.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.
Files changed (4) hide show
  1. package/dist/Panel.d.ts.map +1 -1
  2. package/dist/index.es.js +274 -276
  3. package/dist/index.umd.js +1 -1
  4. package/package.json +1 -1
package/dist/index.umd.js CHANGED
@@ -4,4 +4,4 @@
4
4
  React keys must be passed directly to JSX without using spread:
5
5
  let props = %s;
6
6
  <%s key={someKey} {...props} />`,G,f,z,f),me[f+G]=!0)}if(f=null,O!==void 0&&(o(O),f=""+O),r(B)&&(o(B.key),f=""+B.key),"key"in B){O={};for(var M in B)M!=="key"&&(O[M]=B[M])}else O=B;return f&&d(O,typeof g=="function"?g.displayName||g.name||"Unknown":g),p(g,f,O,n(),pe,ze)}function u(g){c(g)?g._store&&(g._store.validated=1):typeof g=="object"&&g!==null&&g.$$typeof===L&&(g._payload.status==="fulfilled"?c(g._payload.value)&&g._payload.value._store&&(g._payload.value._store.validated=1):g._store&&(g._store.validated=1))}function c(g){return typeof g=="object"&&g!==null&&g.$$typeof===C}var S=h,C=Symbol.for("react.transitional.element"),b=Symbol.for("react.portal"),v=Symbol.for("react.fragment"),P=Symbol.for("react.strict_mode"),k=Symbol.for("react.profiler"),E=Symbol.for("react.consumer"),D=Symbol.for("react.context"),ee=Symbol.for("react.forward_ref"),te=Symbol.for("react.suspense"),le=Symbol.for("react.suspense_list"),w=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),F=Symbol.for("react.activity"),se=Symbol.for("react.client.reference"),Y=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,q=Object.prototype.hasOwnProperty,Z=Array.isArray,X=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(g){return g()}};var y,W={},_=S.react_stack_bottom_frame.bind(S,s)(),ue=X(i(s)),me={};He.Fragment=v,He.jsx=function(g,B,O){var G=1e4>Y.recentlyCreatedOwnerStacks++;return l(g,B,O,!1,G?Error("react-stack-top-frame"):_,G?X(i(g)):ue)},He.jsxs=function(g,B,O){var G=1e4>Y.recentlyCreatedOwnerStacks++;return l(g,B,O,!0,G?Error("react-stack-top-frame"):_,G?X(i(g)):ue)}})()),He}var Ct;function sr(){return Ct||(Ct=1,process.env.NODE_ENV==="production"?Ke.exports=or():Ke.exports=ir()),Ke.exports}var I=sr();const ar=(e,t)=>{const o=new Array(e.length+t.length);for(let i=0;i<e.length;i++)o[i]=e[i];for(let i=0;i<t.length;i++)o[e.length+i]=t[i];return o},lr=(e,t)=>({classGroupId:e,validator:t}),Et=(e=new Map,t=null,o)=>({nextPart:e,validators:t,classGroupId:o}),qe="-",kt=[],cr="arbitrary..",dr=e=>{const t=fr(e),{conflictingClassGroups:o,conflictingClassGroupModifiers:i}=e;return{getClassGroupId:r=>{if(r.startsWith("[")&&r.endsWith("]"))return ur(r);const d=r.split(qe),a=d[0]===""&&d.length>1?1:0;return Mt(d,a,t)},getConflictingClassGroupIds:(r,d)=>{if(d){const a=i[r],p=o[r];return a?p?ar(p,a):a:p||kt}return o[r]||kt}}},Mt=(e,t,o)=>{if(e.length-t===0)return o.classGroupId;const n=e[t],s=o.nextPart.get(n);if(s){const p=Mt(e,t+1,s);if(p)return p}const r=o.validators;if(r===null)return;const d=t===0?e.join(qe):e.slice(t).join(qe),a=r.length;for(let p=0;p<a;p++){const l=r[p];if(l.validator(d))return l.classGroupId}},ur=e=>e.slice(1,-1).indexOf(":")===-1?void 0:(()=>{const t=e.slice(1,-1),o=t.indexOf(":"),i=t.slice(0,o);return i?cr+i:void 0})(),fr=e=>{const{theme:t,classGroups:o}=e;return pr(o,t)},pr=(e,t)=>{const o=Et();for(const i in e){const n=e[i];it(n,o,i,t)}return o},it=(e,t,o,i)=>{const n=e.length;for(let s=0;s<n;s++){const r=e[s];mr(r,t,o,i)}},mr=(e,t,o,i)=>{if(typeof e=="string"){gr(e,t,o);return}if(typeof e=="function"){hr(e,t,o,i);return}xr(e,t,o,i)},gr=(e,t,o)=>{const i=e===""?t:Rt(t,e);i.classGroupId=o},hr=(e,t,o,i)=>{if(zr(e)){it(e(i),t,o,i);return}t.validators===null&&(t.validators=[]),t.validators.push(lr(o,e))},xr=(e,t,o,i)=>{const n=Object.entries(e),s=n.length;for(let r=0;r<s;r++){const[d,a]=n[r];it(a,Rt(t,d),o,i)}},Rt=(e,t)=>{let o=e;const i=t.split(qe),n=i.length;for(let s=0;s<n;s++){const r=i[s];let d=o.nextPart.get(r);d||(d=Et(),o.nextPart.set(r,d)),o=d}return o},zr=e=>"isThemeGetter"in e&&e.isThemeGetter===!0,Sr=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,o=Object.create(null),i=Object.create(null);const n=(s,r)=>{o[s]=r,t++,t>e&&(t=0,i=o,o=Object.create(null))};return{get(s){let r=o[s];if(r!==void 0)return r;if((r=i[s])!==void 0)return n(s,r),r},set(s,r){s in o?o[s]=r:n(s,r)}}},st="!",At=":",br=[],_t=(e,t,o,i,n)=>({modifiers:e,hasImportantModifier:t,baseClassName:o,maybePostfixModifierPosition:i,isExternal:n}),Pr=e=>{const{prefix:t,experimentalParseClassName:o}=e;let i=n=>{const s=[];let r=0,d=0,a=0,p;const l=n.length;for(let b=0;b<l;b++){const v=n[b];if(r===0&&d===0){if(v===At){s.push(n.slice(a,b)),a=b+1;continue}if(v==="/"){p=b;continue}}v==="["?r++:v==="]"?r--:v==="("?d++:v===")"&&d--}const u=s.length===0?n:n.slice(a);let c=u,S=!1;u.endsWith(st)?(c=u.slice(0,-1),S=!0):u.startsWith(st)&&(c=u.slice(1),S=!0);const C=p&&p>a?p-a:void 0;return _t(s,S,c,C)};if(t){const n=t+At,s=i;i=r=>r.startsWith(n)?s(r.slice(n.length)):_t(br,!1,r,void 0,!0)}if(o){const n=i;i=s=>o({className:s,parseClassName:n})}return i},yr=e=>{const t=new Map;return e.orderSensitiveModifiers.forEach((o,i)=>{t.set(o,1e6+i)}),o=>{const i=[];let n=[];for(let s=0;s<o.length;s++){const r=o[s],d=r[0]==="[",a=t.has(r);d||a?(n.length>0&&(n.sort(),i.push(...n),n=[]),i.push(r)):n.push(r)}return n.length>0&&(n.sort(),i.push(...n)),i}},vr=e=>({cache:Sr(e.cacheSize),parseClassName:Pr(e),sortModifiers:yr(e),...dr(e)}),wr=/\s+/,Cr=(e,t)=>{const{parseClassName:o,getClassGroupId:i,getConflictingClassGroupIds:n,sortModifiers:s}=t,r=[],d=e.trim().split(wr);let a="";for(let p=d.length-1;p>=0;p-=1){const l=d[p],{isExternal:u,modifiers:c,hasImportantModifier:S,baseClassName:C,maybePostfixModifierPosition:b}=o(l);if(u){a=l+(a.length>0?" "+a:a);continue}let v=!!b,P=i(v?C.substring(0,b):C);if(!P){if(!v){a=l+(a.length>0?" "+a:a);continue}if(P=i(C),!P){a=l+(a.length>0?" "+a:a);continue}v=!1}const k=c.length===0?"":c.length===1?c[0]:s(c).join(":"),E=S?k+st:k,D=E+P;if(r.indexOf(D)>-1)continue;r.push(D);const ee=n(P,v);for(let te=0;te<ee.length;++te){const le=ee[te];r.push(E+le)}a=l+(a.length>0?" "+a:a)}return a},Er=(...e)=>{let t=0,o,i,n="";for(;t<e.length;)(o=e[t++])&&(i=It(o))&&(n&&(n+=" "),n+=i);return n},It=e=>{if(typeof e=="string")return e;let t,o="";for(let i=0;i<e.length;i++)e[i]&&(t=It(e[i]))&&(o&&(o+=" "),o+=t);return o},kr=(e,...t)=>{let o,i,n,s;const r=a=>{const p=t.reduce((l,u)=>u(l),e());return o=vr(p),i=o.cache.get,n=o.cache.set,s=d,d(a)},d=a=>{const p=i(a);if(p)return p;const l=Cr(a,o);return n(a,l),l};return s=r,(...a)=>s(Er(...a))},Mr=[],xe=e=>{const t=o=>o[e]||Mr;return t.isThemeGetter=!0,t},Bt=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Tt=/^\((?:(\w[\w-]*):)?(.+)\)$/i,Rr=/^\d+\/\d+$/,Ar=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,_r=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,Ir=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,Br=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,Tr=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,Oe=e=>Rr.test(e),K=e=>!!e&&!Number.isNaN(Number(e)),Ae=e=>!!e&&Number.isInteger(Number(e)),at=e=>e.endsWith("%")&&K(e.slice(0,-1)),Ee=e=>Ar.test(e),Nr=()=>!0,Or=e=>_r.test(e)&&!Ir.test(e),Nt=()=>!1,Lr=e=>Br.test(e),Fr=e=>Tr.test(e),jr=e=>!R(e)&&!A(e),Dr=e=>Le(e,Dt,Nt),R=e=>Bt.test(e),Te=e=>Le(e,Gt,Or),lt=e=>Le(e,Vr,K),Ot=e=>Le(e,Ft,Nt),Gr=e=>Le(e,jt,Fr),$e=e=>Le(e,Ht,Lr),A=e=>Tt.test(e),We=e=>Fe(e,Gt),Hr=e=>Fe(e,Yr),Lt=e=>Fe(e,Ft),Wr=e=>Fe(e,Dt),Ur=e=>Fe(e,jt),et=e=>Fe(e,Ht,!0),Le=(e,t,o)=>{const i=Bt.exec(e);return i?i[1]?t(i[1]):o(i[2]):!1},Fe=(e,t,o=!1)=>{const i=Tt.exec(e);return i?i[1]?t(i[1]):o:!1},Ft=e=>e==="position"||e==="percentage",jt=e=>e==="image"||e==="url",Dt=e=>e==="length"||e==="size"||e==="bg-size",Gt=e=>e==="length",Vr=e=>e==="number",Yr=e=>e==="family-name",Ht=e=>e==="shadow",Ue=kr(()=>{const e=xe("color"),t=xe("font"),o=xe("text"),i=xe("font-weight"),n=xe("tracking"),s=xe("leading"),r=xe("breakpoint"),d=xe("container"),a=xe("spacing"),p=xe("radius"),l=xe("shadow"),u=xe("inset-shadow"),c=xe("text-shadow"),S=xe("drop-shadow"),C=xe("blur"),b=xe("perspective"),v=xe("aspect"),P=xe("ease"),k=xe("animate"),E=()=>["auto","avoid","all","avoid-page","page","left","right","column"],D=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],ee=()=>[...D(),A,R],te=()=>["auto","hidden","clip","visible","scroll"],le=()=>["auto","contain","none"],w=()=>[A,R,a],L=()=>[Oe,"full","auto",...w()],F=()=>[Ae,"none","subgrid",A,R],se=()=>["auto",{span:["full",Ae,A,R]},Ae,A,R],Y=()=>[Ae,"auto",A,R],q=()=>["auto","min","max","fr",A,R],Z=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],X=()=>["start","end","center","stretch","center-safe","end-safe"],y=()=>["auto",...w()],W=()=>[Oe,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...w()],_=()=>[e,A,R],ue=()=>[...D(),Lt,Ot,{position:[A,R]}],me=()=>["no-repeat",{repeat:["","x","y","space","round"]}],g=()=>["auto","cover","contain",Wr,Dr,{size:[A,R]}],B=()=>[at,We,Te],O=()=>["","none","full",p,A,R],G=()=>["",K,We,Te],pe=()=>["solid","dashed","dotted","double"],ze=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],f=()=>[K,at,Lt,Ot],z=()=>["","none",C,A,R],M=()=>["none",K,A,R],x=()=>["none",K,A,R],T=()=>[K,A,R],j=()=>[Oe,"full",...w()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[Ee],breakpoint:[Ee],color:[Nr],container:[Ee],"drop-shadow":[Ee],ease:["in","out","in-out"],font:[jr],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[Ee],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[Ee],shadow:[Ee],spacing:["px",K],text:[Ee],"text-shadow":[Ee],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",Oe,R,A,v]}],container:["container"],columns:[{columns:[K,R,A,d]}],"break-after":[{"break-after":E()}],"break-before":[{"break-before":E()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:ee()}],overflow:[{overflow:te()}],"overflow-x":[{"overflow-x":te()}],"overflow-y":[{"overflow-y":te()}],overscroll:[{overscroll:le()}],"overscroll-x":[{"overscroll-x":le()}],"overscroll-y":[{"overscroll-y":le()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:L()}],"inset-x":[{"inset-x":L()}],"inset-y":[{"inset-y":L()}],start:[{start:L()}],end:[{end:L()}],top:[{top:L()}],right:[{right:L()}],bottom:[{bottom:L()}],left:[{left:L()}],visibility:["visible","invisible","collapse"],z:[{z:[Ae,"auto",A,R]}],basis:[{basis:[Oe,"full","auto",d,...w()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[K,Oe,"auto","initial","none",R]}],grow:[{grow:["",K,A,R]}],shrink:[{shrink:["",K,A,R]}],order:[{order:[Ae,"first","last","none",A,R]}],"grid-cols":[{"grid-cols":F()}],"col-start-end":[{col:se()}],"col-start":[{"col-start":Y()}],"col-end":[{"col-end":Y()}],"grid-rows":[{"grid-rows":F()}],"row-start-end":[{row:se()}],"row-start":[{"row-start":Y()}],"row-end":[{"row-end":Y()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":q()}],"auto-rows":[{"auto-rows":q()}],gap:[{gap:w()}],"gap-x":[{"gap-x":w()}],"gap-y":[{"gap-y":w()}],"justify-content":[{justify:[...Z(),"normal"]}],"justify-items":[{"justify-items":[...X(),"normal"]}],"justify-self":[{"justify-self":["auto",...X()]}],"align-content":[{content:["normal",...Z()]}],"align-items":[{items:[...X(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...X(),{baseline:["","last"]}]}],"place-content":[{"place-content":Z()}],"place-items":[{"place-items":[...X(),"baseline"]}],"place-self":[{"place-self":["auto",...X()]}],p:[{p:w()}],px:[{px:w()}],py:[{py:w()}],ps:[{ps:w()}],pe:[{pe:w()}],pt:[{pt:w()}],pr:[{pr:w()}],pb:[{pb:w()}],pl:[{pl:w()}],m:[{m:y()}],mx:[{mx:y()}],my:[{my:y()}],ms:[{ms:y()}],me:[{me:y()}],mt:[{mt:y()}],mr:[{mr:y()}],mb:[{mb:y()}],ml:[{ml:y()}],"space-x":[{"space-x":w()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":w()}],"space-y-reverse":["space-y-reverse"],size:[{size:W()}],w:[{w:[d,"screen",...W()]}],"min-w":[{"min-w":[d,"screen","none",...W()]}],"max-w":[{"max-w":[d,"screen","none","prose",{screen:[r]},...W()]}],h:[{h:["screen","lh",...W()]}],"min-h":[{"min-h":["screen","lh","none",...W()]}],"max-h":[{"max-h":["screen","lh",...W()]}],"font-size":[{text:["base",o,We,Te]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[i,A,lt]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",at,R]}],"font-family":[{font:[Hr,R,t]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[n,A,R]}],"line-clamp":[{"line-clamp":[K,"none",A,lt]}],leading:[{leading:[s,...w()]}],"list-image":[{"list-image":["none",A,R]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",A,R]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:_()}],"text-color":[{text:_()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...pe(),"wavy"]}],"text-decoration-thickness":[{decoration:[K,"from-font","auto",A,Te]}],"text-decoration-color":[{decoration:_()}],"underline-offset":[{"underline-offset":[K,"auto",A,R]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:w()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",A,R]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",A,R]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:ue()}],"bg-repeat":[{bg:me()}],"bg-size":[{bg:g()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},Ae,A,R],radial:["",A,R],conic:[Ae,A,R]},Ur,Gr]}],"bg-color":[{bg:_()}],"gradient-from-pos":[{from:B()}],"gradient-via-pos":[{via:B()}],"gradient-to-pos":[{to:B()}],"gradient-from":[{from:_()}],"gradient-via":[{via:_()}],"gradient-to":[{to:_()}],rounded:[{rounded:O()}],"rounded-s":[{"rounded-s":O()}],"rounded-e":[{"rounded-e":O()}],"rounded-t":[{"rounded-t":O()}],"rounded-r":[{"rounded-r":O()}],"rounded-b":[{"rounded-b":O()}],"rounded-l":[{"rounded-l":O()}],"rounded-ss":[{"rounded-ss":O()}],"rounded-se":[{"rounded-se":O()}],"rounded-ee":[{"rounded-ee":O()}],"rounded-es":[{"rounded-es":O()}],"rounded-tl":[{"rounded-tl":O()}],"rounded-tr":[{"rounded-tr":O()}],"rounded-br":[{"rounded-br":O()}],"rounded-bl":[{"rounded-bl":O()}],"border-w":[{border:G()}],"border-w-x":[{"border-x":G()}],"border-w-y":[{"border-y":G()}],"border-w-s":[{"border-s":G()}],"border-w-e":[{"border-e":G()}],"border-w-t":[{"border-t":G()}],"border-w-r":[{"border-r":G()}],"border-w-b":[{"border-b":G()}],"border-w-l":[{"border-l":G()}],"divide-x":[{"divide-x":G()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":G()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...pe(),"hidden","none"]}],"divide-style":[{divide:[...pe(),"hidden","none"]}],"border-color":[{border:_()}],"border-color-x":[{"border-x":_()}],"border-color-y":[{"border-y":_()}],"border-color-s":[{"border-s":_()}],"border-color-e":[{"border-e":_()}],"border-color-t":[{"border-t":_()}],"border-color-r":[{"border-r":_()}],"border-color-b":[{"border-b":_()}],"border-color-l":[{"border-l":_()}],"divide-color":[{divide:_()}],"outline-style":[{outline:[...pe(),"none","hidden"]}],"outline-offset":[{"outline-offset":[K,A,R]}],"outline-w":[{outline:["",K,We,Te]}],"outline-color":[{outline:_()}],shadow:[{shadow:["","none",l,et,$e]}],"shadow-color":[{shadow:_()}],"inset-shadow":[{"inset-shadow":["none",u,et,$e]}],"inset-shadow-color":[{"inset-shadow":_()}],"ring-w":[{ring:G()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:_()}],"ring-offset-w":[{"ring-offset":[K,Te]}],"ring-offset-color":[{"ring-offset":_()}],"inset-ring-w":[{"inset-ring":G()}],"inset-ring-color":[{"inset-ring":_()}],"text-shadow":[{"text-shadow":["none",c,et,$e]}],"text-shadow-color":[{"text-shadow":_()}],opacity:[{opacity:[K,A,R]}],"mix-blend":[{"mix-blend":[...ze(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":ze()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[K]}],"mask-image-linear-from-pos":[{"mask-linear-from":f()}],"mask-image-linear-to-pos":[{"mask-linear-to":f()}],"mask-image-linear-from-color":[{"mask-linear-from":_()}],"mask-image-linear-to-color":[{"mask-linear-to":_()}],"mask-image-t-from-pos":[{"mask-t-from":f()}],"mask-image-t-to-pos":[{"mask-t-to":f()}],"mask-image-t-from-color":[{"mask-t-from":_()}],"mask-image-t-to-color":[{"mask-t-to":_()}],"mask-image-r-from-pos":[{"mask-r-from":f()}],"mask-image-r-to-pos":[{"mask-r-to":f()}],"mask-image-r-from-color":[{"mask-r-from":_()}],"mask-image-r-to-color":[{"mask-r-to":_()}],"mask-image-b-from-pos":[{"mask-b-from":f()}],"mask-image-b-to-pos":[{"mask-b-to":f()}],"mask-image-b-from-color":[{"mask-b-from":_()}],"mask-image-b-to-color":[{"mask-b-to":_()}],"mask-image-l-from-pos":[{"mask-l-from":f()}],"mask-image-l-to-pos":[{"mask-l-to":f()}],"mask-image-l-from-color":[{"mask-l-from":_()}],"mask-image-l-to-color":[{"mask-l-to":_()}],"mask-image-x-from-pos":[{"mask-x-from":f()}],"mask-image-x-to-pos":[{"mask-x-to":f()}],"mask-image-x-from-color":[{"mask-x-from":_()}],"mask-image-x-to-color":[{"mask-x-to":_()}],"mask-image-y-from-pos":[{"mask-y-from":f()}],"mask-image-y-to-pos":[{"mask-y-to":f()}],"mask-image-y-from-color":[{"mask-y-from":_()}],"mask-image-y-to-color":[{"mask-y-to":_()}],"mask-image-radial":[{"mask-radial":[A,R]}],"mask-image-radial-from-pos":[{"mask-radial-from":f()}],"mask-image-radial-to-pos":[{"mask-radial-to":f()}],"mask-image-radial-from-color":[{"mask-radial-from":_()}],"mask-image-radial-to-color":[{"mask-radial-to":_()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":D()}],"mask-image-conic-pos":[{"mask-conic":[K]}],"mask-image-conic-from-pos":[{"mask-conic-from":f()}],"mask-image-conic-to-pos":[{"mask-conic-to":f()}],"mask-image-conic-from-color":[{"mask-conic-from":_()}],"mask-image-conic-to-color":[{"mask-conic-to":_()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:ue()}],"mask-repeat":[{mask:me()}],"mask-size":[{mask:g()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",A,R]}],filter:[{filter:["","none",A,R]}],blur:[{blur:z()}],brightness:[{brightness:[K,A,R]}],contrast:[{contrast:[K,A,R]}],"drop-shadow":[{"drop-shadow":["","none",S,et,$e]}],"drop-shadow-color":[{"drop-shadow":_()}],grayscale:[{grayscale:["",K,A,R]}],"hue-rotate":[{"hue-rotate":[K,A,R]}],invert:[{invert:["",K,A,R]}],saturate:[{saturate:[K,A,R]}],sepia:[{sepia:["",K,A,R]}],"backdrop-filter":[{"backdrop-filter":["","none",A,R]}],"backdrop-blur":[{"backdrop-blur":z()}],"backdrop-brightness":[{"backdrop-brightness":[K,A,R]}],"backdrop-contrast":[{"backdrop-contrast":[K,A,R]}],"backdrop-grayscale":[{"backdrop-grayscale":["",K,A,R]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[K,A,R]}],"backdrop-invert":[{"backdrop-invert":["",K,A,R]}],"backdrop-opacity":[{"backdrop-opacity":[K,A,R]}],"backdrop-saturate":[{"backdrop-saturate":[K,A,R]}],"backdrop-sepia":[{"backdrop-sepia":["",K,A,R]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":w()}],"border-spacing-x":[{"border-spacing-x":w()}],"border-spacing-y":[{"border-spacing-y":w()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",A,R]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[K,"initial",A,R]}],ease:[{ease:["linear","initial",P,A,R]}],delay:[{delay:[K,A,R]}],animate:[{animate:["none",k,A,R]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[b,A,R]}],"perspective-origin":[{"perspective-origin":ee()}],rotate:[{rotate:M()}],"rotate-x":[{"rotate-x":M()}],"rotate-y":[{"rotate-y":M()}],"rotate-z":[{"rotate-z":M()}],scale:[{scale:x()}],"scale-x":[{"scale-x":x()}],"scale-y":[{"scale-y":x()}],"scale-z":[{"scale-z":x()}],"scale-3d":["scale-3d"],skew:[{skew:T()}],"skew-x":[{"skew-x":T()}],"skew-y":[{"skew-y":T()}],transform:[{transform:[A,R,"","none","gpu","cpu"]}],"transform-origin":[{origin:ee()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:j()}],"translate-x":[{"translate-x":j()}],"translate-y":[{"translate-y":j()}],"translate-z":[{"translate-z":j()}],"translate-none":["translate-none"],accent:[{accent:_()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:_()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",A,R]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":w()}],"scroll-mx":[{"scroll-mx":w()}],"scroll-my":[{"scroll-my":w()}],"scroll-ms":[{"scroll-ms":w()}],"scroll-me":[{"scroll-me":w()}],"scroll-mt":[{"scroll-mt":w()}],"scroll-mr":[{"scroll-mr":w()}],"scroll-mb":[{"scroll-mb":w()}],"scroll-ml":[{"scroll-ml":w()}],"scroll-p":[{"scroll-p":w()}],"scroll-px":[{"scroll-px":w()}],"scroll-py":[{"scroll-py":w()}],"scroll-ps":[{"scroll-ps":w()}],"scroll-pe":[{"scroll-pe":w()}],"scroll-pt":[{"scroll-pt":w()}],"scroll-pr":[{"scroll-pr":w()}],"scroll-pb":[{"scroll-pb":w()}],"scroll-pl":[{"scroll-pl":w()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",A,R]}],fill:[{fill:["none",..._()]}],"stroke-w":[{stroke:[K,We,Te,lt]}],stroke:[{stroke:["none",..._()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}}),Xr=({panel:e,measuredPixelSize:t,measuredPercentageSize:o,containerAxisSize:i,containerLabel:n})=>{const s=e?.size,r=typeof s=="number"&&Number.isFinite(s)?`${s.toFixed(3)}px`:"-",d=e?.percentageSize!==void 0?`${e.percentageSize.toFixed(3)}%`:"-",a=Number.isFinite(t)?`${t.toFixed(3)}px`:"-",p=Number.isFinite(o)?`${o.toFixed(3)}%`:"-",l=Number.isFinite(i)?`${i.toFixed(3)}px`:"-",u=`${r} / ${d}`,c=`${a} / ${p}`,S=e?.sizeUnit==="pixels"?"Fixed":"Flexible",C=[S,`${n}: ${l}`,`size (state): ${u}`,`size (measured): ${c}`];return{stateValueDisplay:u,measuredValueDisplay:c,containerDisplay:l,headlineLabel:S,titleText:C.join(`
7
- `)}},Jr=h.memo(({panel:e,measuredPixelSize:t,measuredPercentageSize:o,containerAxisSize:i,direction:n})=>{const s=n==="horizontal"?"container width":"container height",{stateValueDisplay:r,measuredValueDisplay:d,containerDisplay:a,headlineLabel:p,titleText:l}=h.useMemo(()=>Xr({panel:e,measuredPixelSize:t,measuredPercentageSize:o,containerAxisSize:i,containerLabel:s}),[e,t,o,i,s]),u={position:"absolute",top:"2px",right:"4px",backgroundColor:"rgba(30, 41, 59, 0.6)",color:"#fff",padding:"4px 8px",borderRadius:"6px",fontSize:"11px",fontFamily:"monospace",pointerEvents:"auto",zIndex:10,boxShadow:"0 2px 4px rgba(0,0,0,0.3)",border:"1px solid rgba(255,255,255,0.1)",maxWidth:"calc(100% - 12px)",minWidth:"60px",width:"fit-content",overflow:"hidden"},c={display:"flex",flexDirection:"column",gap:"1px",minWidth:"0",width:"100%"},S={display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"6px",fontSize:"10px",color:"#ccc",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",minWidth:"0",width:"100%"},C={display:"flex",justifyContent:"space-between",alignItems:"center",gap:"6px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",minWidth:"0",width:"100%"},b={marginLeft:"auto",fontVariantNumeric:"tabular-nums",whiteSpace:"nowrap"};return I.jsx("div",{style:u,title:l,children:I.jsxs("div",{style:c,children:[I.jsx("div",{style:S,children:I.jsx("span",{children:p})}),I.jsxs("div",{style:C,children:[I.jsx("span",{children:s}),I.jsx("span",{style:b,children:a})]}),I.jsxs("div",{style:C,children:[I.jsx("span",{children:"size (state)"}),I.jsx("span",{style:b,children:r})]}),I.jsxs("div",{style:C,children:[I.jsx("span",{children:"size (measured)"}),I.jsx("span",{style:b,children:d})]})]})})}),Zr={both:{collapseFromStart:!0,collapseFromEnd:!0},start:{collapseFromStart:!0,collapseFromEnd:!1},end:{collapseFromStart:!1,collapseFromEnd:!0}},Qr=e=>{if(!e)return{collapseFromStart:!1,collapseFromEnd:!1};const t=Zr[e.from];if(!t)throw new Error("Invalid collapsible configuration: unsupported 'from' value");return t},Wt=({ref:e,setState:t,panelIdRef:o,label:i})=>n=>{if(!Number.isFinite(n))return;const s=n<0?0:n;e.current!==s&&(e.current=s,console.debug(`[resize-panels] commit ${i}`,{panelId:o.current,[i]:s}),t(s))},Kr=h.memo(({id:e,defaultSize:t={value:50,unit:"percentage"},minSize:o,maxSize:i,autoMinSize:n,className:s,style:r,children:d,order:a=0,collapsible:p,defaultCollapsed:l=!1,pixelAdjustPriority:u,flexAdjustPriority:c,contentOverflow:S="auto"})=>{const{direction:C,registerPanel:b,unregisterPanel:v,getPanel:P,showDebugInfo:k,isContainerReady:E,reportPanelMeasurement:D,containerSize:ee}=Ye(),te=h.useRef(null),le=h.useId(),w=h.useRef(e||`panel-${le}`),L=h.useMemo(()=>Qr(p),[p]),F=L.collapseFromStart||L.collapseFromEnd,se=h.useMemo(()=>F?L.collapseFromStart?"start":L.collapseFromEnd?"end":null:null,[F,L.collapseFromStart,L.collapseFromEnd]),Y=F&&l,q=h.useMemo(()=>Xe(t),[t]),Z=q?.unit==="pixels",X=Z?void 0:q?.value,y=P(w.current),W=!!y?.collapsed,_=(y?.size??0)<=0,ue=W||_,[me,g]=h.useState(()=>Z&&q?q.value:y?.size!==void 0?y.size:0),[B,O]=h.useState(()=>!Z&&q?q.value:y?.percentageSize!==void 0?y.percentageSize:0),G=h.useRef(B);G.current=B;const pe=h.useRef(me);pe.current=me;const ze=h.useMemo(()=>Wt({ref:pe,setState:g,panelIdRef:w,label:"pixel"}),[]),f=h.useMemo(()=>Wt({ref:G,setState:O,panelIdRef:w,label:"percentage"}),[]),z=h.useCallback(()=>{pe.current!==0&&(pe.current=0,g(0)),G.current!==0&&(G.current=0,O(0))},[]);h.useEffect(()=>{e||console.warn("Panel component should have an explicit 'id' prop to avoid hydration issues. Auto-generated ID may cause SSR/client mismatch.")},[e]),h.useEffect(()=>{if(!E)return;let N=0;if(Z&&q){let re=q.value;o&&typeof o=="object"&&o.unit==="pixels"&&(re=Math.max(re,o.value)),i&&typeof i=="object"&&i.unit==="pixels"&&(re=Math.min(re,i.value)),N=re}const J=Y,ce=J?se:null;l&&!F&&console.warn("Panel defaultCollapsed is ignored because collapsible configuration is not provided.");const ge=F&&J&&Z?N:void 0,oe=F?X:void 0,he=Z?N:void 0,m={id:w.current,size:J?0:N,percentageSize:J?0:X,preferredPercentageSize:X,preferredPixelSize:he,sizeUnit:q?.unit||"percentage",originalPixelSize:Z?N:void 0,minSize:o,maxSize:i,collapseFromStart:L.collapseFromStart,collapseFromEnd:L.collapseFromEnd,collapsedByDirection:ce,collapsed:J,sizeBeforeCollapse:ge,percentageSizeBeforeCollapse:oe,preferredPercentageSizeBeforeCollapse:F?X:void 0,preferredPixelSizeBeforeCollapse:F?he:void 0,pixelAdjustPriority:u,flexAdjustPriority:c,autoMinSize:n};return b(m),()=>{v(w.current),D(w.current,null)}},[n,L.collapseFromEnd,L.collapseFromStart,l,q,c,F,E,Z,i,o,u,se,X,b,D,Y,v]);const M=y?.size??0;h.useEffect(()=>{const N=te.current;if(!N)return;const J=()=>{if(!y)return;const m=N.parentElement;if(!m)return;const H=N.getBoundingClientRect(),re=Re(m,"horizontal"),ie=Re(m,"vertical"),de=C==="horizontal"?H.width:H.height,Pe=C==="horizontal"?re.inner:ie.inner,ke=nt(Pe);if(ue){z();return}const ve=y.size??0,Me=Math.max(2,ke*.5);if(ve>ke&&de<Me){console.debug("[resize-panels] skip noisy measurement",{panelId:w.current,expectedPanelSize:ve,measured:de,noiseThreshold:Me});return}if(de>0){ze(de),Pe>0&&f(de/Pe*100);return}y.size!==void 0&&ze(y.size),y.percentageSize!==void 0?f(y.percentageSize):y.sizeUnit==="pixels"&&y.size!==void 0&&Pe>0&&f(y.size/Pe*100)},ce=new ResizeObserver(()=>{J()});ce.observe(N),J();const ge=[],oe=new MutationObserver(()=>{(()=>{if(!te.current)return!1;const H=te.current.getBoundingClientRect();return(C==="horizontal"?H.width:H.height)!==pe.current})()&&setTimeout(J,0)}),he=N.parentElement;return he&&oe.observe(he,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),()=>{ce.disconnect(),oe.disconnect();for(const m of ge)clearTimeout(m)}},[f,ze,y,C,ue,z]);const x=y?.size,T=y?.percentageSize,j=y?.sizeUnit;h.useEffect(()=>{if(y){if(ue){z();return}if(x!==void 0&&ze(x),T!==void 0)f(T);else if(j==="pixels"&&x!==void 0){const N=te.current,J=N?.parentElement;if(N&&J){const{width:ce,height:ge}=N.getBoundingClientRect(),oe=J.clientWidth,he=J.clientHeight,m=C==="horizontal"?ce:ge,H=C==="horizontal"?oe:he;if(m>0&&H>0){const re=m/H*100;f(re)}}}}},[f,ze,y,T,x,j,C,ue,z]),h.useEffect(()=>{D(w.current,{pixelSize:me,percentageSize:B})},[D,me,B]);const Q=()=>ue?"0px":y?.originalPixelSize!==void 0?`${M}px`:y?.percentageSize!==void 0?`${y.percentageSize}%`:`${M}px`,ne=y?.sizeUnit==="percentage"&&!y?.collapsed?1:0,U={flexBasis:Q(),flexGrow:0,flexShrink:ne,overflow:"hidden",position:"relative",boxSizing:"border-box",minHeight:"0px",minWidth:"0px",...r};C==="horizontal"?(U.height="100%",U.minWidth=0):(U.width="100%",U.minHeight=0),ue&&(C==="horizontal"?(U.width="0px",U.minWidth="0px"):(U.height="0px",U.minHeight="0px"),U.flexGrow=0,U.flexShrink=0,U.pointerEvents="none",U.visibility="hidden",W&&(U.display="none"));const V=C==="horizontal"?ee.width:ee.height,$=h.useMemo(()=>({position:"absolute",inset:"0px",overflow:S,display:"flex",flexDirection:"column",width:"100%",height:"100%",minWidth:"0px",minHeight:"0px"}),[S]);return I.jsxs("div",{ref:te,className:Ue("panel",s),style:U,"data-panel-id":w.current,"data-panel-size":M,"data-panel-size-unit":y?.sizeUnit||"percentage","data-panel-pixel-size":y?.sizeUnit==="pixels"?y?.originalPixelSize:null,"data-panel-order":a,"data-panel-collapsible":F,"data-panel-collapse-start":L.collapseFromStart,"data-panel-collapse-end":L.collapseFromEnd,"data-panel-collapsed":y?.collapsed,"aria-hidden":ue,children:[I.jsx("div",{style:$,children:d}),k&&I.jsx(Jr,{panel:y,measuredPixelSize:me,measuredPercentageSize:B,containerAxisSize:V,direction:C})]})}),qr=e=>JSON.stringify(e.map(t=>({id:t.id,size:t.size,percentageSize:t.percentageSize??null,preferredPercentageSize:t.preferredPercentageSize??null,preferredPixelSize:t.preferredPixelSize??null,sizeUnit:t.sizeUnit,originalPixelSize:t.originalPixelSize??null,minSize:t.minSize??null,maxSize:t.maxSize??null,autoMinSize:t.autoMinSize??null,collapseFromStart:t.collapseFromStart,collapseFromEnd:t.collapseFromEnd,collapsedByDirection:t.collapsedByDirection??null,collapsed:t.collapsed??!1,sizeBeforeCollapse:t.sizeBeforeCollapse??null,preferredPercentageSizeBeforeCollapse:t.preferredPercentageSizeBeforeCollapse??null,preferredPixelSizeBeforeCollapse:t.preferredPixelSizeBeforeCollapse??null,measuredPixelSizeBeforeCollapse:t.measuredPixelSizeBeforeCollapse??null,pixelAdjustPriority:t.pixelAdjustPriority??null,flexAdjustPriority:t.flexAdjustPriority??null,measuredPixelSize:t.measuredPixelSize??null,measuredPercentageSize:t.measuredPercentageSize??null}))),$r=e=>JSON.stringify(e.map(t=>({id:t.id,thickness:t.thickness,visible:t.visible,direction:t.direction,startPanelId:t.startPanelId??null,endPanelId:t.endPanelId??null}))),Ce=(()=>{const e=new Set,t=new Map,o=new Set;let i=null,n=0,s=!0,r=[],d={ownerId:null,groups:r};const a=()=>{for(const P of e)P()},p=()=>{s=!0,a()},l=()=>{const P=i;if(P&&o.has(P))return!1;i=null;const k=o.values().next();return k.done||(i=k.value),P!==i};return{subscribe:P=>(e.add(P),()=>{e.delete(P)}),getSnapshot:()=>(l()&&(s=!0),s&&(r=Array.from(t.values()).sort((k,E)=>k.index-E.index).map(({serializedPanels:k,serializedHandles:E,...D})=>D),d={ownerId:i,groups:r},s=!1),d),getOwnerId:()=>(l()&&(s=!0),i),enableGroup:P=>{const k=o.size;o.add(P),o.size!==k&&l()&&p()},disableGroup:P=>{o.delete(P)&&l()&&p()},updateGroup:(P,k)=>{const E=t.get(P),D=E?.index??n++,ee=qr(k.panels),te=$r(k.handles),le=E?.displayName!==k.displayName,w=E?.direction!==k.direction,L=E?E.containerSize.width!==k.containerSize.width||E.containerSize.height!==k.containerSize.height:!0;let F=E?.serializedPanels!==ee;if(!F&&E)if(E.panels.length!==k.panels.length)F=!0;else for(let X=0;X<k.panels.length;X+=1){const y=E.panels[X],W=k.panels[X];if(!(y&&W)){F=!0;break}if(y.id!==W.id||y.size!==W.size||y.percentageSize!==W.percentageSize||y.collapsed!==W.collapsed||y.measuredPixelSize!==W.measuredPixelSize||y.measuredPercentageSize!==W.measuredPercentageSize){F=!0;break}}let se=E?.serializedHandles!==te;if(!se&&E)if(E.handles.length!==k.handles.length)se=!0;else for(let X=0;X<k.handles.length;X+=1){const y=E.handles[X],W=k.handles[X];if(!(y&&W)){se=!0;break}if(y.id!==W.id||y.thickness!==W.thickness||y.visible!==W.visible||y.direction!==W.direction||y.startPanelId!==W.startPanelId||y.endPanelId!==W.endPanelId){se=!0;break}}if(!E&&k.panels.length===0&&k.handles.length===0||E&&!le&&!w&&!L&&!F&&!se)return;const Y=k.panels.map(X=>({...X})),q=k.handles.map(X=>({...X})),Z={...k.containerSize};t.set(P,{groupId:P,displayName:k.displayName,direction:k.direction,containerSize:Z,panels:Y,handles:q,index:D,serializedPanels:ee,serializedHandles:te}),p()},removeGroup:P=>{const k=t.delete(P),E=o.delete(P),D=l();(k||E||D)&&p()}}})(),en=()=>h.useSyncExternalStore(Ce.subscribe,Ce.getOwnerId,Ce.getOwnerId),tn=()=>h.useSyncExternalStore(Ce.subscribe,Ce.getSnapshot,Ce.getSnapshot),rn=e=>{Ce.enableGroup(e)},Ut=e=>{Ce.disableGroup(e)},nn=(e,t)=>{Ce.updateGroup(e,t)},Vt=e=>{Ce.removeGroup(e)};let Yt=0;const on=()=>(Yt+=1,`panel-group-${Yt}`),je=(e,t)=>typeof e!="number"||!Number.isFinite(e)?"—":`${(e<0?0:e).toFixed(8)}${t}`,sn={position:"fixed",left:"50%",bottom:"20px",transform:"translate(-50%, 0)",zIndex:100,maxWidth:"min(90vw, 1120px)",width:"100%",borderRadius:"14px",backgroundColor:"rgba(15, 23, 42, 0.72)",color:"#e2e8f0",fontFamily:"monospace",fontSize:"11px",lineHeight:1.6,boxShadow:"0 22px 45px rgba(15,23,42,0.45)",border:"1px solid rgba(148, 163, 184, 0.22)",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",pointerEvents:"auto",overflow:"auto"},an={display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:"12px"},ln={display:"flex",flexDirection:"column",gap:"4px"},cn={padding:"6px 10px",borderRadius:"9999px",border:"1px solid rgba(148, 163, 184, 0.35)",color:"#e2e8f0",fontWeight:600,fontSize:"10px",letterSpacing:"0.03em",textTransform:"uppercase",cursor:"pointer",transition:"background-color 0.18s ease, border-color 0.18s ease"},dn={padding:"10px 12px",borderRadius:"10px",backgroundColor:"rgba(30, 41, 59, 0.55)",border:"1px solid rgba(148, 163, 184, 0.18)",display:"flex",flexDirection:"column",gap:"10px"},un={padding:"8px 10px",borderRadius:"8px",backgroundColor:"rgba(15, 23, 42, 0.55)",border:"1px solid rgba(148, 163, 184, 0.16)",display:"flex",flexDirection:"column",gap:"4px"},Xt={display:"flex",justifyContent:"space-between",alignItems:"center",gap:"6px"},fn={display:"grid",gridTemplateColumns:"auto 1fr",gap:"2px 10px",color:"#e2e8f0"},pn={padding:"2px 6px",borderRadius:"9999px",fontSize:"10px",textTransform:"uppercase"},mn=e=>{const t=e.reason==="minimum-exceeded",o=t?"Layout unavailable: minimum panel sizes exceed the container.":"Layout unavailable: panels cannot fill the container with their maximum sizes.",i=t?`Min required: ${Math.ceil(e.totalMinimumSize??0)}px | Available: ${Math.floor(e.availableContainerSize)}px`:`Max total: ${Math.floor(e.totalMaximumSize??0)}px | Needed: ${Math.floor(e.availableContainerSize)}px`;return{summary:o,detail:i}},gn=(e,t)=>{let o=!1;const i=e.map(n=>{const s=t[n.id];return!s||n.measuredPixelSize===s.pixelSize&&n.measuredPercentageSize===s.percentageSize?n:(o=!0,{...n,measuredPixelSize:s.pixelSize,measuredPercentageSize:s.percentageSize})});return o?i:e},Jt=(e,t,o)=>{const i=Re(e,"horizontal"),n=Re(e,"vertical"),s=e.getBoundingClientRect(),r=i.inner>0?i.inner:t??s.width,d=n.inner>0?n.inner:o??s.height;return{width:r,height:d}},hn=e=>{const{id:t,className:o,style:i,children:n,direction:s}=e,{groupRef:r,contextValue:d,groupStyle:a}=yt(e),[p,l]=h.useState({width:0,height:0}),u=d.layoutConstraintViolation,c=!!u,S=h.useMemo(()=>{if(!u)return null;const{summary:Y,detail:q}=mn(u);return I.jsxs("div",{className:"flex w-full flex-1 flex-col items-center justify-center gap-2 rounded-lg border border-slate-300 border-dashed bg-slate-100/70 px-6 py-8 text-center text-slate-600 text-sm dark:border-slate-600 dark:bg-slate-800/50 dark:text-slate-200","data-panel-group-placeholder":"constraint-violation",children:[I.jsx("span",{children:Y}),I.jsx("span",{className:"text-slate-500 text-xs dark:text-slate-400",children:q})]})},[u]),b=h.useRef(t??on()).current,v=t??b,P=d.showDebugInfo&&d.panels.length>0,k=P?d.panels:[],E=P?d.panelMeasurements:{},D=h.useMemo(()=>{if(!P)return[];const Y=Object.values(d.handleMeasurements);return Y.length<=1?Y:Y.slice().sort((q,Z)=>q.id.localeCompare(Z.id))},[d.handleMeasurements,P]),ee=d.containerSize,te=p.width>0?p.width:ee.width,le=p.height>0?p.height:ee.height,w=en(),L=P&&w===b;h.useLayoutEffect(()=>{if(!P){l({width:0,height:0});return}if(typeof window>"u"||typeof ResizeObserver>"u")return;const Y=r.current;if(!Y)return;const q=X=>{l(y=>y.width===X.width&&y.height===X.height?y:X)},Z=new ResizeObserver(X=>{for(const y of X){if(y.target!==Y)continue;const W=Jt(Y,y.contentRect.width,y.contentRect.height);q(W)}});return Z.observe(Y),q(Jt(Y)),()=>{Z.disconnect()}},[r,P]);const F=h.useMemo(()=>gn(k,E),[k,E]);h.useEffect(()=>{if(!P){Ut(b),Vt(b);return}return rn(b),()=>{Ut(b),Vt(b)}},[P,b]),h.useEffect(()=>{P&&nn(b,{displayName:v,direction:s,containerSize:{width:te,height:le},panels:F,handles:D})},[P,b,v,s,te,le,F,D]);const se=h.useMemo(()=>{const Y={...a,...i};return Y.position||(Y.position="relative"),Y},[a,i]);return I.jsxs(rt.Provider,{value:d,children:[I.jsxs("div",{ref:r,className:Ue("panel-group",s==="horizontal"?"flex-row":"flex-col",o),style:se,"data-panel-group-id":t,"data-panel-group-direction":s,children:[n,c&&S?I.jsx("div",{className:"pointer-events-auto",style:{position:"absolute",inset:0,zIndex:40,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(248, 250, 252, 0.82)",backdropFilter:"blur(2px)"},children:S}):null]}),L&&I.jsx(xn,{})]})},xn=()=>{const t=tn().groups,[o,i]=h.useState(!0);if(t.length===0||typeof document>"u")return null;const n=t.reduce((a,p)=>a+p.panels.length,0),s=t.reduce((a,p)=>a+(p.handles?.length??0),0),r=()=>i(a=>!a),d=I.jsxs("div",{style:{...sn,padding:o?"10px 18px":"14px 18px",maxHeight:o?"52px":"min(65vh, 520px)",transition:"max-height 0.24s ease, padding 0.24s ease"},children:[I.jsxs("div",{style:{...an,marginBottom:o?0:"12px"},children:[I.jsxs("div",{style:ln,children:[I.jsx("span",{style:{fontWeight:700,fontSize:"12px",letterSpacing:"0.03em"},children:"Panel Overview"}),I.jsxs("span",{style:{color:"#cbd5f5"},children:["groups: ",t.length," / panels: ",n," / resizers: ",s]})]}),I.jsx("button",{type:"button",onClick:r,style:{...cn,backgroundColor:o?"rgba(59, 130, 246, 0.2)":"rgba(71, 85, 105, 0.45)"},title:o?"Panel Overview を開く":"Panel Overview を閉じる",children:o?"開く":"閉じる"})]}),!o&&I.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"12px",maxHeight:"45vh",overflowY:"auto",paddingRight:"6px"},children:t.map((a,p)=>{const l=a.direction==="horizontal"?a.containerSize.width:a.containerSize.height;return I.jsxs("div",{style:dn,children:[I.jsxs("div",{style:{...Xt,flexWrap:"wrap",gap:"10px",color:"#dbeafe"},children:[I.jsxs("span",{style:{fontWeight:600,fontSize:"11px",letterSpacing:"0.02em",textTransform:"uppercase"},children:["group ",p+1,": ",a.displayName]}),I.jsxs("span",{children:["direction: ",a.direction," / container: ",je(a.containerSize.width,"px")," × ",je(a.containerSize.height,"px")]})]}),I.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:"10px"},children:a.panels.map((u,c)=>{const S=u.measuredPixelSize??u.size,C=u.size,b=je(C,"px"),v=u.percentageSize??(l>0?u.size/l*100:void 0),P=u.measuredPercentageSize!==void 0?u.measuredPercentageSize:l>0?S/l*100:void 0,k=u.collapsed||S<=ut,E=u.collapsed?"collapsed":k?"hidden":"visible",D=je(v,"%"),ee=je(P,"%"),te=je(S,"px");return I.jsxs("div",{style:un,children:[I.jsxs("div",{style:Xt,children:[I.jsx("span",{style:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis"},children:u.id}),I.jsx("span",{style:{...pn,backgroundColor:u.collapsed?"rgba(251, 113, 133, 0.25)":k?"rgba(250, 204, 21, 0.25)":"rgba(74, 222, 128, 0.25)",color:u.collapsed?"#fecdd3":k?"#fef08a":"#bbf7d0"},children:E})]}),I.jsxs("div",{style:fn,children:[I.jsx("span",{children:"size (state):"}),I.jsx("span",{children:b}),I.jsx("span",{children:"size (measured):"}),I.jsx("span",{children:te}),I.jsx("span",{children:"percentage (state):"}),I.jsx("span",{children:D}),I.jsx("span",{children:"percentage (measured):"}),I.jsx("span",{children:ee}),I.jsx("span",{children:"unit:"}),I.jsx("span",{children:u.sizeUnit}),I.jsx("span",{children:"min:"}),I.jsx("span",{children:u.minSize!==void 0?JSON.stringify(u.minSize):"—"}),I.jsx("span",{children:"auto min:"}),I.jsx("span",{children:u.autoMinSize!==void 0?JSON.stringify(u.autoMinSize):"—"}),I.jsx("span",{children:"max:"}),I.jsx("span",{children:u.maxSize!==void 0?JSON.stringify(u.maxSize):"—"}),I.jsx("span",{children:"priority:"}),I.jsx("span",{children:u.pixelAdjustPriority??"—"}),I.jsx("span",{children:"flex priority:"}),I.jsx("span",{children:u.flexAdjustPriority??"—"})]})]},u.id||c)})})]},a.groupId)})})]});return Qt.createPortal(d,document.body)},zn=h.memo(({id:e,disabled:t=!1,className:o,style:i,children:n,onDragging:s})=>{const{direction:r,resizePanels:d,getPanel:a,collapsePanel:p,expandPanel:l,panels:u,reportHandleMeasurement:c,containerSize:S,layoutConstraintViolation:C}=Ye(),[b,v]=h.useState(!1),P=h.useRef(null),k=h.useRef(null),E=h.useRef(""),D=h.useRef(""),[ee,te]=h.useState({left:null,right:null}),le=h.useId(),w=h.useRef(e??`resize-handle-${le}`),L=h.useRef(null),F=e??w.current,se=!!C,Y=t||se;h.useEffect(()=>{if(P.current){const x=P.current.parentElement;if(x){k.current=x;const T=Array.from(x.children),j=P.current,Q=T.indexOf(j);if(Q>0&&Q<T.length-1){let ne=null,U=null;for(let V=Q-1;V>=0;V-=1){const $=T[V];if($.dataset.panelId){ne=$;break}}for(let V=Q+1;V<T.length;V+=1){const $=T[V];if($.dataset.panelId){U=$;break}}E.current=ne?.dataset.panelId||"",D.current=U?.dataset.panelId||"",te({left:E.current||null,right:D.current||null})}}}},[]),h.useEffect(()=>{if(F===w.current)return;const x=w.current;w.current=F,L.current=null,x!==F&&c(x,null)},[c,F]),h.useEffect(()=>{const x=w.current;return()=>{c(x,null)}},[c]);const q=h.useCallback(x=>{if(Y||!k.current)return;x.preventDefault(),x.stopPropagation();const T=k.current,{inner:j}=Re(T,r),Q={x:x.clientX,y:x.clientY},ne=a(E.current),U=a(D.current);if(!(ne&&U))return;const V=ne.size,$=U.size;let N=0;const J=qt;v(!0),s?.(!0),x.currentTarget.setPointerCapture(x.pointerId);const ce=oe=>{if(!P.current)return;oe.preventDefault(),oe.stopPropagation();const he=performance.now();if(he-N<J)return;N=he;const m=r==="horizontal"?oe.clientX-Q.x:oe.clientY-Q.y;if(m===0)return;const H=V+m,re=$-m,ie=a(E.current),de=a(D.current);if(ie&&de&&E.current&&D.current){const Pe=ae(ie.minSize,0,j),ke=ae(de.minSize,0,j),ve=Pe,Me=ke,_e=Math.min(j*pt,mt),we=Math.min(j*$t,er),Ne=de.collapseFromStart,yn=de.collapsedByDirection??"start";if(Ne&&!de.collapsed&&re<=Math.max(ke*.3,_e)){p(D.current,"start");return}const vn=ie.collapseFromEnd,wn=ie.collapsedByDirection??"end";if(vn&&!ie.collapsed&&H<=Math.max(Pe*.3,_e)){p(E.current,"end");return}if(de.collapsed&&re>Math.max(ke*.3,we)){l(D.current,yn,re);return}if(ie.collapsed&&H>Math.max(Pe*.3,we)){l(E.current,wn,H);return}if(j>0){const Zt=ie.size+de.size,tt=nt(j);let ct=!1;if(ve<=tt&&H<=tt&&V!==0){const Ve=Math.max(0,Zt-0);Ve>=Me&&(d(E.current,D.current,0,Ve),ct=!0)}else if(Me<=tt&&re<=tt&&$!==0){const Ve=Math.max(0,Zt-0);Ve>=ve&&(d(E.current,D.current,Ve,0),ct=!0)}if(ct)return}if(ie.collapsed||de.collapsed)return;d(E.current,D.current,H,re)}},ge=()=>{v(!1),s?.(!1),document.removeEventListener("pointermove",ce),document.removeEventListener("pointerup",ge)};document.addEventListener("pointermove",ce),document.addEventListener("pointerup",ge)},[Y,r,d,a,p,l,s]),Z=r==="horizontal",y=Ue("group absolute z-20 flex select-none items-center justify-center border-none bg-transparent transition-colors duration-150 overflow-visible",Z?"cursor-col-resize":"cursor-row-resize",Z?"h-full":"w-full",!Y&&"hover:bg-gray-200/70 dark:hover:bg-gray-700/70",!Y&&"active:bg-blue-300/60 dark:active:bg-blue-700/60",b&&"bg-blue-200/80 dark:bg-blue-800/60",Y&&"cursor-not-allowed opacity-50","focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",o),W=h.useMemo(()=>{const x=T=>{if(!T)return-1;for(let j=0;j<u.length;j+=1)if(u[j].id===T)return j;return-1};return{left:x(ee.left),right:x(ee.right)}},[ee.left,ee.right,u]),_=Z?S.width:S.height,ue=h.useMemo(()=>{const x=(T,j)=>{if(T>j)return 0;let Q=0;for(let ne=T;ne<=j;ne+=1){const U=u[ne];if(!U)continue;const V=U.size??0,$=Math.max(0,V);Q+=U.collapsed?0:$}return Q};return W.left>=0?x(0,W.left):W.right>0?x(0,W.right-1):0},[W.left,W.right,u]),me=h.useMemo(()=>!Number.isFinite(ue)||ue<0?0:_>0&&ue>_?_:ue,[ue,_]),g=h.useMemo(()=>{const x={position:"absolute",zIndex:20,touchAction:"none"};return Z?(x.top=0,x.left=`${me}px`,x.transform="translateX(-50%)",x.width=`${ft}px`,x.height="100%"):(x.left=0,x.top=`${me}px`,x.transform="translateY(-50%)",x.height=`${ft}px`,x.width="100%"),x},[me,Z]),B=h.useMemo(()=>{const x=nt(_),T=J=>{if(J<0||J>=u.length)return!1;const ce=u[J];return ce?ce.collapsed?!0:ce.size<=x:!1},j=(J,ce)=>{if(!T(J))return 0;let ge=0;for(let oe=J;oe>=0&&oe<u.length&&T(oe);oe+=ce)ge+=1;return ge},Q=W.left,ne=W.right,U=Q>=0?j(Q,-1):0,V=ne>=0?j(ne,1):0;return{groupSize:U+V+1,overlapIndex:U}},[W.left,W.right,u,_]),O=h.useMemo(()=>{if(se)return!0;if(B.groupSize<=1)return!1;const x=B.groupSize-1;return B.overlapIndex>0&&B.overlapIndex<x},[B,se]),G=h.useMemo(()=>{if(B.groupSize<=1||O)return 0;const x=B.groupSize>1?2:1;if(x===1)return 0;const T=B.overlapIndex===0?0:x-1,j=(x-1)/2;return(T-j)*Kt},[B,O]),pe=h.useMemo(()=>{if(O)return{display:"none"};if(G!==0)return Z?{transform:`translateX(${G}px)`}:{transform:`translateY(${G}px)`}},[G,Z,O]),ze=Ue("flex items-center justify-center rounded-full bg-white text-slate-700 ring-1 ring-inset ring-white/80 backdrop-blur-sm transition-colors duration-150 shadow-[0_0_0_1px_rgba(255,255,255,0.85),0_1px_3px_rgba(15,23,42,0.18)]","dark:bg-slate-800/95 dark:text-slate-200 dark:ring-slate-500/60 dark:shadow-[0_0_0_1px_rgba(148,163,184,0.45),0_1px_3px_rgba(2,6,23,0.55)]",Z?"h-12 w-[6px] px-[2px]":"h-[6px] w-20 py-[2px]",b&&"bg-blue-200/80 ring-blue-300 shadow-[0_0_0_1px_rgba(191,219,254,0.65),0_1px_4px_rgba(59,130,246,0.45)] dark:bg-blue-900/70 dark:ring-blue-400 dark:shadow-[0_0_0_1px_rgba(147,197,253,0.5),0_1px_4px_rgba(59,130,246,0.55)]"),f=Ue("rounded-full bg-slate-600 transition-colors duration-150 shadow-[0_0_0_1px_rgba(255,255,255,0.9)] dark:bg-slate-200 dark:shadow-[0_0_0_1px_rgba(15,23,42,0.55)]",Z?"h-8 w-[2px]":"h-[2px] w-16",b&&"bg-blue-500 dark:bg-blue-300",!Y&&"group-hover:bg-slate-700 dark:group-hover:bg-slate-100"),z=h.useCallback(()=>{const x=P.current;if(!x)return;let T=0;if(!O){const ne=r==="horizontal"?x.offsetWidth:x.offsetHeight;let U=0,V=0;if(typeof window<"u"){const N=window.getComputedStyle(x);r==="horizontal"?(U=Number.parseFloat(N.marginLeft||"0"),V=Number.parseFloat(N.marginRight||"0")):(U=Number.parseFloat(N.marginTop||"0"),V=Number.parseFloat(N.marginBottom||"0"))}T=[ne,U,V].reduce((N,J)=>Number.isFinite(J)?N+J:N,0)}(!Number.isFinite(T)||T<0)&&(T=0);const j={id:F,thickness:T,direction:r,visible:!O&&T>tr,startPanelId:ee.left,endPanelId:ee.right},Q=L.current;Q&&Math.abs(Q.thickness-j.thickness)<=.25&&Q.visible===j.visible&&Q.direction===j.direction&&Q.startPanelId===j.startPanelId&&Q.endPanelId===j.endPanelId||(L.current=j,c(F,j))},[r,ee.left,ee.right,c,F,O]);h.useEffect(()=>{z()},[z]),h.useEffect(()=>{const x=P.current;if(!x)return;if(typeof ResizeObserver>"u"){z();return}const T=new ResizeObserver(()=>{z()});return T.observe(x),()=>{T.disconnect()}},[z]);const M=h.useMemo(()=>{const x=i?{...g,...i}:g;return O?{...x,display:"none",pointerEvents:"none",visibility:"hidden"}:x},[g,O,i]);return I.jsx("button",{type:"button",ref:P,className:y,style:M,onPointerDown:q,disabled:Y,"aria-hidden":O||void 0,"aria-label":`Resize ${Z?"columns":"rows"} - Drag to collapse/expand panels`,"data-resize-handle-id":F,title:`ドラッグして${Z?"列":"行"}をリサイズ、端まで移動して折りたたみ/展開`,children:n||I.jsx("div",{className:ze,style:pe,children:I.jsx("span",{className:f})})})}),Sn=e=>document.querySelector(`[data-panel-id="${e}"]`),bn=e=>document.querySelector(`[data-panel-group-id="${e}"]`),Pn=e=>document.querySelector(`[data-resize-handle-id="${e}"]`);fe.Panel=Kr,fe.PanelGroup=hn,fe.PanelGroupContext=rt,fe.PanelResizeHandle=zn,fe.clamp=Se,fe.getConstraintInPixels=ae,fe.getContainerSize=Re,fe.getPanelElement=Sn,fe.getPanelGroupElement=bn,fe.getResizeHandleElement=Pn,fe.loadLayout=bt,fe.normalizeSizeConfig=Xe,fe.saveLayout=St,fe.usePanelControls=nr,fe.usePanelGroup=Ye,fe.useResizablePanels=yt,Object.defineProperty(fe,Symbol.toStringTag,{value:"Module"})}));
7
+ `)}},Jr=h.memo(({panel:e,measuredPixelSize:t,measuredPercentageSize:o,containerAxisSize:i,direction:n})=>{const s=n==="horizontal"?"container width":"container height",{stateValueDisplay:r,measuredValueDisplay:d,containerDisplay:a,headlineLabel:p,titleText:l}=h.useMemo(()=>Xr({panel:e,measuredPixelSize:t,measuredPercentageSize:o,containerAxisSize:i,containerLabel:s}),[e,t,o,i,s]),u={position:"absolute",top:"2px",right:"4px",backgroundColor:"rgba(30, 41, 59, 0.6)",color:"#fff",padding:"4px 8px",borderRadius:"6px",fontSize:"11px",fontFamily:"monospace",pointerEvents:"auto",zIndex:10,boxShadow:"0 2px 4px rgba(0,0,0,0.3)",border:"1px solid rgba(255,255,255,0.1)",maxWidth:"calc(100% - 12px)",minWidth:"60px",width:"fit-content",overflow:"hidden"},c={display:"flex",flexDirection:"column",gap:"1px",minWidth:"0",width:"100%"},S={display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"6px",fontSize:"10px",color:"#ccc",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",minWidth:"0",width:"100%"},C={display:"flex",justifyContent:"space-between",alignItems:"center",gap:"6px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",minWidth:"0",width:"100%"},b={marginLeft:"auto",fontVariantNumeric:"tabular-nums",whiteSpace:"nowrap"};return I.jsx("div",{style:u,title:l,children:I.jsxs("div",{style:c,children:[I.jsx("div",{style:S,children:I.jsx("span",{children:p})}),I.jsxs("div",{style:C,children:[I.jsx("span",{children:s}),I.jsx("span",{style:b,children:a})]}),I.jsxs("div",{style:C,children:[I.jsx("span",{children:"size (state)"}),I.jsx("span",{style:b,children:r})]}),I.jsxs("div",{style:C,children:[I.jsx("span",{children:"size (measured)"}),I.jsx("span",{style:b,children:d})]})]})})}),Zr={both:{collapseFromStart:!0,collapseFromEnd:!0},start:{collapseFromStart:!0,collapseFromEnd:!1},end:{collapseFromStart:!1,collapseFromEnd:!0}},Qr=e=>{if(!e)return{collapseFromStart:!1,collapseFromEnd:!1};const t=Zr[e.from];if(!t)throw new Error("Invalid collapsible configuration: unsupported 'from' value");return t},Wt=({ref:e,setState:t,panelIdRef:o,label:i})=>n=>{if(!Number.isFinite(n))return;const s=n<0?0:n;e.current!==s&&(e.current=s,console.debug(`[resize-panels] commit ${i}`,{panelId:o.current,[i]:s}),t(s))},Kr=h.memo(({id:e,defaultSize:t={value:50,unit:"percentage"},minSize:o,maxSize:i,autoMinSize:n,className:s,style:r,children:d,order:a=0,collapsible:p,defaultCollapsed:l=!1,pixelAdjustPriority:u,flexAdjustPriority:c,contentOverflow:S="auto"})=>{const{direction:C,registerPanel:b,unregisterPanel:v,getPanel:P,showDebugInfo:k,isContainerReady:E,reportPanelMeasurement:D,containerSize:ee}=Ye(),te=h.useRef(null),le=h.useId(),w=h.useRef(e||`panel-${le}`),L=h.useMemo(()=>Qr(p),[p]),F=L.collapseFromStart||L.collapseFromEnd,se=h.useMemo(()=>F?L.collapseFromStart?"start":L.collapseFromEnd?"end":null:null,[F,L.collapseFromStart,L.collapseFromEnd]),Y=F&&l,q=h.useMemo(()=>Xe(t),[t]),Z=q?.unit==="pixels",X=Z?void 0:q?.value,y=P(w.current),W=!!y?.collapsed,_=(y?.size??0)<=0,ue=W||_,[me,g]=h.useState(()=>Z&&q?q.value:y?.size!==void 0?y.size:0),[B,O]=h.useState(()=>!Z&&q?q.value:y?.percentageSize!==void 0?y.percentageSize:0),G=h.useRef(B);G.current=B;const pe=h.useRef(me);pe.current=me;const ze=h.useMemo(()=>Wt({ref:pe,setState:g,panelIdRef:w,label:"pixel"}),[]),f=h.useMemo(()=>Wt({ref:G,setState:O,panelIdRef:w,label:"percentage"}),[]),z=h.useCallback(()=>{pe.current!==0&&(pe.current=0,g(0)),G.current!==0&&(G.current=0,O(0))},[]);h.useEffect(()=>{if(!E)return;let N=0;if(Z&&q){let re=q.value;o&&typeof o=="object"&&o.unit==="pixels"&&(re=Math.max(re,o.value)),i&&typeof i=="object"&&i.unit==="pixels"&&(re=Math.min(re,i.value)),N=re}const J=Y,ce=J?se:null;l&&!F&&console.warn("Panel defaultCollapsed is ignored because collapsible configuration is not provided.");const ge=F&&J&&Z?N:void 0,oe=F?X:void 0,he=Z?N:void 0,m={id:w.current,size:J?0:N,percentageSize:J?0:X,preferredPercentageSize:X,preferredPixelSize:he,sizeUnit:q?.unit||"percentage",originalPixelSize:Z?N:void 0,minSize:o,maxSize:i,collapseFromStart:L.collapseFromStart,collapseFromEnd:L.collapseFromEnd,collapsedByDirection:ce,collapsed:J,sizeBeforeCollapse:ge,percentageSizeBeforeCollapse:oe,preferredPercentageSizeBeforeCollapse:F?X:void 0,preferredPixelSizeBeforeCollapse:F?he:void 0,pixelAdjustPriority:u,flexAdjustPriority:c,autoMinSize:n};return b(m),()=>{v(w.current),D(w.current,null)}},[n,L.collapseFromEnd,L.collapseFromStart,l,q,c,F,E,Z,i,o,u,se,X,b,D,Y,v]);const M=y?.size??0;h.useEffect(()=>{const N=te.current;if(!N)return;const J=()=>{if(!y)return;const m=N.parentElement;if(!m)return;const H=N.getBoundingClientRect(),re=Re(m,"horizontal"),ie=Re(m,"vertical"),de=C==="horizontal"?H.width:H.height,Pe=C==="horizontal"?re.inner:ie.inner,ke=nt(Pe);if(ue){z();return}const ve=y.size??0,Me=Math.max(2,ke*.5);if(ve>ke&&de<Me){console.debug("[resize-panels] skip noisy measurement",{panelId:w.current,expectedPanelSize:ve,measured:de,noiseThreshold:Me});return}if(de>0){ze(de),Pe>0&&f(de/Pe*100);return}y.size!==void 0&&ze(y.size),y.percentageSize!==void 0?f(y.percentageSize):y.sizeUnit==="pixels"&&y.size!==void 0&&Pe>0&&f(y.size/Pe*100)},ce=new ResizeObserver(()=>{J()});ce.observe(N),J();const ge=[],oe=new MutationObserver(()=>{(()=>{if(!te.current)return!1;const H=te.current.getBoundingClientRect();return(C==="horizontal"?H.width:H.height)!==pe.current})()&&setTimeout(J,0)}),he=N.parentElement;return he&&oe.observe(he,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),()=>{ce.disconnect(),oe.disconnect();for(const m of ge)clearTimeout(m)}},[f,ze,y,C,ue,z]);const x=y?.size,T=y?.percentageSize,j=y?.sizeUnit;h.useEffect(()=>{if(y){if(ue){z();return}if(x!==void 0&&ze(x),T!==void 0)f(T);else if(j==="pixels"&&x!==void 0){const N=te.current,J=N?.parentElement;if(N&&J){const{width:ce,height:ge}=N.getBoundingClientRect(),oe=J.clientWidth,he=J.clientHeight,m=C==="horizontal"?ce:ge,H=C==="horizontal"?oe:he;if(m>0&&H>0){const re=m/H*100;f(re)}}}}},[f,ze,y,T,x,j,C,ue,z]),h.useEffect(()=>{D(w.current,{pixelSize:me,percentageSize:B})},[D,me,B]);const Q=()=>ue?"0px":y?.originalPixelSize!==void 0?`${M}px`:y?.percentageSize!==void 0?`${y.percentageSize}%`:`${M}px`,ne=y?.sizeUnit==="percentage"&&!y?.collapsed?1:0,U={flexBasis:Q(),flexGrow:0,flexShrink:ne,overflow:"hidden",position:"relative",boxSizing:"border-box",minHeight:"0px",minWidth:"0px",...r};C==="horizontal"?(U.height="100%",U.minWidth=0):(U.width="100%",U.minHeight=0),ue&&(C==="horizontal"?(U.width="0px",U.minWidth="0px"):(U.height="0px",U.minHeight="0px"),U.flexGrow=0,U.flexShrink=0,U.pointerEvents="none",U.visibility="hidden",W&&(U.display="none"));const V=C==="horizontal"?ee.width:ee.height,$=h.useMemo(()=>({position:"absolute",inset:"0px",overflow:S,display:"flex",flexDirection:"column",width:"100%",height:"100%",minWidth:"0px",minHeight:"0px"}),[S]);return I.jsxs("div",{ref:te,className:Ue("panel",s),style:U,"data-panel-id":w.current,"data-panel-size":M,"data-panel-size-unit":y?.sizeUnit||"percentage","data-panel-pixel-size":y?.sizeUnit==="pixels"?y?.originalPixelSize:null,"data-panel-order":a,"data-panel-collapsible":F,"data-panel-collapse-start":L.collapseFromStart,"data-panel-collapse-end":L.collapseFromEnd,"data-panel-collapsed":y?.collapsed,"aria-hidden":ue,children:[I.jsx("div",{style:$,children:d}),k&&I.jsx(Jr,{panel:y,measuredPixelSize:me,measuredPercentageSize:B,containerAxisSize:V,direction:C})]})}),qr=e=>JSON.stringify(e.map(t=>({id:t.id,size:t.size,percentageSize:t.percentageSize??null,preferredPercentageSize:t.preferredPercentageSize??null,preferredPixelSize:t.preferredPixelSize??null,sizeUnit:t.sizeUnit,originalPixelSize:t.originalPixelSize??null,minSize:t.minSize??null,maxSize:t.maxSize??null,autoMinSize:t.autoMinSize??null,collapseFromStart:t.collapseFromStart,collapseFromEnd:t.collapseFromEnd,collapsedByDirection:t.collapsedByDirection??null,collapsed:t.collapsed??!1,sizeBeforeCollapse:t.sizeBeforeCollapse??null,preferredPercentageSizeBeforeCollapse:t.preferredPercentageSizeBeforeCollapse??null,preferredPixelSizeBeforeCollapse:t.preferredPixelSizeBeforeCollapse??null,measuredPixelSizeBeforeCollapse:t.measuredPixelSizeBeforeCollapse??null,pixelAdjustPriority:t.pixelAdjustPriority??null,flexAdjustPriority:t.flexAdjustPriority??null,measuredPixelSize:t.measuredPixelSize??null,measuredPercentageSize:t.measuredPercentageSize??null}))),$r=e=>JSON.stringify(e.map(t=>({id:t.id,thickness:t.thickness,visible:t.visible,direction:t.direction,startPanelId:t.startPanelId??null,endPanelId:t.endPanelId??null}))),Ce=(()=>{const e=new Set,t=new Map,o=new Set;let i=null,n=0,s=!0,r=[],d={ownerId:null,groups:r};const a=()=>{for(const P of e)P()},p=()=>{s=!0,a()},l=()=>{const P=i;if(P&&o.has(P))return!1;i=null;const k=o.values().next();return k.done||(i=k.value),P!==i};return{subscribe:P=>(e.add(P),()=>{e.delete(P)}),getSnapshot:()=>(l()&&(s=!0),s&&(r=Array.from(t.values()).sort((k,E)=>k.index-E.index).map(({serializedPanels:k,serializedHandles:E,...D})=>D),d={ownerId:i,groups:r},s=!1),d),getOwnerId:()=>(l()&&(s=!0),i),enableGroup:P=>{const k=o.size;o.add(P),o.size!==k&&l()&&p()},disableGroup:P=>{o.delete(P)&&l()&&p()},updateGroup:(P,k)=>{const E=t.get(P),D=E?.index??n++,ee=qr(k.panels),te=$r(k.handles),le=E?.displayName!==k.displayName,w=E?.direction!==k.direction,L=E?E.containerSize.width!==k.containerSize.width||E.containerSize.height!==k.containerSize.height:!0;let F=E?.serializedPanels!==ee;if(!F&&E)if(E.panels.length!==k.panels.length)F=!0;else for(let X=0;X<k.panels.length;X+=1){const y=E.panels[X],W=k.panels[X];if(!(y&&W)){F=!0;break}if(y.id!==W.id||y.size!==W.size||y.percentageSize!==W.percentageSize||y.collapsed!==W.collapsed||y.measuredPixelSize!==W.measuredPixelSize||y.measuredPercentageSize!==W.measuredPercentageSize){F=!0;break}}let se=E?.serializedHandles!==te;if(!se&&E)if(E.handles.length!==k.handles.length)se=!0;else for(let X=0;X<k.handles.length;X+=1){const y=E.handles[X],W=k.handles[X];if(!(y&&W)){se=!0;break}if(y.id!==W.id||y.thickness!==W.thickness||y.visible!==W.visible||y.direction!==W.direction||y.startPanelId!==W.startPanelId||y.endPanelId!==W.endPanelId){se=!0;break}}if(!E&&k.panels.length===0&&k.handles.length===0||E&&!le&&!w&&!L&&!F&&!se)return;const Y=k.panels.map(X=>({...X})),q=k.handles.map(X=>({...X})),Z={...k.containerSize};t.set(P,{groupId:P,displayName:k.displayName,direction:k.direction,containerSize:Z,panels:Y,handles:q,index:D,serializedPanels:ee,serializedHandles:te}),p()},removeGroup:P=>{const k=t.delete(P),E=o.delete(P),D=l();(k||E||D)&&p()}}})(),en=()=>h.useSyncExternalStore(Ce.subscribe,Ce.getOwnerId,Ce.getOwnerId),tn=()=>h.useSyncExternalStore(Ce.subscribe,Ce.getSnapshot,Ce.getSnapshot),rn=e=>{Ce.enableGroup(e)},Ut=e=>{Ce.disableGroup(e)},nn=(e,t)=>{Ce.updateGroup(e,t)},Vt=e=>{Ce.removeGroup(e)};let Yt=0;const on=()=>(Yt+=1,`panel-group-${Yt}`),je=(e,t)=>typeof e!="number"||!Number.isFinite(e)?"—":`${(e<0?0:e).toFixed(8)}${t}`,sn={position:"fixed",left:"50%",bottom:"20px",transform:"translate(-50%, 0)",zIndex:100,maxWidth:"min(90vw, 1120px)",width:"100%",borderRadius:"14px",backgroundColor:"rgba(15, 23, 42, 0.72)",color:"#e2e8f0",fontFamily:"monospace",fontSize:"11px",lineHeight:1.6,boxShadow:"0 22px 45px rgba(15,23,42,0.45)",border:"1px solid rgba(148, 163, 184, 0.22)",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",pointerEvents:"auto",overflow:"auto"},an={display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:"12px"},ln={display:"flex",flexDirection:"column",gap:"4px"},cn={padding:"6px 10px",borderRadius:"9999px",border:"1px solid rgba(148, 163, 184, 0.35)",color:"#e2e8f0",fontWeight:600,fontSize:"10px",letterSpacing:"0.03em",textTransform:"uppercase",cursor:"pointer",transition:"background-color 0.18s ease, border-color 0.18s ease"},dn={padding:"10px 12px",borderRadius:"10px",backgroundColor:"rgba(30, 41, 59, 0.55)",border:"1px solid rgba(148, 163, 184, 0.18)",display:"flex",flexDirection:"column",gap:"10px"},un={padding:"8px 10px",borderRadius:"8px",backgroundColor:"rgba(15, 23, 42, 0.55)",border:"1px solid rgba(148, 163, 184, 0.16)",display:"flex",flexDirection:"column",gap:"4px"},Xt={display:"flex",justifyContent:"space-between",alignItems:"center",gap:"6px"},fn={display:"grid",gridTemplateColumns:"auto 1fr",gap:"2px 10px",color:"#e2e8f0"},pn={padding:"2px 6px",borderRadius:"9999px",fontSize:"10px",textTransform:"uppercase"},mn=e=>{const t=e.reason==="minimum-exceeded",o=t?"Layout unavailable: minimum panel sizes exceed the container.":"Layout unavailable: panels cannot fill the container with their maximum sizes.",i=t?`Min required: ${Math.ceil(e.totalMinimumSize??0)}px | Available: ${Math.floor(e.availableContainerSize)}px`:`Max total: ${Math.floor(e.totalMaximumSize??0)}px | Needed: ${Math.floor(e.availableContainerSize)}px`;return{summary:o,detail:i}},gn=(e,t)=>{let o=!1;const i=e.map(n=>{const s=t[n.id];return!s||n.measuredPixelSize===s.pixelSize&&n.measuredPercentageSize===s.percentageSize?n:(o=!0,{...n,measuredPixelSize:s.pixelSize,measuredPercentageSize:s.percentageSize})});return o?i:e},Jt=(e,t,o)=>{const i=Re(e,"horizontal"),n=Re(e,"vertical"),s=e.getBoundingClientRect(),r=i.inner>0?i.inner:t??s.width,d=n.inner>0?n.inner:o??s.height;return{width:r,height:d}},hn=e=>{const{id:t,className:o,style:i,children:n,direction:s}=e,{groupRef:r,contextValue:d,groupStyle:a}=yt(e),[p,l]=h.useState({width:0,height:0}),u=d.layoutConstraintViolation,c=!!u,S=h.useMemo(()=>{if(!u)return null;const{summary:Y,detail:q}=mn(u);return I.jsxs("div",{className:"flex w-full flex-1 flex-col items-center justify-center gap-2 rounded-lg border border-slate-300 border-dashed bg-slate-100/70 px-6 py-8 text-center text-slate-600 text-sm dark:border-slate-600 dark:bg-slate-800/50 dark:text-slate-200","data-panel-group-placeholder":"constraint-violation",children:[I.jsx("span",{children:Y}),I.jsx("span",{className:"text-slate-500 text-xs dark:text-slate-400",children:q})]})},[u]),b=h.useRef(t??on()).current,v=t??b,P=d.showDebugInfo&&d.panels.length>0,k=P?d.panels:[],E=P?d.panelMeasurements:{},D=h.useMemo(()=>{if(!P)return[];const Y=Object.values(d.handleMeasurements);return Y.length<=1?Y:Y.slice().sort((q,Z)=>q.id.localeCompare(Z.id))},[d.handleMeasurements,P]),ee=d.containerSize,te=p.width>0?p.width:ee.width,le=p.height>0?p.height:ee.height,w=en(),L=P&&w===b;h.useLayoutEffect(()=>{if(!P){l({width:0,height:0});return}if(typeof window>"u"||typeof ResizeObserver>"u")return;const Y=r.current;if(!Y)return;const q=X=>{l(y=>y.width===X.width&&y.height===X.height?y:X)},Z=new ResizeObserver(X=>{for(const y of X){if(y.target!==Y)continue;const W=Jt(Y,y.contentRect.width,y.contentRect.height);q(W)}});return Z.observe(Y),q(Jt(Y)),()=>{Z.disconnect()}},[r,P]);const F=h.useMemo(()=>gn(k,E),[k,E]);h.useEffect(()=>{if(!P){Ut(b),Vt(b);return}return rn(b),()=>{Ut(b),Vt(b)}},[P,b]),h.useEffect(()=>{P&&nn(b,{displayName:v,direction:s,containerSize:{width:te,height:le},panels:F,handles:D})},[P,b,v,s,te,le,F,D]);const se=h.useMemo(()=>{const Y={...a,...i};return Y.position||(Y.position="relative"),Y},[a,i]);return I.jsxs(rt.Provider,{value:d,children:[I.jsxs("div",{ref:r,className:Ue("panel-group",s==="horizontal"?"flex-row":"flex-col",o),style:se,"data-panel-group-id":t,"data-panel-group-direction":s,children:[n,c&&S?I.jsx("div",{className:"pointer-events-auto",style:{position:"absolute",inset:0,zIndex:40,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(248, 250, 252, 0.82)",backdropFilter:"blur(2px)"},children:S}):null]}),L&&I.jsx(xn,{})]})},xn=()=>{const t=tn().groups,[o,i]=h.useState(!0);if(t.length===0||typeof document>"u")return null;const n=t.reduce((a,p)=>a+p.panels.length,0),s=t.reduce((a,p)=>a+(p.handles?.length??0),0),r=()=>i(a=>!a),d=I.jsxs("div",{style:{...sn,padding:o?"10px 18px":"14px 18px",maxHeight:o?"52px":"min(65vh, 520px)",transition:"max-height 0.24s ease, padding 0.24s ease"},children:[I.jsxs("div",{style:{...an,marginBottom:o?0:"12px"},children:[I.jsxs("div",{style:ln,children:[I.jsx("span",{style:{fontWeight:700,fontSize:"12px",letterSpacing:"0.03em"},children:"Panel Overview"}),I.jsxs("span",{style:{color:"#cbd5f5"},children:["groups: ",t.length," / panels: ",n," / resizers: ",s]})]}),I.jsx("button",{type:"button",onClick:r,style:{...cn,backgroundColor:o?"rgba(59, 130, 246, 0.2)":"rgba(71, 85, 105, 0.45)"},title:o?"Panel Overview を開く":"Panel Overview を閉じる",children:o?"開く":"閉じる"})]}),!o&&I.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"12px",maxHeight:"45vh",overflowY:"auto",paddingRight:"6px"},children:t.map((a,p)=>{const l=a.direction==="horizontal"?a.containerSize.width:a.containerSize.height;return I.jsxs("div",{style:dn,children:[I.jsxs("div",{style:{...Xt,flexWrap:"wrap",gap:"10px",color:"#dbeafe"},children:[I.jsxs("span",{style:{fontWeight:600,fontSize:"11px",letterSpacing:"0.02em",textTransform:"uppercase"},children:["group ",p+1,": ",a.displayName]}),I.jsxs("span",{children:["direction: ",a.direction," / container: ",je(a.containerSize.width,"px")," × ",je(a.containerSize.height,"px")]})]}),I.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:"10px"},children:a.panels.map((u,c)=>{const S=u.measuredPixelSize??u.size,C=u.size,b=je(C,"px"),v=u.percentageSize??(l>0?u.size/l*100:void 0),P=u.measuredPercentageSize!==void 0?u.measuredPercentageSize:l>0?S/l*100:void 0,k=u.collapsed||S<=ut,E=u.collapsed?"collapsed":k?"hidden":"visible",D=je(v,"%"),ee=je(P,"%"),te=je(S,"px");return I.jsxs("div",{style:un,children:[I.jsxs("div",{style:Xt,children:[I.jsx("span",{style:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis"},children:u.id}),I.jsx("span",{style:{...pn,backgroundColor:u.collapsed?"rgba(251, 113, 133, 0.25)":k?"rgba(250, 204, 21, 0.25)":"rgba(74, 222, 128, 0.25)",color:u.collapsed?"#fecdd3":k?"#fef08a":"#bbf7d0"},children:E})]}),I.jsxs("div",{style:fn,children:[I.jsx("span",{children:"size (state):"}),I.jsx("span",{children:b}),I.jsx("span",{children:"size (measured):"}),I.jsx("span",{children:te}),I.jsx("span",{children:"percentage (state):"}),I.jsx("span",{children:D}),I.jsx("span",{children:"percentage (measured):"}),I.jsx("span",{children:ee}),I.jsx("span",{children:"unit:"}),I.jsx("span",{children:u.sizeUnit}),I.jsx("span",{children:"min:"}),I.jsx("span",{children:u.minSize!==void 0?JSON.stringify(u.minSize):"—"}),I.jsx("span",{children:"auto min:"}),I.jsx("span",{children:u.autoMinSize!==void 0?JSON.stringify(u.autoMinSize):"—"}),I.jsx("span",{children:"max:"}),I.jsx("span",{children:u.maxSize!==void 0?JSON.stringify(u.maxSize):"—"}),I.jsx("span",{children:"priority:"}),I.jsx("span",{children:u.pixelAdjustPriority??"—"}),I.jsx("span",{children:"flex priority:"}),I.jsx("span",{children:u.flexAdjustPriority??"—"})]})]},u.id||c)})})]},a.groupId)})})]});return Qt.createPortal(d,document.body)},zn=h.memo(({id:e,disabled:t=!1,className:o,style:i,children:n,onDragging:s})=>{const{direction:r,resizePanels:d,getPanel:a,collapsePanel:p,expandPanel:l,panels:u,reportHandleMeasurement:c,containerSize:S,layoutConstraintViolation:C}=Ye(),[b,v]=h.useState(!1),P=h.useRef(null),k=h.useRef(null),E=h.useRef(""),D=h.useRef(""),[ee,te]=h.useState({left:null,right:null}),le=h.useId(),w=h.useRef(e??`resize-handle-${le}`),L=h.useRef(null),F=e??w.current,se=!!C,Y=t||se;h.useEffect(()=>{if(P.current){const x=P.current.parentElement;if(x){k.current=x;const T=Array.from(x.children),j=P.current,Q=T.indexOf(j);if(Q>0&&Q<T.length-1){let ne=null,U=null;for(let V=Q-1;V>=0;V-=1){const $=T[V];if($.dataset.panelId){ne=$;break}}for(let V=Q+1;V<T.length;V+=1){const $=T[V];if($.dataset.panelId){U=$;break}}E.current=ne?.dataset.panelId||"",D.current=U?.dataset.panelId||"",te({left:E.current||null,right:D.current||null})}}}},[]),h.useEffect(()=>{if(F===w.current)return;const x=w.current;w.current=F,L.current=null,x!==F&&c(x,null)},[c,F]),h.useEffect(()=>{const x=w.current;return()=>{c(x,null)}},[c]);const q=h.useCallback(x=>{if(Y||!k.current)return;x.preventDefault(),x.stopPropagation();const T=k.current,{inner:j}=Re(T,r),Q={x:x.clientX,y:x.clientY},ne=a(E.current),U=a(D.current);if(!(ne&&U))return;const V=ne.size,$=U.size;let N=0;const J=qt;v(!0),s?.(!0),x.currentTarget.setPointerCapture(x.pointerId);const ce=oe=>{if(!P.current)return;oe.preventDefault(),oe.stopPropagation();const he=performance.now();if(he-N<J)return;N=he;const m=r==="horizontal"?oe.clientX-Q.x:oe.clientY-Q.y;if(m===0)return;const H=V+m,re=$-m,ie=a(E.current),de=a(D.current);if(ie&&de&&E.current&&D.current){const Pe=ae(ie.minSize,0,j),ke=ae(de.minSize,0,j),ve=Pe,Me=ke,_e=Math.min(j*pt,mt),we=Math.min(j*$t,er),Ne=de.collapseFromStart,yn=de.collapsedByDirection??"start";if(Ne&&!de.collapsed&&re<=Math.max(ke*.3,_e)){p(D.current,"start");return}const vn=ie.collapseFromEnd,wn=ie.collapsedByDirection??"end";if(vn&&!ie.collapsed&&H<=Math.max(Pe*.3,_e)){p(E.current,"end");return}if(de.collapsed&&re>Math.max(ke*.3,we)){l(D.current,yn,re);return}if(ie.collapsed&&H>Math.max(Pe*.3,we)){l(E.current,wn,H);return}if(j>0){const Zt=ie.size+de.size,tt=nt(j);let ct=!1;if(ve<=tt&&H<=tt&&V!==0){const Ve=Math.max(0,Zt-0);Ve>=Me&&(d(E.current,D.current,0,Ve),ct=!0)}else if(Me<=tt&&re<=tt&&$!==0){const Ve=Math.max(0,Zt-0);Ve>=ve&&(d(E.current,D.current,Ve,0),ct=!0)}if(ct)return}if(ie.collapsed||de.collapsed)return;d(E.current,D.current,H,re)}},ge=()=>{v(!1),s?.(!1),document.removeEventListener("pointermove",ce),document.removeEventListener("pointerup",ge)};document.addEventListener("pointermove",ce),document.addEventListener("pointerup",ge)},[Y,r,d,a,p,l,s]),Z=r==="horizontal",y=Ue("group absolute z-20 flex select-none items-center justify-center border-none bg-transparent transition-colors duration-150 overflow-visible",Z?"cursor-col-resize":"cursor-row-resize",Z?"h-full":"w-full",!Y&&"hover:bg-gray-200/70 dark:hover:bg-gray-700/70",!Y&&"active:bg-blue-300/60 dark:active:bg-blue-700/60",b&&"bg-blue-200/80 dark:bg-blue-800/60",Y&&"cursor-not-allowed opacity-50","focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",o),W=h.useMemo(()=>{const x=T=>{if(!T)return-1;for(let j=0;j<u.length;j+=1)if(u[j].id===T)return j;return-1};return{left:x(ee.left),right:x(ee.right)}},[ee.left,ee.right,u]),_=Z?S.width:S.height,ue=h.useMemo(()=>{const x=(T,j)=>{if(T>j)return 0;let Q=0;for(let ne=T;ne<=j;ne+=1){const U=u[ne];if(!U)continue;const V=U.size??0,$=Math.max(0,V);Q+=U.collapsed?0:$}return Q};return W.left>=0?x(0,W.left):W.right>0?x(0,W.right-1):0},[W.left,W.right,u]),me=h.useMemo(()=>!Number.isFinite(ue)||ue<0?0:_>0&&ue>_?_:ue,[ue,_]),g=h.useMemo(()=>{const x={position:"absolute",zIndex:20,touchAction:"none"};return Z?(x.top=0,x.left=`${me}px`,x.transform="translateX(-50%)",x.width=`${ft}px`,x.height="100%"):(x.left=0,x.top=`${me}px`,x.transform="translateY(-50%)",x.height=`${ft}px`,x.width="100%"),x},[me,Z]),B=h.useMemo(()=>{const x=nt(_),T=J=>{if(J<0||J>=u.length)return!1;const ce=u[J];return ce?ce.collapsed?!0:ce.size<=x:!1},j=(J,ce)=>{if(!T(J))return 0;let ge=0;for(let oe=J;oe>=0&&oe<u.length&&T(oe);oe+=ce)ge+=1;return ge},Q=W.left,ne=W.right,U=Q>=0?j(Q,-1):0,V=ne>=0?j(ne,1):0;return{groupSize:U+V+1,overlapIndex:U}},[W.left,W.right,u,_]),O=h.useMemo(()=>{if(se)return!0;if(B.groupSize<=1)return!1;const x=B.groupSize-1;return B.overlapIndex>0&&B.overlapIndex<x},[B,se]),G=h.useMemo(()=>{if(B.groupSize<=1||O)return 0;const x=B.groupSize>1?2:1;if(x===1)return 0;const T=B.overlapIndex===0?0:x-1,j=(x-1)/2;return(T-j)*Kt},[B,O]),pe=h.useMemo(()=>{if(O)return{display:"none"};if(G!==0)return Z?{transform:`translateX(${G}px)`}:{transform:`translateY(${G}px)`}},[G,Z,O]),ze=Ue("flex items-center justify-center rounded-full bg-white text-slate-700 ring-1 ring-inset ring-white/80 backdrop-blur-sm transition-colors duration-150 shadow-[0_0_0_1px_rgba(255,255,255,0.85),0_1px_3px_rgba(15,23,42,0.18)]","dark:bg-slate-800/95 dark:text-slate-200 dark:ring-slate-500/60 dark:shadow-[0_0_0_1px_rgba(148,163,184,0.45),0_1px_3px_rgba(2,6,23,0.55)]",Z?"h-12 w-[6px] px-[2px]":"h-[6px] w-20 py-[2px]",b&&"bg-blue-200/80 ring-blue-300 shadow-[0_0_0_1px_rgba(191,219,254,0.65),0_1px_4px_rgba(59,130,246,0.45)] dark:bg-blue-900/70 dark:ring-blue-400 dark:shadow-[0_0_0_1px_rgba(147,197,253,0.5),0_1px_4px_rgba(59,130,246,0.55)]"),f=Ue("rounded-full bg-slate-600 transition-colors duration-150 shadow-[0_0_0_1px_rgba(255,255,255,0.9)] dark:bg-slate-200 dark:shadow-[0_0_0_1px_rgba(15,23,42,0.55)]",Z?"h-8 w-[2px]":"h-[2px] w-16",b&&"bg-blue-500 dark:bg-blue-300",!Y&&"group-hover:bg-slate-700 dark:group-hover:bg-slate-100"),z=h.useCallback(()=>{const x=P.current;if(!x)return;let T=0;if(!O){const ne=r==="horizontal"?x.offsetWidth:x.offsetHeight;let U=0,V=0;if(typeof window<"u"){const N=window.getComputedStyle(x);r==="horizontal"?(U=Number.parseFloat(N.marginLeft||"0"),V=Number.parseFloat(N.marginRight||"0")):(U=Number.parseFloat(N.marginTop||"0"),V=Number.parseFloat(N.marginBottom||"0"))}T=[ne,U,V].reduce((N,J)=>Number.isFinite(J)?N+J:N,0)}(!Number.isFinite(T)||T<0)&&(T=0);const j={id:F,thickness:T,direction:r,visible:!O&&T>tr,startPanelId:ee.left,endPanelId:ee.right},Q=L.current;Q&&Math.abs(Q.thickness-j.thickness)<=.25&&Q.visible===j.visible&&Q.direction===j.direction&&Q.startPanelId===j.startPanelId&&Q.endPanelId===j.endPanelId||(L.current=j,c(F,j))},[r,ee.left,ee.right,c,F,O]);h.useEffect(()=>{z()},[z]),h.useEffect(()=>{const x=P.current;if(!x)return;if(typeof ResizeObserver>"u"){z();return}const T=new ResizeObserver(()=>{z()});return T.observe(x),()=>{T.disconnect()}},[z]);const M=h.useMemo(()=>{const x=i?{...g,...i}:g;return O?{...x,display:"none",pointerEvents:"none",visibility:"hidden"}:x},[g,O,i]);return I.jsx("button",{type:"button",ref:P,className:y,style:M,onPointerDown:q,disabled:Y,"aria-hidden":O||void 0,"aria-label":`Resize ${Z?"columns":"rows"} - Drag to collapse/expand panels`,"data-resize-handle-id":F,title:`ドラッグして${Z?"列":"行"}をリサイズ、端まで移動して折りたたみ/展開`,children:n||I.jsx("div",{className:ze,style:pe,children:I.jsx("span",{className:f})})})}),Sn=e=>document.querySelector(`[data-panel-id="${e}"]`),bn=e=>document.querySelector(`[data-panel-group-id="${e}"]`),Pn=e=>document.querySelector(`[data-resize-handle-id="${e}"]`);fe.Panel=Kr,fe.PanelGroup=hn,fe.PanelGroupContext=rt,fe.PanelResizeHandle=zn,fe.clamp=Se,fe.getConstraintInPixels=ae,fe.getContainerSize=Re,fe.getPanelElement=Sn,fe.getPanelGroupElement=bn,fe.getResizeHandleElement=Pn,fe.loadLayout=bt,fe.normalizeSizeConfig=Xe,fe.saveLayout=St,fe.usePanelControls=nr,fe.usePanelGroup=Ye,fe.useResizablePanels=yt,Object.defineProperty(fe,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aiquants/resize-panels",
3
- "version": "1.3.0",
3
+ "version": "1.4.0",
4
4
  "description": "Reusable resizable panel components and utilities for React",
5
5
  "keywords": [
6
6
  "react",